✏️ Editing: 9242.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[9242],{9242:(e,n,o)=>{o.r(n),o.d(n,{default:()=>b});var a=o(7723),t=o(6087),i=o(6427),l=o(5573),d=o(790);const s=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),r=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),g=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),c=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})}),u=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})}),b=(0,t.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:t})=>{const{GkitBoxShadow:l,GkitColor:b,GkitIconPicker:m,GkitPanelBody:h,GkitResponsive:k,GkitSwitcher:x,GkitTabs:_,GkitTypography:v,GkitBackgrounGroup:p,GkitChoose:j,GkitAdvancedUrl:B,GkitSlider:C,GkitRangeUnit:S,GkitMedia:w,GkitBlockStylePreview:H,GkitBoxControl:y,GkitBorderControl:F,GkitSelect:L}=window.gutenkit.components,{gkitResponsiveValue:T,useFontFamilyinBlock:I,responsiveHelper:G,boxControlUnit:f}=window.gutenkit.helpers;return I([e?.titleTypography,e?.descriptionTypography,e?.buttonTypography]),(0,d.jsx)(_,{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:I=>{switch(I.name){case"content":return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(h,{title:(0,a.__)("Image","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(w,{label:(0,a.__)("Choose Image","gutenkit-blocks-addon"),mediaTypes:["image"],labelBlock:"block",onChange:e=>n({image:e}),value:e?.image,imageSize:!0}),(0,d.jsx)(H,{label:(0,a.__)("Select Style","gutenkit-blocks-addon"),value:e?.imageBoxStyle,options:[{label:(0,a.__)("Simple","gutenkit-blocks-addon"),value:"simple-card",attributes:{imageBoxStyle:"simple-card"}},{label:(0,a.__)("Classic Curves","gutenkit-blocks-addon"),value:"style-modern",attributes:{imageBoxStyle:"style-modern"}},{label:(0,a.__)("Floating box","gutenkit-blocks-addon"),value:"floating-style",attributes:{imageBoxStyle:"floating-style"}},{label:(0,a.__)("Hover Border","gutenkit-blocks-addon"),value:"hover-border-bottom",attributes:{imageBoxStyle:"hover-border-bottom"}},{label:(0,a.__)("Side Line","gutenkit-blocks-addon"),value:"style-sideline",attributes:{imageBoxStyle:"style-sideline"}},{label:(0,a.__)("Shadow Line","gutenkit-blocks-addon"),value:"shadow-line",attributes:{imageBoxStyle:"shadow-line"}}],onChange:e=>n({imageBoxStyle:e})}),(0,d.jsx)(x,{label:(0,a.__)("Enable Link?","gutenkit-blocks-addon"),value:e?.enableLink,onChange:e=>n({enableLink:e})}),e?.enableLink&&(0,d.jsx)(B,{value:e?.websiteLink,onChange:e=>n({websiteLink:e})})]}),(0,d.jsxs)(h,{title:(0,a.__)("Body","gutenkit-blocks-addon"),children:["floating-style"==e?.imageBoxStyle&&(0,d.jsx)(x,{label:(0,a.__)("Add icon?","gutenkit-blocks-addon"),value:e?.frontTitleIconsSwitch,onChange:e=>n({frontTitleIconsSwitch:e})}),"floating-style"==e?.imageBoxStyle&&e?.frontTitleIconsSwitch&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{label:(0,a.__)("Title Icon","gutenkit-blocks-addon"),onChange:e=>n({frontTitleIcons:e}),value:e?.frontTitleIcons}),(0,d.jsx)(L,{label:(0,a.__)("Title Icon Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("After","gutenkit-blocks-addon"),value:"right"},{label:(0,a.__)("Before","gutenkit-blocks-addon"),value:"left"}],value:e?.frontTitleIconPosition,onChange:e=>n({frontTitleIconPosition:e})})]}),(0,d.jsx)(L,{label:(0,a.__)("Title HTML Tag","gutenkit-blocks-addon"),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"}],value:e?.titleSize,onChange:e=>n({titleSize:e})}),(0,d.jsx)(k,{children:(0,d.jsx)(j,{label:(0,a.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left",icon:s},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:r},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right",icon:g}],value:T(e,"contentTextAlign",o),onChange:e=>G("contentTextAlign",e,o,n)})})]}),(0,d.jsxs)(h,{title:(0,a.__)("Button","gutenkit-blocks-addon"),children:[(0,d.jsx)(x,{label:(0,a.__)("Enable Button","gutenkit-blocks-addon"),value:e?.enableBtn,onChange:e=>n({enableBtn:e})}),e?.enableBtn&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(B,{value:e?.btnUrl,onChange:e=>n({btnUrl:e})}),(0,d.jsx)(x,{label:(0,a.__)("Add icon?","gutenkit-blocks-addon"),value:e?.iconsSwitch,onChange:e=>n({iconsSwitch:e})})]}),e?.enableBtn&&e?.iconsSwitch&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(m,{label:(0,a.__)("Icon","gutenkit-blocks-addon"),onChange:e=>n({icons:e}),value:e?.icons}),(0,d.jsx)(L,{label:(0,a.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("After","gutenkit-blocks-addon"),value:"right"},{label:(0,a.__)("Before","gutenkit-blocks-addon"),value:"left"}],value:e?.iconAlign,onChange:e=>n({iconAlign:e})})]})]})]});case"style":return(0,d.jsxs)(d.Fragment,{children:["floating-style"==e?.imageBoxStyle&&(0,d.jsxs)(h,{title:(0,a.__)("Floating Style","gutenkit-blocks-addon"),children:[(0,d.jsx)(_,{type:"normal",tabs:[{name:"normal-tab",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:T(e,"imageFloatingBoxHeight",o),onChange:e=>G("imageFloatingBoxHeight",e,o,n),units:{px:{min:0,max:1e3},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})}),(0,d.jsx)(b,{label:(0,a.__)("Icon Color","gutenkit-blocks-addon"),onChange:e=>n({imageFloatingBoxIconColor:e}),value:e?.imageFloatingBoxIconColor})]}):"hover-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Hover Height","gutenkit-blocks-addon"),value:T(e,"imageFloatingBoxHoverHeight",o),onChange:e=>G("imageFloatingBoxHoverHeight",e,o,n),units:{px:{min:0,max:1e3},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})}),(0,d.jsx)(b,{label:(0,a.__)("Icon Color","gutenkit-blocks-addon"),onChange:e=>n({imageFloatingBoxIconColorHover:e}),value:e?.imageFloatingBoxIconColorHover})]}):void 0}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Icon Font Size","gutenkit-blocks-addon"),value:T(e,"imageFloatingBoxIconFontSize",o),onChange:e=>G("imageFloatingBoxIconFontSize",e,o,n),units:{px:{min:0,max:100},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}}})}),(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Margin Top","gutenkit-blocks-addon"),value:T(e,"imageFloatingBoxMarginTop",o),onChange:e=>G("imageFloatingBoxMarginTop",e,o,n),units:{px:{min:-1e3,max:1e3},rem:{min:-100,max:100},em:{min:-100,max:100}}})}),(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:T(e,"imageFloatingBoxWidth",o),onChange:e=>G("imageFloatingBoxWidth",e,o,n),units:{px:{min:0,max:1e3},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),(0,d.jsx)(p,{onChange:e=>n({imageFloatingBoxBackground:e}),value:e?.imageFloatingBoxBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.imageFloatingBoxShadow,onChange:e=>n({imageFloatingBoxShadow:e})})]}),"style-modern"==e?.imageBoxStyle&&(0,d.jsxs)(h,{title:(0,a.__)("Classic Curves","gutenkit-blocks-addon"),children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:T(e,"imageClassicCurvesWidth",o),onChange:e=>G("imageClassicCurvesWidth",e,o,n),units:{px:{min:0,max:1e3},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),value:T(e,"imageClassicCurvesMargin",o),onChange:e=>G("imageClassicCurvesMargin",e,o,n),units:{px:{min:-1e3,max:1e3},rem:{min:-100,max:100,step:1},em:{min:-100,max:100,step:1}}})})]}),"hover-border-bottom"==e?.imageBoxStyle&&(0,d.jsxs)(h,{title:(0,a.__)("Hover Border Bottom","gutenkit-blocks-addon"),children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Border Bottom Height","gutenkit-blocks-addon"),value:T(e,"borderHoverHeight",o),onChange:e=>G("borderHoverHeight",e,o,n),units:{px:{min:0,max:100},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}}})}),(0,d.jsx)(p,{onChange:e=>n({borderHoverBackground:e}),value:e?.borderHoverBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(j,{label:(0,a.__)("Hover Direction","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left",icon:c},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:r},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right",icon:u}],onChange:e=>n({borderHoverBackgroundDirection:e}),value:e?.borderHoverBackgroundDirection})]}),"style-sideline"==e?.imageBoxStyle&&(0,d.jsx)(h,{title:(0,a.__)("Side Line","gutenkit-blocks-addon"),children:(0,d.jsx)(_,{type:"normal",tabs:[{name:"normal-tab",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(F,{isBox:!1,label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({imageSideLineBorder:e}),value:e?.imageSideLineBorder,withSlider:!0})}):"hover-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(F,{isBox:!1,label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({imageSideLineBorderHover:e}),value:e?.imageSideLineBorderHover,withSlider:!0})}):void 0})}),"shadow-line"==e?.imageBoxStyle&&(0,d.jsx)(h,{title:(0,a.__)("Shadow Line","gutenkit-blocks-addon"),children:(0,d.jsx)(_,{type:"normal",tabs:[{name:"left-tab",title:(0,a.__)("Left Line","gutenkit-blocks-addon")},{name:"right-tab",title:(0,a.__)("Right Line","gutenkit-blocks-addon")}],children:o=>"left-tab"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(S,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:e?.imageShadowLeftLineWidth,onChange:e=>n({imageShadowLeftLineWidth:e}),units:{px:{min:0,max:1e3},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}}}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.imageShadowLeftLineShadow,onChange:e=>n({imageShadowLeftLineShadow:e})}),(0,d.jsx)(p,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({imageShadowLeftLineBackground:e}),value:e?.imageShadowLeftLineBackground,exclude:{video:!0,image:!0}})]}):"right-tab"===o.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(S,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:e?.imageShadowRightLineWidth,onChange:e=>n({imageShadowRightLineWidth:e}),units:{px:{min:0,max:1e3},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}}}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.imageShadowRightLineShadow,onChange:e=>n({imageShadowRightLineShadow:e})}),(0,d.jsx)(p,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({imageShadowRightLineBackground:e}),value:e?.imageShadowRightLineBackground,exclude:{video:!0,image:!0}})]}):void 0})}),e?.image?.url&&(0,d.jsxs)(h,{title:(0,a.__)("Image","gutenkit-blocks-addon"),children:[(0,d.jsx)(C,{label:(0,a.__)("Image Scale On Hover","gutenkit-blocks-addon"),value:e?.imageScaleOnHover,onChange:e=>n({imageScaleOnHover:e}),range:{min:1,max:2,step:.1}}),(0,d.jsx)(x,{label:(0,a.__)("Enable Height & Width?","gutenkit-blocks-addon"),value:e?.enableHeightWidth,onChange:e=>n({enableHeightWidth:e})}),e?.enableHeightWidth&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:T(e,"gkitImageWidth",o),onChange:e=>G("gkitImageWidth",e,o,n),units:{px:{min:1,max:2e3},em:{min:1,max:500,step:1},rem:{min:1,max:500,step:1},"%":{min:1,max:100,step:1}}})}),(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:T(e,"gkitImageHeight",o),onChange:e=>G("gkitImageHeight",e,o,n),units:{px:{min:1,max:2e3},em:{min:1,max:100,step:1},rem:{min:1,max:100,step:1},"%":{min:1,max:100,step:1}}})})]}),(0,d.jsx)(F,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({imageBorder:e}),value:e?.imageBorder,withSlider:!0}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Border radius","gutenkit-blocks-addon"),units:f,values:T(e,"borderRadius",o),onChange:e=>G("borderRadius",e,o,n)})}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:T(e,"padding",o),onChange:e=>G("padding",e,o,n)})}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.imageBoxShadow,onChange:e=>n({imageBoxShadow:e})})]}),(0,d.jsxs)(h,{title:(0,a.__)("Body","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(i.__experimentalHeading,{children:(0,a.__)("General","gutenkit-blocks-addon")}),(0,d.jsx)(F,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({containerBorderGroup:e}),value:e?.containerBorderGroup}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Border radius","gutenkit-blocks-addon"),units:f,values:T(e,"containerBorderRadius",o),onChange:e=>G("containerBorderRadius",e,o,n)})}),(0,d.jsx)(p,{onChange:e=>n({containerBackground:e}),value:e?.containerBackground,exclude:{video:!0,image:!0}}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:T(e,"containerSpacing",o),onChange:e=>G("containerSpacing",e,o,n)})}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.containershadowGroup,onChange:e=>n({containershadowGroup:e})}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(i.__experimentalHeading,{children:(0,a.__)("Title","gutenkit-blocks-addon")}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:T(e,"titleBottomSpace",o),onChange:e=>G("titleBottomSpace",e,o,n)})}),(0,d.jsx)(v,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.titleTypography,onChange:e=>n({titleTypography:e})}),(0,d.jsx)(_,{type:"normal",tabs:[{name:"normal-tab",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(b,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({headingColor:e}),value:e?.headingColor})}):"hover-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(b,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({headingColorHover:e}),value:e?.headingColorHover})}):void 0}),(0,d.jsx)(i.__experimentalDivider,{}),(0,d.jsx)(i.__experimentalHeading,{children:(0,a.__)("Description","gutenkit-blocks-addon")}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:T(e,"descriptionBottomSpace",o),onChange:e=>G("descriptionBottomSpace",e,o,n)})}),(0,d.jsx)(v,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.descriptionTypography,onChange:e=>n({descriptionTypography:e})}),(0,d.jsx)(_,{type:"normal",tabs:[{name:"normal-tab",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(b,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({descriptionColor:e}),value:e?.descriptionColor})}):"hover-tab"===o.name?(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(b,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({descriptionColorHover:e}),value:e?.descriptionColorHover})}):void 0})]}),e?.enableBtn&&(0,d.jsxs)(h,{title:(0,a.__)("Button","gutenkit-blocks-addon"),children:[(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:T(e,"textPadding",o),onChange:e=>G("textPadding",e,o,n)})}),(0,d.jsx)(v,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.buttonTypography,onChange:e=>n({buttonTypography:e})}),e?.iconsSwitch&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(k,{children:(0,d.jsx)(S,{label:(0,a.__)("Icon Size","gutenkit-blocks-addon"),value:T(e,"btnIconFontSize",o),onChange:e=>G("btnIconFontSize",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})}),(0,d.jsx)(S,{label:(0,a.__)("Icon Spacing","gutenkit-blocks-addon"),value:e?.btnIconSpacing,onChange:e=>n({btnIconSpacing:e}),units:{px:{min:0,max:100},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})]}),(0,d.jsx)(_,{type:"normal",tabs:[{name:"normal-tab",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),onChange:e=>n({buttonTextColor:e}),value:e?.buttonTextColor}),(0,d.jsx)(p,{onChange:e=>n({btnBackgroundGroup:e}),value:e?.btnBackgroundGroup,exclude:{video:!0,image:!0}}),(0,d.jsx)(F,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({buttonBorder:e}),value:e?.buttonBorder}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),units:f,values:T(e,"btnBorderRadius",o),onChange:e=>G("btnBorderRadius",e,o,n)})}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.buttonBoxShadow,onChange:e=>n({buttonBoxShadow:e})})]}):"hover-tab"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(b,{label:(0,a.__)("Text Color","gutenkit-blocks-addon"),onChange:e=>n({btnHoverColor:e}),value:e?.btnHoverColor}),(0,d.jsx)(p,{onChange:e=>n({btnBackgroundHoverGroup:e}),value:e?.btnBackgroundHoverGroup,exclude:{video:!0,image:!0}}),(0,d.jsx)(F,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({buttonBorderHover:e}),value:e?.buttonBorderHover}),(0,d.jsx)(k,{children:(0,d.jsx)(y,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),units:f,values:T(e,"btnHoverBorderRadius",o),onChange:e=>G("btnHoverBorderRadius",e,o,n)})}),(0,d.jsx)(l,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.buttonBoxShadowHover,onChange:e=>n({buttonBoxShadowHover:e})})]}):void 0})]})]});case"advanced":return t}}})}))}}]);

🔐 Sid Gifari File Manager Pro