(()=>{var e={42:(e,l)=>{var a;!function(){"use strict";var t={}.hasOwnProperty;function o(){for(var e=[],l=0;l{e.exports=function(e){var l=e.length;if(!e||!l)return null;for(var a=l;a--;)if(!isNaN(e[a]))return e.slice(a+1,l)||null;return null}},679:e=>{"use strict";var l=function(e){return parseInt(e,16)};e.exports=function(e,a){var t,o,r=function(e){return"#"===e.charAt(0)?e.slice(1):e}(e),s=function(e){var a=e.g,t=e.b,o=e.a;return{r:l(e.r),g:l(a),b:l(t),a:+(l(o)/255).toFixed(2)}}({r:(o=3===(t=r).length||4===t.length)?"".concat(t.slice(0,1)).concat(t.slice(0,1)):t.slice(0,2),g:o?"".concat(t.slice(1,2)).concat(t.slice(1,2)):t.slice(2,4),b:o?"".concat(t.slice(2,3)).concat(t.slice(2,3)):t.slice(4,6),a:(o?"".concat(t.slice(3,4)).concat(t.slice(3,4)):t.slice(6,8))||"ff"});return function(e,l){var a,t=e.r,o=e.g,r=e.b,s=e.a,n=(a=l,!isNaN(parseFloat(a))&&isFinite(a)?l:s);return"rgba(".concat(t,", ").concat(o,", ").concat(r,", ").concat(n,")")}(s,a)}}},l={};function a(t){var o=l[t];if(void 0!==o)return o.exports;var r=l[t]={exports:{}};return e[t](r,r.exports,a),r.exports}a.n=e=>{var l=e&&e.__esModule?()=>e.default:()=>e;return a.d(l,{a:l}),l},a.d=(e,l)=>{for(var t in l)a.o(l,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:l[t]})},a.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),(()=>{"use strict";function e(){return e=Object.assign?Object.assign.bind():function(e){for(var l=1;l{const a=e.props,{attributes:t,setAttributes:o}=a,{aplofilters:r,aplofiltersHover:s,backdropFilter:i,hasFilters:p,hasHoverFilters:c,galleryswitch:u}=a.attributes;function m(e,a,t,s){return(0,l.createElement)(n.RangeControl,{value:void 0!==r?r[e]:void 0,onChange:function(l){void 0===l&&void 0===r||(void 0===l?void 0!==r&&void 0!==r[e]&&(o(1===p?{aplofilters:void 0}:{aplofilters:{...r,[e]:void 0}}),o({hasFilters:p-1})):(void 0!==r&&void 0!==r[e]||o({hasFilters:p+1}),o({aplofilters:{...r,[e]:l}})))},min:a,max:t,step:1,allowReset:!0})}function d(e,a,t,r){return(0,l.createElement)(n.RangeControl,{value:void 0!==s?s[e]:void 0,onChange:function(l){void 0===l&&void 0===s||(void 0===l?void 0!==s&&void 0!==s[e]&&(o(1===c?{aplofiltersHover:void 0}:{aplofiltersHover:{...s,[e]:void 0}}),o({hasHoverFilters:c-1})):(void 0!==s&&void 0!==s[e]||o({hasHoverFilters:c+1}),o({aplofiltersHover:{...s,[e]:l}})))},min:a,max:t,step:1,allowReset:!0})}return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(n.PanelBody,{title:__("Aplo Filter Styles","aploblocks"),initialOpen:!1,className:"aplofilterstyles"},void 0!==i?(()=>{if(void 0!==i)return(0,l.createElement)(n.ToggleControl,{label:"Backdrop",checked:i,onChange:e=>{o({backdropFilter:e})}})})():"",void 0!==u?(()=>{if(void 0!==u)return(0,l.createElement)(l.Fragment,null,(0,l.createElement)("p",null,__("When Gallery Switch is true the hover state gets applied to the images in the gallery that are not hovered over","aploblocks")),(0,l.createElement)(n.ToggleControl,{label:__("Gallery Switch","aploblocks"),checked:u,onChange:e=>{o({galleryswitch:e})}}))})():"",(0,l.createElement)("p",null,__("Set the values and hover values for each filter. The upper value is normal state and the lower value is hover state","aploblocks")),(0,l.createElement)("div",{class:"aploranges"},(0,l.createElement)("h2",null,__("Blur","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("blur",0,100)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("blur",0,100)),(0,l.createElement)("h2",null,__("Grayscale","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("grayscale",0,100)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("grayscale",0,100)),(0,l.createElement)("h2",null,__("Sepia","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("sepia",0,100)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("sepia",0,100)),(0,l.createElement)("h2",null,__("Hue","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("hue",0,360)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("hue",0,360)),(0,l.createElement)("h2",null,__("Opacity","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("opacity",0,100)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("opacity",0,100)),(0,l.createElement)("h2",null,__("Invert","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("invert",0,100)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("invert",0,100)),(0,l.createElement)("h2",null,__("Brightness","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("brightness",0,500)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("brightness",0,500)),(0,l.createElement)("h2",null,__("Contrast","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("contrast",0,500)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("contrast",0,500)),(0,l.createElement)("h2",null,__("Saturate","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"N"),m("saturate",0,500)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,"H"),d("saturate",0,500)))),(0,l.createElement)(n.PanelBody,{title:__("Aplo Shadow Filter","aploblocks"),initialOpen:!1,className:"aplofilterstyles"},(0,l.createElement)("p",null,__("Set the Normal and hover values for the drop shadow filter","aploblocks")),(0,l.createElement)("div",{className:"aploranges"},(0,l.createElement)("h2",null,__("Drop Shadow","aploblocks")),__("X-offset:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},m("dsx",-50,50)),__("Y-offset:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},m("dsy",-50,50)),__("Blur:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},m("dsb",0,50)),__("Opacity:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},m("dso",0,100)),__("Color:","aploblocks"),(0,l.createElement)("div",{className:"aplocolorpicker"},(0,l.createElement)(n.ColorPalette,{value:void 0!==r&&null!=r.dsc?r.dsc:"#000000",onChange:e=>{var l;void 0===(l=e)&&void 0===r||(void 0===l||"#000000"===l?void 0!==r&&void 0!==r.dsc&&o(1===p?{aplofilters:void 0,hasFilters:p-1}:{aplofilters:{...r,dsc:void 0},hasFilters:p-1}):(void 0!==r&&void 0!==r.dsc||o({hasFilters:p+1}),o({aplofilters:{...r,dsc:l}})))}}))),(0,l.createElement)("div",{className:"aploranges"},(0,l.createElement)("h2",null,__("Drop Shadow Hover","aploblocks")),__("X-offset:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},d("dsx",-50,50)),__("Y-offset:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},d("dsy",-50,50)),__("Blur:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},d("dsb",0,50)),__("Opacity:","aploblocks"),(0,l.createElement)("div",{className:"aplorange"},d("dso",0,100)),__("Color:","aploblocks"),(0,l.createElement)("div",{className:"aplocolorpicker"},(0,l.createElement)(n.ColorPalette,{value:void 0!==s&&void 0!==s.dsc?s.dsc:"#000000",onChange:e=>{var l;void 0===(l=e)&&void 0===s||(void 0===l||"#000000"===l?void 0!==s&&void 0!==s.dsc&&o(1===c?{aplofiltersHover:void 0,hasHoverFilters:c-1}:{aplofiltersHover:{...s,dsc:void 0},hasHoverFilters:c-1}):(void 0!==s&&void 0!==s.dsc||o({hasHoverFilters:c+1}),o({aplofiltersHover:{...s,dsc:l}})))}})))))},u=a(325),{assign:m,merge:d}=lodash,{__:b}=wp.i18n,{PanelBody:v,ToggleControl:g}=wp.components,f=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{overflowhidden:r,aplotransforms:s,aplotransformsHover:i,hasTransforms:p,hasHoverTransforms:c}=t;function m(e,a,t){function r(l){let a="";if(void 0===l||"translateX"!==e&&"translateY"!==e)a="";else{const t=s&&void 0!==s[e]?u(s[e]):null;a=null!==(void 0!==l?u(l):null)?"":null!==t?t:"px"}void 0===l&&void 0===s||(void 0===l?void 0!==s&&void 0!==s[e]&&(o(1===p?{aplotransforms:void 0}:{aplotransforms:{...s,[e]:void 0}}),o({hasTransforms:p-1})):(void 0!==s&&void 0!==s[e]||o({hasTransforms:p+1}),o("translateX"===e||"translateY"===e?{aplotransforms:{...s,[e]:l+a}}:{aplotransforms:{...s,[e]:l}})))}return(0,l.createElement)(l.Fragment,null,("translateX"===e||"translateY"===e)&&(0,l.createElement)(n.__experimentalUnitControl,{onChange:r,value:void 0!==s?s[e]:void 0}),(0,l.createElement)(n.RangeControl,{value:void 0!==s?s[e]:void 0,onChange:r,min:a,max:t,step:1,allowReset:!0,withInputField:"translateX"!==e&&"translateY"!==e}))}function d(e,a,t,r){function p(l){let a="";if(void 0===l||"translateX"!==e&&"translateY"!==e)a="";else{const t=s&&void 0!==s[e]?u(s[e]):null;a=null!==(void 0!==l?u(l):null)?"":null!==t?t:"px"}void 0===l&&void 0===i||(void 0===l?void 0!==i&&void 0!==i[e]&&(o(1===c?{aplotransformsHover:void 0}:{aplotransformsHover:{...i,[e]:void 0}}),o({hasHoverTransforms:c-1})):(void 0!==i&&void 0!==i[e]||o({hasHoverTransforms:c+1}),o("translateX"===e||"translateY"===e?{aplotransformsHover:{...i,[e]:l+a}}:{aplotransformsHover:{...i,[e]:l}})))}return(0,l.createElement)(l.Fragment,null,("translateX"===e||"translateY"===e)&&(0,l.createElement)(n.__experimentalUnitControl,{onChange:p,value:void 0!==i?i[e]:void 0}),(0,l.createElement)(n.RangeControl,{value:void 0!==i?i[e]:void 0,onChange:p,min:a,max:t,step:1,allowReset:!0,withInputField:"translateX"!==e&&"translateY"!==e}))}return(0,l.createElement)(v,{title:b("Aplo Transform Styles","aploblocks"),initialOpen:!1,className:"aplofilterstyles"},(0,l.createElement)(g,{label:b("Hide overflow"),checked:r,onChange:e=>{o({overflowhidden:e})}}),(0,l.createElement)("p",null,b("Set the normal and hover values for each transform. The upper value is normal state and the lower value is hover state","aploblocks")),(0,l.createElement)("div",{class:"aploranges"},(0,l.createElement)("h2",null,b("Scale","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("scale",1,200)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("scale",1,200)),(0,l.createElement)("h2",null,b("Rotate","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("rotate",-180,180)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("rotate",-180,180)),(0,l.createElement)("h2",null,b("RotateX","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("rotateX",-180,180)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("rotateX",-180,180)),(0,l.createElement)("h2",null,b("RotateY","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("rotateY",-180,180)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("rotateY",-180,180)),(0,l.createElement)("h2",null,b("Move Horizontal","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("translateX",-200,200)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("translateX",-200,200)),(0,l.createElement)("h2",null,b("Move Vertical","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("translateY",-200,200)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("translateY",-200,200)),(0,l.createElement)("h2",null,b("Perspective","aploblocks")),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("N","aploblocks")),m("perspective",0,1e3)),(0,l.createElement)("div",{class:"aplorange"},(0,l.createElement)("b",null,b("H","aploblocks")),d("perspective",0,1e3))))},{assign:h,merge:k}=lodash,{__:E}=wp.i18n,y=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{aploeffect:r,aploeffectease:s,aploeffectduration:i,aploeffectdelay:p}=t;return(0,l.createElement)(n.PanelBody,{title:E("Aplo Entrance Styles","aploblocks"),initialOpen:!1,className:"aploentrancestyles"},(0,l.createElement)(n.SelectControl,{label:E("Effect","aploblocks"),value:r,options:[{label:E("","aploblocks"),value:""},{label:E("Fade In","aploblocks"),value:"fadein"},{label:E("Fade Up","aploblocks"),value:"fadeup"},{label:E("Fade Down","aploblocks"),value:"fadedown"},{label:E("Fade In Left","aploblocks"),value:"fadeinleft"},{label:E("Fade In Right","aploblocks"),value:"fadeinright"},{label:E("Scale In","aploblocks"),value:"scalein"},{label:E("Slide In Left","aploblocks"),value:"slideinleft"},{label:E("Slide In Right","aploblocks"),value:"slideinright"},{label:E("Bounce","aploblocks"),value:"bounce"},{label:E("Rotate In","aploblocks"),value:"rotatein"},{label:E("Flip In","aploblocks"),value:"flipin"},{label:E("Roll In Left","aploblocks"),value:"rollinleft"},{label:E("Roll In Right","aploblocks"),value:"rollinright"},{label:E("Blur In","aploblocks"),value:"blurin"},{label:E("Text Expand In","aploblocks"),value:"txtexpandin"},{label:E("Text Contract In","aploblocks"),value:"txtcontractin"},{label:E("Text Blur Expand In","aploblocks"),value:"txtblurexpandin"},{label:E("Text Blur Contract In","aploblocks"),value:"txtblurcontractin"}],onChange:e=>{o({aploeffect:e})}}),(0,l.createElement)(n.SelectControl,{label:E("Easing Function","aploblocks"),value:s,options:[{label:E("","aploblocks"),value:""},{label:E("ease (Slow-Fast-Slow)","aploblocks"),value:"ease"},{label:E("ease-in (Slow-Fast)","aploblocks"),value:"ease-in"},{label:E("ease-out (Fast-Slow)","aploblocks"),value:"ease-out"},{label:E("ease-in-out (Slow-Fast-Slow)","aploblocks"),value:"ease-in-out"}],onChange:e=>{o({aploeffectease:e})}}),(0,l.createElement)(n.RangeControl,{label:E("Duration","aploblocks"),value:i,onChange:e=>{o({aploeffectduration:e})},min:0,max:5e3,step:50,allowReset:!0}),(0,l.createElement)(n.RangeControl,{label:E("Delay","aploblocks"),value:p,onChange:e=>{o({aploeffectdelay:e})},min:0,max:5e3,step:50,allowReset:!0}))},w=a(325),{assign:x,merge:C}=lodash,{__:S}=wp.i18n,{PanelBody:H}=wp.components,F=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{aplomargin:r,aplomargintop:s,aplomarginleft:i,aplomarginright:p,aplomarginbottom:c,haspullstyles:u}=a.attributes,[m,d]=(0,l.useState)("10px");function b(e,a,t,s,i){function p(l){if(isNaN(parseFloat(l))&&void 0!==l)return;if(!a&&!l)return;const t=a&&void 0!==a[e]?w(a[e]):null,s=void 0!==l?w(l):null;let n="";n=void 0!==l?null!==s?"":null!==t?t:"px":"",o(0!==l&&void 0!==l?{aplomargin:{...r,[e]:l+n}}:{aplomargin:{...r,[e]:void 0}}),(void 0===a||a&&void 0===a[e])&&l?o({haspullstyles:u+1}):!a||void 0===a[e]||void 0!==l&&0!==l||(1==u&&o({aplomargin:void 0}),o({haspullstyles:u-1}))}return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(n.__experimentalUnitControl,{onChange:p,value:a&&void 0!==a[e]?a[e]:void 0}),(0,l.createElement)(n.RangeControl,{value:a&&void 0!==a[e]?parseFloat(a[e]):void 0,onChange:p,min:t,max:s,step:1,allowReset:!0,initialPosition:i,withInputField:!1}))}return(s||c||i||p)&&0==Object.keys(r).length&&(o({aplomargin:{top:s,bottom:c,left:i,right:p},aplomargintop:void 0,aplomarginbottom:void 0,aplomarginleft:void 0,aplomarginright:void 0}),console.log("aploblocks: margins updated")),(0,l.createElement)(H,{title:S("Aplo Pull Styles","aploblocks"),initialOpen:!1,className:""},(0,l.createElement)("p",null,S("Add negative margins to blocks","aploblocks")),(0,l.createElement)("div",{className:"aploranges"},(0,l.createElement)("h2",null,S("Pull up","aploblocks")),(0,l.createElement)("div",{className:"aplorange"},b("top",r,-500,0,0)),(0,l.createElement)("h2",null,S("Pull down","aploblocks")),(0,l.createElement)("div",{className:"aplorange"},b("bottom",r,-500,0,0)),(0,l.createElement)("h2",null,S("Pull left","aploblocks")),(0,l.createElement)("div",{className:"aplorange"},b("left",r,-500,0,0)),(0,l.createElement)("h2",null,S("Pull right","aploblocks")),(0,l.createElement)("div",{className:"aplorange"},b("right",r,-500,0,0))))},{assign:N,merge:R}=lodash,{__:T}=wp.i18n,$=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{aplohide:r,aplomask:s,aploclip:i,aploshadow:p,aplotexture:c,aplohoverduration:u,aplohoverease:m,aplozindex:d,aploWrapReverse:b,aplomaskremove:v,aploimagemaskremove:g}=a.attributes;return(0,l.createElement)(n.PanelBody,{title:T("Aplo General Styles","aplostyles"),initialOpen:!1,className:"aplogeneralstyles"},"undefined"!=typeof hdgDecorSelect?hdgDecorSelect():"","undefined"!=typeof borderSelect?borderSelect():"",(0,l.createElement)("p",null,T("Add a preconfigured box-shadow","aploblocks")),(0,l.createElement)(n.SelectControl,{label:T("Shadow","aploblocks"),labelPosition:"left",value:p,options:[{label:T("","aploblocks"),value:""},{label:T("Small","aploblocks"),value:"small"},{label:T("Medium","aploblocks"),value:"med"},{label:T("Large","aploblocks"),value:"large"}],onChange:e=>{o({aploshadow:e})}}),(0,l.createElement)("p",null,T("Set a texture background to the block","aploblocks")),(0,l.createElement)(n.SelectControl,{label:T("Background","aploblocks"),labelPosition:"left",value:c,options:[{label:T("","aploblocks"),value:""},{label:T("Texture 1","aploblocks"),value:"one"},{label:T("Texture 2","aploblocks"),value:"two"},{label:T("Texture 3","aploblocks"),value:"three"},{label:T("Texture 4","aploblocks"),value:"four"},{label:T("Texture 5","aploblocks"),value:"five"},{label:T("Texture 6","aploblocks"),value:"six"},{label:T("Texture 7","aploblocks"),value:"seven"},{label:T("Texture 8","aploblocks"),value:"eight"},{label:T("Texture 9","aploblocks"),value:"nine"},{label:T("Texture 10","aploblocks"),value:"ten"}],onChange:e=>{o({aplotexture:e})}}),(0,l.createElement)("h2",null,T("Hover Transition Settings")),(0,l.createElement)("p",null,T("Set the hover transitions if you do not want the default settings","aploblocks")),(0,l.createElement)(n.RangeControl,{label:T("Duration","aploblocks"),labelPosition:"left",value:u,onChange:e=>{o({aplohoverduration:e})},min:0,max:5e3,step:50,allowReset:!0}),(0,l.createElement)(n.SelectControl,{label:T("Easing","aploblocks"),labelPosition:"left",value:m,options:[{label:T("","aploblocks"),value:""},{label:T("ease (Slow-Fast-Slow)","aploblocks"),value:"ease"},{label:T("ease-in (Slow-Fast)","aploblocks"),value:"ease-in"},{label:T("ease-out (Fast-Slow)","aploblocks"),value:"ease-out"},{label:T("ease-in-out (Slow-Fast-Slow)","aploblocks"),value:"ease-in-out"}],onChange:e=>{o({aplohoverease:e})}}),(0,l.createElement)("p",null,T("Set the z-index value to make the block appear above or below other blocks","aploblocks")),(0,l.createElement)(n.RangeControl,{label:T("Z-index","aploblocks"),value:d,onChange:e=>{o({aplozindex:e})},min:-5,max:15,step:1,allowReset:!0}),(0,l.createElement)("h2",null,T("Mobile Settings","aploblocks")),void 0!==b?(0,l.createElement)(n.ToggleControl,{label:T("Reverse column stack on mobile","aploblocks"),checked:b,onChange:e=>{o({aploWrapReverse:e})}}):"",(0,l.createElement)(n.ToggleControl,{label:T("Remove polygon mask on mobile","aploblocks"),checked:v,onChange:e=>{o({aplomaskremove:e})}}),(0,l.createElement)(n.ToggleControl,{label:T("Remove image mask on mobile","aploblocks"),checked:g,onChange:e=>{o({aploimagemaskremove:e})}}),(0,l.createElement)(n.SelectControl,{label:T("Hide Settings","aploblocks"),labelPosition:"left",value:r,options:[{label:T("No Hide","aploblocks"),value:""},{label:T("Hide Desktop/Tablet","aploblocks"),value:"desktop"},{label:T("Hide Mobile","aploblocks"),value:"mobile"}],onChange:e=>{o({aplohide:e})}}))},{assign:P,merge:X}=lodash,{__:Y}=wp.i18n,I=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{aplomask:r,aploclip:s,aploclipunit:i}=a.attributes,p=()=>{if(void 0!==r)return(0,l.createElement)(l.Fragment,null,(0,l.createElement)("p",null,Y("Set a polygon based mask and then adjust the settings of the mask using the clip value. Masks can be removed on mobile in the general settings panel.","aploblocks")),(0,l.createElement)(n.SelectControl,{label:Y("Polygon Mask","aploblocks"),labelPosition:"left",value:r,options:[{label:Y("","aploblocks"),value:""},{label:Y("Point Right","aploblocks"),value:"pr"},{label:Y("Point Left","aploblocks"),value:"pl"},{label:Y("Point Left&Right","aploblocks"),value:"plr"},{label:Y("Lean Right","aploblocks"),value:"sr"},{label:Y("Lean Right RHS","aploblocks"),value:"srr"},{label:Y("Lean Right LHS","aploblocks"),value:"srl"},{label:Y("Lean Left","aploblocks"),value:"sl"},{label:Y("Lean Left RHS","aploblocks"),value:"slr"},{label:Y("Lean Left LHS","aploblocks"),value:"sll"},{label:Y("Slope Up","aploblocks"),value:"su"},{label:Y("Slope Down","aploblocks"),value:"sd"},{label:Y("Slope Up Bottom","aploblocks"),value:"sub"},{label:Y("Slope Down Bottom","aploblocks"),value:"sdb"},{label:Y("Slope Up Top","aploblocks"),value:"sut"},{label:Y("Slope Down Top","aploblocks"),value:"sdt"},{label:Y("Pinch Left&Right","aploblocks"),value:"pilr"},{label:Y("Pinch Top&Bottom","aploblocks"),value:"pitb"},{label:Y("Squeeze Left","aploblocks"),value:"sql"},{label:Y("Squeeze Right","aploblocks"),value:"sqr"}],onChange:e=>{o({aplomask:e})}}))};return(0,l.createElement)(n.PanelBody,{title:Y("Aplo Polygon Mask","aploblocks"),initialOpen:!1,className:"aplogeneralstyles"},void 0!==p?p():"",(0,l.createElement)(n.RangeControl,{label:Y("Clip value","aploblocks"),value:s,onChange:e=>{o({aploclip:e})},min:1,max:200,step:1,allowReset:!0}),(0,l.createElement)(n.ToggleControl,{label:Y("Use px as clip value (def. %)","aploblocks"),checked:i,onChange:e=>{o(e?{aploclipunit:"px"}:{aploclipunit:void 0})}}))},z=window.wp.blockEditor,{assign:B,merge:O}=lodash,{__:L}=wp.i18n,_=e=>{const a=e.props,{attributes:t,setAttributes:o}=a,{aploimagemask:r}=a.attributes,s=[{label:L("","aploblocks"),value:""},{label:L("Custom","aploblocks"),value:"custom"},{label:L("Circle","aploblocks"),value:"circle"},{label:L("Curved","aploblocks"),value:"curved"},{label:L("Curved Outline","aploblocks"),value:"curved-outline"},{label:L("Wave","aploblocks"),value:"wave"},{label:L("Wave 2","aploblocks"),value:"wave2"},{label:L("Wave 2 Layered","aploblocks"),value:"wave2-layered"},{label:L("Paper 1","aploblocks"),value:"paper1"},{label:L("Paper 2","aploblocks"),value:"paper2"},{label:L("Freehand ellipse","aploblocks"),value:"fhcircle"},{label:L("Freehand rectangle","aploblocks"),value:"fhsquare"},{label:L("Splat","aploblocks"),value:"splat1"},{label:L("Layered","aploblocks"),value:"layered"}];return r&&r.url&&"custom"!==r.type&&o({aploimagemask:{...r,url:void 0}}),r&&(r.width||r.height)&&"custom"!==r.size&&o({aploimagemask:{...r,width:void 0,height:void 0}}),(0,l.createElement)(n.PanelBody,{title:L("Aplo Image Mask","aploblocks"),initialOpen:!1,className:"aplogeneralstyles"},(0,l.createElement)("p",null,L("Set the size and position of a mask if you want to control which edges are masked. Masks can be removed on mobile in the general settings panel.","aploblocks")),(0,l.createElement)(n.SelectControl,{label:L("Mask","aploblocks"),labelPosition:"left",value:r?r.type:"",options:s,onChange:e=>{o(""!==e?{aploimagemask:{...r,type:e}}:{aploimagemask:void 0})}}),r&&"custom"===r.type&&(0,l.createElement)(z.MediaUpload,{onSelect:e=>{o({aploimagemask:{...r,url:e.url}})},multiple:!1,render:e=>{let{open:a}=e;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{class:"aploimageupload",onClick:a},r&&!r.url&&L("Set mask image","aploblocks"),r&&r.url&&(0,l.createElement)("img",{src:r.url})))}}),(0,l.createElement)(n.SelectControl,{label:L("Size","aploblocks"),labelPosition:"left",value:r?r.size:void 0,options:[{label:L("Default","aploblocks"),value:void 0},{label:L("Contain","aploblocks"),value:"contain"},{label:L("Cover","aploblocks"),value:"cover"},{label:L("Custom","aploblocks"),value:"custom"}],onChange:e=>{o("Default"!==e?{aploimagemask:{...r,size:e}}:{aploimagemask:{...r,size:void 0}})}}),r&&"custom"===r.size&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)("p",null,L("Set the size in %","aploblocks")),(0,l.createElement)(n.RangeControl,{label:L("Width %","aploblocks"),value:r?r.width:void 0,onChange:e=>{o({aploimagemask:{...r,width:e}})},min:1,max:200,step:1,allowReset:!0}),(0,l.createElement)(n.RangeControl,{label:L("Height %","aploblocks"),value:r?r.height:void 0,onChange:e=>{o({aploimagemask:{...r,height:e}})},min:1,max:200,step:1,allowReset:!0})),(0,l.createElement)("div",{class:"aplosettingsrow"},(0,l.createElement)(n.SelectControl,{label:L("Repeat x","aploblocks"),value:r?r.repeatX:void 0,options:[{label:L("Default","aploblocks"),value:void 0},{label:L("Repeat","aploblocks"),value:"repeat"},{label:L("No Repeat","aploblocks"),value:"no-repeat"}],onChange:e=>{o("Default"!==e?{aploimagemask:{...r,repeatX:e}}:{aploimagemask:{...r,repeatX:void 0}})}}),(0,l.createElement)(n.SelectControl,{label:L("Repeat y","aploblocks"),value:r?r.repeatY:void 0,options:[{label:L("Default","aploblocks"),value:void 0},{label:L("Repeat","aploblocks"),value:"repeat"},{label:L("No Repeat","aploblocks"),value:"no-repeat"}],onChange:e=>{o("Default"!==e?{aploimagemask:{...r,repeatY:e}}:{aploimagemask:{...r,repeatY:void 0}})}})),(0,l.createElement)(n.SelectControl,{label:L("Position","aploblocks"),value:r?r.repeatY:void 0,options:[{label:L("Default","aploblocks"),value:void 0},{label:L("Top","aploblocks"),value:"top"},{label:L("Bottom","aploblocks"),value:"bottom"},{label:L("Left","aploblocks"),value:"left"},{label:L("Right","aploblocks"),value:"right"},{label:L("Center","aploblocks"),value:"center"}],onChange:e=>{o("Default"!==e?{aploimagemask:{...r,position:e}}:{aploimagemask:{...r,position:void 0}})}}))};var A=a(679),D=a.n(A);function j(e){const l=e.aploclipunit?"px":"%";return{...void 0!==e.aplozindex&&0!==e.aplozindex&&{position:"relative",zIndex:e.aplozindex},...void 0!==e.aplomargintop&&0!==e.aplomargintop&&{marginTop:e.aplomargintop+"px"},...void 0!==e.aplomarginbottom&&0!==e.aplomarginbottom&&{marginBottom:e.aplomarginbottom+"px"},...void 0!==e.aplomarginleft&&0!==e.aplomarginleft&&{marginLeft:e.aplomarginleft+"px"},...void 0!==e.aplomarginright&&0!==e.aplomarginright&&{marginRight:e.aplomarginright+"px"},...void 0!==e.aplomargin&&void 0!==e.aplomargin.top&&{marginTop:e.aplomargin.top},...void 0!==e.aplomargin&&void 0!==e.aplomargin.bottom&&{marginBottom:e.aplomargin.bottom},...void 0!==e.aplomargin&&void 0!==e.aplomargin.left&&{marginLeft:e.aplomargin.left},...void 0!==e.aplomargin&&void 0!==e.aplomargin.right&&{marginRight:e.aplomargin.right},...void 0!==e.aploclip&&0!==e.aploclip&&{"--aplo-clip":e.aploclip+l},...void 0!==e.overflowhidden&&!1!==e.overflowhidden&&{overflow:"hidden"},...void 0!==e.aploeffectease&&""!==e.aploeffectease&&{"--aplo-teti":e.aploeffectease},...void 0!==e.aplohoverease&&""!==e.aplohoverease&&{"--aplo-thti":e.aplohoverease},...void 0!==e.aploanimation&&""!==e.aploanimation&&{"--aplo-anim":e.aploanimation},...e.aploimagemask&&"custom"===e.aploimagemask.type&&e.aploimagemask.url&&{"--aplo-image-mask":"url("+e.aploimagemask.url+")"},...e.aploimagemask&&e.aploimagemask.size&&"custom"!==!e.aploimagemask.size&&{"--aplo-image-mask-size":e.aploimagemask.size},...e.aploimagemask&&e.aploimagemask.size&&"custom"===e.aploimagemask.size&&{"--aplo-image-mask-size":(()=>{if(e.aploimagemask&&e.aploimagemask.size&&"custom"===e.aploimagemask.size){const l=e.aploimagemask.height?e.aploimagemask.height+"%":"auto";return(e.aploimagemask.width?e.aploimagemask.width+"%":"auto")+" "+l}})()},...e.aploimagemask&&e.aploimagemask.repeatX&&{"--aplo-image-mask-repeat-x":e.aploimagemask.repeatX},...e.aploimagemask&&e.aploimagemask.repeatX&&{"--aplo-image-mask-repeat-y":e.aploimagemask.repeatY},...e.aploimagemask&&e.aploimagemask.position&&{"--aplo-image-mask-position":e.aploimagemask.position}}}function M(e){const l=()=>{if(e.dsx||e.dsy){const l=e.dsx?e.dsx+"px ":"0 ",a=e.dsy?e.dsy+"px ":"0 ",t=e.dsb?e.dsb+"px ":"0 ";if(e.dsc){const o=D()(e.dsc).replace(/[^\d,\s]/g,"");return l+a+t+"rgba("+o.substring(0,o.length-1)+(e.dso?e.dso/100+")":"var(--aplo-fdso))")}return l+a+t+"rgba(var(--aplo-fdsc), "+(e.dso?e.dso/100+")":"var(--aplo-fdso))")}};return{"--aplo-filter-string":(void 0!==e.invert?`invert(${e.invert}%) `:"")+(void 0!==e.hue?`hue-rotate(${e.hue}deg) `:"")+(void 0!==e.saturate?`saturate(${e.saturate}%) `:"")+(void 0!==e.sepia?`sepia(${e.sepia}%) `:"")+(void 0!==e.blur?`blur(${e.blur}px) `:"")+(void 0!==e.grayscale?`grayscale(${e.grayscale}%) `:"")+(void 0!==e.brightness?`brightness(${e.brightness}%) `:"")+(void 0!==e.contrast?`contrast(${e.contrast}%) `:"")+(void 0!==e.opacity?`opacity(${e.opacity}%) `:"")+(l()?`drop-shadow(${l()})`:"")}}function U(e){const l=()=>{if(e.dsx||e.dsy){const l=e.dsx?e.dsx+"px ":"0 ",a=e.dsy?e.dsy+"px ":"0 ",t=e.dsb?e.dsb+"px ":"0 ";if(e.dsc){const o=D()(e.dsc).replace(/[^\d,\s]/g,"");return l+a+t+"rgba("+o.substring(0,o.length-1)+(e.dso?e.dso/100+")":"var(--aplo-fdso))")}return l+a+t+"rgba(var(--aplo-fdsc), "+(e.dso?e.dso/100+")":"var(--aplo-fdso))")}};return{"--aplo-filter-hover-string":(void 0!==e.invert?`invert(${e.invert}%) `:"")+(void 0!==e.hue?`hue-rotate(${e.hue}deg) `:"")+(void 0!==e.saturate?`saturate(${e.saturate}%) `:"")+(void 0!==e.sepia?`sepia(${e.sepia}%) `:"")+(void 0!==e.blur?`blur(${e.blur}px) `:"")+(void 0!==e.grayscale?`grayscale(${e.grayscale}%) `:"")+(void 0!==e.brightness?`brightness(${e.brightness}%) `:"")+(void 0!==e.contrast?`contrast(${e.contrast}%) `:"")+(void 0!==e.opacity?`opacity(${e.opacity}%) `:"")+(l()?`drop-shadow(${l()})`:"")}}function W(e){const l=e.translateX&&Number.isInteger(e.translateX)?e.translateX+"px":e.translateX,a=e.translateY&&Number.isInteger(e.translateY)?e.translateY+"px":e.translateY;return{"--aplo-transform-string":(e.perspective?`perspective(${e.perspective}px) `:"")+(e.rotate?`rotate(${e.rotate}deg) `:"")+(e.rotateX?`rotateX(${e.rotateX}deg) `:"")+(e.rotateY?`rotateY(${e.rotateY}deg) `:"")+(e.scale?`scale(${e.scale/100}) `:"")+(e.translateY?`translateY(${a}) `:"")+(e.translateX?`translateX(${l}) `:"")}}function q(e){const l=e.translateX&&Number.isInteger(e.translateX)?e.translateX+"px":e.translateX,a=e.translateY&&Number.isInteger(e.translateY)?e.translateY+"px":e.translateY;return{"--aplo-transform-hover-string":(e.perspective?`perspective(${e.perspective}px) `:"")+(e.rotate?`rotate(${e.rotate}deg) `:"")+(e.rotateX?`rotatex(${e.rotateX}deg) `:"")+(e.rotateY?`rotateY(${e.rotateY}deg) `:"")+(e.scale?`scale(${e.scale/100}) `:"")+(e.translateY?`translateY(${a}) `:"")+(e.translateX?`translateX(${l}) `:"")}}function G(e,l){const a=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"":"aploshow",{aploeffect:t,aplotexture:o,aploshadow:r,aplocoveroverlay:n,aplopatterngroup:i,aplomask:p,backdropFilter:c,hasFilters:u,hasHoverFilters:m,galleryswitch:d,hasTransforms:b,hasHoverTransforms:v,haspullstyles:g,aploanimation:f,aplomaskremove:h,aploWrapReverse:k,aploshdbottom:E,aploshdtop:y,aploimagemask:w,aploimagemaskremove:x,aplohide:C}=l;return s()(e,t?`aploanim ${t} ${a}`:"",o?`is-style-texture-${o}`:"",r?`is-style-aplo-shadow-${r}`:"",n?"is-style-aplo-coveroverlay":"",i?`is-style-aplo-pg-${i}`:"",p?`is-style-aplo-mask-${p}`:"",c?"aplo-bd-f":"",u>0?"aplo-has-filters":"",m>0?"aplo-has-hover-filters":"",d?"aplo-gs":"",b>0?"aplo-has-transforms":"",v>0?"aplo-has-hover-transforms":"",g>0?"aplo-has-pull-styles":"",f?"has-animation":"",h?"aplo-mask-remove":"",k?"aplo-wrap-reverse":"",E?`aplo-shape-divider-bottom-${E}`:"",y?`aplo-shape-divider-top-${y}`:"",w&&w.type?`aplo-image-mask-${w.type}`:"",x?"aplo-image-mask-remove":"",C?`aplo-hide-${C}`:"")}const{assign:V,merge:Z}=lodash,{__:J}=wp.i18n,{addFilter:K}=wp.hooks,{createHigherOrderComponent:Q}=wp.compose,{Fragment:ee}=wp.element,{InspectorControls:le}=wp.blockEditor,{PanelBody:ae,SelectControl:te,RadioControl:oe}=wp.components,re=["core/gallery","core/group","core/columns","core/column","core/cover","core/image","core/heading","core/paragraph","core/button","core/buttons","core/media-text","core/post-template","aploblocks/tabs","aploblocks/accordion","core/post-title","core/post-featured-image","core/social-links"];K("blocks.registerBlockType","aploeffects/group/add-attributes",(function(e,l){return function(e,l,a){if(a.includes(l)){var r={};return r=t(r,e,{attributes:o(e.attributes,{aploeffect:{type:"string",default:""},aploeffectease:{type:"string",default:""},aploeffectduration:{type:"integer",default:""},aploeffectdelay:{type:"integer",default:""},aplotexture:{type:"string",default:""},aploshadow:{type:"string",default:""},aplomask:{type:"string",default:""},aplofilters:{type:Object,default:{}},aplofiltersHover:{type:Object,default:{}},aplotransforms:{type:Object,default:{}},aplotransformsHover:{type:Object,default:{}},hasFilters:{type:"integer",default:0},hasHoverFilters:{type:"integer",default:0},hasTransforms:{type:"integer",default:0},hasHoverTransforms:{type:"integer",default:0},aplohoverduration:{type:"integer",default:0},aplohoverease:{type:"string",default:""},aplozindex:{type:"integer",default:0},aplomargintop:{type:"integer",default:0},aplomarginbottom:{type:"integer",default:0},aplomarginleft:{type:"integer",default:0},aplomarginright:{type:"integer",default:0},aplomargin:{type:"object",default:{}},aploclip:{type:"integer",default:0},aploclipunit:{type:"boolean",default:!1},overflowhidden:{type:"boolean",default:!1},haspullstyles:{type:"integer",default:0},aplomaskremove:{type:"boolean",default:!1},aploshdtop:{type:"string",default:""},aploimagemask:{type:Object,default:{}},aploimagemaskremove:{type:"boolean",default:!1},aplohide:{type:"string",default:""}})}),"core/cover"===l&&(r=t(r,e,{attributes:o(e.attributes,{aplocoveroverlay:{type:"boolean",default:!1}})})),"core/group"!==l&&"core/column"!==l||(r=t(r,e,{attributes:o(e.attributes,{aplopatterngroup:{type:"string",default:""},backdropFilter:{type:"boolean",default:!1}})})),"core/columns"===l&&(r=t(r,e,{attributes:o(e.attributes,{aploWrapReverse:{type:"boolean",default:!1}})})),"core/gallery"===l&&(r=t(r,e,{attributes:o(e.attributes,{galleryswitch:{type:"boolean",default:!1}})})),r}return e}(e,l,re)})),K("editor.BlockEdit","aploeffects/group/add-inspector-controls",Q((e=>a=>{const{attributes:{aploeffect:t},attributes:{aploeffectease:o},attributes:{aploeffectdelay:r},attributes:{aploeffectduration:s},attributes:{aplotexture:n},attributes:{aploshadow:i},attributes:{aplocoveroverlay:p},attributes:{aplopatterngroup:u},attributes:{aplomask:m},attributes:{aplofilters:d},attributes:{aplofiltersHover:b},attributes:{backdropFilter:v},attributes:{hasFilters:g},attributes:{hasHoverFilters:h},attributes:{galleryswitch:k},attributes:{aplotransforms:E},attributes:{aplotransformsHover:w},attributes:{hasTransforms:x},attributes:{hasHoverTransforms:C},attributes:{aplohoverduration:S},attributes:{aplohoverease:H},attributes:{aplozindex:N},attributes:{aplomargintop:R},attributes:{aplomarginbottom:T},attributes:{aplomarginleft:P},attributes:{aplomarginright:X},attributes:{aploclip:Y},attributes:{overflowhidden:z},attributes:{haspullstyles:B},attributes:{aploanimation:O},setAttributes:L,name:A}=a;return!1===re.includes(A)?(0,l.createElement)(e,a):(0,l.createElement)(ee,null,(0,l.createElement)(e,a),(0,l.createElement)(le,null,(0,l.createElement)(y,{props:a}),(0,l.createElement)(f,{props:a}),(0,l.createElement)(c,{props:a}),(0,l.createElement)(F,{props:a}),(0,l.createElement)(I,{props:a}),(0,l.createElement)(_,{props:a}),(0,l.createElement)($,{props:a})))}),"withInspectorControl")),K("editor.BlockListBlock","aploeffects/group/add-editor-class",Q((a=>t=>{const{attributes:{aploeffect:o},attributes:{aploeffectdelay:r},attributes:{aploeffectduration:s},attributes:{aplofilters:n},attributes:{aplofiltersHover:i},attributes:{backdropFilter:p},attributes:{hasFilters:c},attributes:{hasHoverFilters:u},attributes:{shadowInvert:m},attributes:{aplotransforms:d},attributes:{aplotransformsHover:b},attributes:{hasTransforms:v},attributes:{hasHoverTransforms:g},attributes:{aplohoverduration:f},className:h,name:k}=t;if(!1===re.includes(k))return(0,l.createElement)(a,t);const E=o&&s?{"--aplo-tedu":s+"ms"}:{},y=o&&r?{"--aplo-tede":r+"ms"}:{},w=c>0?M(n):"",x=u>0?U(i):"",C=v>0?W(d):"",S=g>0?q(b):"",H=f?{"--aplo-thdu":f+"ms"}:{},F=j(t.attributes);let N={...t.wrapperProps};return N.style={...N.style,...w,...x,...C,...S,...H,...E,...y,...F},N.style={...N.style},(0,l.createElement)(ee,null,(0,l.createElement)(a,e({},t,{wrapperProps:N,className:G(h,t.attributes,!1)}))," ")}),"withClientIdClassName")),K("blocks.getSaveContent.extraProps","aploeffects/group/add-front-end-class",(function(e,l,a){if(!1===re.includes(l.name))return e;const{className:t}=e,{style:o}=e,{aploeffect:r}=a,{aploeffectdelay:s}=a,{aploeffectduration:n}=a,{aplofilters:i}=a,{aplofiltersHover:p}=a,{backdropFilter:c}=a,{hasFilters:u}=a,{hasHoverFilters:m}=a,{shadowInvert:d}=a,{hasTransforms:b}=a,{hasHoverTransforms:v}=a,{aplotransforms:g}=a,{aplotransformsHover:f}=a,{aplohoverduration:h}=a,k=r&&n?{"--aplo-tedu":n+"ms"}:{},E=r&&s?{"--aplo-tede":s+"ms"}:{},y=u>0?M(i):"",w=m>0?U(p):"",x=b>0?W(g):"",C=v>0?q(f):"",S=h?{"--aplo-thdu":h+"ms"}:{},H=j(a);return V({},e,{className:G(t,a,!0),style:{...o,...y,...w,...x,...C,...S,...k,...E,...H}})}))})()})();