"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[316],{316:(e,n,o)=>{o.r(n),o.d(n,{default:()=>_});var l=o(7723),a=o(6087),t=o(5573),i=o(790);const s=(0,i.jsx)(t.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(t.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z"})}),d=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})}),g=(0,i.jsx)(t.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(t.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"})}),r=(0,i.jsx)(t.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(t.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})}),k=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})}),u=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),c=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),b=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})});var v=o(6427);const _=(0,a.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:a})=>{const{GkitBoxShadow:t,GkitColor:_,GkitIconPicker:x,GkitPanelBody:h,GkitResponsive:m,GkitSwitcher:C,GkitTabs:j,GkitTypography:p,GkitBackgrounGroup:f,GkitText:y,GkitSlider:w,GkitRangeUnit:B,GkitChoose:S,GkitBoxControl:H,GkitBorderControl:P,GkitSelect:T,GkitBlockStylePreview:G}=window.gutenkit.components,{gkitResponsiveValue:V,useFontFamilyinBlock:I,responsiveHelper:O,useHasProActive:M}=window.gutenkit.helpers,R=M(),z="reveal-style"===e?.gkitoffCanvasStyle?{px:{max:1e3,min:0}}:{px:{max:1e3,min:0},"%":{max:100,min:0}};return I([e?.gkitHamburgTypography]),(0,i.jsx)(j,{type:"top-level",tabs:[{name:"content",title:(0,l.__)("Content","gutenkit-blocks-addon")},{name:"style",title:(0,l.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,l.__)("Advanced","gutenkit-blocks-addon")}],children:I=>{switch(I.name){case"content":return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(h,{title:(0,l.__)("Offcanvas","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,i.jsx)(S,{options:[{label:(0,l.__)("Hamburger","gutenkit-blocks-addon"),value:"hamburger"},{label:(0,l.__)("Closed","gutenkit-blocks-addon"),value:"closed"}],onChange:e=>n({isHamburger:e}),value:e?.isHamburger}),"closed"===e?.isHamburger?(0,i.jsx)(x,{label:(0,l.__)("Close Icon","gutenkit-blocks-addon"),onChange:e=>n({closeIcon:e}),value:e?.closeIcon}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(T,{label:(0,l.__)("Menu Type","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Icon","gutenkit-blocks-addon"),value:"icon"},{label:(0,l.__)("Text","gutenkit-blocks-addon"),value:"text"},{label:(0,l.__)("Icon With Text","gutenkit-blocks-addon"),value:"iconWithText"}],value:e?.menuType,onChange:e=>n({menuType:e})}),"text"!==e?.menuType&&(0,i.jsx)(x,{label:(0,l.__)("Icon","gutenkit-blocks-addon"),labelBlock:"block",onChange:e=>n({offCanvasIcons:e}),value:e?.offCanvasIcons}),"icon"!==e?.menuType&&(0,i.jsx)(y,{label:(0,l.__)("Text","gutenkit-blocks-addon"),labelBlock:"block",value:e?.offCanvasText,onChange:e=>n({offCanvasText:e})}),"iconWithText"===e?.menuType&&(0,i.jsx)(S,{label:(0,l.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Before","gutenkit-blocks-addon"),value:"before"},{label:(0,l.__)("After","gutenkit-blocks-addon"),value:"after"}],value:e?.iconPosition,onChange:e=>n({iconPosition:e})}),(0,i.jsx)(v.__experimentalDivider,{})]}),(0,i.jsx)(G,{label:(0,l.__)("Select Style","gutenkit-blocks-addon"),value:e?.gkitoffCanvasStyle,options:[{label:(0,l.__)("Slide","gutenkit-blocks-addon"),title:(0,l.__)("Slide Style","gutenkit-blocks-addon"),value:"slide-style",isPreviewStyle:!1},{label:(0,l.__)("Reveal","gutenkit-blocks-addon"),title:(0,l.__)("Reveal Style","gutenkit-blocks-addon"),value:"reveal-style",icon:R?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,l.__)("The Reveal style is only available in GutenKit pro version.","gutenkit-blocks-addon")},{label:(0,l.__)("Push","gutenkit-blocks-addon"),title:(0,l.__)("Push Style","gutenkit-blocks-addon"),value:"push-style",icon:R?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,l.__)("The Push style is only available in GutenKit pro version","gutenkit-blocks-addon")},{label:(0,l.__)("None","gutenkit-blocks-addon"),title:(0,l.__)("None Style","gutenkit-blocks-addon"),value:"style-none",icon:R?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,l.__)("The None style is only available in GutenKit pro version","gutenkit-blocks-addon")}],onChange:e=>{["push-style","reveal-style","style-none"].includes(e)&&!R||n({gkitoffCanvasStyle:e})}}),(0,i.jsx)(C,{label:(0,l.__)("Show Overlay","gutenkit-blocks-addon"),value:e?.overlaySwitcher,onChange:e=>n({overlaySwitcher:e})}),e?.overlaySwitcher&&(0,i.jsx)(_,{label:(0,l.__)("Overlay Color","gutenkit-blocks-addon"),onChange:e=>n({overlayColor:e}),value:e?.overlayColor}),(0,i.jsx)(v.__experimentalDivider,{}),(0,i.jsx)(C,{label:(0,l.__)("Disable Scroll","gutenkit-blocks-addon"),value:e?.disableScroll,onChange:e=>n({disableScroll:e}),help:(0,l.__)("Disable body scrolling only work for frontend")}),(0,i.jsx)(v.__experimentalDivider,{}),"slide-style"===e?.gkitoffCanvasStyle&&(0,i.jsx)(S,{label:(0,l.__)("Sidebar Position","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"left",icon:d},{label:(0,l.__)("Top","gutenkit-blocks-addon"),value:"top",icon:g},{label:(0,l.__)("Bottom","gutenkit-blocks-addon"),value:"bottom",icon:r},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],value:e?.offCanvasPosition,onChange:e=>n({offCanvasPosition:e}),isToggle:!1}),"slide-style"!==e?.gkitoffCanvasStyle&&(0,i.jsx)(S,{label:(0,l.__)("Sidebar Position","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"left",icon:d},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"right",icon:k}],value:e?.offCanvasPosition,onChange:e=>n({offCanvasPosition:e}),isToggle:!1}),(0,i.jsx)(w,{label:(0,l.__)("Sidebar Transition (s)","gutenkit-blocks-addon"),value:e?.sidebarTransition,onChange:e=>n({sidebarTransition:e}),range:{max:5,min:0,step:.1}})]})});case"style":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(h,{title:(0,l.__)("Offcanvas","gutenkit-blocks-addon"),children:[(0,i.jsx)(m,{children:(0,i.jsx)(S,{label:(0,l.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,l.__)("Left","gutenkit-blocks-addon"),value:"start",icon:u},{label:(0,l.__)("Center","gutenkit-blocks-addon"),value:"center",icon:c},{label:(0,l.__)("Right","gutenkit-blocks-addon"),value:"end",icon:b}],value:V(e,"gkitAlignment",o),onChange:e=>O("gkitAlignment",e,o,n)})}),(0,i.jsx)(S,{options:[{label:(0,l.__)("Hamburger","gutenkit-blocks-addon"),value:"hamburger"},{label:(0,l.__)("Closed","gutenkit-blocks-addon"),value:"closed"}],onChange:e=>n({isHamburger:e}),value:e?.isHamburger}),"closed"===e?.isHamburger?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(m,{children:(0,i.jsx)(B,{label:(0,l.__)("Icon Size","gutenkit-blocks-addon"),value:V(e,"gkitCloseIconSize",o),onChange:e=>O("gkitCloseIconSize",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})})}):(0,i.jsxs)(i.Fragment,{children:["icon"!==e?.menuType&&(0,i.jsx)(p,{label:(0,l.__)("Typography","gutenkit-blocks-addon"),value:e?.gkitHamburgTypography,onChange:e=>n({gkitHamburgTypography:e})}),"text"!==e?.menuType&&(0,i.jsx)(m,{children:(0,i.jsx)(B,{label:(0,l.__)("Icon Size","gutenkit-blocks-addon"),value:V(e,"gkitHamburgIconSize",o),onChange:e=>O("gkitHamburgIconSize",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})}),"iconWithText"===e?.menuType&&(0,i.jsx)(m,{children:(0,i.jsx)(B,{label:(0,l.__)("Icon Spacing","gutenkit-blocks-addon"),value:V(e,"gkitHamburgIconSpacing",o),onChange:e=>O("gkitHamburgIconSpacing",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1}}})})]}),(0,i.jsx)(v.__experimentalDivider,{}),"hamburger"===e?.isHamburger&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j,{type:"normal",tabs:[{name:"normal-background",title:(0,l.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,l.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgColor:e}),value:e?.gkitHamburgColor}),(0,i.jsx)(f,{label:(0,l.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBgColor:e}),value:e?.gkitHamburgBgColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(P,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBorder:e}),value:e?.gkitHamburgBorder})]}):"hover-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgColorHover:e}),value:e?.gkitHamburgColorHover}),(0,i.jsx)(f,{label:(0,l.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBgColorHover:e}),value:e?.gkitHamburgBgColorHover,exclude:{video:!0,image:!0}}),(0,i.jsx)(P,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBorderHover:e}),value:e?.gkitHamburgBorderHover})]}):void 0}),(0,i.jsx)(v.__experimentalDivider,{}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:V(e,"gkitBorderRadius",o),onChange:e=>O("gkitBorderRadius",e,o,n)})}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Padding","gutenkit-blocks-addon"),values:V(e,"gkitPadding",o),onChange:e=>O("gkitPadding",e,o,n)})}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:V(e,"gkitMargin",o),onChange:e=>O("gkitMargin",e,o,n)})}),(0,i.jsx)(v.__experimentalDivider,{}),(0,i.jsx)(t,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitBoxShadow,onChange:e=>n({gkitBoxShadow:e})})]}),"closed"===e?.isHamburger&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(j,{type:"normal",tabs:[{name:"normal-background",title:(0,l.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,l.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseColor:e}),value:e?.gkitCloseColor}),(0,i.jsx)(f,{label:(0,l.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBgColor:e}),value:e?.gkitCloseBgColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(P,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBorder:e}),value:e?.gkitCloseBorder})]}):"hover-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(_,{label:(0,l.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseColorHover:e}),value:e?.gkitCloseColorHover}),(0,i.jsx)(f,{label:(0,l.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBgColorHover:e}),value:e?.gkitCloseBgColorHover,exclude:{video:!0,image:!0}}),(0,i.jsx)(P,{label:(0,l.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBorderHover:e}),value:e?.gkitCloseBorderHover})]}):void 0}),(0,i.jsx)(v.__experimentalDivider,{}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Border Radius","gutenkit-blocks-addon"),values:V(e,"gkitCloseBorderRadius",o),onChange:e=>O("gkitCloseBorderRadius",e,o,n)})}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Padding","gutenkit-blocks-addon"),values:V(e,"gkitClosePadding",o),onChange:e=>O("gkitClosePadding",e,o,n)})}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Margin","gutenkit-blocks-addon"),values:V(e,"gkitCloseMargin",o),onChange:e=>O("gkitCloseMargin",e,o,n)})}),(0,i.jsx)(v.__experimentalDivider,{}),(0,i.jsx)(t,{label:(0,l.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitCloseBoxShadow,onChange:e=>n({gkitCloseBoxShadow:e})})]})]}),(0,i.jsxs)(h,{title:(0,l.__)("Offcanvas Panel","gutenkit-blocks-addon"),children:["left"===e?.offCanvasPosition||"right"===e?.offCanvasPosition?(0,i.jsx)(m,{children:(0,i.jsx)(B,{label:(0,l.__)("Width","gutenkit-blocks-addon"),value:V(e,"gkitOffCanvasSize",o),onChange:e=>O("gkitOffCanvasSize",e,o,n),units:{...z}})}):(0,i.jsx)(m,{children:(0,i.jsx)(B,{label:(0,l.__)("Height","gutenkit-blocks-addon"),value:V(e,"gkitOffCanvasHeight",o),onChange:e=>O("gkitOffCanvasHeight",e,o,n),units:{px:{min:0,max:1e3},em:{min:0,max:1e3,step:1},rem:{min:0,max:1e3,step:1},"%":{min:0,max:100}}})}),(0,i.jsx)(f,{label:(0,l.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitOffCanvasBg:e}),value:e?.gkitOffCanvasBg,exclude:{video:!0}}),(0,i.jsx)(m,{children:(0,i.jsx)(H,{label:(0,l.__)("Padding","gutenkit-blocks-addon"),values:V(e,"gkitOffCanvasPadding",o),onChange:e=>O("gkitOffCanvasPadding",e,o,n)})})]})]});case"advanced":return(0,i.jsx)(i.Fragment,{children:a})}}})}))}}]);