FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
dist
/
container
/
build
Edit File: index.js
(()=>{"use strict";var e,o={415:()=>{const e=window.wp.blocks,o=window.wp.i18n,a=window.wp.blockEditor,t=window.wp.components,n=window.wp.element,l=window.wp.compose,r=window.wp.data,i=window.ReactJSXRuntime,s=()=>(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"16px",marginBottom:"10px"},children:[(0,i.jsx)("p",{children:(0,i.jsxs)("svg",{width:"41",height:"48",viewBox:"0 0 41 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M0 34.7721L6.88004 38.677V15.8055L20.4542 7.80977L23.9872 9.4833L30.4953 5.57841L20.4542 -7.62939e-06L0 11.9006V34.7721Z",fill:"#38DAC7"}),(0,i.jsx)("path",{d:"M32.9284 6.87939L34.2126 7.61318L12.3825 19.904L12.1991 40.45L20.6376 45.8616L41.0001 33.6625V35.4969L20.6376 47.6043L10.8232 41.2755V18.9868L32.9284 6.87939Z",fill:"#5566CA"}),(0,i.jsx)("path",{d:"M37.6063 9.53936L36.2305 8.71385L14.217 21.3716V38.9824L20.5459 43.5685L41.0001 31.3694V29.5349L20.5459 41.8258L15.5928 38.2486V22.1054L37.6063 9.53936Z",fill:"#5566CA"}),(0,i.jsx)("path",{d:"M41.0001 11.3738L39.5325 10.5483L17.3356 23.2061V37.2397L20.5459 39.6244L41.0001 27.4253V25.6826L20.5459 37.79L18.9866 36.5976V24.1233L41.0001 11.3738Z",fill:"#5566CA"})]})}),(0,i.jsx)("h2",{style:{fontSize:"18px",fontFamily:"Inter",marginTop:"-5px",marginBottom:"15px"},children:(0,o.__)("Access Without Limits!","cozy-addons")}),(0,i.jsx)("p",{style:{textAlign:"center",lineHeight:"20px"},children:(0,o.__)("Access more blocks and advanced features for effortless design. Upgrade today for a richer web-building experience!","cozy-addons")}),(0,i.jsx)("a",{href:"https://cozythemes.com/pricing-and-plans/",target:"_blank",children:(0,i.jsx)("button",{className:"cozy-block-premium-button",style:{backgroundColor:"#5566ca",borderRadius:"20px",padding:"10px",border:"none",color:"#fff",fontFamily:"Inter",fontSize:"10px",fontWeight:"500",cursor:"pointer"},children:(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",margin:"0"},children:[(0,i.jsx)("div",{children:(0,i.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M9.29768 0.0630875L0.24397 5.2847C-0.109583 5.48778 -0.0646564 5.97987 0.286944 6.12828L2.36334 6.99919L7.97527 2.05487C8.0827 1.95919 8.23506 2.10565 8.14325 2.21695L3.43767 7.94822V9.52017C3.43767 9.98102 3.99437 10.1626 4.26784 9.8287L5.50821 8.31924L7.94206 9.33857C8.21943 9.45573 8.53588 9.28194 8.58666 8.98317L9.99306 0.547365C10.0595 0.152913 9.6356 -0.132186 9.29768 0.0630875Z",fill:"white"})})}),(0,i.jsx)("div",{children:(0,o.__)("Upgrade to Pro","cozy-addons")})]})})})]})}),d=(0,n.memo)((({clientId:e,attributes:o,blockCount:t,blockId:n,blockProps:r})=>{const s=(0,l.useRefEffect)((e=>{const a=[{property:"--cozyContainerMargin",value:`${o.margin.top}px ${o.margin.right}px ${o.margin.bottom}px ${o.margin.left}px`},{property:"--cozyContainerPadding",value:`${o.padding.top}px ${o.padding.right}px ${o.padding.bottom}px ${o.padding.left}px`},{property:"--cozyContainerBorderRadius",value:`${o.borderRadius.topL}px ${o.borderRadius.topR}px ${o.borderRadius.bottomR}px ${o.borderRadius.bottomL}px`},{property:"--cozyContainerBorderRadiusHover",value:`${0!==o.borderRadiusHover.topL.length?o.borderRadiusHover.topL:o.borderRadius.topL}px ${0!==o.borderRadiusHover.topR.length?o.borderRadiusHover.topR:o.borderRadius.topR}px ${0!==o.borderRadiusHover.bottomR.length?o.borderRadiusHover.bottomR:o.borderRadius.bottomR}px ${0!==o.borderRadiusHover.bottomL.length?o.borderRadiusHover.bottomL:o.borderRadius.bottomL}px`},{property:"--cozyContainerZIndex",value:o.zIndex}];if(o.backgroundColorHover.length>0&&a.push({property:"--cozyContainerBgColorHover",value:o.backgroundColorHover}),"none"!==o.border.type&&(a.push({property:"--cozyContainerBorderWidth",value:`${o.border.widthDimension.top}px ${o.border.widthDimension.right}px ${o.border.widthDimension.bottom}px ${o.border.widthDimension.left}px`}),a.push({property:"--cozyContainerBorderType",value:o.border.type}),a.push({property:"--cozyContainerBorderColor",value:o.border.color})),"none"!==o.borderHover.type&&(a.push({property:"--cozyContainerBorderWidthHover",value:`${o.borderHover.widthDimension.top}px ${o.borderHover.widthDimension.right}px ${o.borderHover.widthDimension.bottom}px ${o.borderHover.widthDimension.left}px`}),a.push({property:"--cozyContainerBorderTypeHover",value:o.borderHover.type}),o.borderHover.color.length>0?a.push({property:"--cozyContainerBorderColorHover",value:o.borderHover.color}):a.push({property:"--cozyContainerBorderColorHover",value:o.border.color})),o.boxShadow.position.length>0?a.push({property:"--cozyContainerBoxShadow",value:`${o.boxShadow.horizontal}px ${o.boxShadow.vertical}px ${o.boxShadow.blur}px ${o.boxShadow.spread}px ${o.boxShadow.color} inset`}):a.push({property:"--cozyContainerBoxShadow",value:`${o.boxShadow.horizontal}px ${o.boxShadow.vertical}px ${o.boxShadow.blur}px ${o.boxShadow.spread}px ${o.boxShadow.color}`}),o.boxShadowHover.position.length>0?a.push({property:"--cozyContainerBoxShadowHover",value:`${o.boxShadowHover.horizontal}px ${o.boxShadowHover.vertical}px ${o.boxShadowHover.blur}px ${o.boxShadowHover.spread}px ${o.boxShadowHover.color} inset`}):a.push({property:"--cozyContainerBoxShadowHover",value:`${o.boxShadowHover.horizontal}px ${o.boxShadowHover.vertical}px ${o.boxShadowHover.blur}px ${o.boxShadowHover.spread}px ${o.boxShadowHover.color}`}),"fade"===o.animation.effect)switch(a.push({property:"--cozyContainerEffectFade",value:`cozyFade ${o.animation.duration}s forwards ${o.animation.delay}s`}),o.animation.direction){case"left":a.push({property:"--cozyContainerTransformFade",value:`translateX(-${o.animation.gap}px)`});break;case"right":a.push({property:"--cozyContainerTransformFade",value:`translateX(${o.animation.gap}px)`});break;case"top":a.push({property:"--cozyContainerTransformFade",value:`translateY(-${o.animation.gap}px)`});break;case"bottom":a.push({property:"--cozyContainerTransformFade",value:`translateY(${o.animation.gap}px)`})}null!==e&&a.forEach((o=>{e.style.setProperty(o.property,o.value)}))}),[o]),d=`\n .cozy-block-wrapper.position-sticky {\n z-index: ${o.zIndex};\n }\n #${n} {\n background-image: ${""!=o.mediaUrl?'url("'+o.mediaUrl+'")':"none"};\n background-position: ${o.imagePosition};\n position: ${"fixed"===o.position?"relative":o.position};\n }\n \n #${n} .cozy-shape-divider-wrapper svg{\n margin: ${o.shapeDivider.margin.top}px ${o.shapeDivider.margin.right}px ${o.shapeDivider.margin.bottom}px ${o.shapeDivider.margin.left}px;\n height: ${o.shapeDivider.height}px;\n fill: ${o.shapeDivider.color};\n }\n `;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:d}}),(0,i.jsxs)("div",{className:`cozy-block-container border-${o.border.type} hover-border-${o.borderHover.type}\n ${o.boxShadow.enabled?"has-box-shadow":""} ${o.boxShadowHover.enabled?"has-hover-box-shadow":""} \n ${"none"!==o.animation.effect?"effect-"+o.animation.effect:""} ${o.shapeDivider.enabled?"shape-divider-position-"+o.shapeDivider.position+" shape-divider-flip-"+o.shapeDivider.flip:""} ${"fixed"===o.position?"fixed-placement-"+o.fixedPlacement:""}\n `,id:n,ref:s,children:[(0,i.jsx)("div",{style:{position:"relative",zIndex:10},children:(0,i.jsx)(a.InnerBlocks,{renderAppender:t>0?void 0:a.InnerBlocks.ButtonBlockAppender})}),o.shapeDivider.enabled&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:"cozy-shape-divider-wrapper",dangerouslySetInnerHTML:{__html:o.shapeDivider.svg}})})]})]})})),c=(0,r.withSelect)(((e,o)=>({media:o.attributes.mediaId?e("core").getMedia(o.attributes.mediaId):void 0})))((function(e){const{attributes:l,setAttributes:c,clientId:p,media:h}=e;if(l.cover)return(0,i.jsx)("img",{src:l.cover});l.blockClientId=p;const b=(0,a.useBlockProps)({className:"cozy-block-wrapper "+("sticky"===l.position?"position-sticky":"")}),x=`cozyBlock_${p.replace(/-/gi,"_")}`,[v,y]=(0,n.useState)(""),g=Object.keys(cozyShapeDivider.collection).filter((e=>e.toLowerCase().includes(v.toLowerCase()))),u=(0,r.select)("core/block-editor").getBlockOrder(p).length,[m,C]=(0,n.useState)(!0),[_,w]=(0,n.useState)(!0),[z,j]=(0,n.useState)(!0),[f,L]=(0,n.useState)(!0),[S,H]=(0,n.useState)(!0),[k,B]=(0,n.useState)(!0),D=(e,o)=>{let a={...l.margin};a={...a,top:o,right:o,bottom:o,left:o},c(m?{...l,margin:a}:{...l,margin:{...l.margin,[e]:o}})},R=(e,o)=>{let a={...l.padding};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},c(_?{...l,padding:a}:{...l,padding:{...l.padding,[e]:Math.abs(o)}})},$=(e,o)=>{let a={...l.border.widthDimension};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},c(z?{...l,border:{...l.border,widthDimension:a}}:{...l,border:{...l.border,widthDimension:{...l.border.widthDimension,[e]:Math.abs(o)}}})},M=(e,o)=>{let a={...l.borderRadius};a={...a,topL:Math.abs(o),topR:Math.abs(o),bottomL:Math.abs(o),bottomR:Math.abs(o)},c(f?{...l,borderRadius:a}:{...l,borderRadius:{...l.borderRadius,[e]:Math.abs(o)}})},T=(e,o)=>{let a={...l.borderHover.widthDimension};a={...a,top:Math.abs(o),right:Math.abs(o),bottom:Math.abs(o),left:Math.abs(o)},c(S?{...l,borderHover:{...l.borderHover,widthDimension:a}}:{...l,borderHover:{...l.borderHover,widthDimension:{...l.borderHover.widthDimension,[e]:Math.abs(o)}}})},V=(e,o)=>{let a={...l.borderRadiusHover};a={...a,topL:Math.abs(o),topR:Math.abs(o),bottomL:Math.abs(o),bottomR:Math.abs(o)},c(k?{...l,borderRadiusHover:a}:{...l,borderRadiusHover:{...l.borderRadiusHover,[e]:Math.abs(o)}})},[P,I]=(0,n.useState)(!0),Z=(e,o)=>{let a={...l.shapeDivider.margin};a={...a,top:o,right:o,bottom:o,left:o},c(P?{...l,shapeDivider:{...l.shapeDivider,margin:a}}:{...l,shapeDivider:{...l.shapeDivider,margin:{...l.shapeDivider.margin,[e]:o}}})},F=(0,r.select)("core/editor").getEditorSettings().colors,[N,A]=(0,n.useState)("general");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{...b,children:(0,i.jsx)(d,{clientId:p,attributes:l,blockCount:u,blockId:x,blockProps:b})}),(0,i.jsxs)(a.InspectorControls,{group:"settings",children:[(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Container","cozy-addons"),opened:"general"===N,onToggle:()=>A("general"),children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Default","cozy-addons"),value:"inherit"},{label:(0,o.__)("Relative","cozy-addons"),value:"relative"},{label:(0,o.__)("Absolute","cozy-addons"),value:"absolute"},{label:(0,o.__)("Fixed","cozy-addons"),value:"fixed"},{label:(0,o.__)("Sticky","cozy-addons"),value:"sticky"},{label:(0,o.__)("Unset","cozy-addons"),value:"unset"}],value:l.position,onChange:e=>c({...l,position:e})}),"fixed"===l.position&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Placement","cozy-addons"),options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"}],value:l.fixedPlacement,onChange:e=>c({...l,fixedPlacement:e})}),"top"===l.fixedPlacement&&(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Vertical Positioning","cozy-addons"),min:0,max:500,step:1,value:l.top,onChange:e=>c({...l,top:Math.abs(e)})}),"bottom"===l.fixedPlacement&&(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Vertical Positioning","cozy-addons"),min:0,max:500,step:1,value:l.bottom,onChange:e=>c({...l,bottom:Math.abs(e)})})]}),(0,i.jsx)(t.TextControl,{type:"number",label:(0,o.__)("z-index","cozy-addons"),min:-1,step:1,value:l.zIndex,onChange:e=>c({...l,zIndex:e})}),(0,i.jsx)(a.MediaUploadCheck,{children:(0,i.jsx)(a.MediaUpload,{allowedTypes:["image"],onSelect:e=>c({...l,mediaId:e.id,mediaUrl:e.url}),render:({open:e})=>(0,i.jsxs)(t.Button,{className:0==l.mediaId?"editor-post-featured-image__toggle":"editor-post-featured-image__preview",onClick:e,children:[0==l.mediaId&&(0,o.__)("Choose an Image","cozy-addons"),null!=h&&(0,i.jsx)(t.ResponsiveWrapper,{naturalWidth:h.media_details.width,naturalHeight:h.media_details.height,children:(0,i.jsx)("img",{src:h.source_url})})]})})}),0!=l.mediaId&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.MediaUploadCheck,{children:(0,i.jsx)(a.MediaUpload,{title:(0,o.__)("Replace image","cozy-addons"),value:l.mediaId,onSelect:e=>c({...l,mediaId:e.id,mediaUrl:e.url}),allowedTypes:["image"],render:({open:e})=>(0,i.jsx)(t.Button,{style:{margin:"10px 0"},onClick:e,isLarge:!0,children:(0,o.__)("Replace image","cozy-addons")})})}),(0,i.jsx)(a.MediaUploadCheck,{children:(0,i.jsx)(t.Button,{style:{margin:"10px 0"},onClick:()=>c({...l,mediaId:0,mediaUrl:""}),isDestructive:!0,children:(0,o.__)("Remove image","cozy-addons")})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Image Position","cozy-addons"),options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Center","cozy-addons"),value:"center"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"}],value:l.imagePosition,onChange:e=>c({...l,imagePosition:e})})]})]}),(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Effect","cozy-addons"),opened:"effect"===N,onToggle:()=>A("effect"),children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Animation","cozy-addons"),value:l.animation.effect,options:[{label:(0,o.__)("None","cozy-addons"),value:"none"},{label:(0,o.__)("Fade","cozy-addons"),value:"fade"}],onChange:e=>c({...l,animation:{...l.animation,effect:e}})}),"fade"===l.animation.effect&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Direction","cozy-addons"),value:l.animation.direction,options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Right","cozy-addons"),value:"right"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"},{label:(0,o.__)("Left","cozy-addons"),value:"left"}],onChange:e=>c({...l,animation:{...l.animation,direction:e}})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Type","cozy-addons"),value:l.animation.gap,options:[{label:(0,o.__)("Small","cozy-addons"),value:"20"},{label:(0,o.__)("Normal","cozy-addons"),value:"50"},{label:(0,o.__)("Big","cozy-addons"),value:"90"}],onChange:e=>c({...l,animation:{...l.animation,gap:e}})})]}),"none"!==l.animation.effect&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Speed","cozy-addons"),value:l.animation.duration,options:[{label:(0,o.__)("Slow","cozy-addons"),value:"2"},{label:(0,o.__)("Normal","cozy-addons"),value:"1"},{label:(0,o.__)("Fast","cozy-addons"),value:"0.5"}],onChange:e=>c({...l,animation:{...l.animation,duration:e}})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Delay","cozy-addons"),value:l.animation.delay,options:[{label:(0,o.__)("Slow","cozy-addons"),value:"1"},{label:(0,o.__)("Normal","cozy-addons"),value:"0.5"},{label:(0,o.__)("Fast","cozy-addons"),value:"0.2"}],onChange:e=>c({...l,animation:{...l.animation,delay:e}})})]})]}),(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Shape Divider","cozy-addons"),opened:"shape-divider"===N,onToggle:()=>A("shape-divider"),children:[(0,i.jsx)(t.ToggleControl,{label:(0,o.__)("Enable Shape Divider","cozy-addons"),checked:l.shapeDivider.enabled,onChange:e=>c({...l,shapeDivider:{...l.shapeDivider,enabled:e}})}),l.shapeDivider.enabled&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Select Shape Divider","cozy-addons")}),(0,i.jsx)("input",{type:"text",className:"cozy-icon-search",placeholder:(0,o.__)("Search Shape Divider...","cozy-addons"),value:v,onChange:e=>{y(e.target.value)}}),(0,i.jsx)("div",{className:"cozy-shape-divider-list",children:g.map(((e,o)=>{let a=cozyShapeDivider.collection[e];return(0,i.jsxs)(t.Button,{style:{position:"relative"},onClick:()=>{var e;!cozyBlockAssets.isPremium&&o>2&&(a='<svg viewBox="0 0 519 134" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">\n <path d="M0 134H519V0L0 134Z" width="519"/>\n </svg>'),e=a,c({...l,shapeDivider:{...l.shapeDivider,svg:e}})},children:[(0,i.jsx)("div",{title:e,className:"cozy-shape-divider "+(!cozyBlockAssets.isPremium&&o>2?"color-fade":""),dangerouslySetInnerHTML:{__html:a}}),!cozyBlockAssets.isPremium&&o>2&&(0,i.jsxs)("svg",{className:"cozy-pro-icon",width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{width:"9",height:"9",rx:"4.5",fill:"#FD1321"}),(0,i.jsx)("path",{d:"M6.76623 4.22015L6.1411 4.61049L6.14078 4.61069C5.87051 4.77888 5.52524 4.67925 5.37514 4.40541C5.37511 4.40536 5.37508 4.4053 5.37505 4.40525L4.61108 3.01283L4.54619 2.89457L4.48131 3.01283L3.71733 4.40525C3.7173 4.4053 3.71727 4.40536 3.71724 4.40541C3.56729 4.67898 3.22091 4.77925 2.95115 4.61041L6.76623 4.22015ZM6.76623 4.22015L6.17049 5.875H2.9219L2.3259 4.21945L2.95098 4.61031L6.76623 4.22015ZM7.0651 3.99559L6.96233 3.97846L6.91621 3.8738C6.90294 3.84368 6.89619 3.81343 6.89619 3.78125C6.89619 3.65082 6.99535 3.5625 7.09619 3.5625C7.19704 3.5625 7.29619 3.65082 7.29619 3.78125C7.29619 3.91168 7.19704 4 7.09619 4C7.09707 4 7.09545 4.00006 7.08987 3.99938C7.08392 3.99866 7.07693 3.99756 7.0651 3.99559ZM2.17638 3.87547L2.13203 3.97813L2.02728 3.99559C2.01545 3.99756 2.00846 3.99866 2.00252 3.99938C1.99787 3.99994 1.99597 4 1.99597 4C1.99597 4 1.99604 4 1.99619 4C1.89535 4 1.79619 3.91168 1.79619 3.78125C1.79619 3.65151 1.89562 3.5625 1.99713 3.5625C2.09797 3.5625 2.19713 3.65082 2.19713 3.78125C2.19713 3.81201 2.19006 3.84379 2.17638 3.87547ZM4.6676 2.70272L4.54619 2.80674L4.42478 2.70272C4.37707 2.66185 4.34619 2.60108 4.34619 2.53125C4.34619 2.40082 4.44535 2.3125 4.54619 2.3125C4.64704 2.3125 4.74619 2.40082 4.74619 2.53125C4.74619 2.60108 4.71531 2.66185 4.6676 2.70272ZM2.69619 6.8125V6.6875H6.39619V6.8125H2.69619Z",stroke:"white",strokeWidth:"0.5"})]})]},e)}))})]}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Top","cozy-addons"),value:"top"},{label:(0,o.__)("Bottom","cozy-addons"),value:"bottom"}],value:l.shapeDivider.position,onChange:e=>c({...l,shapeDivider:{...l.shapeDivider,position:e}})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Flip","cozy-addons"),options:[{label:(0,o.__)("Left","cozy-addons"),value:"left"},{label:(0,o.__)("Right","cozy-addons"),value:"right"}],value:l.shapeDivider.flip,onChange:e=>c({...l,shapeDivider:{...l.shapeDivider,flip:e}})})]})]}),!cozyBlockAssets.isPremium&&(0,i.jsx)(s,{})]},"setting"),(0,i.jsxs)(a.InspectorControls,{group:"styles",children:[(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Container Styles","cozy-addons"),opened:"containre-styles"===N,onToggle:()=>A("containre-styles"),children:[(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Margin","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(m?"":"cozy-attr-link-disabled"),onClick:()=>C(!m),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Top","cozy-addons"),value:l.margin.top,onChange:e=>D("top",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Right","cozy-addons"),value:l.margin.right,onChange:e=>D("right",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Bottom","cozy-addons"),value:l.margin.bottom,onChange:e=>D("bottom",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Left","cozy-addons"),value:l.margin.left,onChange:e=>D("left",e)})]})]}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(_?"":"cozy-attr-link-disabled"),onClick:()=>w(!_),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Top","cozy-addons"),value:l.padding.top,onChange:e=>R("top",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Right","cozy-addons"),value:l.padding.right,onChange:e=>R("right",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Bottom","cozy-addons"),value:l.padding.bottom,onChange:e=>R("bottom",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Left","cozy-addons"),value:l.padding.left,onChange:e=>R("left",e)})]})]}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Border Type","cozy-addons"),value:l.border.type,options:[{label:(0,o.__)("None","cozy-addons"),value:"none"},{label:(0,o.__)("Solid","cozy-addons"),value:"solid"},{label:(0,o.__)("Double","cozy-addons"),value:"double"},{label:(0,o.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,o.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,o.__)("Groove","cozy-addons"),value:"groove"}],onChange:e=>c({...l,border:{...l.border,type:e}})}),"none"!==l.border.type&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Width","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(z?"":"cozy-attr-link-disabled"),onClick:()=>j(!z),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Top","cozy-addons"),value:l.border.widthDimension.top,onChange:e=>$("top",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,value:l.border.widthDimension.right,label:(0,o.__)("Right","cozy-addons"),onChange:e=>$("right",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Bottom","cozy-addons"),value:l.border.widthDimension.bottom,onChange:e=>$("bottom",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Left","cozy-addons"),value:l.border.widthDimension.left,onChange:e=>$("left",e)})]})]}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Color","cozy-addons")}),(0,i.jsx)(t.ColorPalette,{colors:F,value:l.border.color,onChange:e=>c({...l,border:{...l.border,color:e}})})]})]}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Radius","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(f?"":"cozy-attr-link-disabled"),onClick:()=>L(!f),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("TopL","cozy-addons"),value:l.borderRadius.topL,onChange:e=>M("topL",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("TopR","cozy-addons"),value:l.borderRadius.topR,onChange:e=>M("topR",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("BottomL","cozy-addons"),value:l.borderRadius.bottomL,onChange:e=>M("bottomL",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("BottomR","cozy-addons"),value:l.borderRadius.bottomR,onChange:e=>M("bottomR",e)})]})]}),(0,i.jsx)(t.ToggleControl,{label:(0,o.__)("Box Shadow","cozy-addons"),checked:l.boxShadow.enabled,onChange:e=>c({...l,boxShadow:{...l.boxShadow,enabled:e}})}),l.boxShadow.enabled&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),value:l.boxShadow.horizontal,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadow:{...l.boxShadow,horizontal:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),value:l.boxShadow.vertical,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadow:{...l.boxShadow,vertical:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),value:l.boxShadow.blur,min:0,max:100,step:1,onChange:e=>c({...l,boxShadow:{...l.boxShadow,blur:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),value:l.boxShadow.spread,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadow:{...l.boxShadow,spread:e}})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),value:l.boxShadow.position,options:[{label:(0,o.__)("Inset","cozy-addons"),value:"inset"},{label:(0,o.__)("Outline","cozy-addons"),value:""}],onChange:e=>c({...l,boxShadow:{...l.boxShadow,position:e}})}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Shadow Color","cozy-addons")}),(0,i.jsx)(t.ColorPalette,{colors:F,value:l.boxShadow.color,onChange:e=>c({...l,boxShadow:{...l.boxShadow,color:e}})})]})]})]}),(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Container Hover Styles","cozy-addons"),opened:"container-hover-styles"===N,onToggle:()=>A("container-hover-styles"),children:[(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Border Type","cozy-addons"),value:l.borderHover.type,options:[{label:(0,o.__)("None","cozy-addons"),value:"none"},{label:(0,o.__)("Solid","cozy-addons"),value:"solid"},{label:(0,o.__)("Double","cozy-addons"),value:"double"},{label:(0,o.__)("Dotted","cozy-addons"),value:"dotted"},{label:(0,o.__)("Dashed","cozy-addons"),value:"dashed"},{label:(0,o.__)("Groove","cozy-addons"),value:"groove"}],onChange:e=>c({...l,borderHover:{...l.borderHover,type:e}})}),"none"!==l.borderHover.type&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Width","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(S?"":"cozy-attr-link-disabled"),onClick:()=>H(!S),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Top","cozy-addons"),value:l.borderHover.widthDimension.top,onChange:e=>T("top",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Right","cozy-addons"),value:l.borderHover.widthDimension.right,onChange:e=>T("right",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,min:0,label:(0,o.__)("Bottom","cozy-addons"),value:l.borderHover.widthDimension.bottom,onChange:e=>T("bottom",e)}),(0,i.jsx)(t.TextControl,{type:"number",value:l.borderHover.widthDimension.left,step:1,min:0,label:(0,o.__)("Left","cozy-addons"),onChange:e=>T("left",e)})]})]}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Color","cozy-addons")}),(0,i.jsx)(t.ColorPalette,{colors:F,value:l.borderHover.color,onChange:e=>c({...l,borderHover:{...l.borderHover,color:e}})})]})]}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Border Radius","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(k?"":"cozy-attr-link-disabled"),onClick:()=>B(!k),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("TopL","cozy-addons"),value:l.borderRadiusHover.topL,onChange:e=>V("topL",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("TopR","cozy-addons"),value:l.borderRadiusHover.topR,onChange:e=>V("topR",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("BottomL","cozy-addons"),value:l.borderRadiusHover.bottomL,onChange:e=>V("bottomL",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("BottomR","cozy-addons"),value:l.borderRadiusHover.bottomR,onChange:e=>V("bottomR",e)})]})]}),(0,i.jsx)(t.ToggleControl,{label:(0,o.__)("Box Shadow","cozy-addons"),checked:l.boxShadowHover.enabled,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,enabled:e}})}),l.boxShadowHover.enabled&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),value:l.boxShadowHover.horizontal,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,horizontal:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),value:l.boxShadowHover.vertical,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,vertical:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),value:l.boxShadowHover.blur,min:0,max:100,step:1,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,blur:e}})}),(0,i.jsx)(t.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),value:l.boxShadowHover.spread,min:-100,max:100,step:1,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,spread:e}})}),(0,i.jsx)(t.SelectControl,{label:(0,o.__)("Position","cozy-addons"),value:l.boxShadowHover.position,options:[{label:(0,o.__)("Inset","cozy-addons"),value:"inset"},{label:(0,o.__)("Outline","cozy-addons"),value:""}],onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,position:e}})}),(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Shadow Color","cozy-addons")}),(0,i.jsx)(t.ColorPalette,{colors:F,value:l.boxShadowHover.color,onChange:e=>c({...l,boxShadowHover:{...l.boxShadowHover,color:e}})})]})]}),(0,i.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Background Color","cozy-addons"),colorSettings:[{value:l.backgroundColorHover,onChange:e=>c({...l,backgroundColorHover:e}),label:(0,o.__)("Normal","cozy-addons")}]})]}),l.shapeDivider.enabled&&(0,i.jsxs)(t.PanelBody,{title:(0,o.__)("Shape Divider Styles","cozy-addons"),opened:"shape-divider-styles"===N,onToggle:()=>A("shape-divider-styles"),children:[(0,i.jsxs)(t.BaseControl,{children:[(0,i.jsx)(t.BaseControl.VisualLabel,{children:(0,o.__)("Margin","cozy-addons")}),(0,i.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,i.jsx)("button",{className:"cozy-link-styles "+(P?"":"cozy-attr-link-disabled"),onClick:()=>I(!P),children:(0,i.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,i.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,i.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,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Top","cozy-addons"),value:l.shapeDivider.margin.top,onChange:e=>Z("top",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Right","cozy-addons"),value:l.shapeDivider.margin.right,onChange:e=>Z("right",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Bottom","cozy-addons"),value:l.shapeDivider.margin.bottom,onChange:e=>Z("bottom",e)}),(0,i.jsx)(t.TextControl,{type:"number",step:1,label:(0,o.__)("Left","cozy-addons"),value:l.shapeDivider.margin.left,onChange:e=>Z("left",e)})]})]}),(0,i.jsx)(t.TextControl,{label:(0,o.__)("Height","cozy-addons"),type:"number",min:1,value:l.shapeDivider.height,onChange:e=>c({...l,shapeDivider:{...l.shapeDivider,height:Math.abs(e)}})}),(0,i.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Normal","cozy-addons"),value:l.shapeDivider.color,onChange:e=>c({...l,shapeDivider:{...l.shapeDivider,color:e}})}]})]}),("sticky"===l.position||"fixed"===l.position)&&(0,i.jsx)(t.PanelBody,{title:(0,o.__)("Sticky Styles","cozy-addons"),opened:"sticky-styles"===N,onToggle:()=>A("sticky-styles"),children:(0,i.jsx)(a.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Background Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Normal","cozy-addons"),value:l.stickyStyles.bgColor,onChange:e=>c({...l,stickyStyles:{...l.stickyStyles,bgColor:e}})}]})})]},"style")]})})),p=JSON.parse('{"UU":"cozy-block/container","DD":"Cozy Container"}'),h=(0,i.jsxs)("svg",{width:"27",height:"22",viewBox:"0 0 27 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("rect",{fill:"none",x:"1",y:"1",width:"25",height:"20",stroke:"#0C50FF",strokeWidth:"2"}),(0,i.jsx)("path",{d:"M13.1429 9.71429V5H14.8571V9.71429H20V11.2857H14.8571V16H13.1429V11.2857H8V9.71429H13.1429Z",fill:"#0C50FF"})]});(0,e.registerBlockType)(p.UU,{title:(0,o.__)(p.DD,"cozy-addons"),description:(0,o.__)("Infuse life into your content with our 'Cozy Container' block, offering animation and customization options for a vibrant and personalized user experience.","cozy-addons"),icon:{src:h},example:{attributes:{cover:cozyBlockAssets.imageDir+"/preview_container.jpg"},viewportWidth:1260},supports:{color:{background:!0,text:!1,gradients:!0}},edit:c,save:function(e){const{attributes:o}=e,t=`cozyBlock_${(n=o.blockClientId,n.replace(/[;=()\s]/g,"")).replace(/-/gi,"_")}`;var n;return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{...a.useBlockProps.save(),children:(0,i.jsxs)("div",{className:`cozy-block-container visibility-none border-${o.border.type} hover-border-${o.borderHover.type}\n ${o.boxShadow.enabled?"has-box-shadow":""} ${o.boxShadowHover.enabled?"has-hover-box-shadow":""} ${o.shapeDivider.enabled?"shape-divider-position-"+o.shapeDivider.position+" shape-divider-flip-"+o.shapeDivider.flip:""} ${"fixed"===o.position?"fixed-placement-"+o.fixedPlacement:""}\n `,id:t,children:[(0,i.jsx)("div",{..."fixed"===o.position&&a.useBlockProps.save(),style:{position:"relative",zIndex:10},children:(0,i.jsx)(a.InnerBlocks.Content,{})}),o.shapeDivider.enabled&&(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:"cozy-shape-divider-wrapper",dangerouslySetInnerHTML:{__html:o.shapeDivider.svg}})})]})})})}})}},a={};function t(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}};return o[e](l,l.exports,t),l.exports}t.m=o,e=[],t.O=(o,a,n,l)=>{if(!a){var r=1/0;for(c=0;c<e.length;c++){for(var[a,n,l]=e[c],i=!0,s=0;s<a.length;s++)(!1&l||r>=l)&&Object.keys(t.O).every((e=>t.O[e](a[s])))?a.splice(s--,1):(i=!1,l<r&&(r=l));if(i){e.splice(c--,1);var d=n();void 0!==d&&(o=d)}}return o}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,n,l]},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};t.O.j=o=>0===e[o];var o=(o,a)=>{var n,l,[r,i,s]=a,d=0;if(r.some((o=>0!==e[o]))){for(n in i)t.o(i,n)&&(t.m[n]=i[n]);if(s)var c=s(t)}for(o&&o(a);d<r.length;d++)l=r[d],t.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return t.O(c)},a=globalThis.webpackChunkcozy_container=globalThis.webpackChunkcozy_container||[];a.forEach(o.bind(null,0)),a.push=o.bind(null,a.push.bind(a))})();var n=t.O(void 0,[350],(()=>t(415)));n=t.O(n)})();
Save
Back