✏️ Editing: 8606.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[8606],{8606:(e,n,o)=>{o.r(n),o.d(n,{default:()=>m});var a=o(7723),l=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"})}),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:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})}),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:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),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:"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"})}),v=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),x=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),h=(0,i.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(t.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})});var _=o(6427);const m=(0,l.memo)((({attributes:e,setAttributes:n,device:o,advancedControl:l})=>{const{GkitBoxShadow:t,GkitColor:m,GkitIconPicker:C,GkitPanelBody:j,GkitResponsive:f,GkitSwitcher:p,GkitTabs:y,GkitTypography:w,GkitBackgrounGroup:S,GkitText:H,GkitSlider:B,GkitRangeUnit:T,GkitChoose:P,GkitBoxControl:I,GkitBorderControl:G,GkitSelect:M,GkitBlockStylePreview:V}=window.gutenkit.components,{gkitResponsiveValue:O,useFontFamilyinBlock:z,responsiveHelper:F,useHasProActive:W,htmlTags:R}=window.gutenkit.helpers,A=W(),D="reveal-style"===e?.gkitoffCanvasStyle?{px:{max:1e3,min:0}}:{px:{max:1e3,min:0},"%":{max:100,min:0}};z([e?.gkitHamburgTypography,e?.closeIconTypography]);const L=["reveal-style","push-style"];return(0,i.jsx)(y,{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:z=>{switch(z.name){case"content":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(j,{title:(0,a.__)("Offcanvas","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,i.jsx)(P,{options:[{label:(0,a.__)("Hamburger","gutenkit-blocks-addon"),value:"hamburger"},{label:(0,a.__)("Closed","gutenkit-blocks-addon"),value:"closed"}],onChange:e=>n({isHamburger:e}),value:e?.isHamburger}),"closed"===e?.isHamburger?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(M,{label:(0,a.__)("Menu Type","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Icon","gutenkit-blocks-addon"),value:"icon"},{label:(0,a.__)("Text","gutenkit-blocks-addon"),value:"text"},{label:(0,a.__)("Icon With Text","gutenkit-blocks-addon"),value:"iconWithText"}],value:e?.offCanvasCloseMenuType,onChange:e=>n({offCanvasCloseMenuType:e})}),"text"!==e?.offCanvasCloseMenuType&&(0,i.jsx)(C,{label:(0,a.__)("Choose Icon","gutenkit-blocks-addon"),labelBlock:"block",value:e?.closeIcon,onChange:e=>n({closeIcon:e})}),"icon"!==e?.offCanvasCloseMenuType&&(0,i.jsx)(H,{label:(0,a.__)("Text","gutenkit-blocks-addon"),labelBlock:"block",value:e?.offCanvasCloseText,onChange:e=>n({offCanvasCloseText:e})}),"iconWithText"===e?.offCanvasCloseMenuType&&(0,i.jsx)(P,{label:(0,a.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Before","gutenkit-blocks-addon"),value:"before"},{label:(0,a.__)("After","gutenkit-blocks-addon"),value:"after"}],value:e?.closeIconPosition,onChange:e=>n({closeIconPosition:e})}),(0,i.jsx)(_.__experimentalDivider,{})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(M,{label:(0,a.__)("Menu Type","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Icon","gutenkit-blocks-addon"),value:"icon"},{label:(0,a.__)("Text","gutenkit-blocks-addon"),value:"text"},{label:(0,a.__)("Icon With Text","gutenkit-blocks-addon"),value:"iconWithText"},{label:(0,a.__)("Animated Icon","gutenkit-blocks-addon"),value:"animatedIcon"}],value:e?.menuType,onChange:e=>n({menuType:e})}),"text"!==e?.menuType&&"animatedIcon"!==e?.menuType&&(0,i.jsx)(C,{label:(0,a.__)("Choose Icon","gutenkit-blocks-addon"),labelBlock:"block",onChange:e=>n({offCanvasIcons:e}),value:e?.offCanvasIcons}),"icon"!==e?.menuType&&"animatedIcon"!==e?.menuType&&(0,i.jsx)(H,{label:(0,a.__)("Text","gutenkit-blocks-addon"),labelBlock:"block",value:e?.offCanvasText,onChange:e=>n({offCanvasText:e})}),"iconWithText"===e?.menuType&&"animatedIcon"!==e?.menuType&&(0,i.jsx)(P,{label:(0,a.__)("Icon Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Before","gutenkit-blocks-addon"),value:"before"},{label:(0,a.__)("After","gutenkit-blocks-addon"),value:"after"}],value:e?.iconPosition,onChange:e=>n({iconPosition:e})}),(0,i.jsx)(_.__experimentalDivider,{})]}),(0,i.jsx)(V,{label:(0,a.__)("Select Style","gutenkit-blocks-addon"),value:e?.gkitoffCanvasStyle,options:[{label:(0,a.__)("Slide","gutenkit-blocks-addon"),title:(0,a.__)("Slide Style","gutenkit-blocks-addon"),value:"slide-style",isPreviewStyle:!1},{label:(0,a.__)("Reveal","gutenkit-blocks-addon"),title:(0,a.__)("Reveal Style","gutenkit-blocks-addon"),value:"reveal-style",icon:A?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,a.__)("The Reveal style is only available in GutenKit pro version.","gutenkit-blocks-addon")},{label:(0,a.__)("Push","gutenkit-blocks-addon"),title:(0,a.__)("Push Style","gutenkit-blocks-addon"),value:"push-style",icon:A?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,a.__)("The Push style is only available in GutenKit pro version","gutenkit-blocks-addon")},{label:(0,a.__)("None","gutenkit-blocks-addon"),title:(0,a.__)("None Style","gutenkit-blocks-addon"),value:"style-none",icon:A?null:s,isProNOtice:!0,isPreviewStyle:!1,message:(0,a.__)("The None style is only available in GutenKit pro version","gutenkit-blocks-addon")}],onChange:e=>{["push-style","reveal-style","style-none"].includes(e)&&!A||n({gkitoffCanvasStyle:e})}})]}),(0,i.jsxs)(j,{title:(0,a.__)("Settings","gutenkit-blocks-addon"),children:[(0,i.jsx)(p,{label:(0,a.__)("Show Overlay","gutenkit-blocks-addon"),value:e?.overlaySwitcher,onChange:e=>n({overlaySwitcher:e})}),e?.overlaySwitcher&&(0,i.jsx)(m,{label:(0,a.__)("Overlay Color","gutenkit-blocks-addon"),onChange:e=>n({overlayColor:e}),value:e?.overlayColor}),(0,i.jsx)(p,{label:(0,a.__)("Disable Scroll","gutenkit-blocks-addon"),value:e?.disableScroll,onChange:e=>n({disableScroll:e}),help:(0,a.__)("Disable body scrolling only work for frontend")}),(0,i.jsx)(_.__experimentalDivider,{}),"slide-style"===e?.gkitoffCanvasStyle&&(0,i.jsx)(P,{label:(0,a.__)("Sidebar Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left",icon:d},{label:(0,a.__)("Top","gutenkit-blocks-addon"),value:"top",icon:g},{label:(0,a.__)("Bottom","gutenkit-blocks-addon"),value:"bottom",icon:r},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right",icon:c}],value:e?.offCanvasPosition,onChange:e=>n({offCanvasPosition:e}),isToggle:!1}),"slide-style"!==e?.gkitoffCanvasStyle&&(0,i.jsx)(P,{label:(0,a.__)("Sidebar Position","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"left",icon:d},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"right",icon:c}],value:e?.offCanvasPosition,onChange:e=>n({offCanvasPosition:e}),isToggle:!1}),!L.includes(e?.gkitoffCanvasStyle)&&(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Offset","gutenkit-blocks-addon"),value:O(e,"offCanvasPositionOffset",o),onChange:e=>F("offCanvasPositionOffset",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100}}})}),(0,i.jsx)(B,{label:(0,a.__)("Sidebar Transition (s)","gutenkit-blocks-addon"),value:e?.sidebarTransition,onChange:e=>n({sidebarTransition:e}),range:{max:5,min:0,step:.1}}),(0,i.jsx)(_.__experimentalDivider,{}),(0,i.jsx)(M,{label:"HTML Tag",value:e?.htmlTag,options:R,onChange:e=>n({htmlTag:e})})]})]});case"style":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(j,{title:(0,a.__)("Offcanvas","gutenkit-blocks-addon"),children:[(0,i.jsx)(f,{children:(0,i.jsx)(P,{label:(0,a.__)("Alignment","gutenkit-blocks-addon"),options:[{label:(0,a.__)("Left","gutenkit-blocks-addon"),value:"start",icon:k},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,a.__)("Right","gutenkit-blocks-addon"),value:"end",icon:b}],value:O(e,"gkitAlignment",o),onChange:e=>F("gkitAlignment",e,o,n)})}),(0,i.jsx)(P,{options:[{label:(0,a.__)("Hamburger","gutenkit-blocks-addon"),value:"hamburger"},{label:(0,a.__)("Closed","gutenkit-blocks-addon"),value:"closed"}],onChange:e=>n({isHamburger:e}),value:e?.isHamburger}),"closed"===e?.isHamburger?(0,i.jsxs)(i.Fragment,{children:["icon"!==e?.offCanvasCloseMenuType&&(0,i.jsx)(w,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.closeIconTypography,onChange:e=>n({closeIconTypography:e})}),"text"!==e?.offCanvasCloseMenuType&&(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Icon Size","gutenkit-blocks-addon"),value:O(e,"gkitCloseIconSize",o),onChange:e=>F("gkitCloseIconSize",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100}}})}),"iconWithText"===e?.offCanvasCloseMenuType&&(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Icon Spacing","gutenkit-blocks-addon"),value:O(e,"closeIconSpacing",o),onChange:e=>F("closeIconSpacing",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100}}})}),(0,i.jsx)(p,{label:(0,a.__)("Custom Height Width","gutenkit-blocks-addon"),value:e?.closeIconCustomHeightWidth,onChange:e=>n({closeIconCustomHeightWidth:e})}),e?.closeIconCustomHeightWidth&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:O(e,"closeIconWidth",o),onChange:e=>F("closeIconWidth",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100},vw:{min:0,max:100}}})}),(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:O(e,"closeIconHeight",o),onChange:e=>F("closeIconHeight",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100},vh:{min:0,max:100}}})})]}),(0,i.jsx)(p,{label:(0,a.__)("Icon Position","gutenkit-blocks-addon"),value:e?.offCanvasCloseIconPositionSwitcher,onChange:e=>n({offCanvasCloseIconPositionSwitcher:e})}),e?.offCanvasCloseIconPositionSwitcher&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("position (X)","gutenkit-blocks-addon"),value:O(e,"offCanvasCloseIconXPosition",o),onChange:e=>F("offCanvasCloseIconXPosition",e,o,n),units:{px:{min:-500,max:1500},vw:{min:0,max:100},"%":{min:0,max:100},step:.01}})}),(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("position (Y)","gutenkit-blocks-addon"),value:O(e,"offCanvasCloseIconYPosition",o),onChange:e=>F("offCanvasCloseIconYPosition",e,o,n),units:{px:{min:-500,max:1500},vh:{min:0,max:100},"%":{min:0,max:100},step:.01}})})]})]}):(0,i.jsxs)(i.Fragment,{children:[" ","animatedIcon"!==e?.menuType&&(0,i.jsxs)(i.Fragment,{children:["icon"!==e?.menuType&&(0,i.jsx)(w,{label:(0,a.__)("Typography","gutenkit-blocks-addon"),value:e?.gkitHamburgTypography,onChange:e=>n({gkitHamburgTypography:e})}),"text"!==e?.menuType&&(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Icon Size","gutenkit-blocks-addon"),value:O(e,"gkitHamburgIconSize",o),onChange:e=>F("gkitHamburgIconSize",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100}}})}),"iconWithText"===e?.menuType&&(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Icon Spacing","gutenkit-blocks-addon"),value:O(e,"gkitHamburgIconSpacing",o),onChange:e=>F("gkitHamburgIconSpacing",e,o,n),units:{px:{min:0,max:100},em:{min:0,max:100},rem:{min:0,max:100}}})}),(0,i.jsx)(_.__experimentalDivider,{})]})]}),"hamburger"===e?.isHamburger&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(y,{type:"normal",tabs:[{name:"normal-background",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgColor:e}),value:e?.gkitHamburgColor}),(0,i.jsx)(S,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBgColor:e}),value:e?.gkitHamburgBgColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(G,{label:(0,a.__)("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)(m,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgColorHover:e}),value:e?.gkitHamburgColorHover}),(0,i.jsx)(S,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBgColorHover:e}),value:e?.gkitHamburgBgColorHover,exclude:{video:!0,image:!0}}),(0,i.jsx)(G,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitHamburgBorderHover:e}),value:e?.gkitHamburgBorderHover})]}):void 0}),(0,i.jsx)(_.__experimentalDivider,{}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:O(e,"gkitBorderRadius",o),onChange:e=>F("gkitBorderRadius",e,o,n)})}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:O(e,"gkitPadding",o),onChange:e=>F("gkitPadding",e,o,n)})}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:O(e,"gkitMargin",o),onChange:e=>F("gkitMargin",e,o,n)})}),(0,i.jsx)(_.__experimentalDivider,{}),(0,i.jsx)(t,{label:(0,a.__)("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)(y,{type:"normal",tabs:[{name:"normal-background",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:o=>"normal-background"===o.name?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseColor:e}),value:e?.gkitCloseColor}),(0,i.jsx)(S,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBgColor:e}),value:e?.gkitCloseBgColor,exclude:{video:!0,image:!0}}),(0,i.jsx)(G,{label:(0,a.__)("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)(m,{label:(0,a.__)("Color","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseColorHover:e}),value:e?.gkitCloseColorHover}),(0,i.jsx)(S,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBgColorHover:e}),value:e?.gkitCloseBgColorHover,exclude:{video:!0,image:!0}}),(0,i.jsx)(G,{label:(0,a.__)("Border","gutenkit-blocks-addon"),onChange:e=>n({gkitCloseBorderHover:e}),value:e?.gkitCloseBorderHover})]}):void 0}),(0,i.jsx)(_.__experimentalDivider,{}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:O(e,"gkitCloseBorderRadius",o),onChange:e=>F("gkitCloseBorderRadius",e,o,n)})}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:O(e,"gkitClosePadding",o),onChange:e=>F("gkitClosePadding",e,o,n)})}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Margin","gutenkit-blocks-addon"),values:O(e,"gkitCloseMargin",o),onChange:e=>F("gkitCloseMargin",e,o,n)})}),(0,i.jsx)(_.__experimentalDivider,{}),(0,i.jsx)(t,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.gkitCloseBoxShadow,onChange:e=>n({gkitCloseBoxShadow:e})})]})]}),(0,i.jsxs)(j,{title:(0,a.__)("Offcanvas Panel","gutenkit-blocks-addon"),children:[(0,i.jsx)(f,{children:(0,i.jsx)(P,{label:(0,a.__)("Content Alignment","gutenkit-blocks-addon"),value:O(e,"offCanvasSidebarContentAlignments",o),options:[{label:(0,a.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:v},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:x},{label:(0,a.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:h}],onChange:e=>F("offCanvasSidebarContentAlignments",e,o,n)})}),"left"===e?.offCanvasPosition||"right"===e?.offCanvasPosition?(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:O(e,"gkitOffCanvasSize",o),onChange:e=>F("gkitOffCanvasSize",e,o,n),units:{...D}})}):(0,i.jsx)(f,{children:(0,i.jsx)(T,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:O(e,"gkitOffCanvasHeight",o),onChange:e=>F("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)(S,{label:(0,a.__)("Background","gutenkit-blocks-addon"),onChange:e=>n({gkitOffCanvasBg:e}),value:e?.gkitOffCanvasBg,exclude:{video:!0}}),(0,i.jsx)(f,{children:(0,i.jsx)(I,{label:(0,a.__)("Padding","gutenkit-blocks-addon"),values:O(e,"gkitOffCanvasPadding",o),onChange:e=>F("gkitOffCanvasPadding",e,o,n)})}),(0,i.jsx)(t,{label:(0,a.__)("Box Shadow","gutenkit-blocks-addon"),value:e?.offCanvasSidebarBoxShadow,onChange:e=>n({offCanvasSidebarBoxShadow:e})})]})]});case"advanced":return(0,i.jsx)(i.Fragment,{children:l})}}})}))}}]);

🔐 Sid Gifari File Manager Pro