FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
cozy-addons
/
cozy-blocks
/
assets
/
js
Edit File: cozy-common-block-scripts.js
(()=>{"use strict";const o=window.wp.i18n,e=window.wp.compose,t=window.wp.blockEditor,a=window.wp.components,n=window.wp.hooks,l=window.ReactJSXRuntime,r=()=>(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"black",children:(0,l.jsx)("path",{d:"M19.6851 4.2H4.3251C3.4851 4.2 2.8051 4.88002 2.8051 5.72002V14.58C2.8051 15.42 3.4851 16.2 4.3251 16.2H9.4051V17.02L7.88511 18.24C7.62511 18.46 7.5051 18.88 7.6051 19.2C7.7251 19.52 8.02511 19.8 8.36511 19.8H15.5651C15.9051 19.8 16.2251 19.52 16.3451 19.2C16.4651 18.88 16.3651 18.48 16.1051 18.26L14.6051 17.02V16.2H19.6851C20.5251 16.2 21.2051 15.42 21.2051 14.58V5.72002C21.2051 4.88002 20.5251 4.2 19.6851 4.2ZM13.4451 17.96L13.9251 18.4H10.0051L10.5251 17.94C10.6851 17.8 10.8051 17.56 10.8051 17.34V16.18H13.2051V17.34C13.2051 17.56 13.2851 17.82 13.4451 17.96ZM19.6051 14.6H4.4051V5.8H19.6051V14.6Z"})}),s=()=>(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"black",children:(0,l.jsx)("path",{d:"M13.125 18.2001C13.125 18.5401 12.865 18.8001 12.525 18.8001H11.485C11.145 18.8001 10.885 18.5401 10.885 18.2001C10.885 17.8601 11.145 17.6 11.485 17.6H12.525C12.865 17.6 13.125 17.8601 13.125 18.2001ZM19.405 19.68C19.405 20.52 18.725 21.2001 17.885 21.2001H6.12498C5.28498 21.2001 4.60498 20.52 4.60498 19.68V4.32007C4.60498 3.48007 5.28498 2.80005 6.12498 2.80005H17.885C18.725 2.80005 19.405 3.48007 19.405 4.32007V19.68ZM6.20498 4.40005V15.4001H17.805V4.40005H6.20498ZM17.805 19.6V16.6H6.20498V19.6H17.805Z"})}),c=()=>(0,l.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"black",children:(0,l.jsx)("path",{d:"M13.3852 18.0001C13.3852 18.3401 13.1252 18.6 12.7852 18.6H11.2452C10.9052 18.6 10.6452 18.3401 10.6452 18.0001C10.6452 17.6601 10.9052 17.4001 11.2452 17.4001H12.7852C13.1052 17.4001 13.3852 17.6601 13.3852 18.0001ZM17.2052 19.68C17.2052 20.52 16.5252 21.2001 15.6852 21.2001H8.32517C7.48517 21.2001 6.80518 20.52 6.80518 19.68V4.32007C6.80518 3.48007 7.48517 2.80005 8.32517 2.80005H15.6852C16.5252 2.80005 17.2052 3.48007 17.2052 4.32007V19.68ZM8.40518 4.40005V15H15.6052V4.40005H8.40518ZM15.6052 19.6V16.2001H8.40518V19.6H15.6052Z"})}),i=["core/buttons","core/button","core/columns","core/column","core/group","core/heading","core/paragraph"];(0,n.addFilter)("blocks.registerBlockType","cozy-responsive-show/register-block-attribute",((o,e)=>i.includes(e)?Object.assign({},o,{attributes:Object.assign({},o.attributes,{cozyResponsiveShow:{type:"object",default:{desktopShow:!0,tabletShow:!0,tabletViewport:980,mobileShow:!0,mobileViewport:767}}})}):o));const d=(0,e.createHigherOrderComponent)((e=>n=>{if(!i.includes(n.name)&&!n.attributes.cozyResponsiveShow)return(0,l.jsx)(e,{...n});const{attributes:d,setAttributes:b}=n,{cozyResponsiveShow:h}=d;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.InspectorControls,{group:"settings",children:(0,l.jsx)(a.PanelBody,{title:(0,o.__)("Cozy Responsive Visibility","cozy-addons"),initialOpen:!1,children:(0,l.jsx)(a.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{name:"cozy-responsive-show__desktop",title:(0,o.__)("Desktop","cozy-addons"),className:"tab-one",icon:(0,l.jsx)(r,{})},{name:"cozy-responsive-show__tablet",title:(0,o.__)("Tablet","cozy-addons"),className:"tab-two",icon:(0,l.jsx)(s,{})},{name:"cozy-responsive-show__mobile",title:(0,o.__)("Mobile","cozy-addons"),className:"tab-three",icon:(0,l.jsx)(c,{})}],children:e=>(0,l.jsxs)(l.Fragment,{children:["cozy-responsive-show__desktop"===e.name&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Show/Hide","cozy-addons"),checked:h.desktopShow,onChange:o=>b({...d,cozyResponsiveShow:{...h,desktopShow:o}})})}),"cozy-responsive-show__tablet"===e.name&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Show/Hide","cozy-addons"),checked:h.tabletShow,onChange:o=>{b(o?{...d,cozyResponsiveShow:{...h,tabletShow:o}}:{...d,cozyResponsiveShow:{...h,tabletShow:o,mobileShow:o}})}}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Viewport Width","cozy-addons"),min:768,max:1023,step:1,value:h.tabletViewport,onChange:o=>b({...d,cozyResponsiveShow:{...h,tabletViewport:Math.abs(o)}})})]}),"cozy-responsive-show__mobile"===e.name&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Show/Hide","cozy-addons"),checked:h.mobileShow,onChange:o=>b({...d,cozyResponsiveShow:{...h,mobileShow:o}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Viewport Width","cozy-addons"),min:100,max:767,step:1,value:h.mobileViewport,onChange:o=>b({...d,cozyResponsiveShow:{...h,mobileViewport:Math.abs(o)}})})]})]})})})},"setting"),(0,l.jsx)(e,{...n})]})}));(0,n.addFilter)("editor.BlockEdit","cozy-responsive-show/set-responsive-show-control",d);const b=["core/buttons","core/button","core/group","core/columns","core/column","core/image"];(0,n.addFilter)("blocks.registerBlockType","cozy-hover-effect/register-block-attribute",((o,e)=>b.includes(e)?Object.assign({},o,{attributes:Object.assign({},o.attributes,{cozyHoverEffect:{type:"object",default:{hasOverflow:!1,overflow:"hidden",hasZIndex:!1,zIndex:0,boxShadow:{enabled:!1,color:"#000",horizontal:0,vertical:0,blur:10,spread:0,position:""},boxShadowHover:{enabled:!1,color:"#000",horizontal:0,vertical:0,blur:10,spread:0,position:""},transformEnabled:!1,transform:{translateX:0,translateY:0,rotate:0,scale:1},transformDefaultEnabled:!1,transformDefault:{translateX:0,translateY:0,rotate:0,scale:1}}}})}):o));const h=(0,e.createHigherOrderComponent)((e=>n=>{if(!b.includes(n.name)&&!n.attributes.cozyHoverEffect)return(0,l.jsx)(e,{...n});const{attributes:r,setAttributes:s}=n,{cozyHoverEffect:c}=r,i=`\n\t#block-${n.clientId}:not(.wp-block-button) {\n\t\t${c?.transformDefaultEnabled?`\n\t\t\ttransform: translate(${c?.transformDefault?.translateX}px, ${c?.transformDefault?.translateY}px) rotate(${c?.transformDefault?.rotate}deg) scale(${c?.transformDefault?.scale}) ;\n\t\t`:""}\n\t\t${c.boxShadow.enabled?`\n\t\t\tbox-shadow: ${c.boxShadow.horizontal}px ${c.boxShadow.vertical}px ${c.boxShadow.blur}px ${c.boxShadow.spread}px ${c.boxShadow.color} ${c.boxShadow.position};\n\t\t`:""}\n\t\t${c?.hasZIndex?`z-index:${c?.zIndex};`:""}\n\t\t${c?.hasOverflow?`overflow:${c?.overflow};`:""}\n\t}\n\t#block-${n.clientId}.wp-block-button .wp-block-button__link {\n\t\t${c?.transformDefaultEnabled?`\n\t\t\ttransform: translate(${c?.transformDefault?.translateX}px, ${c?.transformDefault?.translateY}px) rotate(${c?.transformDefault?.rotate}deg) scale(${c?.transformDefault?.scale}) ;\n\t\t`:""}\n\t\t${c.boxShadow.enabled?`\n\t\t\tbox-shadow: ${c.boxShadow.horizontal}px ${c.boxShadow.vertical}px ${c.boxShadow.blur}px ${c.boxShadow.spread}px ${c.boxShadow.color} ${c.boxShadow.position};\n\t\t`:""}\n\t\t${c.hasZIndex?`z-index:${c?.zIndex};`:""}\n\t\t${c?.hasOverflow?`overflow:${c?.overflow};`:""}\n\t}\n\n\t#block-${n.clientId}:hover:not(.wp-block-button) {\n\t\t${c.transformEnabled?`\n\t\t\ttransform: translate(${c.transform.translateX}px, ${c.transform.translateY}px) rotate(${c.transform.rotate}deg) scale(${c.transform.scale}) ;\n\t\t`:""}\n\t\t${c.boxShadowHover.enabled?`\n\t\t\t\t box-shadow: ${c.boxShadowHover.horizontal}px ${c.boxShadowHover.vertical}px ${c.boxShadowHover.blur}px ${c.boxShadowHover.spread}px ${c.boxShadowHover.color} ${c.boxShadowHover.position};\n\t\t\t `:""}\n\t}\n\n\t#block-${n.clientId}.wp-block-button .wp-block-button__link:hover {\n\t\t${c.transformEnabled?`\n\t\t\ttransform: translate(${c.transform.translateX}px, ${c.transform.translateY}px) rotate(${c.transform.rotate}deg) scale(${c.transform.scale}) ;\n\t\t`:""}\n\t\t${c.boxShadowHover.enabled?`\n\t\t\t\t box-shadow: ${c.boxShadowHover.horizontal}px ${c.boxShadowHover.vertical}px ${c.boxShadowHover.blur}px ${c.boxShadowHover.spread}px ${c.boxShadowHover.color} ${c.boxShadowHover.position};\n\t\t\t `:""}\n\t}\n\t\t`;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:i}}),(0,l.jsx)(t.InspectorControls,{group:"settings",children:(0,l.jsxs)(a.PanelBody,{title:(0,o.__)("Cozy Hover Effect","cozy-addons"),initialOpen:!1,children:[(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Add z-index","cozy-addons"),checked:c?.hasZIndex,onChange:o=>s({...r,cozyHoverEffect:{...c,hasZIndex:o}})}),c?.hasZIndex&&(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Z Index","cozy-addons"),min:-10,max:100,step:1,value:c?.zIndex,onChange:o=>s({...r,cozyHoverEffect:{...c,zIndex:o}})}),(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Enable Overflow","cozy-addons"),checked:c?.hasOverflow,onChange:o=>s({...r,cozyHoverEffect:{...c,hasOverflow:o}})}),c?.hasOverflow&&(0,l.jsx)(a.SelectControl,{label:(0,o.__)("Overflow","cozy-addons"),options:[{label:(0,o.__)("Hidden","cozy-addons"),value:"hidden"},{label:(0,o.__)("Visible","cozy-addons"),value:"visible"},{label:(0,o.__)("Scroll","cozy-addons"),value:"scroll"}],value:c?.overflow,onChange:o=>s({...r,cozyHoverEffect:{...c,overflow:o}})}),(0,l.jsxs)(a.BaseControl,{children:[(0,l.jsx)(a.BaseControl.VisualLabel,{children:(0,o.__)("Box Shadow","cozy-addons")}),(0,l.jsx)(a.TabPanel,{className:"cozy-tab-panel",activeClass:"active-tab",tabs:[{name:"cozy-hover-effect__box-shadow-default",title:(0,o.__)("Default","cozy-addons"),className:"tab-one"},{name:"cozy-hover-effect__box-shadow-hover",title:(0,o.__)("Hover","cozy-addons"),className:"tab-one"}],children:e=>(0,l.jsxs)(l.Fragment,{children:["cozy-hover-effect__box-shadow-default"===e.name&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Enable Transform","cozy-addons"),checked:c?.transformDefaultEnabled,onChange:o=>s({...r,cozyHoverEffect:{...c,transformDefaultEnabled:o}})}),c?.transformDefaultEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(a.BaseControl,{children:[(0,l.jsx)(a.BaseControl.VisualLabel,{children:(0,o.__)("Translate","cozy-addons")}),(0,l.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"10px",height:"50px"},children:[(0,l.jsx)(a.TextControl,{label:(0,o.__)("Horizontal","cozy-addons"),type:"number",autoComplete:"off",inputMode:"numeric",max:"Infinity",placeholder:(0,o.__)("Auto","cozy-addons"),value:c?.transformDefault?.translateX,onChange:o=>{s({...r,cozyHoverEffect:{...c,transformDefault:{...c.transformDefault,translateX:o}}})}}),(0,l.jsx)(a.TextControl,{label:(0,o.__)("Vertical","cozy-addons"),type:"number",autoComplete:"off",inputMode:"numeric",max:"Infinity",placeholder:(0,o.__)("Auto","cozy-addons"),value:c?.transformDefault?.translateY,onChange:o=>{s({...r,cozyHoverEffect:{...c,transformDefault:{...c.transformDefault,translateY:o}}})}})]})]}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Rotate","cozy-addons"),min:-360,max:360,step:1,value:c?.transformDefault?.rotate,onChange:o=>s({...r,cozyHoverEffect:{...c,transformDefault:{...c.transformDefault,rotate:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Scale","cozy-addons"),min:0,max:10,step:.1,value:c?.transformDefault?.scale,onChange:o=>s({...r,cozyHoverEffect:{...c,transformDefault:{...c.transformDefault,scale:o}}})})]}),(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Enable Box Shadow","cozy-addons"),checked:c.boxShadow.enabled,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,enabled:o}}})}),c.boxShadow.enabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadow.horizontal,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,horizontal:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadow.vertical,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,vertical:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),min:0,max:100,step:1,value:c.boxShadow.blur,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,blur:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadow.spread,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,spread:o}}})}),(0,l.jsx)(a.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Inset","cozy-addons"),value:"inset"},{label:(0,o.__)("Outline","cozy-addons"),value:""}],value:c.boxShadow.position,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,position:o}}})}),(0,l.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Shadow Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Default","cozy-addons"),value:c.boxShadow.color,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadow:{...c.boxShadow,color:o}}})}]})]})]}),"cozy-hover-effect__box-shadow-hover"===e.name&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Enable Transform","cozy-addons"),checked:c.transformEnabled,onChange:o=>s({...r,cozyHoverEffect:{...c,transformEnabled:o}})}),c.transformEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(a.BaseControl,{children:[(0,l.jsx)(a.BaseControl.VisualLabel,{children:(0,o.__)("Translate","cozy-addons")}),(0,l.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",columnGap:"10px",height:"50px"},children:[(0,l.jsx)(a.TextControl,{label:(0,o.__)("Horizontal","cozy-addons"),type:"number",autoComplete:"off",inputMode:"numeric",max:"Infinity",placeholder:(0,o.__)("Auto","cozy-addons"),value:c.transform.translateX,onChange:o=>{s({...r,cozyHoverEffect:{...c,transform:{...c.transform,translateX:o}}})}}),(0,l.jsx)(a.TextControl,{label:(0,o.__)("Vertical","cozy-addons"),type:"number",autoComplete:"off",inputMode:"numeric",max:"Infinity",placeholder:(0,o.__)("Auto","cozy-addons"),value:c.transform.translateY,onChange:o=>{s({...r,cozyHoverEffect:{...c,transform:{...c.transform,translateY:o}}})}})]})]}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Rotate","cozy-addons"),min:-360,max:360,step:1,value:c.transform.rotate,onChange:o=>s({...r,cozyHoverEffect:{...c,transform:{...c.transform,rotate:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Scale","cozy-addons"),min:0,max:10,step:.1,value:c.transform.scale,onChange:o=>s({...r,cozyHoverEffect:{...c,transform:{...c.transform,scale:o}}})})]}),(0,l.jsx)(a.ToggleControl,{label:(0,o.__)("Enable Box Shadow","cozy-addons"),checked:c.boxShadowHover.enabled,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,enabled:o}}})}),c.boxShadowHover.enabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Horizontal","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadowHover.horizontal,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,horizontal:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Vertical","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadowHover.vertical,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,vertical:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Blur","cozy-addons"),min:0,max:100,step:1,value:c.boxShadowHover.blur,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,blur:o}}})}),(0,l.jsx)(a.RangeControl,{label:(0,o.__)("Spread","cozy-addons"),min:-100,max:100,step:1,value:c.boxShadowHover.spread,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,spread:o}}})}),(0,l.jsx)(a.SelectControl,{label:(0,o.__)("Position","cozy-addons"),options:[{label:(0,o.__)("Inset","cozy-addons"),value:"inset"},{label:(0,o.__)("Outline","cozy-addons"),value:""}],value:c.boxShadowHover.position,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,position:o}}})}),(0,l.jsx)(t.PanelColorSettings,{className:"cozy-color-control",enableAlpha:!0,title:(0,o.__)("Shadow Color","cozy-addons"),colorSettings:[{label:(0,o.__)("Hover","cozy-addons"),value:c.boxShadowHover.color,onChange:o=>s({...r,cozyHoverEffect:{...c,boxShadowHover:{...c.boxShadowHover,color:o}}})}]})]})]})]})})]})]})},"setting"),(0,l.jsx)(e,{...n})]})}));(0,n.addFilter)("editor.BlockEdit","cozy-hover-effect/set-hover-effect-control",h);const u=["core/buttons","core/button","core/group","core/columns","core/column","core/heading","core/paragraph","cozy-block/mega-menu"];(0,n.addFilter)("blocks.registerBlockType","cozy-blocks-custom-fonts/register-block-attribute",((o,e)=>u.includes(e)?Object.assign({},o,{attributes:Object.assign({},o.attributes,{cozyCustomFont:{type:"string",default:""}})}):o));const x=(0,e.createHigherOrderComponent)((e=>n=>{if(!u.includes(n.name)&&!n.attributes.cozyHoverEffect)return(0,l.jsx)(e,{...n});const{attributes:r,setAttributes:s}=n,{cozyCustomFont:c}=r,i=function(){let o=[{label:"Default",value:""}];if("object"==typeof googleFonts.collection)for(let e in googleFonts.collection)o.push({label:googleFonts.collection[e],value:e});return o}(),d=`\n\t#block-${n.clientId} {\n\t\tfont-family: ${c} !important;\n\t}\n\t`;return(0,l.jsxs)(l.Fragment,{children:[""!=c&&null!=c&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("link",{rel:"stylesheet",href:`https://fonts.googleapis.com/css2?family=${c}:wght@400;500;600;700;800`}),(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:d}})]}),(0,l.jsx)(t.InspectorControls,{group:"styles",children:(0,l.jsxs)(a.PanelBody,{title:(0,o.__)("Google Fonts","cozy-addons"),children:[(0,l.jsx)("span",{className:"clear-cozy-custom-font clear-cozy-hover-attributes",onClick:()=>s({...r,cozyCustomFont:""}),children:(0,o.__)("Reset","cozy-addons")}),(0,l.jsx)(a.SelectControl,{label:(0,o.__)("Fonts","cozy-addons"),options:i,value:c,onChange:o=>s({...r,cozyCustomFont:o})})]})},"style"),(0,l.jsx)(e,{...n})]})}));(0,n.addFilter)("editor.BlockEdit","cozy-blocks-custom-fonts/set-custom-fonts-control",x);const p=window.wp.element,m=window.wp.blocks,{createHigherOrderComponent:v}=wp.compose,{InspectorControls:g,PanelColorSettings:y}=wp.blockEditor,{PanelBody:f,BaseControl:w,TextControl:_}=wp.components,z=["core/button","core/navigation"];wp.hooks.addFilter("blocks.registerBlockType","custom-attributes/set-cozy-hover-styles",((o,e)=>z.includes(e)?"core/button"===e?Object.assign({},o,{attributes:Object.assign({},o.attributes,{cozyHoverStyles:{type:"object",default:{bgColor:"",color:"",borderColor:""}}})}):"core/navigation"===e?Object.assign({},o,{attributes:Object.assign({},o.attributes,{cozyMenuPadding:{type:"object",default:{top:0,right:0,bottom:0,left:0}},cozyHoverColor:{type:"object",default:{menuText:"",menuBg:"",submenuText:"",submenuBg:""}}})}):void 0:o));const C=v((e=>t=>{if(!z.includes(t.name)&&!t.attributes.cozyHoverStyles||!z.includes(t.name)&&!t.attributes.cozyHoverColor)return(0,l.jsx)(e,{...t});const{attributes:a,setAttributes:n}=t,{cozyHoverStyles:r,cozyHoverColor:s,cozyMenuPadding:c}=a;let i="";"core/button"===t.name&&(i=`#block-${t.clientId}.wp-block-button .wp-block-button__link:hover {\n\t\t\tbackground-color: ${r.bgColor} !important;\n\t\t\tcolor: ${r.color} !important;\n\t\t\tborder-color: ${r.borderColor} !important;\n\t\t}\n\t`),"core/navigation"===t.name&&(i=`\n\t\t#block-${t.clientId}.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item {\n\t\t\tpadding: ${c.top}px ${c.right}px ${c.bottom}px ${c.left}px;\n\t\t} \n\t\t#block-${t.clientId}.wp-block-navigation .wp-block-navigation-item:hover {\n\t\t\tbackground-color: ${s.menuBg} !important;\n\t\t }\n\t\t #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__content, #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item.has-child:hover .wp-block-navigation__submenu-icon svg {\n\t\t\tcolor: ${s.menuText} !important;\n\t\t } \n\t\t #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {\n\t\t\tbackground-color: ${s.submenuBg} !important;\n\t\t }\n\t\t #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover .wp-block-navigation-item__content, #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content, #block-${t.clientId}.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg {\n\t\t\tcolor: ${s.submenuText} !important;\n\t\t }\n\t\t `);const[d,b]=(0,p.useState)(!1),h=(o,e)=>{let t={...a.cozyMenuPadding};t={...t,top:Math.abs(e),right:Math.abs(e),bottom:Math.abs(e),left:Math.abs(e)},n(d?{...a,cozyMenuPadding:t}:{...a,cozyMenuPadding:{...a.cozyMenuPadding,[o]:Math.abs(e)}})};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:i}}),(0,l.jsxs)(g,{group:"styles",children:["core/navigation"===t.name&&(0,l.jsx)(f,{title:(0,o.__)("Padding","cozy-addons"),children:(0,l.jsxs)(w,{children:[(0,l.jsx)(w.VisualLabel,{children:(0,o.__)("Padding","cozy-addons")}),(0,l.jsxs)("div",{style:{display:"flex",gap:"5px",height:"50px",position:"relative"},children:[(0,l.jsx)("button",{className:"cozy-link-styles "+(d?"":"cozy-attr-link-disabled"),onClick:()=>b(!d),children:(0,l.jsxs)("svg",{width:"10",height:"16",viewBox:"0 0 15 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M6.18931 9.59516L6.18931 19.3466H8.70581V9.59516H6.18931Z",fill:"black"}),(0,l.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,l.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,l.jsx)(_,{type:"number",step:1,min:0,label:(0,o.__)("Top","cozy-addons"),value:c.top,onChange:o=>h("top",o)}),(0,l.jsx)(_,{type:"number",step:1,min:0,label:(0,o.__)("Right","cozy-addons"),value:c.right,onChange:o=>h("right",o)}),(0,l.jsx)(_,{type:"number",step:1,min:0,label:(0,o.__)("Bottom","cozy-addons"),value:c.bottom,onChange:o=>h("bottom",o)}),(0,l.jsx)(_,{type:"number",step:1,min:0,label:(0,o.__)("Left","cozy-addons"),value:c.left,onChange:o=>h("left",o)})]})]})}),"core/button"===t.name&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(y,{enableAlpha:!0,title:(0,o.__)("Hover Color Palette","cozy-addons"),colorSettings:[{label:(0,o.__)("Background Color","cozy-addons"),value:r.bgColor,onChange:o=>n({...a,cozyHoverStyles:{...a.cozyHoverStyles,bgColor:o}})},{label:(0,o.__)("Text Color","cozy-addons"),value:r.color,onChange:o=>n({...a,cozyHoverStyles:{...a.cozyHoverStyles,color:o}})},{label:(0,o.__)("Border Color","cozy-addons"),value:r.borderColor,onChange:o=>n({...a,cozyHoverStyles:{...a.cozyHoverStyles,borderColor:o}})}]})}),"core/navigation"===t.name&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(y,{enableAlpha:!0,title:(0,o.__)("Hover Color Palette","cozy-addons"),colorSettings:[{label:(0,o.__)("Menu Text","cozy-addons"),value:s.menuText,onChange:o=>n({...a,cozyHoverColor:{...a.cozyHoverColor,menuText:o}})},{label:(0,o.__)("Menu Background","cozy-addons"),value:s.menuBg,onChange:o=>n({...a,cozyHoverColor:{...a.cozyHoverColor,menuBg:o}})},{label:(0,o.__)("Submenu Text","cozy-addons"),value:s.submenuText,onChange:o=>n({...a,cozyHoverColor:{...a.cozyHoverColor,submenuText:o}})},{label:(0,o.__)("Submenu Background","cozy-addons"),value:s.submenuBg,onChange:o=>n({...a,cozyHoverColor:{...a.cozyHoverColor,submenuBg:o}})}]})})]},"style"),(0,l.jsx)(e,{...t})]})}),"withCozyHoverStyles");wp.hooks.addFilter("editor.BlockEdit","custom-attributes/set-cozy-hover-styles",C);const H="cozy-block/cozy-woo-query";(0,m.registerBlockVariation)("core/query",{name:H,title:"Cozy Query Loop",description:"Cozy Blocks Query Loop Variation.",isActive:({namespace:o,query:e})=>o===H&&"product"===e.postType,attributes:{namespace:H,query:{perPage:6,pages:0,offset:0,postType:"product",order:"desc",orderBy:"date",author:"",search:"",exclude:[],sticky:"",inherit:!1}},scope:["block"]})})();
Save
Back