"use strict";(self.webpackChunkgutenkit_blocks_addon=self.webpackChunkgutenkit_blocks_addon||[]).push([[3580],{3580:(e,n,a)=>{a.r(n),a.d(n,{default:()=>C});var o=a(7723),t=a(6087),l=a(6427),i=a(5573),d=a(790);const r=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),s=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.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"})}),c=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),u=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),v=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),g=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),k=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),h=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"})}),x=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z"})}),b=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{d:"M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z"})}),m=(0,d.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(i.Path,{fillRule:"evenodd",d:"M5 5.5h14a.5.5 0 01.5.5v1.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 9.232A2 2 0 013 7.5V6a2 2 0 012-2h14a2 2 0 012 2v1.5a2 2 0 01-1 1.732V18a2 2 0 01-2 2H6a2 2 0 01-2-2V9.232zm1.5.268V18a.5.5 0 00.5.5h12a.5.5 0 00.5-.5V9.5h-13z",clipRule:"evenodd"})}),_=(e,n,a,o)=>{o({[e+a]:n})},w=[{label:"Default",value:""},{label:"Hidden",value:"hidden"},{label:"Auto",value:"auto"}],p=[{label:"Div",value:"div"},{label:"Header",value:"header"},{label:"Main",value:"main"},{label:"Article",value:"article"},{label:"Section",value:"section"},{label:"Aside",value:"aside"},{label:"Figure",value:"figure"},{label:"Figcaption",value:"figcaption"},{label:"Nav",value:"nav"}],j=(e,n,a)=>{if(a&&e&&n){if(Array.isArray(n)){let o=e[n[0]];if(o&&o[n[1]])return o[n[1]][a]}return e[n+a]}};var B=a(2619);const C=(0,t.memo)((({attributes:e,setAttributes:n,device:a,advancedControl:t})=>{const{GkitBackgrounGroup:i,GkitChoose:C,GkitPanelBody:H,GkitResponsive:V,GkitSlider:y,GkitRangeUnit:G,GkitTabs:S,GkitBoxShadow:f,GkitBackgrounOverlayGroup:W,GkitSwitcher:O,GkitBoxControl:M,GkitBorderControl:F,GkitSelect:z}=window.gutenkit.components;return(0,B.addFilter)("gutenkit.advancedControl.background.exclude","gutenkit/excludeBackgroundFromContainer",(e=>e.add("gutenkit/container"))),(0,B.addFilter)("gutenkit.advancedControl.border.exclude","gutenkit/excludeBorderFromContainer",(e=>e.add("gutenkit/container"))),(0,B.addFilter)("gutenkit.advancedControl.width.exclude","gutenkit/excludeWidthFromContainer",(e=>e.add("gutenkit/container"))),(0,d.jsx)(S,{type:"top-level",tabs:[{name:"content",title:(0,o.__)("Layout","gutenkit-blocks-addon")},{name:"style",title:(0,o.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,o.__)("Advanced","gutenkit-blocks-addon")}],children:B=>"content"===B.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(H,{title:(0,o.__)("Container","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(C,{label:(0,o.__)("Container Width","gutenkit-blocks-addon"),value:e?.containerWidth,options:[{label:(0,o.__)("Full Width","gutenkit-blocks-addon"),value:"alignfull"},{label:(0,o.__)("Boxed","gutenkit-blocks-addon"),value:"alignwide"},{label:(0,o.__)("Custom","gutenkit-blocks-addon"),value:"gkit-block-custom-wide"}],onChange:e=>n({containerWidth:e}),isToggle:!1}),"gkit-block-custom-wide"==e?.containerWidth&&(0,d.jsx)(V,{children:(0,d.jsx)(G,{label:(0,o.__)("Custom Width","gutenkit-blocks-addon"),value:j(e,"customWidth",a),onChange:e=>_("customWidth",e,a,n),units:{px:{min:0,max:2e3,step:1},vw:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),"alignfull"==e?.containerWidth&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(C,{label:(0,o.__)("Content Width","gutenkit-blocks-addon"),value:e?.contentWidth,options:[{label:(0,o.__)("Boxed","gutenkit-blocks-addon"),value:"boxed"},{label:(0,o.__)("Full Width","gutenkit-blocks-addon"),value:"full-width"}],onChange:e=>n({contentWidth:e}),isToggle:!1}),"boxed"==e?.contentWidth&&(0,d.jsx)(V,{children:(0,d.jsx)(G,{label:(0,o.__)("Content Box Width","gutenkit-blocks-addon"),value:j(e,"contentBoxWidth",a),onChange:e=>_("contentBoxWidth",e,a,n),units:{px:{min:0,max:2e3,step:1},vw:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})})]}),(0,d.jsx)(V,{children:(0,d.jsx)(G,{label:(0,o.__)("Min Height","gutenkit-blocks-addon"),value:j(e,"minHeight",a),onChange:e=>_("minHeight",e,a,n),units:{px:{min:0,max:2e3,step:1},vh:{min:0,max:100,step:1}}})})]}),(0,d.jsxs)(H,{title:(0,o.__)("Items Properties","gutenkit-blocks-addon"),children:[(0,d.jsx)(V,{children:(0,d.jsx)(C,{label:(0,o.__)("Direction","gutenkit-blocks-addon"),value:j(e,"direction",a),options:[{label:(0,o.__)("Row-horizontal","gutenkit-blocks-addon"),value:"row",icon:r},{label:(0,o.__)("Column-vertical","gutenkit-blocks-addon"),value:"column",icon:s},{label:(0,o.__)("Row Reverse","gutenkit-blocks-addon"),value:"row-reverse",icon:c},{label:(0,o.__)("Column Reverse","gutenkit-blocks-addon"),value:"column-reverse",icon:u}],onChange:e=>_("direction",e,a,n)})}),(0,d.jsx)(V,{children:(0,d.jsx)(C,{label:(0,o.__)("Justify Content","gutenkit-blocks-addon"),value:j(e,"justifyContent",a),className:j(e,"direction",a),options:[{label:(0,o.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:v},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:g},{label:(0,o.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:k},{label:(0,o.__)("Space Between","gutenkit-blocks-addon"),value:"space-between",icon:h},{label:(0,o.__)("Space Around","gutenkit-blocks-addon"),value:"space-around",icon:x},{label:(0,o.__)("Spac Evenly","gutenkit-blocks-addon"),value:"space-evenly",icon:x}],onChange:e=>_("justifyContent",e,a,n)})}),(0,d.jsx)(V,{children:(0,d.jsx)(C,{label:(0,o.__)("Align Items","gutenkit-blocks-addon"),value:j(e,"alignItems",a),className:"container-align "+j(e,"direction",a),options:[{label:(0,o.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:v},{label:(0,o.__)("Center","gutenkit-blocks-addon"),value:"center",icon:g},{label:(0,o.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:k},{label:(0,o.__)("Stretch","gutenkit-blocks-addon"),value:"stretch",icon:x}],onChange:e=>_("alignItems",e,a,n)})}),(0,d.jsx)(V,{children:(0,d.jsx)(G,{label:(0,o.__)("Column Gap Between","gutenkit-blocks-addon"),value:j(e,"columnGapBetween",a),onChange:e=>_("columnGapBetween",e,a,n),units:{px:{min:0,max:500,step:1},vw:{min:0,max:100,step:1},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),(0,d.jsx)(V,{children:(0,d.jsx)(G,{label:(0,o.__)("Row Gap Between","gutenkit-blocks-addon"),value:j(e,"rowGapBetween",a),onChange:e=>_("rowGapBetween",e,a,n),units:{px:{min:0,max:500,step:1},vw:{min:0,max:100,step:1},em:{min:0,max:100,step:1},rem:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})}),(0,d.jsx)(V,{children:(0,d.jsx)(C,{label:(0,o.__)("Wrap","gutenkit-blocks-addon"),value:j(e,"wrap",a),options:[{label:(0,o.__)("No Wrap","gutenkit-blocks-addon"),value:"nowrap",icon:b},{label:(0,o.__)("Wrap","gutenkit-blocks-addon"),value:"wrap",icon:m}],onChange:e=>_("wrap",e,a,n)})})]}),(0,d.jsxs)(H,{title:(0,o.__)("Additional Options","gutenkit-blocks-addon"),children:[(0,d.jsx)(z,{label:"Overflow",value:e?.overflow,options:w,onChange:e=>n({overflow:e})}),(0,d.jsx)(z,{label:"HTML Tag",value:e?.htmlTag,options:p,onChange:e=>n({htmlTag:e})})]})]}):"style"===B.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(H,{title:(0,o.__)("Background","gutenkit-blocks-addon"),initialOpen:!0,children:(0,d.jsx)(S,{type:"normal",tabs:[{name:"normal-background",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,o.__)("Hover","gutenkit-blocks-addon")}],children:a=>"normal-background"===a.name?(0,d.jsx)(i,{onChange:e=>n({containerBackground:e}),value:e?.containerBackground}):"hover-background"===a.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{onChange:e=>n({containerBackgroundHover:e}),value:e?.containerBackgroundHover,exclude:{video:!0,image:!0}}),(0,d.jsx)(y,{label:(0,o.__)("Transition Duration","gutenkit-blocks-addon"),value:e?.commonBackgroundHoverTransition,onChange:e=>n({commonBackgroundHoverTransition:e}),range:{min:0,max:3,step:.1}})]}):void 0})}),(0,d.jsxs)(H,{title:(0,o.__)("Background Overlay","gutenkit-blocks-addon"),initialOpen:!1,children:[(0,d.jsx)(O,{label:(0,o.__)("Show Overlay","gutenkit-blocks-addon"),value:e?.showContainerOverlay,onChange:e=>n({showContainerOverlay:e})}),e?.showContainerOverlay&&(0,d.jsx)(S,{type:"normal",tabs:[{name:"normal-overlay",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"hover-overlay",title:(0,o.__)("Hover","gutenkit-blocks-addon")}],children:a=>"normal-overlay"===a.name?(0,d.jsx)(W,{label:(0,o.__)("Overlay","gutenkit-blocks-addon"),value:e?.containerBackgroundOverlay,onChange:e=>n({containerBackgroundOverlay:e})}):"hover-overlay"===a.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(W,{label:(0,o.__)("Overlay","gutenkit-blocks-addon"),value:e?.containerBackgroundHoverOverlay,onChange:e=>n({containerBackgroundHoverOverlay:e})}),(0,d.jsx)(l.__experimentalDivider,{}),(0,d.jsx)(y,{label:(0,o.__)("Transition Duration","gutenkit-blocks-addon"),value:e?.containerOverlayHoverTransitionDuration,onChange:e=>n({containerOverlayHoverTransitionDuration:e}),range:{min:0,max:3,step:.1}})]}):void 0})]}),(0,d.jsx)(H,{title:(0,o.__)("Border","gutenkit-blocks-addon"),children:(0,d.jsx)(S,{type:"normal",tabs:[{name:"normal-background",title:(0,o.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,o.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-background"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(V,{children:(0,d.jsx)(F,{label:(0,o.__)("Border","gutenkit-blocks-addon"),value:j(e,"border",a),onChange:e=>_("border",e,a,n)})}),(0,d.jsx)(V,{children:(0,d.jsx)(M,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"containerBorderRadius",a),onChange:e=>_("containerBorderRadius",e,a,n)})}),(0,d.jsx)(f,{value:e?.conatinerBoxShadow,onChange:e=>n({conatinerBoxShadow:e})})]}):"hover-background"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(V,{children:(0,d.jsx)(F,{label:(0,o.__)("Border","gutenkit-blocks-addon"),value:j(e,"borderHover",a),onChange:e=>_("borderHover",e,a,n)})}),(0,d.jsx)(V,{children:(0,d.jsx)(M,{label:(0,o.__)("Border Radius","gutenkit-blocks-addon"),values:j(e,"containerBorderRadiusHover",a),onChange:e=>_("containerBorderRadiusHover",e,a,n)})}),(0,d.jsx)(f,{value:e?.containerBoxShadowHover,onChange:e=>n({containerBoxShadowHover:e})}),(0,d.jsx)(y,{label:(0,o.__)("Transition Duration","gutenkit-blocks-addon"),value:e?.commonBorderHoverTransition,onChange:e=>n({commonBorderHoverTransition:e}),range:{min:0,max:3,step:.1}})]}):void 0})})]}):"advanced"===B.name?t:B.name})}))}}]);