FileMaster

Edit File: index.js

(()=>{"use strict";var e,t={494:()=>{const e=window.wp.blocks,t=window.wp.i18n,o=window.wp.blockEditor,l=window.wp.components,n=window.wp.primitives,a=window.ReactJSXRuntime,s=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),c=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),i=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),d=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M5 11.25h14v1.5H5z"})}),r=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"})}),y=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"})}),u=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"})}),p=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M7 18v1h10v-1H7zm5-2c1.5 0 2.6-.4 3.4-1.2.8-.8 1.1-2 1.1-3.5V5H15v5.8c0 1.2-.2 2.1-.6 2.8-.4.7-1.2 1-2.4 1s-2-.3-2.4-1c-.4-.7-.6-1.6-.6-2.8V5H7.5v6.2c0 1.5.4 2.7 1.1 3.5.8.9 1.9 1.3 3.4 1.3z"})}),g=(0,a.jsx)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,a.jsx)(n.Path,{d:"M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z"})}),h=window.wp.element,x=[["core/group",{style:{spacing:{padding:{top:"50px",bottom:"50px",left:"16px",right:"16px"}}},layout:{type:"constrained",contentSize:"600px"}},[["core/heading",{textAlign:"center",placeholder:(0,t.__)("Looking for Best  Theme for your Agency?","cozy-addons"),style:{elements:{link:{color:{text:"#090b10"}}},color:{text:"#090b10"}}},[]],["core/paragraph",{align:"center",placeholder:(0,t.__)("Meet the Blockpage  - The Ultimate Multipurpose block base FSE WordPress theme with 120+ pre-build ready to use patterns library with homepage and inner page layout with one click demo import","cozy-addons"),style:{elements:{link:{color:{text:"#9a9a9a"}}},color:{text:"#9a9a9a"}}},[]],["core/buttons",{layout:{type:"flex",justifyContent:"center"}},[["core/button",{style:{color:{gradient:"linear-gradient(135deg,rgb(8,183,134) 0%,rgb(35,26,132) 100%)"},border:{radius:"60px"}},placeholder:(0,t.__)("Download Now","cozy-addons")}],["core/button",{style:{color:{background:"#dcf2ec",text:"#0ba986"},border:{radius:"60px"}},placeholder:(0,t.__)("Explore Demos","cozy-addons")}]]]]]],m=(0,h.memo)((({attributes:e})=>{const t=(0,o.useInnerBlocksProps)({className:`cozy-modal-${e.modalType} event-${e.modalEvent}`},{template:x,renderAppender:!1,orientation:"horizontal"});return(0,a.jsx)("div",{...t})})),b=(0,h.memo)((({clientId:e,attributes:o})=>{const l=`cozyBlock_${e.replace(/-/gi,"_")}`,n=`\n    .cozy-block-wrapper[data-block="${e}"] {\n\t\ttext-align: ${o.clickButtonStyles?.justify?o.clickButtonStyles?.justify:""};\n\t}\n\n    .cozy-modal-open[data-type="${e}"] {\n\t\tpadding: ${o.clickButtonStyles.padding.top}px ${o.clickButtonStyles.padding.right}px ${o.clickButtonStyles.padding.bottom}px ${o.clickButtonStyles.padding.left}px;\n\t\tborder-style: ${o.clickButtonStyles.borderType};\n\t\tborder-width: ${o.clickButtonStyles.borderWidth.top}px ${o.clickButtonStyles.borderWidth.right}px ${o.clickButtonStyles.borderWidth.bottom}px ${o.clickButtonStyles.borderWidth.left}px; \n\t\tborder-color: ${o.clickButtonStyles.borderColor};\n\t\tborder-radius: ${o.clickButtonStyles.borderRadius}px;\n\t\tfont-size: ${o.clickButtonStyles.fontSize}px;\n\t\tfont-weight: ${o.clickButtonStyles?.fontWeight};\n\t\tfont-family: ${o.clickButtonStyles?.fontFamily};\n\t\ttext-transform: ${o.clickButtonStyles?.letterCase};\n\t\ttext-decoration: ${o.clickButtonStyles?.decoration};\n\t\tline-height: ${o.clickButtonStyles?.lineHeight};\n\t\tletter-spacing: ${o.clickButtonStyles?.letterSpacing};\n\t\tcolor: ${o.clickButtonStyles.color};\n\t\tbackground-color: ${o.clickButtonStyles.bgColor};\n    }\n    .cozy-modal-open[data-type="${e}"] .cozy-modal-open__img {\n\t\twidth: ${o.clickButtonStyles?.imgWidth?`${o.clickButtonStyles?.imgWidth}px`:"100px"};\n\t\theight: ${o.clickButtonStyles?.imgHeight?`${o.clickButtonStyles?.imgHeight}px`:"100px"};\n\t\tborder-radius: ${o.clickButtonStyles?.imgRadius?`${o.clickButtonStyles?.imgRadius}px`:""};\n\t}\n    .cozy-modal-open[data-type="${e}"] .cozy-modal-open__img img {\n\t\tborder-radius: ${o.clickButtonStyles?.imgRadius?`${o.clickButtonStyles?.imgRadius}px`:""};\n\t}\n    .cozy-modal-open[data-type="${e}"]:hover {\n      color: ${o.clickButtonStyles.colorHover};\n      background-color: ${o.clickButtonStyles.bgColorHover};\n    }\n\n    #${l} {\n      padding: ${o.padding.top}px ${o.padding.right}px ${o.padding.bottom}px ${o.padding.left}px;\n      background-color: ${o.backgroundColor};\n    }\n    #${l}.type-default {\n      width: ${o.boxWidth}px;\n    }\n    #${l} .modal-icon-wrapper {\n\t\tdisplay: ${o.iconStyles?.enabled?"flex":"none"};\n\t\twidth: ${o.iconStyles?.boxWidth?`${o.iconStyles?.boxWidth}px`:"36px"};\n\t\theight: ${o.iconStyles?.boxHeight?`${o.iconStyles?.boxHeight}px`:"36px"};\n\t\tborder-radius: ${o.iconStyles?.radius?`${o.iconStyles?.radius}px`:"100px"};\n\t\tbackground-color: ${o.iconStyles?.bg?`${o.iconStyles?.bg}`:""};\n\t}\n    #${l} .modal-icon-wrapper:hover {\n\t\tbackground-color: ${o.iconStyles?.bgHover?`${o.iconStyles?.bgHover}`:""};\n\t}\n    #${l} .modal-icon-wrapper svg {\n      width: ${o.iconStyles.iconSize}px;\n      height: ${o.iconStyles.iconSize}px;\n      fill: ${o.iconStyles.iconColor};\n    }\n    #${l} .modal-icon-wrapper:hover svg {\n      fill: ${o.iconStyles.iconColorHover};\n    }\n  `;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("style",{dangerouslySetInnerHTML:{__html:n}}),""!=o.clickButtonStyles?.fontFamily&&null!=o.clickButtonStyles?.fontFamily&&(0,a.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${o.clickButtonStyles?.fontFamily}:wght@100;200;300;400;500;600;700;800;900`}),"default"===o.modalType&&"click"===o.modalEvent&&(0,a.jsxs)("a",{className:"cozy-modal-open","data-type":e,children:[("default"===o.clickButtonStyles?.content||!o.clickButtonStyles?.content)&&(0,t.__)(o.clickButtonStyles.label,"cozy-addons"),"image"===o.clickButtonStyles?.content&&o.clickButtonStyles?.imgURL&&(0,a.jsx)("figure",{className:"cozy-modal-open__img"+(o.clickButtonStyles?.imgHasPulse?" has-pulse-animation":""),children:(0,a.jsx)("img",{src:o.clickButtonStyles?.imgURL})})]}),(0,a.jsxs)("div",{className:`cozy-block-modal type-${o.modalType} event-${o.modalEvent} icon-align-${o.iconStyles.alignment}`,id:l,children:[(0,a.jsx)("div",{className:"close-icon-wrapper",children:(0,a.jsx)("div",{className:"modal-icon-wrapper",children:(0,a.jsx)("svg",{className:"modal-close-icon",width:"16",height:"16",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M11.8516 8.59375L16.7378 3.70752C17.3374 3.10791 17.3374 2.13574 16.7378 1.53564L15.6519 0.449707C15.0522 -0.149902 14.0801 -0.149902 13.48 0.449707L8.59375 5.33594L3.70752 0.449707C3.10791 -0.149902 2.13574 -0.149902 1.53564 0.449707L0.449707 1.53564C-0.149902 2.13525 -0.149902 3.10742 0.449707 3.70752L5.33594 8.59375L0.449707 13.48C-0.149902 14.0796 -0.149902 15.0518 0.449707 15.6519L1.53564 16.7378C2.13525 17.3374 3.10791 17.3374 3.70752 16.7378L8.59375 11.8516L13.48 16.7378C14.0796 17.3374 15.0522 17.3374 15.6519 16.7378L16.7378 15.6519C17.3374 15.0522 17.3374 14.0801 16.7378 13.48L11.8516 8.59375Z"})})})}),(0,a.jsx)(m,{attributes:o})]})]})})),_=JSON.parse('{"UU":"cozy-block/modal","h_":"Capture attention with our \'Popup Builder\' block, a pop-up window designed to showcase offers and promotions, providing a compelling way to communicate with your audience."}'),S=(0,a.jsxs)("svg",{width:"28",height:"21",viewBox:"0 0 28 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("rect",{fill:"none",x:"1",y:"3",width:"25",height:"17",stroke:"#0C50FF",strokeWidth:"2"}),(0,a.jsx)("path",{d:"M5 8H7.75H10.5",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("path",{d:"M6 10H9.5H13.5",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("path",{d:"M8 12L13.1333 12L19 12",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("path",{d:"M14 10H17.5L21 10",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("path",{d:"M11 8H16.5",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("path",{d:"M17 8H22",stroke:"#0C50FF",strokeOpacity:"0.5"}),(0,a.jsx)("rect",{x:"10",y:"15",width:"7",height:"2",fill:"#0C50FF"}),(0,a.jsx)("rect",{x:"21",width:"7",height:"7",rx:"3.5",fill:"#80A2FA"}),(0,a.jsx)("path",{d:"M25.0686 3.5L25.9215 2.64713C26.0262 2.54247 26.0262 2.37278 25.9215 2.26804L25.732 2.07849C25.6273 1.97384 25.4576 1.97384 25.3529 2.07849L24.5 2.93136L23.6471 2.07849C23.5425 1.97384 23.3728 1.97384 23.268 2.07849L23.0785 2.26804C22.9738 2.3727 22.9738 2.54239 23.0785 2.64713L23.9314 3.5L23.0785 4.35287C22.9738 4.45753 22.9738 4.62722 23.0785 4.73196L23.268 4.92151C23.3727 5.02616 23.5425 5.02616 23.6471 4.92151L24.5 4.06864L25.3529 4.92151C25.4575 5.02616 25.6273 5.02616 25.732 4.92151L25.9215 4.73196C26.0262 4.6273 26.0262 4.45761 25.9215 4.35287L25.0686 3.5Z",fill:"white"})]});(0,e.registerBlockType)(_.UU,{title:(0,t.__)("Popup Builder","cozy-addons"),description:(0,t.__)(_.h_,"cozy-addons"),icon:{src:S},example:{attributes:{cover:cozyBlockAssets.imageDir+"/preview_popup.jpg"},viewportWidth:1260},edit:function(e){const{attributes:n,setAttributes:x,clientId:m}=e;if(n.cover)return(0,a.jsx)("img",{src:n.cover});n.blockClientId=m;const _=(0,o.useBlockProps)({className:"cozy-block-wrapper"}),[S,k]=(0,h.useState)(!0),[v,C]=(0,h.useState)(!0),[B,j]=(0,h.useState)(!0),z=(e,t)=>{let o={...n.padding};o={...o,top:Math.abs(t),right:Math.abs(t),bottom:Math.abs(t),left:Math.abs(t)},x(S?{...n,padding:o}:{...n,padding:{...n.padding,[e]:Math.abs(t)}})},w=(e,t)=>{let o={...n.clickButtonStyles.padding};o={...o,top:Math.abs(t),right:Math.abs(t),bottom:Math.abs(t),left:Math.abs(t)},x(v?{...n,clickButtonStyles:{...n.clickButtonStyles,padding:o}}:{...n,clickButtonStyles:{...n.clickButtonStyles,padding:{...n.clickButtonStyles.padding,[e]:Math.abs(t)}}})},f=(e,t)=>{let o={...n.clickButtonStyles.borderWidth};o={...o,top:Math.abs(t),right:Math.abs(t),bottom:Math.abs(t),left:Math.abs(t)},x(B?{...n,clickButtonStyles:{...n.clickButtonStyles,borderWidth:o}}:{...n,clickButtonStyles:{...n.clickButtonStyles,borderWidth:{...n.clickButtonStyles.borderWidth,[e]:Math.abs(t)}}})};function L(e){x({...n,clickButtonStyles:{...n.clickButtonStyles,imgURL:e.url}})}const $=function(){let e=[{label:"Default",value:""}];if("object"==typeof cozyBlockAssets.googleFonts)for(let t in cozyBlockAssets.googleFonts)e.push({label:cozyBlockAssets.googleFonts[t],value:t});return e}(),[H,T]=(0,h.useState)("general");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{..._,children:(0,a.jsx)(b,{clientId:m,attributes:n})}),(0,a.jsxs)(o.InspectorControls,{group:"settings",children:[(0,a.jsxs)(l.PanelBody,{title:(0,t.__)("Popup","cozy-addons"),opened:"general"===H,onToggle:()=>T("general"),children:[(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Type","cozy-addons"),options:[{label:(0,t.__)("Default"),value:"default"},{label:(0,t.__)("Notifier"),value:"notifier"}],value:n.modalType,onChange:e=>x({...n,modalType:e})}),"default"===n.modalType&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Box Width","cozy-addons"),min:100,step:5,max:1500,value:n.boxWidth,onChange:e=>x({...n,boxWidth:e})}),(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Event","cozy-addons"),options:[{label:(0,t.__)("On Load"),value:"load"},{label:(0,t.__)("On Click"),value:"click"}],value:n.modalEvent,onChange:e=>{x({...n,modalEvent:e})}}),"load"===n.modalEvent&&(0,a.jsx)(l.ToggleControl,{label:(0,t.__)("Load on Every Refresh","cozy-addons"),checked:n.loadOnRefresh,onChange:e=>x({...n,loadOnRefresh:e})}),"click"===n.modalEvent&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Button Content","cozy-addons"),isBlock:!0,value:n.clickButtonStyles?.content?n.clickButtonStyles?.content:"default",onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,content:e}}),children:[(0,a.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Default","cozy-addons"),value:"default"}),(0,a.jsx)(l.__experimentalToggleGroupControlOption,{label:(0,t.__)("Image","cozy-addons"),value:"image"})]}),("default"===n.clickButtonStyles?.content||!n.clickButtonStyles?.content)&&(0,a.jsx)(l.TextControl,{label:(0,t.__)("Button Label","cozy-addons"),type:"text",value:n.clickButtonStyles.label,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,label:e}})}),"image"===n.clickButtonStyles?.content&&(0,a.jsxs)(a.Fragment,{children:[!n.clickButtonStyles?.imgURL&&(0,a.jsx)(o.MediaUploadCheck,{children:(0,a.jsx)(o.MediaUpload,{onSelect:e=>L(e),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,a.jsx)("div",{className:"components-base-control",onClick:e,children:(0,a.jsx)("button",{type:"button",className:"components-button is-secondary",children:(0,t.__)("Choose from Media Library","cozy-addons")})})})}),n.clickButtonStyles?.imgURL&&(0,a.jsx)(o.MediaUploadCheck,{children:(0,a.jsx)(o.MediaUpload,{onSelect:e=>L(e),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,a.jsxs)("div",{className:"components-base-control",onClick:e,style:{margin:"0 auto",textAlign:"center"},children:[(0,a.jsx)("img",{src:n.clickButtonStyles?.imgURL,width:100,height:100}),(0,a.jsx)("p",{style:{color:"#cf2e2e",textDecoration:"underline",cursor:"pointer"},children:(0,t.__)("Replace Image","cozy-addons")})]})})})]}),(0,a.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Button Justification","cozy-addons"),value:n.clickButtonStyles?.justify,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,justify:e}}),children:[(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Left","cozy-addons"),value:"left",icon:s}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Center","cozy-addons"),value:"center",icon:c}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Right","cozy-addons"),value:"right",icon:i})]})]})]}),(0,a.jsx)(l.ToggleControl,{label:(0,t.__)("Close Icon","cozy-addons"),checked:n.iconStyles?.enabled,onChange:e=>x({...n,iconStyles:{...n.iconStyles,enabled:e}})})]}),(0,a.jsxs)(l.PanelBody,{title:(0,t.__)("Close Icon","cozy-addons"),opened:"close-icon"===H,onToggle:()=>T("close-icon"),children:[(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Alignment","cozy-addons"),options:[{label:(0,t.__)("Left","cozy-addons"),value:"left"},{label:(0,t.__)("Right","cozy-addons"),value:"right"}],value:n.iconStyles.alignment,onChange:e=>x({...n,iconStyles:{...n.iconStyles,alignment:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Vertical Spacing","cozy-addons"),min:-300,max:300,step:1,value:n.iconStyles.verticalSpacing,onChange:e=>x({...n,iconStyles:{...n.iconStyles,verticalSpacing:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Horizontal Spacing","cozy-addons"),min:-300,max:300,step:1,value:n.iconStyles.horizontalSpacing,onChange:e=>x({...n,iconStyles:{...n.iconStyles,horizontalSpacing:e}})})]})]},"setting"),(0,a.jsxs)(o.InspectorControls,{group:"styles",children:[(0,a.jsxs)(l.PanelBody,{title:(0,t.__)("Container Styles","cozy-addons"),opened:"container-styles"===H,onToggle:()=>T("container-styles"),children:[(0,a.jsxs)(l.BaseControl,{children:[(0,a.jsx)(l.BaseControl.VisualLabel,{children:(0,t.__)("Padding","cozy-addons")}),(0,a.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,a.jsx)("button",{className:"cozy-link-styles "+(S?"":"cozy-attr-link-disabled"),onClick:()=>k(!S),children:(0,a.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Top","cozy-addons"),value:n.padding.top,onChange:e=>z("top",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Right","cozy-addons"),value:n.padding.right,onChange:e=>z("right",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Bottom","cozy-addons"),value:n.padding.bottom,onChange:e=>z("bottom",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Left","cozy-addons"),value:n.padding.left,onChange:e=>z("left",e)})]})]}),(0,a.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{value:n.backgroundColor,onChange:e=>x({...n,backgroundColor:e}),label:(0,t.__)("Background","cozy-addons")},{value:n.backgroundOverlayColor,onChange:e=>x({...n,backgroundOverlayColor:e}),label:(0,t.__)("Overlay","cozy-addons")}]})]}),(0,a.jsxs)(l.PanelBody,{title:(0,t.__)("Icon Styles","cozy-addons"),opened:"icon-styles"===H,onToggle:()=>T("icon-styles"),children:[(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Box Width","cozy-addons"),min:10,max:100,step:1,defaultValue:36,value:n.iconStyles?.boxWidth,onChange:e=>x({...n,iconStyles:{...n.iconStyles,boxWidth:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Box Height","cozy-addons"),min:10,max:100,step:1,defaultValue:36,value:n.iconStyles?.boxHeight,onChange:e=>x({...n,iconStyles:{...n.iconStyles,boxHeight:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Size","cozy-addons"),min:0,max:50,step:1,value:n.iconStyles.iconSize,onChange:e=>x({...n,iconStyles:{...n.iconStyles,iconSize:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Border Radius","cozy-addons"),min:0,max:100,step:1,value:n.iconStyles?.radius,onChange:e=>x({...n,iconStyles:{...n.iconStyles,radius:e}})}),(0,a.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{label:(0,t.__)("Icon (Default)","cozy-addons"),value:n.iconStyles.iconColor,onChange:e=>x({...n,iconStyles:{...n.iconStyles,iconColor:e}})},{label:(0,t.__)("Icon (Hover)","cozy-addons"),value:n.iconStyles.iconColorHover,onChange:e=>x({...n,iconStyles:{...n.iconStyles,iconColorHover:e}})},{label:(0,t.__)("Background (Default)","cozy-addons"),value:n.iconStyles?.bg,onChange:e=>x({...n,iconStyles:{...n.iconStyles,bg:e}})},{label:(0,t.__)("Background (Hover)","cozy-addons"),value:n.iconStyles?.bgHover,onChange:e=>x({...n,iconStyles:{...n.iconStyles,bgHover:e}})}]})]}),"default"===n.modalType&&"click"===n.modalEvent&&(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(l.PanelBody,{title:(0,t.__)("Button Styles","cozy-addons"),opened:"button-styles"===H,onToggle:()=>T("button-styles"),children:[(0,a.jsxs)(l.BaseControl,{children:[(0,a.jsx)(l.BaseControl.VisualLabel,{children:(0,t.__)("Padding","cozy-addons")}),(0,a.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,a.jsx)("button",{className:"cozy-link-styles "+(v?"":"cozy-attr-link-disabled"),onClick:()=>C(!v),children:(0,a.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Top","cozy-addons"),value:n.clickButtonStyles.padding.top,onChange:e=>w("top",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Right","cozy-addons"),value:n.clickButtonStyles.padding.right,onChange:e=>w("right",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,label:(0,t.__)("Bottom","cozy-addons"),value:n.clickButtonStyles.padding.bottom,onChange:e=>w("bottom",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,value:n.clickButtonStyles.padding.left,label:(0,t.__)("Left","cozy-addons"),onChange:e=>w("left",e)})]})]}),(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Border Type","cozy-addons"),value:n.clickButtonStyles.borderType,options:[{label:(0,t.__)("None","cozy-addons"),value:"none"},{label:(0,t.__)("Solid","cozy-addons"),value:"solid"},{label:(0,t.__)("Double","cozy-addons"),value:"double"},{label:(0,t.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,t.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,t.__)("Groove","cozy-addons"),value:"groove"}],onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,borderType:e}})}),"none"!==n.clickButtonStyles.borderType&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(l.BaseControl,{children:[(0,a.jsx)(l.BaseControl.VisualLabel,{children:(0,t.__)("Border Width","cozy-addons")}),(0,a.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,a.jsx)("button",{className:"cozy-link-styles "+(B?"":"cozy-attr-link-disabled"),onClick:()=>j(!B),children:(0,a.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 7.88029L0.0553284 13.2126H2.53381L2.53381 7.88029C2.82201 4.53678 5.6079 3.53757 6.94321 3.4415C10.9203 3.15534 12.1019 6.00678 12.3901 7.88029V13.2126L14.8398 13.2126V7.88029C14.1251 1.90809 9.2776 0.780139 6.94321 0.962687C1.84791 1.30857 0.0553284 5.92031 0.0553284 7.88029Z",fill:"black"}),(0,a.jsx)("path",{d:"M0.0553284 20.9042L0.0553284 15.5718H2.53381L2.53381 20.9042C2.82201 24.2477 5.6079 25.2469 6.94321 25.343C10.9203 25.6291 12.1019 22.7777 12.3901 20.9042V15.5718L14.8398 15.5718V20.9042C14.1251 26.8764 9.2776 28.0043 6.94321 27.8218C1.84791 27.4759 0.0553284 22.8641 0.0553284 20.9042Z",fill:"black"})]})}),(0,a.jsx)(l.TextControl,{type:"number",step:1,min:0,label:(0,t.__)("Top","cozy-addons"),value:n.clickButtonStyles.borderWidth.top,onChange:e=>f("top",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,min:0,label:(0,t.__)("Right","cozy-addons"),value:n.clickButtonStyles.borderWidth.right,onChange:e=>f("right",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,min:0,label:(0,t.__)("Bottom","cozy-addons"),value:n.clickButtonStyles.borderWidth.bottom,onChange:e=>f("bottom",e)}),(0,a.jsx)(l.TextControl,{type:"number",step:1,min:0,label:(0,t.__)("Left","cozy-addons"),value:n.clickButtonStyles.borderWidth.left,onChange:e=>f("left",e)})]})]}),(0,a.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{value:n.clickButtonStyles.borderColor,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,borderColor:e}}),label:(0,t.__)("Border","cozy-addons")}]})]}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Border Radius","cozy-addons"),min:0,max:50,step:1,value:n.clickButtonStyles.borderRadius,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,borderRadius:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Font Size","cozy-addons"),min:0,max:50,step:1,value:n.clickButtonStyles.fontSize,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,fontSize:e}})}),(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Font Family","cozy-addons"),options:$,value:n.clickButtonStyles?.fontFamily,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,fontFamily:e}})}),(0,a.jsx)(l.SelectControl,{label:(0,t.__)("Font Weight","cozy-addons"),options:[{label:(0,t.__)("Thin","cozy-addons"),value:"100"},{label:(0,t.__)("Extra Light","cozy-addons"),value:"200"},{label:(0,t.__)("Light","cozy-addons"),value:"300"},{label:(0,t.__)("Normal","cozy-addons"),value:"400"},{label:(0,t.__)("Medium","cozy-addons"),value:"500"},{label:(0,t.__)("Semi Bold","cozy-addons"),value:"600"},{label:(0,t.__)("Bold","cozy-addons"),value:"700"},{label:(0,t.__)("Extra Bold","cozy-addons"),value:"800"},{label:(0,t.__)("Black","cozy-addons"),value:"900"}],value:n.clickButtonStyles?.fontWeight,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,fontWeight:e}})}),(0,a.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,a.jsx)("div",{style:{width:"100%"},children:(0,a.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Letter Case","cozy-addons"),value:n.clickButtonStyles?.letterCase,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,letterCase:e}}),children:[(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:d}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Uppercase","cozy-addons"),value:"uppercase",icon:r}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Lowercase","cozy-addons"),value:"lowercase",icon:y}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Capitalize","cozy-addons"),value:"capitalize",icon:u})]})}),(0,a.jsx)("div",{style:{width:"100%"},children:(0,a.jsxs)(l.__experimentalToggleGroupControl,{label:(0,t.__)("Decoration","cozy-addons"),value:n.clickButtonStyles?.decoration,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,decoration:e}}),children:[(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("None","cozy-addons"),value:"none",icon:d}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Underline","cozy-addons"),value:"underline",icon:p}),(0,a.jsx)(l.__experimentalToggleGroupControlOptionIcon,{label:(0,t.__)("Strikethrough","cozy-addons"),value:"line-through",icon:g})]})})]}),(0,a.jsxs)("div",{className:"components-base-control",style:{display:"flex",justifyContent:"space-between",gap:"10px"},children:[(0,a.jsx)("div",{style:{width:"100%"},children:(0,a.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Line Height","cozy-addons"),value:n.clickButtonStyles?.lineHeight,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,lineHeight:e}})})}),(0,a.jsx)("div",{style:{width:"100%"},children:(0,a.jsx)(l.__experimentalUnitControl,{label:(0,t.__)("Letter Spacing","cozy-addons"),value:n.clickButtonStyles?.letterSpacing,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,letterSpacing:e}})})})]}),"image"===n.clickButtonStyles?.content&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Image Width","cozy-addons"),min:0,max:300,step:1,value:n.clickButtonStyles?.imgWidth,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,imgWidth:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Image Height","cozy-addons"),min:0,max:300,step:1,value:n.clickButtonStyles?.imgHeight,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,imgHeight:e}})}),(0,a.jsx)(l.RangeControl,{label:(0,t.__)("Image Radius","cozy-addons"),min:0,max:100,step:1,value:n.clickButtonStyles?.imgRadius,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,imgRadius:e}})}),(0,a.jsx)(l.ToggleControl,{label:(0,t.__)("Pulse Effect","cozy-addons"),checked:n.clickButtonStyles?.imgHasPulse,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,imgHasPulse:e}})})]}),(0,a.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,t.__)("Color","cozy-addons"),colorSettings:[{value:n.clickButtonStyles.color,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,color:e}}),label:(0,t.__)("Text (Default)","cozy-addons")},{value:n.clickButtonStyles.colorHover,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,colorHover:e}}),label:(0,t.__)("Text (Hover)","cozy-addons")},{value:n.clickButtonStyles.bgColor,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,bgColor:e}}),label:(0,t.__)("Background (Default)","cozy-addons")},{value:n.clickButtonStyles.bgColorHover,onChange:e=>x({...n,clickButtonStyles:{...n.clickButtonStyles,bgColorHover:e}}),label:(0,t.__)("Background (Hover)","cozy-addons")}]})]})})]},"style")]})},save:function(e){const{attributes:l}=e,n=`cozyBlock_${(s=l.blockClientId,s.replace(/[;=()\s]/g,"")).replace(/-/gi,"_")}`;var s;return(0,a.jsxs)(a.Fragment,{children:["default"===l.modalType&&"click"===l.modalEvent&&(0,a.jsxs)("a",{className:"cozy-modal-open","data-type":l.blockClientId,children:[("default"===l.clickButtonStyles?.content||!l.clickButtonStyles?.content)&&(0,t.__)(l.clickButtonStyles.label,"cozy-addons"),"image"===l.clickButtonStyles?.content&&l.clickButtonStyles?.imgURL&&(0,a.jsx)("figure",{className:"cozy-modal-open__img"+(l.clickButtonStyles?.imgHasPulse?" has-pulse-animation":""),children:(0,a.jsx)("img",{src:l.clickButtonStyles?.imgURL})})]}),(0,a.jsxs)("div",{className:`cozy-block-modal  type-${l.modalType} ${"default"===l.modalType?"event-"+l.modalEvent:""} ${"default"===l.modalType?"display-none":""} icon-align-${l.iconStyles.alignment}`,id:n,children:[(0,a.jsx)("div",{className:"close-icon-wrapper",children:(0,a.jsx)("div",{className:"modal-icon-wrapper",children:(0,a.jsx)("svg",{className:"modal-close-icon",width:"16",height:"16",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M11.8516 8.59375L16.7378 3.70752C17.3374 3.10791 17.3374 2.13574 16.7378 1.53564L15.6519 0.449707C15.0522 -0.149902 14.0801 -0.149902 13.48 0.449707L8.59375 5.33594L3.70752 0.449707C3.10791 -0.149902 2.13574 -0.149902 1.53564 0.449707L0.449707 1.53564C-0.149902 2.13525 -0.149902 3.10742 0.449707 3.70752L5.33594 8.59375L0.449707 13.48C-0.149902 14.0796 -0.149902 15.0518 0.449707 15.6519L1.53564 16.7378C2.13525 17.3374 3.10791 17.3374 3.70752 16.7378L8.59375 11.8516L13.48 16.7378C14.0796 17.3374 15.0522 17.3374 15.6519 16.7378L16.7378 15.6519C17.3374 15.0522 17.3374 14.0801 16.7378 13.48L11.8516 8.59375Z"})})})}),(0,a.jsx)(o.InnerBlocks.Content,{})]})]})}})}},o={};function l(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,l),a.exports}l.m=t,e=[],l.O=(t,o,n,a)=>{if(!o){var s=1/0;for(r=0;r<e.length;r++){for(var[o,n,a]=e[r],c=!0,i=0;i<o.length;i++)(!1&a||s>=a)&&Object.keys(l.O).every((e=>l.O[e](o[i])))?o.splice(i--,1):(c=!1,a<s&&(s=a));if(c){e.splice(r--,1);var d=n();void 0!==d&&(t=d)}}return t}a=a||0;for(var r=e.length;r>0&&e[r-1][2]>a;r--)e[r]=e[r-1];e[r]=[o,n,a]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={57:0,350:0};l.O.j=t=>0===e[t];var t=(t,o)=>{var n,a,[s,c,i]=o,d=0;if(s.some((t=>0!==e[t]))){for(n in c)l.o(c,n)&&(l.m[n]=c[n]);if(i)var r=i(l)}for(t&&t(o);d<s.length;d++)a=s[d],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(r)},o=globalThis.webpackChunkmodal=globalThis.webpackChunkmodal||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var n=l.O(void 0,[350],(()=>l(494)));n=l.O(n)})();

Back