"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[8024],{8024:(e,n,o)=>{o.r(n),o.d(n,{default:()=>c});var t=o(7723),l=o(6087),a=o(5573),i=o(790);const s=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(a.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),d=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(a.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),r=(0,i.jsx)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(a.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),c=(0,l.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:l})=>{const{GkitBoxShadow:a,GkitColor:c,GkitIconPicker:g,GkitPanelBody:b,GkitResponsive:k,GkitSwitcher:h,GkitTabs:u,GkitTypography:x,GkitBackgrounGroup:_,GkitChoose:v,GkitRangeUnit:p,GkitText:m,GkitBoxControl:j,GkitBorderControl:C,GkitNumber:w,GkitSelect:B}=window.gutenkit.components,{gkitResponsiveValue:y,useFontFamilyinBlock:S,responsiveHelper:G,boxControlUnit:F}=window.gutenkit.helpers;return S([e?.typography]),(0,i.jsx)(u,{type:"top-level",tabs:[{name:"content",title:(0,t.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,t.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,t.__)("Advanced","gutenkit-blocks-addon")}],children:S=>"content"===S.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(b,{title:(0,t.__)("Layout and Content","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,i.jsx)(B,{label:(0,t.__)("Appearance","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Icon Only","gutenkit-blocks-addon"),value:"icon-only"},{label:(0,t.__)("Text Only","gutenkit-blocks-addon"),value:"text-only"},{label:(0,t.__)("Progress Indicator","gutenkit-blocks-addon"),value:"progress-indicator"}],value:e?.btnAppearance,onChange:e=>n({btnAppearance:e})}),"text-only"!==e?.btnAppearance&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(g,{label:(0,t.__)("Icon","gutenkit-blocks-addon"),onChange:e=>n({btnIcon:e}),value:e?.btnIcon})}),"text-only"===e?.btnAppearance&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(m,{value:e?.btnText,label:(0,t.__)("Button Text","gutenkit-blocks-addon"),onChange:e=>n({btnText:e}),labelBlock:"block"})}),(0,i.jsx)(k,{children:(0,i.jsx)(v,{label:(0,t.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,t.__)("Left","gutenkit-blocks-addon"),value:"left",icon:s},{label:(0,t.__)("Center","gutenkit-blocks-addon"),value:"center",icon:d},{label:(0,t.__)("Right","gutenkit-blocks-addon"),value:"right",icon:r}],value:y(e,"align",o),onChange:e=>G("align",e,o,n)})})]}),(0,i.jsxs)(b,{title:(0,t.__)("Settings","gutenkit-blocks-addon"),children:[(0,i.jsx)(w,{label:(0,t.__)("Offset Top (px)","gutenkit-blocks-addon"),value:e?.offsetTop,min:0,onChange:e=>n({offsetTop:e}),labelPosition:"side"}),(0,i.jsx)(h,{label:(0,t.__)("Show button on scroll","gutenkit-blocks-addon"),value:e?.showBtnOnScroll,onChange:e=>n({showBtnOnScroll:e})}),e?.showBtnOnScroll&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(w,{label:(0,t.__)("Enter scrolled value (px)","gutenkit-blocks-addon"),value:e?.scrolledValue,min:0,onChange:e=>n({scrolledValue:Number(e)}),labelPosition:"side"})})]})]}):"style"===S.name?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(b,{title:(0,t.__)("Button Style","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,i.jsx)(k,{children:(0,i.jsx)(p,{label:(0,t.__)("Width","gutenkit-blocks-addon"),value:y(e,"width",o),onChange:e=>G("width",e,o,n),units:{px:{min:0,max:500,step:1},"%":{min:0,max:100,step:1}}})}),(0,i.jsx)(k,{children:(0,i.jsx)(p,{label:(0,t.__)("Height","gutenkit-blocks-addon"),value:y(e,"height",o),onChange:e=>G("height",e,o,n),units:{px:{min:0,max:500,step:1},"%":{min:0,max:100,step:1}}})}),"text-only"===e?.btnAppearance&&(0,i.jsx)(x,{label:(0,t.__)("Typography","gutenkit-blocks-addon"),value:e?.typography,onChange:e=>n({typography:e})}),"text-only"!==e?.btnAppearance&&(0,i.jsx)(k,{children:(0,i.jsx)(p,{label:(0,t.__)("Icon Size","gutenkit-blocks-addon"),value:y(e,"iconSize",o),onChange:e=>G("iconSize",e,o,n),units:{px:{min:1,max:100,step:1}}})}),"progress-indicator"===e?.btnAppearance&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c,{label:(0,t.__)("Line Foreground color","gutenkit-blocks-addon"),onChange:e=>n({lineFgColor:e}),value:e?.lineFgColor}),(0,i.jsx)(c,{label:(0,t.__)("Line Background Color","gutenkit-blocks-addon"),onChange:e=>n({lineBgColor:e}),value:e?.lineBgColor})]}),(0,i.jsx)(u,{type:"normal",tabs:[{name:"normal-tab",title:(0,t.__)("Normal","gutenkit-blocks-addon")},{name:"hover-tab",title:(0,t.__)("Hover","gutenkit-blocks-addon")}],children:l=>"normal-tab"===l.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({textColor:e}),value:e?.textColor}),(0,i.jsx)(_,{label:(0,t.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({bgColor:e}),value:e?.bgColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.boxShadow,onChange:e=>n({boxShadow:e})}),"progress-indicator"!==e?.btnAppearance&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k,{children:(0,i.jsx)(C,{label:(0,t.__)("Border","gutenkit-blocks-addon"),value:y(e,"border",o),onChange:e=>G("border",e,o,n)})}),(0,i.jsx)(k,{children:(0,i.jsx)(j,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:F,values:y(e,"borderRadius",o),onChange:e=>G("borderRadius",e,o,n)})})]})]}):"hover-tab"===l.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c,{label:(0,t.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({hoverColor:e}),value:e?.hoverColor}),(0,i.jsx)(_,{label:(0,t.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({bgHoverColor:e}),value:e?.bgHoverColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(a,{label:(0,t.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.hoverBoxShadow,onChange:e=>n({hoverBoxShadow:e})}),"progress-indicator"!==e?.btnAppearance&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(k,{children:(0,i.jsx)(C,{label:(0,t.__)("Border","gutenkit-blocks-addon"),value:y(e,"hoverBorder",o),onChange:e=>G("hoverBorder",e,o,n)})}),(0,i.jsx)(k,{children:(0,i.jsx)(j,{label:(0,t.__)("Border Radius","gutenkit-blocks-addon"),units:F,values:y(e,"hoverBorderRadius",o),onChange:e=>G("hoverBorderRadius",e,o,n)})})]})]}):void 0})]})}):"advanced"===S.name?l:void 0})}))}}]);