✏️ Editing: 891.js Writable

"use strict";(globalThis.webpackChunkpopup_builder_block=globalThis.webpackChunkpopup_builder_block||[]).push([[891],{3891:(e,l,o)=>{o.r(l),o.d(l,{default:()=>c});var a=o(7723),i=o(6087),n=o(6427),p=o(5573),t=o(790);const r=(0,t.jsx)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(p.Path,{d:"M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"})}),u=(0,t.jsx)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(p.Path,{d:"M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"})}),b=(0,t.jsx)(p.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(p.Path,{d:"M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"})}),c=(0,i.memo)(({attributes:e,setAttributes:l,device:o})=>{const{GkitBoxShadow:i,GkitColor:p,GkitPanelBody:c,GkitResponsive:s,GkitTabs:d,GkitTypography:m,GkitText:_,GkitSlider:h,GkitRangeUnit:v,GkitMedia:g,GkitChoose:x,GkitAdvancedUrl:k,GkitBorderControl:j,GkitBoxControl:C,GkitSelect:y,GkitSwitcher:w,GkitBackgrounOverlayGroup:B}=window.popupBuilderBlock.components,{gkitResponsiveValue:S,useFontFamilyinBlock:T,responsiveHelper:O,boxControlUnit:G}=window.popupBuilderBlock.helpers;T([e?.captionTypography]);const H="cover"===S(e,"objectFit",o),f=!(!e.captionSource||"none"===e.captionSource);return(0,t.jsx)(d,{type:"top-level",tabs:[{name:"content",title:(0,a.__)("Content","popup-builder-block")},{name:"style",title:(0,a.__)("Style","popup-builder-block")}],children:T=>{switch(T.name){case"content":return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(c,{title:(0,a.__)("Image","popup-builder-block"),initialOpen:!0,children:[(0,t.jsx)(g,{label:(0,a.__)("Choose Image","popup-builder-block"),mediaTypes:["image"],labelBlock:"block",onChange:e=>l({image:e}),value:e?.image,imageSize:!0}),(0,t.jsx)(s,{children:(0,t.jsx)(x,{label:(0,a.__)("Alignment","popup-builder-block"),options:[{label:(0,a.__)("Left","popup-builder-block"),value:"left",icon:r},{label:(0,a.__)("Center","popup-builder-block"),value:"center",icon:u},{label:(0,a.__)("Right","popup-builder-block"),value:"right",icon:b}],value:S(e,"imageAlignment",o),onChange:e=>O("imageAlignment",e,o,l)})}),(0,t.jsx)(y,{label:(0,a.__)("Caption","popup-builder-block"),value:e?.captionSource,options:[{label:(0,a.__)("None","popup-builder-block"),value:"none"},{label:(0,a.__)("Attachment Caption","popup-builder-block"),value:"attachment"},{label:(0,a.__)("Custom Caption","popup-builder-block"),value:"custom"}],onChange:e=>l({captionSource:e})}),"custom"===e?.captionSource&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(_,{value:e?.customCaption,label:(0,a.__)("Custom Caption","popup-builder-block"),type:"textarea",onChange:e=>l({customCaption:e}),labelBlock:"block"})}),(0,t.jsx)(y,{label:(0,a.__)("Link","popup-builder-block"),value:e?.linkType,options:[{label:(0,a.__)("None","popup-builder-block"),value:"none"},{label:(0,a.__)("Custom URL","popup-builder-block"),value:"custom"}],onChange:e=>l({linkType:e})}),"custom"===e?.linkType&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(k,{value:e?.customURL,onChange:e=>l({customURL:e})})}),(0,t.jsx)(w,{label:(0,a.__)("Track Conversion","popup-builder-block"),value:e?.istrackConversion,onChange:e=>l({istrackConversion:e}),help:(0,a.__)("Enable to track conversions when the image is clicked.","popup-builder-block")})]})});case"style":return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(c,{title:(0,a.__)("Image","popup-builder-block"),children:[(0,t.jsx)(s,{children:(0,t.jsx)(v,{label:(0,a.__)("Width","popup-builder-block"),value:S(e,"width",o),units:{"%":{min:0,max:100,step:1},px:{min:0,max:1e3,step:1},vw:{min:0,max:100,step:1},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}},onChange:e=>O("width",e,o,l)})}),(0,t.jsx)(s,{children:(0,t.jsx)(v,{label:(0,a.__)("Max Width","popup-builder-block"),value:S(e,"maxWidth",o),units:{"%":{min:0,max:100,step:1},px:{min:0,max:1e3,step:1},vw:{min:0,max:100,step:1},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}},onChange:e=>O("maxWidth",e,o,l)})}),(0,t.jsx)(s,{children:(0,t.jsx)(v,{label:(0,a.__)("Height","popup-builder-block"),value:S(e,"height",o),units:{"%":{min:0,max:100,step:1},px:{min:0,max:1e3,step:1},vh:{min:0,max:100,step:1},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}},onChange:e=>O("height",e,o,l)})}),(0,t.jsx)(s,{children:(0,t.jsx)(y,{label:(0,a.__)("Object Fit","popup-builder-block"),value:S(e,"objectFit",o),options:[{label:(0,a.__)("Default","popup-builder-block"),value:"unset"},{label:(0,a.__)("Fill","popup-builder-block"),value:"fill"},{label:(0,a.__)("Cover","popup-builder-block"),value:"cover"},{label:(0,a.__)("Scale Down","popup-builder-block"),value:"scale-down"},{label:(0,a.__)("Contain","popup-builder-block"),value:"contain"}],onChange:e=>O("objectFit",e,o,l),help:(0,a.__)("It will applicable when given any width & height.")})}),H&&(0,t.jsx)(s,{children:(0,t.jsx)(y,{label:(0,a.__)("Object Position","popup-builder-block"),value:S(e,"objectPosition",o),options:[{label:(0,a.__)("Center Center","popup-builder-block"),value:"50% 50%"},{label:(0,a.__)("Center Left","popup-builder-block"),value:"0% 50%"},{label:(0,a.__)("Center Right","popup-builder-block"),value:"100% 50%"},{label:(0,a.__)("Top Left","popup-builder-block"),value:"0% 0%"},{label:(0,a.__)("Top Center","popup-builder-block"),value:"50% 0%"},{label:(0,a.__)("Top Right","popup-builder-block"),value:"100% 0%"},{label:(0,a.__)("Bottom Left","popup-builder-block"),value:"0% 100%"},{label:(0,a.__)("Bottom Center","popup-builder-block"),value:"50% 100%"},{label:(0,a.__)("Bottom Right","popup-builder-block"),value:"100% 100%"}],onChange:e=>O("objectPosition",e,o,l)})}),(0,t.jsx)(n.__experimentalDivider,{margin:"2"}),(0,t.jsx)(s,{children:(0,t.jsx)(C,{label:(0,a.__)("Padding","popup-builder-block"),values:S(e,"imagePadding",o),onChange:e=>O("imagePadding",e,o,l)})}),(0,t.jsx)(s,{children:(0,t.jsx)(C,{label:(0,a.__)("Margin","popup-builder-block"),values:S(e,"imageMargin",o),onChange:e=>O("imageMargin",e,o,l)})}),(0,t.jsx)(n.__experimentalDivider,{margin:"2"}),(0,t.jsx)(d,{type:"normal",tabs:[{name:"image-effects-normal-tab",title:(0,a.__)("Normal","popup-builder-block")},{name:"image-effects-hover-tab",title:(0,a.__)("Hover","popup-builder-block")}],children:o=>"image-effects-normal-tab"===o.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{label:(0,a.__)("Zoom","popup-builder-block"),value:e?.zoom,onChange:e=>l({zoom:e}),range:{min:0,max:3,step:.1}}),(0,t.jsx)(h,{label:(0,a.__)("Opacity","popup-builder-block"),value:e?.opacity,onChange:e=>l({opacity:e}),range:{min:0,max:1,step:.01}}),(0,t.jsx)(j,{label:(0,a.__)("Border","popup-builder-block"),value:e?.imageBorder,onChange:e=>l({imageBorder:e})}),(0,t.jsx)(C,{label:(0,a.__)("Border Radius","popup-builder-block"),units:G,values:e?.borderRadius,onChange:e=>l({borderRadius:e})}),(0,t.jsx)(i,{label:(0,a.__)("Box Shadow","popup-builder-block"),value:e?.boxShadow,onChange:e=>l({boxShadow:e})})]}):"image-effects-hover-tab"===o.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h,{label:(0,a.__)("Zoom","popup-builder-block"),value:e?.hoverZoom,onChange:e=>l({hoverZoom:e}),range:{min:0,max:3,step:.1}}),(0,t.jsx)(h,{label:(0,a.__)("Opacity","popup-builder-block"),value:e?.hoverOpacity,onChange:e=>l({hoverOpacity:e}),range:{min:0,max:1,step:.1}}),(0,t.jsx)(h,{label:(0,a.__)("Transition Duration (s)","popup-builder-block"),value:e?.transitionDuration,onChange:e=>l({transitionDuration:e}),range:{min:0,max:3,step:.1}}),(0,t.jsx)(j,{label:(0,a.__)("Border","popup-builder-block"),value:e?.imageBorderHover,onChange:e=>l({imageBorderHover:e})}),(0,t.jsx)(C,{label:(0,a.__)("Border Radius","popup-builder-block"),units:G,values:e?.borderRadiusHover,onChange:e=>l({borderRadiusHover:e})}),(0,t.jsx)(i,{label:(0,a.__)("Box Shadow","popup-builder-block"),value:e?.boxShadowHover,onChange:e=>l({boxShadowHover:e})})]}):void 0})]}),f&&(0,t.jsxs)(c,{title:(0,a.__)("Caption","popup-builder-block"),children:[(0,t.jsx)(x,{label:(0,a.__)("Alignment","popup-builder-block"),options:[{label:(0,a.__)("Left","popup-builder-block"),value:"left",icon:r},{label:(0,a.__)("Center","popup-builder-block"),value:"center",icon:u},{label:(0,a.__)("Right","popup-builder-block"),value:"right",icon:b}],value:S(e,"captionAlignment",o),onChange:e=>O("captionAlignment",e,o,l)}),(0,t.jsx)(p,{label:(0,a.__)("Color","popup-builder-block"),onChange:e=>l({captionColor:e}),value:e?.captionColor}),(0,t.jsx)(p,{label:(0,a.__)("Background","popup-builder-block"),onChange:e=>l({captionBackground:e}),value:e?.captionBackground}),(0,t.jsx)(m,{label:(0,a.__)("Typography","popup-builder-block"),value:e?.captionTypography,onChange:e=>l({captionTypography:e})}),(0,t.jsx)(i,{label:(0,a.__)("Text Shadow","popup-builder-block"),value:e?.captionShadow,onChange:e=>l({captionShadow:e}),selectedType:"text",exclude:{position:!0,spread:!0}}),(0,t.jsx)(s,{children:(0,t.jsx)(v,{label:(0,a.__)("Spacing","popup-builder-block"),value:S(e,"captionSpacing",o),onChange:e=>O("captionSpacing",e,o,l),units:{px:{min:0,max:100,step:1},"%":{min:0,max:100,step:1},rem:{min:0,max:100,step:1},em:{min:0,max:100,step:1}}})})]}),(0,t.jsxs)(c,{title:(0,a.__)("Overlay","popup-builder-block"),initialOpen:!1,children:[(0,t.jsx)(w,{label:(0,a.__)("Show Overlay","popup-builder-block"),value:e?.showContainerOverlay,onChange:e=>l({showContainerOverlay:e})}),e?.showContainerOverlay&&(0,t.jsx)(d,{type:"normal",tabs:[{name:"normal-overlay",title:(0,a.__)("Normal","popup-builder-block")},{name:"hover-overlay",title:(0,a.__)("Hover","popup-builder-block")}],children:o=>"normal-overlay"===o.name?(0,t.jsx)(B,{label:(0,a.__)("Overlay","popup-builder-block"),value:e?.containerBackgroundOverlay,onChange:e=>l({containerBackgroundOverlay:e})}):"hover-overlay"===o.name?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(B,{label:(0,a.__)("Overlay","popup-builder-block"),value:e?.containerBackgroundHoverOverlay,onChange:e=>l({containerBackgroundHoverOverlay:e})}),(0,t.jsx)(n.__experimentalDivider,{}),(0,t.jsx)(h,{label:(0,a.__)("Transition Duration","popup-builder-block"),value:e?.containerOverlayHoverTransitionDuration,onChange:e=>l({containerOverlayHoverTransitionDuration:e}),range:{min:0,max:3,step:.1}})]}):void 0})]})]})}}})})}}]);

🔐 Sid Gifari File Manager Pro