✏️ Editing: 701.js Writable

"use strict";(globalThis.webpackChunkpopup_builder_block=globalThis.webpackChunkpopup_builder_block||[]).push([[701],{2701:(e,o,l)=>{l.r(o),l.d(o,{default:()=>g});var n=l(7723),a=l(6087),i=l(6427),r=l(5573),t=l(790);const p=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"})}),u=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.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"})}),s=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"})}),c=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M12 3.9 6.5 9.5l1 1 3.8-3.7V20h1.5V6.8l3.7 3.7 1-1z"})}),d=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),b=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),h=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),v=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"})}),x=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{d:"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z"})}),m=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.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"})}),_=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.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"})});l(2619);const g=(0,a.memo)(({attributes:e,setAttributes:o,device:l})=>{const{GkitBackgrounGroup:a,GkitChoose:r,GkitPanelBody:g,GkitResponsive:k,GkitSlider:w,GkitRangeUnit:j,GkitTabs:B,GkitBoxShadow:C,GkitBackgrounOverlayGroup:H,GkitSwitcher:V,GkitBoxControl:y,GkitBorderControl:G,GkitSelect:S}=window.popupBuilderBlock.components,{gkitResponsiveValue:M,responsiveHelper:O,htmlTags:W,overflowOptions:T}=window.popupBuilderBlock.helpers;return(0,t.jsx)(B,{type:"top-level",tabs:[{name:"content",title:(0,n.__)("Layout","popup-builder-block")},{name:"style",title:(0,n.__)("Style","popup-builder-block")}],children:f=>"content"===f.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(g,{title:(0,n.__)("Container","popup-builder-block"),initialOpen:!0,children:[(0,t.jsx)(r,{label:(0,n.__)("Container Width","popup-builder-block"),value:e?.containerWidth,options:[{label:(0,n.__)("Full Width","popup-builder-block"),value:"alignfull"},{label:(0,n.__)("Boxed","popup-builder-block"),value:"alignwide"},{label:(0,n.__)("Custom","popup-builder-block"),value:"gkit-block-custom-wide"}],onChange:e=>o({containerWidth:e}),isToggle:!1}),"gkit-block-custom-wide"==e?.containerWidth&&(0,t.jsx)(k,{children:(0,t.jsx)(j,{label:(0,n.__)("Custom Width","popup-builder-block"),value:M(e,"customWidth",l),onChange:e=>O("customWidth",e,l,o),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,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r,{label:(0,n.__)("Content Width","popup-builder-block"),value:e?.contentWidth,options:[{label:(0,n.__)("Boxed","popup-builder-block"),value:"boxed"},{label:(0,n.__)("Full Width","popup-builder-block"),value:"full-width"}],onChange:e=>o({contentWidth:e}),isToggle:!1}),"boxed"==e?.contentWidth&&(0,t.jsx)(k,{children:(0,t.jsx)(j,{label:(0,n.__)("Content Box Width","popup-builder-block"),value:M(e,"contentBoxWidth",l),onChange:e=>O("contentBoxWidth",e,l,o),units:{px:{min:0,max:2e3,step:1},vw:{min:0,max:100,step:1},"%":{min:0,max:100,step:1}}})})]}),(0,t.jsx)(k,{children:(0,t.jsx)(j,{label:(0,n.__)("Min Height","popup-builder-block"),value:M(e,"minHeight",l),onChange:e=>O("minHeight",e,l,o),units:{px:{min:0,max:2e3,step:1},vh:{min:0,max:100,step:1}}})})]}),(0,t.jsxs)(g,{title:(0,n.__)("Items Properties","popup-builder-block"),children:[(0,t.jsx)(k,{children:(0,t.jsx)(r,{label:(0,n.__)("Direction","popup-builder-block"),value:M(e,"direction",l),options:[{label:(0,n.__)("Row-horizontal","popup-builder-block"),value:"row",icon:p},{label:(0,n.__)("Column-vertical","popup-builder-block"),value:"column",icon:u},{label:(0,n.__)("Row Reverse","popup-builder-block"),value:"row-reverse",icon:s},{label:(0,n.__)("Column Reverse","popup-builder-block"),value:"column-reverse",icon:c}],onChange:e=>O("direction",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(r,{label:(0,n.__)("Justify Content","popup-builder-block"),value:M(e,"justifyContent",l),className:M(e,"direction",l),options:[{label:(0,n.__)("Start","popup-builder-block"),value:"flex-start",icon:d},{label:(0,n.__)("Center","popup-builder-block"),value:"center",icon:b},{label:(0,n.__)("End","popup-builder-block"),value:"flex-end",icon:h},{label:(0,n.__)("Space Between","popup-builder-block"),value:"space-between",icon:v},{label:(0,n.__)("Space Around","popup-builder-block"),value:"space-around",icon:x},{label:(0,n.__)("Spac Evenly","popup-builder-block"),value:"space-evenly",icon:x}],onChange:e=>O("justifyContent",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(r,{label:(0,n.__)("Align Items","popup-builder-block"),value:M(e,"alignItems",l),className:"container-align "+M(e,"direction",l),options:[{label:(0,n.__)("Start","popup-builder-block"),value:"flex-start",icon:d},{label:(0,n.__)("Center","popup-builder-block"),value:"center",icon:b},{label:(0,n.__)("End","popup-builder-block"),value:"flex-end",icon:h},{label:(0,n.__)("Stretch","popup-builder-block"),value:"stretch",icon:x}],onChange:e=>O("alignItems",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(j,{label:(0,n.__)("Column Gap Between","popup-builder-block"),value:M(e,"columnGapBetween",l),onChange:e=>O("columnGapBetween",e,l,o),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,t.jsx)(k,{children:(0,t.jsx)(j,{label:(0,n.__)("Row Gap Between","popup-builder-block"),value:M(e,"rowGapBetween",l),onChange:e=>O("rowGapBetween",e,l,o),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,t.jsx)(k,{children:(0,t.jsx)(r,{label:(0,n.__)("Wrap","popup-builder-block"),value:M(e,"wrap",l),options:[{label:(0,n.__)("No Wrap","popup-builder-block"),value:"nowrap",icon:m},{label:(0,n.__)("Wrap","popup-builder-block"),value:"wrap",icon:_}],onChange:e=>O("wrap",e,l,o)})})]}),(0,t.jsxs)(g,{title:(0,n.__)("Additional Options","popup-builder-block"),children:[(0,t.jsx)(S,{label:"Overflow",value:e?.overflow,options:T,onChange:e=>o({overflow:e})}),(0,t.jsx)(S,{label:"HTML Tag",value:e?.htmlTag,options:W,onChange:e=>o({htmlTag:e})})]})]}):"style"===f.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(g,{title:(0,n.__)("Layout","popup-builder-block"),initialOpen:!0,children:[(0,t.jsx)(k,{children:(0,t.jsx)(y,{label:(0,n.__)("Padding","popup-builder-block"),values:M(e,"containerPadding",l),onChange:e=>O("containerPadding",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(y,{label:(0,n.__)("Margin","popup-builder-block"),values:M(e,"containerMargin",l),onChange:e=>O("containerMargin",e,l,o)})})]}),(0,t.jsx)(g,{title:(0,n.__)("Background","popup-builder-block"),children:(0,t.jsx)(B,{type:"normal",tabs:[{name:"normal-background",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover-background",title:(0,n.__)("Hover","popup-builder-block")}],children:l=>"normal-background"===l.name?(0,t.jsx)(a,{onChange:e=>o({containerBackground:e}),value:e?.containerBackground}):"hover-background"===l.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a,{onChange:e=>o({containerBackgroundHover:e}),value:e?.containerBackgroundHover,exclude:{video:!0,image:!0}}),(0,t.jsx)(w,{label:(0,n.__)("Transition Duration","popup-builder-block"),value:e?.commonBackgroundHoverTransition,onChange:e=>o({commonBackgroundHoverTransition:e}),range:{min:0,max:3,step:.1}})]}):void 0})}),(0,t.jsxs)(g,{title:(0,n.__)("Background Overlay","popup-builder-block"),initialOpen:!1,children:[(0,t.jsx)(V,{label:(0,n.__)("Show Overlay","popup-builder-block"),value:e?.showContainerOverlay,onChange:e=>o({showContainerOverlay:e})}),e?.showContainerOverlay&&(0,t.jsx)(B,{type:"normal",tabs:[{name:"normal-overlay",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover-overlay",title:(0,n.__)("Hover","popup-builder-block")}],children:l=>"normal-overlay"===l.name?(0,t.jsx)(H,{label:(0,n.__)("Overlay","popup-builder-block"),value:e?.containerBackgroundOverlay,onChange:e=>o({containerBackgroundOverlay:e})}):"hover-overlay"===l.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(H,{label:(0,n.__)("Overlay","popup-builder-block"),value:e?.containerBackgroundHoverOverlay,onChange:e=>o({containerBackgroundHoverOverlay:e})}),(0,t.jsx)(i.__experimentalDivider,{}),(0,t.jsx)(w,{label:(0,n.__)("Transition Duration","popup-builder-block"),value:e?.containerOverlayHoverTransitionDuration,onChange:e=>o({containerOverlayHoverTransitionDuration:e}),range:{min:0,max:3,step:.1}})]}):void 0})]}),(0,t.jsx)(g,{title:(0,n.__)("Border","popup-builder-block"),children:(0,t.jsx)(B,{type:"normal",tabs:[{name:"normal-background",title:(0,n.__)("Normal","popup-builder-block")},{name:"hover-background",title:(0,n.__)("Hover","popup-builder-block")}],children:a=>"normal-background"===a.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k,{children:(0,t.jsx)(G,{label:(0,n.__)("Border","popup-builder-block"),value:M(e,"border",l),onChange:e=>O("border",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(y,{label:(0,n.__)("Border Radius","popup-builder-block"),values:M(e,"containerBorderRadius",l),onChange:e=>O("containerBorderRadius",e,l,o)})}),(0,t.jsx)(C,{value:e?.conatinerBoxShadow,onChange:e=>o({conatinerBoxShadow:e})})]}):"hover-background"===a.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k,{children:(0,t.jsx)(G,{label:(0,n.__)("Border","popup-builder-block"),value:M(e,"borderHover",l),onChange:e=>O("borderHover",e,l,o)})}),(0,t.jsx)(k,{children:(0,t.jsx)(y,{label:(0,n.__)("Border Radius","popup-builder-block"),values:M(e,"containerBorderRadiusHover",l),onChange:e=>O("containerBorderRadiusHover",e,l,o)})}),(0,t.jsx)(C,{value:e?.containerBoxShadowHover,onChange:e=>o({containerBoxShadowHover:e})}),(0,t.jsx)(w,{label:(0,n.__)("Transition Duration","popup-builder-block"),value:e?.commonBorderHoverTransition,onChange:e=>o({commonBorderHoverTransition:e}),range:{min:0,max:3,step:.1}})]}):void 0})})]}):f.name})})}}]);

🔐 Sid Gifari File Manager Pro