FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
img-compare
/
build
Edit File: index.js
(()=>{"use strict";var e,l={118:()=>{const e=window.wp.blocks,l=window.wp.i18n,o=window.wp.blockEditor,a=window.wp.element,n=window.wp.components,i=window.wp.primitives,t=window.ReactJSXRuntime,s=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"})}),r=(0,t.jsx)(i.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)(i.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-1.5 0a6.5 6.5 0 0 1-6.5 6.5v-13a6.5 6.5 0 0 1 6.5 6.5Z"})}),d=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{d:"M16 10h4c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-4c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1zm-8 4H4c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1zm10-2.6L14.5 15l1.1 1.1 1.7-1.7c-.1 1.1-.3 2.3-.9 2.9-.3.3-.7.5-1.3.5h-4.5v1.5H15c.9 0 1.7-.3 2.3-.9 1-1 1.3-2.7 1.4-4l1.8 1.8 1.1-1.1-3.6-3.7zM6.8 9.7c.1-1.1.3-2.3.9-2.9.4-.4.8-.6 1.3-.6h4.5V4.8H9c-.9 0-1.7.3-2.3.9-1 1-1.3 2.7-1.4 4L3.5 8l-1 1L6 12.6 9.5 9l-1-1-1.7 1.7z"})}),c=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"})}),g=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{d:"M9 20h6V9H9v11zM4 4v1.5h16V4H4z"})}),h=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{d:"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"})}),m=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{d:"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"})}),x=(0,a.memo)((({attributes:e,setAttributes:a})=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{children:(0,t.jsx)(n.Panel,{children:(0,t.jsxs)(n.PanelBody,{title:(0,l.__)("General","cozy-addons"),children:[(0,t.jsx)(n.TabPanel,{className:"cozy-tab-panel",tabs:[{title:(0,l.__)("Before Image","cozy-addons"),name:"cozy-tab__one"},{title:(0,l.__)("After Image","cozy-addons"),name:"cozy-tab__two"}],activeClass:"active-tab",children:i=>(0,t.jsxs)(t.Fragment,{children:["cozy-tab__one"===i.name&&(0,t.jsxs)(t.Fragment,{children:[!e.image.url1&&(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:l=>a({...e,image:{...e.image,url1:l.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)("div",{className:"panel__components-button-wrap",children:(0,t.jsx)("button",{type:"button",className:"components-button is-secondary",onClick:e,children:(0,l.__)("Choose from Media Library","cozy-addons")})})})}),e.image.url1&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("figure",{style:{maxWidth:"100%",overflow:"hidden"},children:[(0,t.jsx)("img",{src:e.image.url1,style:{width:"100%",objectFit:"cover"}}),(0,t.jsxs)("div",{className:"panel__btns",children:[(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:l=>a({...e,image:{...e.image,url1:l.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)(n.Button,{className:"panel__btn image-replace",onClick:e,icon:d})})}),(0,t.jsx)(n.Button,{className:"panel__btn image-remove",onClick:()=>a({...e,image:{...e.image,url1:""}}),icon:c})]})]}),(0,t.jsx)(n.TextareaControl,{label:(0,l.__)("Overlay Label","cozy-addons"),value:e.image.label1,onChange:l=>a({...e,image:{...e.image,label1:l}})}),(0,t.jsx)(n.TextareaControl,{label:(0,l.__)("Alt Text","cozy-addons"),value:e.image.alt1,onChange:l=>a({...e,image:{...e.image,alt1:l}})})]})]}),"cozy-tab__two"===i.name&&(0,t.jsxs)(t.Fragment,{children:[!e.image.url2&&(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:l=>a({...e,image:{...e.image,url2:l.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)("div",{className:"panel__components-button-wrap",children:(0,t.jsx)("button",{type:"button",className:"components-button is-secondary",onClick:e,children:(0,l.__)("Choose from Media Library","cozy-addons")})})})}),e.image.url2&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("figure",{style:{maxWidth:"100%",overflow:"hidden"},children:[(0,t.jsx)("img",{src:e.image.url2,style:{width:"100%",objectFit:"cover"}}),(0,t.jsxs)("div",{className:"panel__btns",children:[(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:l=>a({...e,image:{...e.image,url2:l.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)(n.Button,{className:"panel__btn image-replace",onClick:e,icon:d})})}),(0,t.jsx)(n.Button,{className:"panel__btn image-remove",onClick:()=>a({...e,image:{...e.image,url2:""}}),icon:c})]})]}),(0,t.jsx)(n.TextareaControl,{label:(0,l.__)("Overlay Label","cozy-addons"),value:e.image.label2,onChange:l=>a({...e,image:{...e.image,label2:l}})}),(0,t.jsx)(n.TextareaControl,{label:(0,l.__)("Alt Text","cozy-addons"),value:e.image.alt2,onChange:l=>a({...e,image:{...e.image,alt2:l}})})]})]})]})}),(0,t.jsx)("div",{style:{margin:"16px 0"},children:(0,t.jsxs)(n.__experimentalToggleGroupControl,{label:(0,l.__)("Divider direction","cozy-addons"),value:e.direction,onChange:l=>a({...e,direction:l}),isBlock:!0,__next40pxDefaultSize:!0,children:[(0,t.jsx)(n.__experimentalToggleGroupControlOption,{label:(0,l.__)("Horizontal","cozy-addons"),value:"horizontal"}),(0,t.jsx)(n.__experimentalToggleGroupControlOption,{label:(0,l.__)("Vertical","cozy-addons"),value:"vertical"})]})}),(0,t.jsx)("div",{style:{maxWidth:"40%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Image Height","cozy-addons"),value:e.image.height,onChange:l=>a({...e,image:{...e.image,height:l}}),__next40pxDefaultSize:!0})}),(0,t.jsx)("div",{style:{margin:"16px 0"},children:(0,t.jsxs)(n.__experimentalToggleGroupControl,{label:(0,l.__)("Label Vertical Position","cozy-addons"),value:e.label.position,onChange:l=>a({...e,label:{...e.label,position:l}}),children:[(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Top","cozy-addons"),value:"top",icon:g}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Middle","cozy-addons"),value:"middle",icon:h}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Bottom","cozy-addons"),value:"bottom",icon:m})]})})]})})},"cozy-block-setting")}))),_=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.Path,{d:"M5 11.25h14v1.5H5z"})}),b=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.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"})}),p=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.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"})}),v=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.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"})}),u=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.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"})}),y=(0,t.jsx)(i.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(i.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"})}),j=window.wp.data,w=[{label:(0,l.__)("Thin","cozy-addons"),value:"100"},{label:(0,l.__)("Extra Light","cozy-addons"),value:"200"},{label:(0,l.__)("Light","cozy-addons"),value:"300"},{label:(0,l.__)("Normal","cozy-addons"),value:"400"},{label:(0,l.__)("Medium","cozy-addons"),value:"500"},{label:(0,l.__)("Semi Bold","cozy-addons"),value:"600"},{label:(0,l.__)("Bold","cozy-addons"),value:"700"},{label:(0,l.__)("Extra Bold","cozy-addons"),value:"800"},{label:(0,l.__)("Black","cozy-addons"),value:"900"}],z=(0,a.memo)((({attributes:e,setAttributes:i})=>{const s=function(){let e=[{label:"Default",value:""}];if("object"==typeof cozyBlockAssets.googleFonts)for(let l in cozyBlockAssets.googleFonts)e.push({label:cozyBlockAssets.googleFonts[l],value:l});return e}(),r=(0,j.select)("core/editor").getEditorSettings().colors,[d,c]=(0,a.useState)(null);return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{children:[(0,t.jsx)(n.Panel,{children:(0,t.jsxs)(n.PanelBody,{title:(0,l.__)("Divider Styles","cozy-addons"),opened:"divider-styles"===d,onToggle:()=>c("divider-styles"),children:[(0,t.jsx)(n.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{name:"cozy-tab__one",title:(0,l.__)("Divider","cozy-addons")},{name:"cozy-tab__two",title:(0,l.__)("Icon","cozy-addons")}],children:o=>(0,t.jsxs)(t.Fragment,{children:["cozy-tab__one"===o.name&&(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("div",{style:{maxWidth:"40%",marginBottom:"16px"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Width","cozy-addons"),value:e.divider.width,onChange:l=>i({...e,divider:{...e.divider,width:l}}),__next40pxDefaultSize:!0})})}),"cozy-tab__two"===o.name&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"cozy-box-control",children:(0,t.jsx)(n.__experimentalBoxControl,{label:(0,l.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.divider.icon.padding,onChange:l=>i({...e,divider:{...e.divider,icon:{...e.divider.icon,padding:l}}})})}),(0,t.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Size","cozy-addons"),value:e.divider.icon.size,onChange:l=>i({...e,divider:{...e.divider,icon:{...e.divider.icon,size:l}}}),__next40pxDefaultSize:!0})}),(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Radius","cozy-addons"),value:e.divider.icon.radius,onChange:l=>i({...e,divider:{...e.divider,icon:{...e.divider.icon,radius:l}}}),__next40pxDefaultSize:!0})})]})]})]})}),(0,t.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,l.__)("Color","cozy-addons"),colorSettings:[{label:(0,l.__)("Icon","cozy-addons"),value:e.divider.color.icon,onChange:l=>i({...e,divider:{...e.divider,color:{...e.divider.color,icon:l}}})},{label:(0,l.__)("Icon Background","cozy-addons"),value:e.divider.color.iconBg,onChange:l=>i({...e,divider:{...e.divider,color:{...e.divider.color,iconBg:l}}})},{label:(0,l.__)("Divider","cozy-addons"),value:e.divider.color.bg,onChange:l=>i({...e,divider:{...e.divider,color:{...e.divider.color,bg:l}}})}]})]})}),(0,t.jsx)(n.Panel,{children:(0,t.jsxs)(n.PanelBody,{title:(0,l.__)("Overlay Label Styles","cozy-addons"),opened:"overlay-label-styles"===d,onToggle:()=>c("overlay-label-styles"),children:[(0,t.jsx)("div",{className:"cozy-box-control",children:(0,t.jsx)(n.__experimentalBoxControl,{label:(0,l.__)("Padding","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.label.padding,onChange:l=>i({...e,label:{...e.label,padding:l}})})}),(0,t.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0 30px"},children:[(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Vertical Gap","cozy-addons"),value:e.label.margin.top,onChange:l=>i({...e,label:{...e.label,margin:{...e.label.margin,top:l}}}),__next40pxDefaultSize:!0})}),(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Horizontal Gap","cozy-addons"),value:e.label.margin.left,onChange:l=>i({...e,label:{...e.label,margin:{...e.label.margin,left:l}}}),__next40pxDefaultSize:!0})})]}),(0,t.jsx)(n.__experimentalBorderBoxControl,{className:"cozy-border-box-control",enableAlpha:!0,colors:r,label:(0,l.__)("Border","cozy-addons"),value:e.label.border,onChange:l=>i({...e,label:{...e.label,border:l}})}),(0,t.jsx)("div",{className:"cozy-box-control",style:{margin:"30px 0 16px"},children:(0,t.jsx)(n.__experimentalBoxControl,{label:(0,l.__)("Border Radius","cozy-addons"),resetValues:[{top:"0px",right:"0px",bottom:"0px",left:"0px"}],values:e.label.radius,onChange:l=>i({...e,label:{...e.label,radius:l}})})}),(0,t.jsx)(n.SelectControl,{label:(0,l.__)("Font Family","cozy-addons"),options:s,value:e.label.font.family,onChange:l=>i({...e,label:{...e.label,font:{...e.label.font,family:l}}}),__next40pxDefaultSize:!0}),(0,t.jsxs)("div",{className:"cozy-block-styles__div-separator",children:[(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Font Size","cozy-addons"),value:e.label.font.size,onChange:l=>i({...e,label:{...e.label,font:{...e.label.font,size:l}}}),__next40pxDefaultSize:!0})}),(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.SelectControl,{label:(0,l.__)("Font Weight","cozy-addons"),options:w,value:e.label.font.weight,onChange:l=>i({...e,label:{...e.label,font:{...e.label.font,weight:l}}}),__next40pxDefaultSize:!0})})]}),(0,t.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{margin:"16px 0"},children:[(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsxs)(n.__experimentalToggleGroupControl,{label:(0,l.__)("Letter Case","cozy-addons"),value:e.label.letterCase,onChange:l=>i({...e,label:{...e.label,letterCase:l}}),children:[(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("None","cozy-addons"),value:"none",icon:_}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Uppercase","cozy-addons"),value:"uppercase",icon:b}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Lowercase","cozy-addons"),value:"lowercase",icon:p}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Capitalize","cozy-addons"),value:"capitalize",icon:v})]})}),(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsxs)(n.__experimentalToggleGroupControl,{label:(0,l.__)("Decoration","cozy-addons"),value:e.label.decoration,onChange:l=>i({...e,label:{...e.label,decoration:l}}),children:[(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("None","cozy-addons"),value:"none",icon:_}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Underline","cozy-addons"),value:"underline",icon:u}),(0,t.jsx)(n.__experimentalToggleGroupControlOptionIcon,{label:(0,l.__)("Striekthrough","cozy-addons"),value:"line-through",icon:y})]})})]}),(0,t.jsxs)("div",{className:"cozy-block-styles__div-separator",style:{marginBottom:"16px"},children:[(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Line Height","cozy-addons"),value:e.label.lineHeight,onChange:l=>i({...e,label:{...e.label,lineHeight:l}}),__next40pxDefaultSize:!0})}),(0,t.jsx)("div",{style:{width:"100%"},children:(0,t.jsx)(n.__experimentalUnitControl,{label:(0,l.__)("Letter Spacing","cozy-addons"),value:e.label.letterSpacing,onChange:l=>i({...e,label:{...e.label,letterSpacing:l}}),__next40pxDefaultSize:!0})})]}),(0,t.jsx)(o.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,l.__)("Color","cozy-addons"),colorSettings:[{label:(0,l.__)("Text","cozy-addons"),value:e.label.color.text,onChange:l=>i({...e,label:{...e.label,color:{...e.label.color,text:l}}})},{label:(0,l.__)("Background","cozy-addons"),value:e.label.color.bg,onChange:l=>i({...e,label:{...e.label,color:{...e.label.color,bg:l}}})}]})]})})]},"cozy-block-style")})})),C=(0,a.memo)((({attributes:e,setAttributes:a})=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(o.InspectorControls,{children:(0,t.jsx)(n.TabPanel,{tabs:[{title:(0,l.__)("Settings","cozy-addons"),name:"cozy-tab__one",icon:s,className:"cozy-block__tab-control"},{title:(0,l.__)("Styles","cozy-addons"),name:"cozy-tab__two",icon:r,className:"cozy-block__tab-control"}],children:l=>(0,t.jsxs)(t.Fragment,{children:["cozy-tab__one"===l.name&&(0,t.jsx)(x,{attributes:e,setAttributes:a}),"cozy-tab__two"===l.name&&(0,t.jsx)(z,{attributes:e,setAttributes:a})]})})})})));function f(e,l){return l&&Object.keys(l).length<4?1===Object.keys(l).length?`\n ${e}: ${l};\n `:`\n ${e}: ${l.width} ${l.style} ${l.color};\n `:l&&4===Object.keys(l).length?"border"===e?`\n border-top: ${l.top.width} ${l.top.style} ${l.top.color};\n border-right: ${l.right.width} ${l.right.style} ${l.right.color};\n border-bottom: ${l.bottom.width} ${l.bottom.style} ${l.bottom.color};\n border-left: ${l.left.width} ${l.left.style} ${l.left.color};\n `:`\n ${e}: ${l.top} ${l.right} ${l.bottom} ${l.left};\n `:""}function $(e,l){return`\n #${e} .img-compare__navigation {\n background-color: ${l.divider.color.bg};\n\n & .nav-pin {\n ${f("padding",l.divider.icon.padding)}\n border-radius: ${l.divider.icon.radius};\n background-color: ${l.divider.color.iconBg};\n\n & svg {\n width: ${l.divider.icon.size};\n height: ${l.divider.icon.size};\n fill: ${l.divider.color.icon};\n }\n }\n }\n #${e}.direction-horizontal .img-compare__navigation {\n width: ${l.divider.width};\n }\n #${e}.direction-vertical .img-compare__navigation {\n height: ${l.divider.width};\n }\n\n #${e} .img-compare__item img {\n height: calc(${l.image.height}/2);\n }\n\n #${e} .img-compare__item .overlay-label {\n ${f("padding",l.label.padding)}\n ${f("border",l.label.border)}\n ${f("border-radius",l.label.radius)}\n font-size: ${l.label.font.size};\n font-weight: ${l.label.font.weight};\n font-family: ${l.label.font.family};\n text-transform: ${l.label.letterCase};\n text-decoration: ${l.label.decoration};\n line-height: ${l.label.lineHeight};\n letter-spacing: ${l.label.letterSpacing};\n color: ${l.label.color.text};\n background-color: ${l.label.color.bg};\n \n &.position-top {\n margin-top: ${l.label.margin.top};\n }\n\n &.position-bottom {\n margin-bottom: ${l.label.margin.top};\n }\n\n &.before {\n margin-left: ${l.label.margin.left};\n }\n &.after {\n margin-right: ${l.label.margin.left};\n }\n }\n `}const k=(0,a.memo)((({blockID:e,attributes:a,setAttributes:n})=>(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{id:e,className:`cozy-block-img-compare direction-${a.direction}`,children:[(0,t.jsxs)("div",{className:"img-compare__item",children:[!a.image.url1&&(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:e=>n({...a,image:{...a.image,url1:e.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)("div",{className:"components-button-wrap",children:(0,t.jsx)("button",{type:"button",className:"components-button is-secondary",onClick:e,children:(0,l.__)("Choose from Media Library","cozy-addons")})})})}),a.image.url1&&(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:a.image.url1,alt:a.image.alt1}),(0,t.jsx)(o.RichText,{className:`overlay-label before position-${a.label.position}`,placeholder:(0,l.__)("Add Your Label","cozy-addons"),tagName:"p",value:a.image.label1,onChange:e=>n({...a,image:{...a.image,label1:e}})})]})]}),(0,t.jsx)("div",{className:"img-compare__navigation",children:(0,t.jsx)("div",{className:"nav-pin",children:(0,t.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,t.jsx)("path",{d:"M9 6L3 12L9 18V6ZM15 18L21 12L15 6V18Z"})})})}),(0,t.jsxs)("div",{className:"img-compare__item",children:[!a.image.url2&&(0,t.jsx)(o.MediaUploadCheck,{children:(0,t.jsx)(o.MediaUpload,{onSelect:e=>n({...a,image:{...a.image,url2:e.url}}),allowedTypes:["image"],mode:"browse",render:({open:e})=>(0,t.jsx)("div",{className:"components-button-wrap",children:(0,t.jsx)("button",{type:"button",className:"components-button is-secondary",onClick:e,children:(0,l.__)("Choose from Media Library","cozy-addons")})})})}),a.image.url2&&(0,t.jsxs)("figure",{children:[(0,t.jsx)("img",{src:a.image.url2,alt:a.image.alt2}),(0,t.jsx)(o.RichText,{className:`overlay-label after position-${a.label.position}`,placeholder:(0,l.__)("Add Your Label","cozy-addons"),tagName:"p",value:a.image.label2,onChange:e=>n({...a,image:{...a.image,label2:e}})})]})]})]})}))),S=JSON.parse('{"UU":"cozy-block/img-compare","h_":"Showcase stunning before-and-after images with a sleek, interactive Image Compare block for visual storytelling."}'),B=(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("svg",{width:"28",height:"20",viewBox:"0 0 28 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.5 1.5H1.5V18.5H26.5V1.5ZM0 0V20H28V0H0Z",fill:"#0C50FF"}),(0,t.jsx)("path",{d:"M1.5 1.5H13.5V18.5H1.5V1.5Z",fill:"#DAE4FF"}),(0,t.jsx)("path",{d:"M11.5 10C11.5 8.61929 12.6193 7.5 14 7.5C15.3807 7.5 16.5 8.61929 16.5 10C16.5 11.3807 15.3807 12.5 14 12.5C12.6193 12.5 11.5 11.3807 11.5 10Z",fill:"white"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.5 10C12.5 10.8284 13.1716 11.5 14 11.5C14.8284 11.5 15.5 10.8284 15.5 10C15.5 9.17157 14.8284 8.5 14 8.5C13.1716 8.5 12.5 9.17157 12.5 10ZM14 7.5C12.6193 7.5 11.5 8.61929 11.5 10C11.5 11.3807 12.6193 12.5 14 12.5C15.3807 12.5 16.5 11.3807 16.5 10C16.5 8.61929 15.3807 7.5 14 7.5Z",fill:"#0C50FF"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.5 19V1H14.5V19H13.5Z",fill:"#0C50FF"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.3029 7.87864L22.2121 9.78783C22.3293 9.90499 22.3293 10.0949 22.2121 10.2121L20.3029 12.1213C20.1858 12.2384 19.9958 12.2384 19.8787 12.1213C19.7615 12.0041 19.7615 11.8142 19.8787 11.697L21.2757 10.3H17V9.69996L21.2757 9.69996L19.8787 8.3029C19.7615 8.18575 19.7615 7.9958 19.8787 7.87864C19.9958 7.76148 20.1858 7.76148 20.3029 7.87864Z",fill:"#0C50FF"}),(0,t.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.69706 7.87864L5.78787 9.78783C5.67071 9.90499 5.67071 10.0949 5.78787 10.2121L7.69706 12.1213C7.81421 12.2384 8.00416 12.2384 8.12132 12.1213C8.23848 12.0041 8.23848 11.8142 8.12132 11.697L6.72426 10.3H11V9.69996L6.72426 9.69996L8.12132 8.3029C8.23848 8.18575 8.23848 7.9958 8.12132 7.87864C8.00416 7.76148 7.81421 7.76148 7.69706 7.87864Z",fill:"#0C50FF"})]})});(0,e.registerBlockType)(S.UU,{title:(0,l.__)("Before/After Image","cozy-addons"),description:(0,l.__)(S.h_,"cozy-addons"),icon:{src:B},edit:function({attributes:e,setAttributes:l,clientId:a}){if(e.cover)return(0,t.jsx)("img",{src:e.cover});e.clientId=a;const n=`cozyBlock_${a.replace(/-/gi,"_")}`,i=(0,o.useBlockProps)({className:"cozy-block-wrapper"});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{...i,children:[""!=e.label.font.family&&null!=e.label.font.family&&(0,t.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${e.label.font.family}:wght@100;200;300;400;500;600;700;800;900`}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:$(n,e)}}),(0,t.jsx)(k,{blockID:n,attributes:e,setAttributes:l})]}),(0,t.jsx)(C,{attributes:e,setAttributes:l})]})},save:function({attributes:e}){}})}},o={};function a(e){var n=o[e];if(void 0!==n)return n.exports;var i=o[e]={exports:{}};return l[e](i,i.exports,a),i.exports}a.m=l,e=[],a.O=(l,o,n,i)=>{if(!o){var t=1/0;for(c=0;c<e.length;c++){for(var[o,n,i]=e[c],s=!0,r=0;r<o.length;r++)(!1&i||t>=i)&&Object.keys(a.O).every((e=>a.O[e](o[r])))?o.splice(r--,1):(s=!1,i<t&&(t=i));if(s){e.splice(c--,1);var d=n();void 0!==d&&(l=d)}}return l}i=i||0;for(var c=e.length;c>0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[o,n,i]},a.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),(()=>{var e={57:0,350:0};a.O.j=l=>0===e[l];var l=(l,o)=>{var n,i,[t,s,r]=o,d=0;if(t.some((l=>0!==e[l]))){for(n in s)a.o(s,n)&&(a.m[n]=s[n]);if(r)var c=r(a)}for(l&&l(o);d<t.length;d++)i=t[d],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(c)},o=globalThis.webpackChunkimg_compare=globalThis.webpackChunkimg_compare||[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();var n=a.O(void 0,[350],(()=>a(118)));n=a.O(n)})();
Save
Back