✏️ Editing: 4783.js Writable

"use strict";(globalThis.webpackChunkgutenkit_blocks_addon=globalThis.webpackChunkgutenkit_blocks_addon||[]).push([[4783],{4783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(7723),i=t(6087),o=t(6427),l=t(5573),d=t(790);const 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:"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)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.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)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),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:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),k=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),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:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),h=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),v=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"})}),x=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.Path,{d:"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z"})}),b=(0,d.jsx)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.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)(l.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,d.jsx)(l.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"})});var _=t(2619);const p=({value:e,onChange:n})=>{const{GkitRangeUnit:t,GkitResponsive:i,GkitSlider:l,GkitChoose:k}=window.gutenkit.components,{gkitResponsiveValue:u,useFontFamilyinBlock:h,responsiveHelper:v,useDeviceType:x}=window.gutenkit.helpers,b=x();return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{children:(0,d.jsx)(l,{label:(0,a.__)("Rotate","gutenkit-blocks-addon"),value:e?.gkitShapeDividerRotate?.[b],onChange:t=>n({...e,gkitShapeDividerRotate:{...e?.gkitShapeDividerRotate,[b]:t}}),sizeUnits:["deg"],range:{min:0,max:360}})}),(0,d.jsx)(i,{children:(0,d.jsx)(l,{label:(0,a.__)("Height","gutenkit-blocks-addon"),value:e?.gkitShapeDividerHeight?.[b],onChange:t=>n({...e,gkitShapeDividerHeight:{...e?.gkitShapeDividerHeight,[b]:t}}),sizeUnits:["px","%"],range:{min:0,max:1e3}})}),(0,d.jsx)(i,{children:(0,d.jsx)(l,{label:(0,a.__)("Width","gutenkit-blocks-addon"),value:e?.gkitShapeDividerWidth?.[b],onChange:t=>n({...e,gkitShapeDividerWidth:{...e?.gkitShapeDividerWidth,[b]:t}}),sizeUnits:["px","%"],range:{min:0,max:1e3}})}),(0,d.jsx)(o.__experimentalDivider,{}),(0,d.jsx)(k,{label:(0,a.__)("Horizontal Orientation","gutenkit-blocks-addon"),value:e?.gkitShapeDividerHorizontalOrientation,options:[{label:"Left",value:"left",icon:c},{label:"Right",value:"right",icon:r}],onChange:t=>n({...e,gkitShapeDividerHorizontalOrientation:t}),isToggle:!1}),("right"==e?.gkitShapeDividerHorizontalOrientation||"left"==e?.gkitShapeDividerHorizontalOrientation)&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(i,{children:(0,d.jsx)(t,{label:(0,a.__)("Offset","gutenkit-blocks-addon"),value:e?.gkitShapeDividerHorizontalOffset?.[b],onChange:t=>n({...e,gkitShapeDividerHorizontalOffset:{...e?.gkitShapeDividerHorizontalOffset,[b]:t}}),units:{px:{min:-1e3,max:1e3},"%":{min:-100,max:100}}})})}),(0,d.jsx)(k,{label:(0,a.__)("Vertical Orientation","gutenkit-blocks-addon"),value:e?.gkitShapeDividerVerticalOrientation,options:[{label:"Top",value:"top",icon:g},{label:"Bottom",value:"bottom",icon:s}],onChange:t=>n({...e,gkitShapeDividerVerticalOrientation:t}),isToggle:!1}),("top"==e?.gkitShapeDividerVerticalOrientation||"bottom"==e?.gkitShapeDividerVerticalOrientation)&&(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(i,{children:(0,d.jsx)(t,{label:(0,a.__)("Offset","gutenkit-blocks-addon"),value:e?.gkitShapeDividerVerticalOffset?.[b],onChange:t=>n({...e,gkitShapeDividerVerticalOffset:{...e?.gkitShapeDividerVerticalOffset,[b]:t}}),units:{px:{min:-1e3,max:1e3},"%":{min:-100,max:100}}})})})]})},j=(0,i.memo)((({attributes:e,setAttributes:n,device:t,advancedControl:i})=>{const{GkitBackgrounGroup:l,GkitChoose:j,GkitPanelBody:w,GkitResponsive:C,GkitSlider:S,GkitRangeUnit:B,GkitTabs:H,GkitBoxShadow:D,GkitBackgrounOverlayGroup:V,GkitSwitcher:f,GkitBoxControl:G,GkitBorderControl:O,GkitRepeater:y,GkitSelect:z,GkitColor:T,GkitMedia:F,GkitIconPicker:R,GkitAdvancedUrl:W}=window.gutenkit.components,{gkitResponsiveValue:M,responsiveHelper:P,htmlTags:L,overflowOptions:A,containerShapeDividers:N}=window.gutenkit.helpers,U=[...L,{label:"Link",value:"a"}];return(0,_.addFilter)("gutenkit.advancedControl.background.exclude","gutenkit/excludeBackgroundFromContainer",(e=>e.add("gutenkit/container"))),(0,_.addFilter)("gutenkit.advancedControl.border.exclude","gutenkit/excludeBorderFromContainer",(e=>e.add("gutenkit/container"))),(0,_.addFilter)("gutenkit.advancedControl.width.exclude","gutenkit/excludeWidthFromContainer",(e=>e.add("gutenkit/container"))),(0,d.jsx)(H,{type:"top-level",tabs:[{name:"content",title:(0,a.__)("Layout","gutenkit-blocks-addon")},{name:"style",title:(0,a.__)("Style","gutenkit-blocks-addon")},{name:"advanced",title:(0,a.__)("Advanced","gutenkit-blocks-addon")}],children:_=>"content"===_.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(w,{title:(0,a.__)("Container","gutenkit-blocks-addon"),initialOpen:!0,children:[(0,d.jsx)(j,{label:(0,a.__)("Container Width","gutenkit-blocks-addon"),value:e?.containerWidth,options:[{label:(0,a.__)("Full Width","gutenkit-blocks-addon"),value:"alignfull"},{label:(0,a.__)("Boxed","gutenkit-blocks-addon"),value:"alignwide"},{label:(0,a.__)("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)(C,{children:(0,d.jsx)(B,{label:(0,a.__)("Custom Width","gutenkit-blocks-addon"),value:M(e,"customWidth",t),onChange:e=>P("customWidth",e,t,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)(j,{label:(0,a.__)("Content Width","gutenkit-blocks-addon"),value:e?.contentWidth,options:[{label:(0,a.__)("Boxed","gutenkit-blocks-addon"),value:"boxed"},{label:(0,a.__)("Full Width","gutenkit-blocks-addon"),value:"full-width"}],onChange:e=>n({contentWidth:e}),isToggle:!1}),"boxed"==e?.contentWidth&&(0,d.jsx)(C,{children:(0,d.jsx)(B,{label:(0,a.__)("Content Box Width","gutenkit-blocks-addon"),value:M(e,"contentBoxWidth",t),onChange:e=>P("contentBoxWidth",e,t,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)(C,{children:(0,d.jsx)(B,{label:(0,a.__)("Min Height","gutenkit-blocks-addon"),value:M(e,"minHeight",t),onChange:e=>P("minHeight",e,t,n),units:{px:{min:0,max:2e3,step:1},vh:{min:0,max:100,step:1}}})})]}),(0,d.jsxs)(w,{title:(0,a.__)("Items Properties","gutenkit-blocks-addon"),children:[(0,d.jsx)(C,{children:(0,d.jsx)(j,{label:(0,a.__)("Direction","gutenkit-blocks-addon"),value:M(e,"direction",t),options:[{label:(0,a.__)("Row-horizontal","gutenkit-blocks-addon"),value:"row",icon:r},{label:(0,a.__)("Column-vertical","gutenkit-blocks-addon"),value:"column",icon:s},{label:(0,a.__)("Row Reverse","gutenkit-blocks-addon"),value:"row-reverse",icon:c},{label:(0,a.__)("Column Reverse","gutenkit-blocks-addon"),value:"column-reverse",icon:g}],onChange:e=>P("direction",e,t,n)})}),(0,d.jsx)(C,{children:(0,d.jsx)(j,{label:(0,a.__)("Justify Content","gutenkit-blocks-addon"),value:M(e,"justifyContent",t),className:M(e,"direction",t),options:[{label:(0,a.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,a.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:h},{label:(0,a.__)("Space Between","gutenkit-blocks-addon"),value:"space-between",icon:v},{label:(0,a.__)("Space Around","gutenkit-blocks-addon"),value:"space-around",icon:x},{label:(0,a.__)("Spac Evenly","gutenkit-blocks-addon"),value:"space-evenly",icon:x}],onChange:e=>P("justifyContent",e,t,n)})}),(0,d.jsx)(C,{children:(0,d.jsx)(j,{label:(0,a.__)("Align Items","gutenkit-blocks-addon"),value:M(e,"alignItems",t),className:"container-align "+M(e,"direction",t),options:[{label:(0,a.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,a.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:h},{label:(0,a.__)("Stretch","gutenkit-blocks-addon"),value:"stretch",icon:x}],onChange:e=>P("alignItems",e,t,n)})}),(0,d.jsx)(C,{children:(0,d.jsx)(B,{label:(0,a.__)("Column Gap Between","gutenkit-blocks-addon"),value:M(e,"columnGapBetween",t),onChange:e=>P("columnGapBetween",e,t,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)(C,{children:(0,d.jsx)(B,{label:(0,a.__)("Row Gap Between","gutenkit-blocks-addon"),value:M(e,"rowGapBetween",t),onChange:e=>P("rowGapBetween",e,t,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)(C,{children:(0,d.jsx)(j,{label:(0,a.__)("Wrap","gutenkit-blocks-addon"),value:M(e,"wrap",t),options:[{label:(0,a.__)("No Wrap","gutenkit-blocks-addon"),value:"nowrap",icon:b},{label:(0,a.__)("Wrap","gutenkit-blocks-addon"),value:"wrap",icon:m}],onChange:e=>P("wrap",e,t,n)})})]}),(0,d.jsxs)(w,{title:(0,a.__)("Additional Options","gutenkit-blocks-addon"),children:[(0,d.jsx)(z,{label:"Overflow",value:e?.overflow,options:A,onChange:e=>n({overflow:e})}),(0,d.jsx)(z,{label:"HTML Tag",value:e?.htmlTag,options:U,onChange:e=>n({htmlTag:e}),help:"a"===e?.htmlTag&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(o.Notice,{isDismissible:!1,status:"warning",children:(0,a.__)("Don’t add links to elements nested in this container - it will break the layout.","gutenkit-blocks-addon-pro")}),(0,d.jsx)(o.__experimentalSpacer,{marginTop:"14px"})]})}),"a"===e?.htmlTag&&(0,d.jsx)(W,{label:(0,a.__)("Link","gutenkit-blocks-addon-pro"),value:e?.containerLink,onChange:e=>n({containerLink:e})})]})]}):"style"===_.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(w,{title:(0,a.__)("Background","gutenkit-blocks-addon"),initialOpen:!0,children:(0,d.jsx)(H,{type:"normal",tabs:[{name:"normal-background",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-background"===t.name?(0,d.jsx)(l,{onChange:e=>n({containerBackground:e}),value:e?.containerBackground}):"hover-background"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l,{onChange:e=>n({containerBackgroundHover:e}),value:e?.containerBackgroundHover,exclude:{video:!0,image:!0}}),(0,d.jsx)(S,{label:(0,a.__)("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)(w,{title:(0,a.__)("Background Overlay","gutenkit-blocks-addon"),initialOpen:!1,children:[(0,d.jsx)(f,{label:(0,a.__)("Show Overlay","gutenkit-blocks-addon"),value:e?.showContainerOverlay,onChange:e=>n({showContainerOverlay:e})}),e?.showContainerOverlay&&(0,d.jsx)(H,{type:"normal",tabs:[{name:"normal-overlay",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-overlay",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:t=>"normal-overlay"===t.name?(0,d.jsx)(V,{label:(0,a.__)("Overlay","gutenkit-blocks-addon"),value:e?.containerBackgroundOverlay,onChange:e=>n({containerBackgroundOverlay:e})}):"hover-overlay"===t.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(V,{label:(0,a.__)("Overlay","gutenkit-blocks-addon"),value:e?.containerBackgroundHoverOverlay,onChange:e=>n({containerBackgroundHoverOverlay:e})}),(0,d.jsx)(o.__experimentalDivider,{}),(0,d.jsx)(S,{label:(0,a.__)("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)(w,{title:(0,a.__)("Border","gutenkit-blocks-addon"),children:(0,d.jsx)(H,{type:"normal",tabs:[{name:"normal-background",title:(0,a.__)("Normal","gutenkit-blocks-addon")},{name:"hover-background",title:(0,a.__)("Hover","gutenkit-blocks-addon")}],children:i=>"normal-background"===i.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(C,{children:(0,d.jsx)(O,{label:(0,a.__)("Border","gutenkit-blocks-addon"),value:M(e,"border",t),onChange:e=>P("border",e,t,n)})}),(0,d.jsx)(C,{children:(0,d.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:M(e,"containerBorderRadius",t),onChange:e=>P("containerBorderRadius",e,t,n)})}),(0,d.jsx)(D,{value:e?.conatinerBoxShadow,onChange:e=>n({conatinerBoxShadow:e})})]}):"hover-background"===i.name?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(C,{children:(0,d.jsx)(O,{label:(0,a.__)("Border","gutenkit-blocks-addon"),value:M(e,"borderHover",t),onChange:e=>P("borderHover",e,t,n)})}),(0,d.jsx)(C,{children:(0,d.jsx)(G,{label:(0,a.__)("Border Radius","gutenkit-blocks-addon"),values:M(e,"containerBorderRadiusHover",t),onChange:e=>P("containerBorderRadiusHover",e,t,n)})}),(0,d.jsx)(D,{value:e?.containerBoxShadowHover,onChange:e=>n({containerBoxShadowHover:e})}),(0,d.jsx)(S,{label:(0,a.__)("Transition Duration","gutenkit-blocks-addon"),value:e?.commonBorderHoverTransition,onChange:e=>n({commonBorderHoverTransition:e}),range:{min:0,max:3,step:.1}})]}):void 0})}),(0,d.jsx)(w,{title:(0,a.__)("Shape Divider","gutenkit-blocks-addon"),children:(0,d.jsxs)(y,{label:"content",onChange:e=>n({gkitContainerShapeDivider:e}),buttonLabel:(0,a.__)("Add New Shape","gutenkit-blocks-addon"),itemLabelName:"",repeaterFields:e?.gkitContainerShapeDivider,children:[(0,d.jsx)(z,{label:(0,a.__)("Shape","gutenkit-blocks-addon"),name:"gkitShapeDividerType",options:N}),(0,d.jsx)(R,{label:(0,a.__)("Upload Svg","gutenkit-blocks-addon-pro"),name:"gkitShapeDividerCustomSvg",isOnlySvg:!0,condition:{name:"gkitShapeDividerType",value:"custom"}}),(0,d.jsx)(T,{label:(0,a.__)("Color","gutenkit-blocks-addon"),name:"gkitShapeDividerColor"}),(0,d.jsx)(f,{label:(0,a.__)("Bring to Front","gutenkit-blocks-addon"),name:"gkitShapeDividerBringToFront"}),(0,d.jsx)(f,{label:(0,a.__)("Flip Horizontal","gutenkit-blocks-addon"),name:"gkitShapeDividerFlipX"}),(0,d.jsx)(f,{label:(0,a.__)("Flip Vertical","gutenkit-blocks-addon"),name:"gkitShapeDividerFlipY"}),(0,d.jsx)(f,{label:(0,a.__)("Overflow","gutenkit-blocks-addon"),name:"gkitShapeDividerOverflow"}),(0,d.jsx)(j,{label:(0,a.__)("Horizontal Align","gutenkit-blocks-addon"),name:"gkitShapeDividerHorizontalAlign",options:[{label:(0,a.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,a.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:h}]}),(0,d.jsx)(j,{label:(0,a.__)("Vertical Align","gutenkit-blocks-addon"),name:"gkitShapeDividerVerticalAlign",className:"container-align",options:[{label:(0,a.__)("Start","gutenkit-blocks-addon"),value:"flex-start",icon:k},{label:(0,a.__)("Center","gutenkit-blocks-addon"),value:"center",icon:u},{label:(0,a.__)("End","gutenkit-blocks-addon"),value:"flex-end",icon:h}]}),(0,d.jsx)(o.__experimentalDivider,{}),(0,d.jsx)(p,{name:"gkitShapeDividerPositionSettings"})]})})]}):"advanced"===_.name?i:_.name})}))}}]);

🔐 Sid Gifari File Manager Pro