✏️ Editing: 84.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[84],{84:(o,n,e)=>{e.r(n),e.d(n,{default:()=>j});var a=e(7723),i=e(6087),t=e(6427),l=e(5573),c=e(790);const d=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),s=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),r=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})}),x=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),g=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),B=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})}),k=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})}),u=(0,c.jsx)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)(l.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})}),h=(0,c.jsx)(l.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)(l.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})}),_=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),b=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),v=(0,c.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,c.jsx)(l.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),j=(0,i.memo)((({attributes:o,setAttributes:n,device:e,advancedControl:i})=>{const{GkitTabs:l,GkitPanelBody:j,GkitSwitcher:m,GkitChoose:C,GkitSlider:p,GkitRangeUnit:w,GkitBoxShadow:H,GkitColor:I,GkitTypography:S,GkitResponsive:T,GkitBackgrounGroup:V,GkitIconPicker:y,GkitAdvancedUrl:M,GkitAnimation:P,GkitBoxControl:G,GkitBorderControl:A,GkitSelect:z}=window.gutenkit.components,{gkitResponsiveValue:R,useFontFamilyinBlock:W,responsiveHelper:D}=window.gutenkit.helpers;return W([o?.iconBoxTitleTypography,o?.iconBoxDescriptionTypography,o?.iconBoxBtnTypography,o?.iconBoxBadgeTypography]),(0,c.jsx)(l,{type:"top-level",tabs:[{name:"content",title:(0,a.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,a.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,a.__)("Advanced","gutenkit-blocks-addon")}],children:W=>{switch(W.name){case"content":return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(j,{title:(0,a.__)("Icon","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,c.jsx)(m,{label:(0,a.__)("Add Icon?","gutenkit-blocks-addon"),value:o?.iconBoxShowHeaderIcon,onChange:o=>n({iconBoxShowHeaderIcon:o})}),o?.iconBoxShowHeaderIcon&&(0,c.jsx)(y,{label:(0,a.__)("Header Icon","gutenkit-blocks-addon"),value:o?.iconBoxHeaderIcon,onChange:o=>n({iconBoxHeaderIcon:o})})]}),(0,c.jsxs)(j,{title:(0,a.__)("Button","gutenkit-blocks-addon"),children:[(0,c.jsx)(m,{label:(0,a.__)("Enable Button","gutenkit-blocks-addon"),value:o?.iconBoxShowButton,onChange:o=>n({iconBoxShowButton:o})}),o?.iconBoxShowButton?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m,{label:(0,a.__)("Enable Button on Hover","gutenkit-blocks-addon"),value:o?.iconBoxEnableHoverBtn,onChange:o=>n({iconBoxEnableHoverBtn:o})}),(0,c.jsx)(M,{value:o?.iconBoxBtnUrl,onChange:o=>n({iconBoxBtnUrl:o})}),(0,c.jsx)(t.__experimentalDivider,{}),(0,c.jsx)(m,{label:(0,a.__)("Show Icon","gutenkit-blocks-addon"),value:o?.iconBoxShowBtnIcon,onChange:o=>n({iconBoxShowBtnIcon:o})}),o?.iconBoxShowBtnIcon&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(y,{label:(0,a.__)("Choose Icon","gutenkit-blocks-addon"),value:o?.iconBoxBtnIcon,onChange:o=>n({iconBoxBtnIcon:o})}),(0,c.jsx)(C,{label:(0,a.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("After","gutenkit-blocks-addon"),value:"after"},{label:(0,a.__)("Before","gutenkit-blocks-addon"),value:"before"}],onChange:o=>n({iconBoxBtnIconPosition:o}),value:o?.iconBoxBtnIconPosition,isToggle:!1})]})]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m,{label:(0,a.__)("Wrapper Link","gutenkit-blocks-addon"),value:o?.iconBoxShowGlobalLink,onChange:o=>n({iconBoxShowGlobalLink:o})}),o?.iconBoxShowGlobalLink&&(0,c.jsx)(M,{value:o?.iconBoxGlobalLinkUrl,onChange:o=>n({iconBoxGlobalLinkUrl:o})})]})]}),(0,c.jsxs)(j,{title:(0,a.__)("Badge","gutenkit-blocks-addon"),children:[(0,c.jsx)(m,{label:(0,a.__)("Show Badge","gutenkit-blocks-addon"),value:o?.iconBoxShowBadge,onChange:o=>n({iconBoxShowBadge:o})}),o?.iconBoxShowBadge&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(C,{label:(0,a.__)("Vertical Badge Position","gutenkit-blocks-addon"),value:o?.gkitVerticalBadge,options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left"},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right"}],onChange:o=>{n({gkitVerticalBadge:o})},isToggle:!1}),(0,c.jsx)(C,{label:(0,a.__)("Horizontal Badge Position","gutenkit-blocks-addon"),value:o?.gkitHorizontalBadge,options:[{label:(0,a.__)("Top","gutenkit-blocks-addon"),value:"top"},{label:(0,a.__)("Bottom","gutenkit-blocks-addon"),value:"bottom"}],onChange:o=>{n({gkitHorizontalBadge:o})},isToggle:!1}),(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)(o?.gkitVerticalBadge||"Left","gutenkit-blocks-addon"),value:R(o,"gkitVerticalBadgePosition",e),onChange:o=>D("gkitVerticalBadgePosition",o,e,n),units:{px:{min:-1e3,max:1e3,step:1},vw:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)(o?.gkitHorizontalBadge||"Top","gutenkit-blocks-addon"),value:R(o,"gkitHorizontalBadgePosition",e),onChange:o=>D("gkitHorizontalBadgePosition",o,e,n),units:{px:{min:-1e3,max:1e3,step:1},vw:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})})]})]}),(0,c.jsxs)(j,{title:(0,a.__)("Settings","gutenkit-blocks-addon"),children:[(0,c.jsx)(m,{label:(0,a.__)("Enable Hover Water Mark","gutenkit-blocks-addon"),value:o?.iconBoxEnableWaterMark,onChange:o=>n({iconBoxEnableWaterMark:o})}),o?.iconBoxEnableWaterMark&&(0,c.jsx)(y,{label:(0,a.__)("Choose Watermark Icon","gutenkit-blocks-addon"),value:o?.iconBoxWaterMarkIcon,onChange:o=>n({iconBoxWaterMarkIcon:o})}),o?.iconBoxShowHeaderIcon&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(T,{children:(0,c.jsx)(C,{label:(0,a.__)("Header Icon Position","gutenkit-blocks-addon"),value:R(o,"iconBoxHeaderIconPosition",e),options:[{label:(0,a.__)("Top","gutenkit-blocks-addon"),value:"column"},{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"row"},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"row-reverse"}],onChange:o=>D("iconBoxHeaderIconPosition",o,e,n)})}),"column"!==R(o,"iconBoxHeaderIconPosition",e)?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(T,{children:(0,c.jsx)(C,{label:(0,a.__)("Icon Alignment","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Top","gutenkit-blocks-addon"),value:"start",icon:d},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:s},{label:(0,a.__)("Bottom","gutenkit-blocks-addon"),value:"end",icon:r}],onChange:o=>D("iconBoxContentVerticalAlignment",o,e,n),value:R(o,"iconBoxContentVerticalAlignment",e)})}),(0,c.jsx)(t.__experimentalDivider,{})]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(T,{children:(0,c.jsx)(C,{label:(0,a.__)("Icon Alignment","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"start",icon:x},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:s},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"end",icon:g}],onChange:o=>D("iconBoxContentVerticalAlignment",o,e,n),value:R(o,"iconBoxContentVerticalAlignment",e)})}),(0,c.jsx)(t.__experimentalDivider,{})]})]}),(0,c.jsx)(z,{label:(0,a.__)("Title HTML Tag","gutenkit-blocks-addon"),value:o?.iconBoxTitleTag,options:[{label:(0,a.__)("H1","gutenkit-blocks-addon"),value:"h1"},{label:(0,a.__)("H2","gutenkit-blocks-addon"),value:"h2"},{label:(0,a.__)("H3","gutenkit-blocks-addon"),value:"h3"},{label:(0,a.__)("H4","gutenkit-blocks-addon"),value:"h4"},{label:(0,a.__)("H5","gutenkit-blocks-addon"),value:"h5"},{label:(0,a.__)("H6","gutenkit-blocks-addon"),value:"h6"},{label:(0,a.__)("div","gutenkit-blocks-addon"),value:"div"},{label:(0,a.__)("span","gutenkit-blocks-addon"),value:"span"},{label:(0,a.__)("p","gutenkit-blocks-addon"),value:"p"}],onChange:o=>n({iconBoxTitleTag:o}),__nextHasNoMarginBottom:!0})]})]});case"style":return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(j,{title:(0,a.__)("Icon Box Container","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,c.jsx)(m,{label:(0,a.__)("Add Hover Animation","gutenkit-blocks-addon"),value:o?.iconBoxContainerHoverAnimationSwitch,onChange:o=>n({iconBoxContainerHoverAnimationSwitch:o})}),o?.iconBoxContainerHoverAnimationSwitch&&(0,c.jsx)(P,{label:(0,a.__)("Hover Animation","gutenkit-blocks-addon"),value:o?.iconBoxContainerHoverAnimation,onChange:o=>n({iconBoxContainerHoverAnimation:o}),type:"hover-animation"}),(0,c.jsx)(m,{label:(0,a.__)("Add Hover Background Animation","gutenkit-blocks-addon"),help:(0,a.__)("You need to add background from Advanced Tab to use the hover background animation","gutenkit-blocks-addon"),value:o?.iconBoxContainerHoverBackgroundAnimation,onChange:o=>n({iconBoxContainerHoverBackgroundAnimation:o})}),o?.iconBoxContainerHoverBackgroundAnimation&&(0,c.jsx)(C,{label:(0,a.__)("Animation Direction","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left",icon:B},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k},{label:(0,a.__)("Top","gutenkit-blocks-addon"),value:"top",icon:u},{label:(0,a.__)("Bottom","gutenkit-blocks-addon"),value:"bottom",icon:h}],onChange:o=>n({iconBoxContainerHoverHoverDirection:o}),value:o?.iconBoxContainerHoverHoverDirection})]}),(0,c.jsxs)(j,{title:(0,a.__)("Content","gutenkit-blocks-addon"),children:[(0,c.jsx)(T,{children:(0,c.jsx)(C,{label:(0,a.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"start",icon:_},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:b},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"end",icon:v}],value:R(o,"iconBoxContentAlignment",e),onChange:o=>D("iconBoxContentAlignment",o,e,n)})}),(0,c.jsx)(t.__experimentalHeading,{children:(0,a.__)("Title","gutenkit-blocks-addon")}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:R(o,"iconBoxTitleMargin",e),onChange:o=>D("iconBoxTitleMargin",o,e,n)})}),(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxTitleColor,onChange:o=>n({iconBoxTitleColor:o})}),(0,c.jsx)(I,{label:(0,a.__)("Hover Color","gutenkit-blocks-addon"),value:o?.iconBoxTitleHoverColor,onChange:o=>n({iconBoxTitleHoverColor:o})}),(0,c.jsx)(S,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:o?.iconBoxTitleTypography,onChange:o=>n({iconBoxTitleTypography:o})}),(0,c.jsx)(t.__experimentalDivider,{}),(0,c.jsx)(t.__experimentalHeading,{children:(0,a.__)("Description","gutenkit-blocks-addon")}),(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxDescriptionColor,onChange:o=>n({iconBoxDescriptionColor:o})}),(0,c.jsx)(I,{label:(0,a.__)("Hover Color","gutenkit-blocks-addon"),value:o?.iconBoxDescriptionHoverColor,onChange:o=>n({iconBoxDescriptionHoverColor:o})}),(0,c.jsx)(S,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:o?.iconBoxDescriptionTypography,onChange:o=>n({iconBoxDescriptionTypography:o})}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:R(o,"iconBoxDescriptionMargin",e),onChange:o=>D("iconBoxDescriptionMargin",o,e,n)})}),o?.iconBoxEnableWaterMark&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.__experimentalDivider,{}),(0,c.jsx)(t.__experimentalHeading,{children:(0,a.__)("Water Mark","gutenkit-blocks-addon")}),(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxWaterMarkIconColor,onChange:o=>n({iconBoxWaterMarkIconColor:o})}),(0,c.jsx)(T,{children:(0,c.jsx)(p,{label:(0,a.__)("Water Mark Icon Size","gutenkit-blocks-addon"),value:R(o,"iconBoxWaterMarkIconSize",e),onChange:o=>D("iconBoxWaterMarkIconSize",o,e,n),sizeUnits:["px"]})})]})]}),o?.iconBoxShowHeaderIcon&&(0,c.jsxs)(j,{title:(0,a.__)("Icon","gutenkit-blocks-addon"),children:[(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Size","gutenkit-blocks-addon"),value:R(o,"iconBoxIconSize",e),onChange:o=>D("iconBoxIconSize",o,e,n),units:{px:{min:6,max:300,step:1}}})}),(0,c.jsx)(T,{children:(0,c.jsx)(p,{label:(0,a.__)("Rotate","gutenkit-blocks-addon"),value:R(o,"iconBoxIconRotate",e),onChange:o=>D("iconBoxIconRotate",o,e,n),sizeUnits:["deg"],range:{min:0,max:360}})}),(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Vertical Position","gutenkit-blocks-addon"),value:R(o,"iconBoxIconVerticalAlign",e),onChange:o=>D("iconBoxIconVerticalAlign",o,e,n),units:{px:{min:-200,max:200,step:1}}})}),(0,c.jsx)(m,{label:(0,a.__)("Use Height Width?","gutenkit-blocks-addon"),value:o?.useHeightWidthIcon,onChange:o=>n({useHeightWidthIcon:o})}),o.useHeightWidthIcon&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:R(o,"iconWidth",e),onChange:o=>D("iconWidth",o,e,n),units:{px:{min:0,max:200,step:1},rem:{min:0,max:10,step:.1}}})}),(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:R(o,"iconHeight",e),onChange:o=>D("iconHeight",o,e,n),units:{px:{min:0,max:200,step:1},rem:{min:0,max:10,step:.1}}})})]}),(0,c.jsx)(l,{type:"normal",tabs:[{name:"normal",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:i=>"normal"===i.name?(0,c.jsx)(c.Fragment,{children:o?.iconBoxShowHeaderIcon&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxIconColor,onChange:o=>n({iconBoxIconColor:o})}),(0,c.jsx)(V,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:o?.iconBoxIconBackgroundColor,onChange:o=>n({iconBoxIconBackgroundColor:o}),exclude:{video:!0,image:!0}}),(0,c.jsx)(A,{label:(0,a.__)("Border"),onChange:o=>n({iconBoxIconBorder:o}),value:o?.iconBoxIconBorder}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:R(o,"iconBoxIconBorderRadius",e),onChange:o=>D("iconBoxIconBorderRadius",o,e,n)})}),(0,c.jsx)(H,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.iconBoxIconBoxShadow,onChange:o=>n({iconBoxIconBoxShadow:o})})]})}):"hover"===i.name?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxIconHoverColor,onChange:o=>n({iconBoxIconHoverColor:o})}),(0,c.jsx)(V,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:o?.iconBoxIconHoverBackgroundColor,onChange:o=>n({iconBoxIconHoverBackgroundColor:o}),exclude:{video:!0,image:!0}}),(0,c.jsx)(A,{label:(0,a.__)("Border"),onChange:o=>n({iconBoxIconHoverBorder:o}),value:o?.iconBoxIconHoverBorder}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:R(o,"iconBoxIconHoverBorderRadius",e),onChange:o=>D("iconBoxIconHoverBorderRadius",o,e,n)})}),(0,c.jsx)(H,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.iconBoxIconHoverBoxShadow,onChange:o=>n({iconBoxIconHoverBoxShadow:o})})]}):void 0}),(0,c.jsx)(t.__experimentalDivider,{}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:R(o,"iconBoxIconSpacing",e),onChange:o=>D("iconBoxIconSpacing",o,e,n)})}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:R(o,"iconBoxIconPadding",e),onChange:o=>D("iconBoxIconPadding",o,e,n)})})]}),o?.iconBoxShowButton&&(0,c.jsxs)(j,{title:(0,a.__)("Button","gutenkit-blocks-addon"),children:[(0,c.jsx)(S,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:o?.iconBoxBtnTypography,onChange:o=>n({iconBoxBtnTypography:o})}),o?.iconBoxShowBtnIcon&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Icon Size","gutenkit-blocks-addon"),value:R(o,"iconBoxBtnIconSize",e),onChange:o=>D("iconBoxBtnIconSize",o,e,n),units:{px:{min:6,max:300,step:1}}})}),(0,c.jsx)(w,{label:(0,a.__)("Icon Spacing","gutenkit-blocks-addon"),value:o?.iconBoxBtnIconSpacing,onChange:o=>n({iconBoxBtnIconSpacing:o}),units:{px:{min:0,max:300,step:1}}}),(0,c.jsx)(T,{children:(0,c.jsx)(w,{label:(0,a.__)("Move icon Vertically","gutenkit-blocks-addon"),value:R(o,"iconBoxBtnIconVerticalAlign",e),onChange:o=>D("iconBoxBtnIconVerticalAlign",o,e,n),units:{px:{min:-20,max:20,step:1},em:{min:-2,max:2,step:.1}}})})]}),(0,c.jsx)(l,{type:"normal",tabs:[{name:"normal",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:i=>{switch(i.name){case"normal":return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(I,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),value:o?.iconBoxBtnTextColor,onChange:o=>n({iconBoxBtnTextColor:o})}),(0,c.jsx)(V,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:o?.iconBoxBtnBackground,onChange:o=>n({iconBoxBtnBackground:o}),exclude:{video:!0,image:!0}}),(0,c.jsx)(A,{label:(0,a.__)("Border"),onChange:o=>n({iconBoxBtnBorder:o}),value:o?.iconBoxBtnBorder}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:R(o,"iconBoxBtnBorderRadius",e),onChange:o=>D("iconBoxBtnBorderRadius",o,e,n)})}),(0,c.jsx)(H,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.iconBoxBtnBoxShadow,onChange:o=>n({iconBoxBtnBoxShadow:o})})]});case"hover":return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(I,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),value:o?.iconBoxBtnHoverColor,onChange:o=>n({iconBoxBtnHoverColor:o})}),(0,c.jsx)(V,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:o?.iconBoxBtnHoverBackground,onChange:o=>n({iconBoxBtnHoverBackground:o}),exclude:{video:!0,image:!0}}),(0,c.jsx)(A,{label:(0,a.__)("Border"),onChange:o=>n({iconBoxBtnHoverBorder:o}),value:o?.iconBoxBtnHoverBorder}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:R(o,"iconBoxBtnHoverBorderRadius",e),onChange:o=>D("iconBoxBtnHoverBorderRadius",o,e,n)})}),(0,c.jsx)(H,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.iconBoxBtnHoverBoxShadow,onChange:o=>n({iconBoxBtnHoverBoxShadow:o})})]})}}}),(0,c.jsx)(t.__experimentalDivider,{}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:R(o,"iconBoxBtnPadding",e),onChange:o=>D("iconBoxBtnPadding",o,e,n)})}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:R(o,"iconBoxBtnMargin",e),onChange:o=>D("iconBoxBtnMargin",o,e,n)})})]}),o?.iconBoxShowBadge&&(0,c.jsxs)(j,{title:(0,a.__)("Badge","gutenkit-blocks-addon"),children:[(0,c.jsx)(S,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:o?.iconBoxBadgeTypography,onChange:o=>n({iconBoxBadgeTypography:o})}),(0,c.jsx)(I,{label:(0,a.__)("Color","gutenkit-blocks-addon"),value:o?.iconBoxBadgeTextColor,onChange:o=>n({iconBoxBadgeTextColor:o})}),(0,c.jsx)(V,{label:(0,a.__)("Background","gutenkit-blocks-addon"),value:o?.iconBoxBadgeBackground,onChange:o=>n({iconBoxBadgeBackground:o}),exclude:{video:!0,image:!0}}),(0,c.jsx)(A,{label:(0,a.__)("Border"),onChange:o=>n({iconBoxBadgeBorder:o}),value:o?.iconBoxBadgeBorder}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:R(o,"iconBoxBadgeBorderRadius",e),onChange:o=>D("iconBoxBadgeBorderRadius",o,e,n)})}),(0,c.jsx)(H,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:o?.iconBoxBadgeBoxShadow,onChange:o=>n({iconBoxBadgeBoxShadow:o})}),(0,c.jsx)(T,{children:(0,c.jsx)(G,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:R(o,"iconBoxBadgePadding",e),onChange:o=>D("iconBoxBadgePadding",o,e,n)})})]})]});case"advanced":return(0,c.jsx)(c.Fragment,{children:i})}}})}))}}]);

🔐 Sid Gifari File Manager Pro