@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/animationComponent/index.umd.js

@@ -1,5 +1,5 @@
-(function(h,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_animationComponent=b())})(this,function(){"use strict";const h="app.grapesjs.com",b="app-stage.grapesjs.com",A=[h,"app2.grapesjs.com",b,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",G="license:check:end",V=()=>typeof window<"u",B=({isDev:t,isStage:n})=>`${t?"":`https://${n?b:h}`}/api`,M=()=>{const t=V()&&window.location.hostname;return!!t&&(A.includes(t)||A.some(n=>t.endsWith(n)))};async function F({path:t,baseApiUrl:n,method:e="GET",headers:r={},params:i,body:a}){const c=`${n||B({isDev:!1,isStage:!1})}${t}`,l={method:e,headers:{"Content-Type":"application/json",...r}};a&&(l.body=JSON.stringify(a));const f=i?new URLSearchParams(i).toString():"",s=f?`?${f}`:"",o=await fetch(`${c}${s}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var I=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(I||{});const U={[I.free]:0,[I.startup]:10,[I.business]:20,[I.enterprise]:30};function X(t){const n=t;return n.init=e=>r=>t(r,e),n}const _=t=>X(t);async function j({editor:t,plan:n,pluginName:e,licenseKey:r,cleanup:i}){let a="",m=!1;const c=M(),l=s=>{console.warn("Cleanup plugin:",e,"Reason:",s),i()},f=(s={})=>{var u;const{error:o,sdkLicense:p}=s,d=(u=s.plan)==null?void 0:u.category;if(!(p||s.license)||o)l(o||"Invalid license");else if(d){const Z=U[n],N=U[d];Z>N&&l({pluginRequiredPlan:n,licensePlan:d})}};t.on(O,s=>{a=s==null?void 0:s.baseApiUrl,m=!0}),t.on(G,s=>{f(s)}),setTimeout(async()=>{if(!m){if(c)return;if(r){const s=await W({licenseKey:r,pluginName:e,baseApiUrl:a});s&&f(s)}else l("The `licenseKey` option not provided")}},2e3)}async function W(t){const{licenseKey:n,pluginName:e,baseApiUrl:r}=t;try{return(await F({baseApiUrl:r,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:e}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const Y=(...t)=>n=>t.some(e=>n.is(e));var y=(t=>(t.name="animation-name",t.duration="animation-duration",t.delay="animation-delay",t.iterationCount="animation-iteration-count",t.timingFunction="animation-timing-function",t.fillMode="animation-fill-mode",t))(y||{}),v=(t=>(t.onScroll="--animation-on-scroll",t.threshold="--animation-threshold",t.repeat="--animation-repeat",t))(v||{});const g="animation",S="animation-group",L="animation:update",E="animation-group:update",D={category:{id:"animations",label:"Animations"},select:!0},x=t=>(t==null?void 0:t.getType())===g,C=t=>(t==null?void 0:t.getType())===S,R=t=>x(t)||C(t),w={isVisible:({component:t})=>x(t)},$={isVisible:({component:t})=>C(t)},H={isVisible:({component:t})=>x(t)&&C(t==null?void 0:t.parent())?!1:R(t)},T={isVisible:({component:t,sector:n})=>{var e;return x(t)&&C(t==null?void 0:t.parent())?!1:R(t)&&((e=n.getProperty(v.onScroll))==null?void 0:e.getValue())==="true"}},P={animation:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 14a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13"/><path fill="currentColor" d="M17.14 15.98a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/><path fill="currentColor" d="M12.64 20.48a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/></svg>',animationGroup:'<svg viewBox="0 0 24 24"><path d="M4 2a2 2 0 0 0-2 2v10h2V4h10V2H4m4 4a2 2 0 0 0-2 2v10h2V8h10V6H8m4 4a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8Z"/></svg>'},K=function(t){const n=this;let e=null;const r=()=>{e==null||e.disconnect(),e=null},i=()=>{r();const a=n.style;a.animationName="",requestAnimationFrame(()=>{const m=getComputedStyle(n),c=m.getPropertyValue("animation-name").trim(),l=m.getPropertyValue("--animation-on-scroll").trim()!=="false",f=parseFloat(m.getPropertyValue("--animation-threshold").trim())||.2,s=m.getPropertyValue("--animation-repeat").trim()==="true",o=()=>{a.animationName="none",n.offsetWidth,a.animationName=c,a.animationPlayState="running"};if(!c||c==="none"){a.animationName="none",a.animationPlayState="paused";return}if(!l){o();return}a.animationPlayState="paused",e=new IntersectionObserver(p=>{p.forEach(d=>{d.isIntersecting&&(o(),!s&&r())})},{threshold:f}),e.observe(n)})};n.addEventListener(t.animationUpdateEvent,i),i()},q=(t,n)=>{const{Components:e,Blocks:r,Canvas:i}=t,{block:a={},animationList:m=[]}=n,c=t.Components.events,l="Animation",f=Object.values(v),s=Object.values(y);return e.addType(g,{block:a?{label:l,media:P.animation,content:{type:g},...D,...a}:void 0,model:{defaults:{emptyState:!0,name:l,traits:[],script:K,animationUpdateEvent:L,"script-props":["animationUpdateEvent"],styles:m.map(o=>o.css).join(`
-`)},init(){const{em:o}=this;this.addStyle({[y.name]:"fadeIn",[y.duration]:"1s",[y.fillMode]:"both",...n.animationStyle,...this.getStyle()}),this.listenTo(o,c.mount,p=>{var k;if(p!==this)return;((k=this.parent())==null?void 0:k.get("type"))!==S||f.forEach(u=>this.removeStyle(u))})}},view:{events:()=>({animationstart:"onAnimationStart",animationend:"onAnimationEnd"}),init(){const{model:o}=this;this.listenTo(o,c.styleUpdate,this.handleStyleChange)},onAnimationStart(){var p;if((p=this.cmpSpots)!=null&&p.length)return;const o=i.getSpots({component:this.model});this.cmpSpots=o,i.removeSpots(o),this.el.ownerDocument.body.style.overflowX="hidden"},onAnimationEnd(){const o=this.cmpSpots||[];i.spots.add(o),this.cmpSpots=[],this.el.ownerDocument.body.style.overflowX=""},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(L))},handleStyleChange(o,p){Object.keys((p==null?void 0:p.style)||{}).some(u=>s.includes(u)||f.includes(u))&&this.triggerAnimation()},onRender(){this.triggerAnimation()}}}),()=>{r.remove(g),e.removeType(g)}},J=function(t){const n=this,e="--animation-on-scroll",r="--animation-threshold",i="--animation-repeat";let a=null;const m=()=>{a==null||a.disconnect(),a=null},c=()=>{m();const l=getComputedStyle(n),f=l.getPropertyValue(e).trim()!=="false",s=parseFloat(l.getPropertyValue(r).trim())||.2,o=l.getPropertyValue(i).trim()==="true",p=()=>{Array.from(n.children).forEach(d=>{d instanceof HTMLElement&&typeof d.dispatchEvent=="function"&&d.dispatchEvent(new CustomEvent(E,{bubbles:!1}))})};if(!f){p();return}a=new IntersectionObserver(d=>{d.forEach(k=>{k.isIntersecting?(p(),!o&&m()):o&&Array.from(n.children).forEach(u=>{u instanceof HTMLElement&&getComputedStyle(u).getPropertyValue(e).trim()!=="false"&&(u.style.opacity="0",u.style.animationPlayState="paused")})})},{threshold:s}),a.observe(n)};n.addEventListener(t.animationGroupUpdateEvent,c),c()},Q=(t,n)=>{const{Components:e,Blocks:r}=t,{blockGroup:i={}}=n,a="Animation Group";return e.addType(S,{block:i?{label:a,media:P.animationGroup,content:{type:S,components:[{type:g},{type:g},{type:g}]},...D,...i}:void 0,model:{defaults:{name:a,emptyState:!0,traits:[],script:J,animationGroupUpdateEvent:E,"script-props":["animationGroupUpdateEvent"],droppable:Y(g)},init(){this.addStyle({...n.animationGroupStyle,...this.getStyle()});const m=this.components();this.listenTo(m,"add remove",this.updateChildrenStaggerStyles),this.updateChildrenStaggerStyles()},updateChildrenStaggerStyles(){this.components().forEach((m,c)=>{m.is(g)&&m.addStyle({"--stagger-index":c.toString(),[y.delay]:"calc(var(--stagger-index, 0) * var(--stagger-delay, 0.3s))"},{partial:!0})})}},view:{init(){const{model:m}=this;this.listenTo(m,"component:styleUpdate",this.handleStyleChange)},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(E))},handleStyleChange(){this.triggerAnimation(),this.model.updateChildrenStaggerStyles()},onRender(){this.triggerAnimation()}}}),()=>{r.remove(S),e.removeType(S)}},tt="animationComponent",nt=I.startup,z=[{id:"flash",name:"Flash",css:`@keyframes flash {
+(function(b,I){typeof exports=="object"&&typeof module<"u"?module.exports=I():typeof define=="function"&&define.amd?define(I):(b=typeof globalThis<"u"?globalThis:b||self,b.StudioSdkPlugins_animationComponent=I())})(this,function(){"use strict";const b="app.grapesjs.com",I="app-stage.grapesjs.com",C=[b,"app2.grapesjs.com",I,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",G="license:check:end",V=()=>typeof window<"u",B=({isDev:t,isStage:n,isPlatform:a})=>`${t?"":`https://${n?I:b}`}/${a?"platform-api":"api"}`,M=()=>{const t=V()&&window.location.hostname;return!!t&&(C.includes(t)||C.some(n=>t.endsWith(n)))};async function F({path:t,baseApiUrl:n,method:a="GET",headers:s={},params:o,body:i}){const m=`${n||B({isDev:!1,isStage:!1})}${t}`,l={method:a,headers:{"Content-Type":"application/json",...s}};i&&(l.body=JSON.stringify(i));const p=o?new URLSearchParams(o).toString():"",y=p?`?${p}`:"",e=await fetch(`${m}${y}`,l);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);return e.json()}var v=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(v||{});const D={[v.free]:0,[v.startup]:10,[v.business]:20,[v.enterprise]:30};function X(t){const n=t;return n.init=a=>s=>t(s,a),n}const _=t=>X(t);async function j({editor:t,plan:n,pluginName:a,licenseKey:s,onLicenseCheckResponse:o,cleanup:i}){let r="",m=!1;const l=M(),p=e=>{console.warn("Cleanup plugin:",a,"Reason:",e),i()},y=(e={})=>{var U;const{error:c,sdkLicense:f}=e,h=(U=e.plan)==null?void 0:U.category;if(!(f||e.license)||c)p(c||"Invalid license");else if(h){const N=D[n],et=D[h];N>et&&p({pluginRequiredPlan:n,licensePlan:h})}};t.on(O,e=>{r=e==null?void 0:e.baseApiUrl,m=!0}),t.on(G,e=>{o==null||o(e),y(e)}),setTimeout(async()=>{if(!m){if(l)return;if(s){const e=await $({licenseKey:s,pluginName:a,baseApiUrl:r});o==null||o(e),e&&y(e)}else p("The `licenseKey` option not provided")}},2e3)}async function $(t){const{licenseKey:n,pluginName:a,baseApiUrl:s}=t;try{return(await F({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:a}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const W=(...t)=>n=>t.some(a=>n.is(a));var d=(t=>(t.name="animation-name",t.duration="animation-duration",t.delay="animation-delay",t.iterationCount="animation-iteration-count",t.timingFunction="animation-timing-function",t.fillMode="animation-fill-mode",t))(d||{}),S=(t=>(t.onScroll="--animation-on-scroll",t.threshold="--animation-threshold",t.repeat="--animation-repeat",t))(S||{});const u="animation",w="animation-group",T="animation:update",A="animation-group:update",L={category:{id:"animations",label:"Animations"},select:!0},k=t=>(t==null?void 0:t.getType())===u,E=t=>(t==null?void 0:t.getType())===w,P=t=>k(t)||E(t),x={isVisible:({component:t})=>k(t)},Y={isVisible:({component:t})=>E(t)},H={isVisible:({component:t})=>k(t)&&E(t==null?void 0:t.parent())?!1:P(t)},z={isVisible:({component:t,sector:n})=>{var a;return k(t)&&E(t==null?void 0:t.parent())?!1:P(t)&&((a=n.getProperty(S.onScroll))==null?void 0:a.getValue())==="true"}},R={animation:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 14a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13"/><path fill="currentColor" d="M17.14 15.98a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/><path fill="currentColor" d="M12.64 20.48a8.5 8.5 0 0 1-9.12-9.12 6.5 6.5 0 1 0 9.12 9.12"/></svg>',animationGroup:'<svg viewBox="0 0 24 24"><path d="M4 2a2 2 0 0 0-2 2v10h2V4h10V2H4m4 4a2 2 0 0 0-2 2v10h2V8h10V6H8m4 4a2 2 0 0 0-2 2v8c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-8Z"/></svg>'},K=function(t){const n=this;let a=null;const s=()=>{a==null||a.disconnect(),a=null},o=()=>{s();const i=n.style;i.animationName="",requestAnimationFrame(()=>{const r=getComputedStyle(n),m=r.getPropertyValue("animation-name").trim(),l=r.getPropertyValue("--animation-on-scroll").trim()!=="false",p=parseFloat(r.getPropertyValue("--animation-threshold").trim())||.2,y=r.getPropertyValue("--animation-repeat").trim()==="true",e=()=>{i.animationName="none",n.offsetWidth,i.animationName=m,i.animationPlayState="running"};if(!m||m==="none"){i.animationName="none",i.animationPlayState="paused";return}if(!l){e();return}i.animationPlayState="paused",a=new IntersectionObserver(c=>{c.forEach(f=>{f.isIntersecting&&(e(),!y&&s())})},{threshold:p}),a.observe(n)})};n.addEventListener(t.animationUpdateEvent,o),o()},q=(t,n)=>{const{Components:a,Blocks:s,Canvas:o}=t,{block:i={},animationList:r=[]}=n,m=t.Components.events,l="Animation",p=Object.values(S),y=Object.values(d);return a.addType(u,{block:i?{label:l,media:R.animation,content:{type:u},...L,...i}:void 0,model:{defaults:{emptyState:!0,name:l,traits:[],script:K,animationUpdateEvent:T,"script-props":["animationUpdateEvent"],styles:r.map(e=>e.css).join(`
+`)},init(){const{em:e}=this;this.addStyle({[d.name]:"fadeIn",[d.duration]:"1s",[d.fillMode]:"both",...n.animationStyle,...this.getStyle()}),this.listenTo(e,m.mount,c=>{var h;if(c!==this)return;((h=this.parent())==null?void 0:h.get("type"))!==w||p.forEach(g=>this.removeStyle(g))})}},view:{events:()=>({animationstart:"onAnimationStart",animationend:"onAnimationEnd"}),init(){const{model:e}=this;this.listenTo(e,m.styleUpdate,this.handleStyleChange)},onAnimationStart(){var c;if((c=this.cmpSpots)!=null&&c.length)return;const e=o.getSpots({component:this.model});this.cmpSpots=e,o.removeSpots(e),this.el.ownerDocument.body.style.overflowX="hidden"},onAnimationEnd(){const e=this.cmpSpots||[];o.spots.add(e),this.cmpSpots=[],this.el.ownerDocument.body.style.overflowX=""},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(T))},handleStyleChange(e,c){Object.keys((c==null?void 0:c.style)||{}).some(g=>y.includes(g)||p.includes(g))&&this.triggerAnimation()},onRender(){this.triggerAnimation()}}}),()=>{s.remove(u),a.removeType(u)}},J=function(t){const n=this,a="--animation-on-scroll",s="--animation-threshold",o="--animation-repeat";let i=null;const r=()=>{i==null||i.disconnect(),i=null},m=()=>{r();const l=getComputedStyle(n),p=l.getPropertyValue(a).trim()!=="false",y=parseFloat(l.getPropertyValue(s).trim())||.2,e=l.getPropertyValue(o).trim()==="true",c=()=>{Array.from(n.children).forEach(f=>{f instanceof HTMLElement&&typeof f.dispatchEvent=="function"&&f.dispatchEvent(new CustomEvent(A,{bubbles:!1}))})};if(!p){c();return}i=new IntersectionObserver(f=>{f.forEach(h=>{h.isIntersecting?(c(),!e&&r()):e&&Array.from(n.children).forEach(g=>{g instanceof HTMLElement&&getComputedStyle(g).getPropertyValue(a).trim()!=="false"&&(g.style.opacity="0",g.style.animationPlayState="paused")})})},{threshold:y}),i.observe(n)};n.addEventListener(t.animationGroupUpdateEvent,m),m()},Q=(t,n)=>{const{Components:a,Blocks:s}=t,{blockGroup:o={}}=n,i="Animation Group";return a.addType(w,{block:o?{label:i,media:R.animationGroup,content:{type:w,components:[{type:u},{type:u},{type:u}]},...L,...o}:void 0,model:{defaults:{name:i,emptyState:!0,traits:[],script:J,animationGroupUpdateEvent:A,"script-props":["animationGroupUpdateEvent"],droppable:W(u)},init(){this.addStyle({...n.animationGroupStyle,...this.getStyle()});const r=this.components();this.listenTo(r,"add remove",this.updateChildrenStaggerStyles),this.updateChildrenStaggerStyles()},updateChildrenStaggerStyles(){this.components().forEach((r,m)=>{r.is(u)&&r.addStyle({"--stagger-index":m.toString(),[d.delay]:"calc(var(--stagger-index, 0) * var(--stagger-delay, 0.3s))"},{partial:!0})})}},view:{init(){const{model:r}=this;this.listenTo(r,"component:styleUpdate",this.handleStyleChange)},triggerAnimation(){this.el.dispatchEvent(new CustomEvent(A))},handleStyleChange(){this.triggerAnimation(),this.model.updateChildrenStaggerStyles()},onRender(){this.triggerAnimation()}}}),()=>{s.remove(w),a.removeType(w)}},tt="animationComponent",nt=v.startup,Z=[{id:"flash",name:"Flash",css:`@keyframes flash {
       0%, 50%, to {
           opacity:1
       }
@@ -516,4 +516,4 @@
           transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
           animation-timing-function:cubic-bezier(.175, .885, .32, 1)
       }
-  }`}];return _(function(t,n={}){var i;const e=((i=n.animations)==null?void 0:i.call(n,{items:z}))||z,r=[q(t,{...n,animationList:e}),Q(t,n)];t.Styles.addSector("animation",{name:"Animation",properties:[{...w,name:"Type",property:y.name,type:"select",full:!0,default:"fadeIn",options:e},{...w,name:"Duration",property:y.duration,type:"number",units:["s"],min:.1,max:10,step:.1,default:"1s"},{...w,name:"Delay",property:y.delay,type:"number",units:["s"],min:0,max:10,step:.1,default:"1s"},{...w,name:"Iteration Count",property:y.iterationCount,type:"select",default:"1",options:[{id:"1",name:"One time"},{id:"infinite",name:"Infinite"}]},{...w,name:"Timing",property:y.timingFunction,type:"select",default:"ease",options:[{id:"ease",name:"Ease"},{id:"ease-in",name:"Ease in"},{id:"ease-out",name:"Ease out"},{id:"ease-in-out",name:"Ease in out"},{id:"linear",name:"Linear"}]},{...$,name:"Stagger Delay",property:"--stagger-delay",type:"slider",units:["s"],min:.1,max:5,step:.1,default:"0.3s"},{...H,name:"Animate on Scroll",property:v.onScroll,type:"radio",default:"true",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]},{...T,name:"Scroll Threshold",property:v.threshold,type:"number",full:!0,min:.1,max:1,step:.01,default:"0.2"},{...T,name:"Repeat on Scroll",property:v.repeat,type:"radio",default:"false",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]}]}),j({editor:t,licenseKey:n.licenseKey,plan:nt,pluginName:tt,cleanup:()=>{r.forEach(a=>a())}})})});
+  }`}];return _(function(t,n={}){var o;const a=((o=n.animations)==null?void 0:o.call(n,{items:Z}))||Z,s=[q(t,{...n,animationList:a}),Q(t,n)];t.Styles.addSector("animation",{name:"Animation",properties:[{...x,name:"Type",property:d.name,type:"select",full:!0,default:"fadeIn",options:a},{...x,name:"Duration",property:d.duration,type:"number",units:["s"],min:.1,max:10,step:.1,default:"1s"},{...x,name:"Delay",property:d.delay,type:"number",units:["s"],min:0,max:10,step:.1,default:"1s"},{...x,name:"Iteration Count",property:d.iterationCount,type:"select",default:"1",options:[{id:"1",name:"One time"},{id:"infinite",name:"Infinite"}]},{...x,name:"Timing",property:d.timingFunction,type:"select",default:"ease",options:[{id:"ease",name:"Ease"},{id:"ease-in",name:"Ease in"},{id:"ease-out",name:"Ease out"},{id:"ease-in-out",name:"Ease in out"},{id:"linear",name:"Linear"}]},{...Y,name:"Stagger Delay",property:"--stagger-delay",type:"slider",units:["s"],min:.1,max:5,step:.1,default:"0.3s"},{...H,name:"Animate on Scroll",property:S.onScroll,type:"radio",default:"true",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]},{...z,name:"Scroll Threshold",property:S.threshold,type:"number",full:!0,min:.1,max:1,step:.01,default:"0.2"},{...z,name:"Repeat on Scroll",property:S.repeat,type:"radio",default:"false",options:[{name:"Yes",id:"true"},{name:"No",id:"false"}]}]}),j({editor:t,licenseKey:n.licenseKey,plan:nt,pluginName:tt,cleanup:()=>{s.forEach(i=>i())}})})});

package/dist/canvasAbsoluteMode/index.cjs.js

@@ -1 +1 @@
-"use strict";const V="app.grapesjs.com",k="app-stage.grapesjs.com",X="app2.grapesjs.com",j="app-stage2.grapesjs.com",U=[V,X,k,j,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],F="license:check:start",q="license:check:end",J=()=>typeof window<"u",z=({isDev:e,isStage:a})=>`${e?"":`https://${a?k:V}`}/api`,Q=()=>{const e=J()&&window.location.hostname;return!!e&&(U.includes(e)||U.some(a=>e.endsWith(a)))};function Z(e){return typeof e=="function"}async function ee({path:e,baseApiUrl:a,method:h="GET",headers:l={},params:f,body:s}){const n=`${a||z({isDev:!1,isStage:!1})}${e}`,m={method:h,headers:{"Content-Type":"application/json",...l}};s&&(m.body=JSON.stringify(s));const d=f?new URLSearchParams(f).toString():"",t=d?`?${d}`:"",c=await fetch(`${n}${t}`,m);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var L=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(L||{});const W={[L.free]:0,[L.startup]:10,[L.business]:20,[L.enterprise]:30};function te(e){const a=e;return a.init=h=>l=>e(l,h),a}const ne=e=>te(e);async function se({editor:e,plan:a,pluginName:h,licenseKey:l,cleanup:f}){let s="",o=!1;const n=Q(),m=t=>{console.warn("Cleanup plugin:",h,"Reason:",t),f()},d=(t={})=>{var E;const{error:c,sdkLicense:p}=t,i=(E=t.plan)==null?void 0:E.category;if(!(p||t.license)||c)m(c||"Invalid license");else if(i){const b=W[a],v=W[i];b>v&&m({pluginRequiredPlan:a,licensePlan:i})}};e.on(F,t=>{s=t==null?void 0:t.baseApiUrl,o=!0}),e.on(q,t=>{d(t)}),setTimeout(async()=>{if(!o){if(n)return;if(l){const t=await oe({licenseKey:l,pluginName:h,baseApiUrl:s});t&&d(t)}else m("The `licenseKey` option not provided")}},2e3)}async function oe(e){const{licenseKey:a,pluginName:h,baseApiUrl:l}=e;try{return(await ee({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:h}})).result||{}}catch(f){return console.error("Error during SDK license check:",f),!1}}const ce="canvasAbsoluteMode",ie=L.startup,ae=(e,a,h)=>{var d,t;const l=h.enableAbsolute??(c=>c.hasAbsolute),s=(Array.isArray(a)?a:a?[a]:[...e.getSelectedAll()])[0],o=((t=(d=s==null?void 0:s.delegate)==null?void 0:d.move)==null?void 0:t.call(d,s))||s;if(!o)return;const n=o.getEl();return{result:Z(l)?l({component:o,hasAbsolute:!!n&&getComputedStyle(n).position==="absolute"}):!1,component:o,dmode:o.get("dmode")}};function B({guideMatched:e,canvasView:a}){var P;const h=e.guide.x===void 0?"y":"x";let l=0,f=0,s=0,o=0;const{guide:n,matched:m}=e,d=a.getElBoxRect(n.componentView.el),t=a.getElBoxRect(((P=m.componentView)==null?void 0:P.el)||m.componentEl),c=d.y,p=d.y+d.height,i=d.x,S=d.x+d.width,E=t.y,b=t.y+t.height,v=t.x,_=t.x+t.width,x=Math.max(0,c-b),u=Math.max(0,E-p),C=Math.max(0,i-_),M=Math.max(0,v-S),r=x>u,g=C>M,y=n.type;return h==="x"&&(y==="l"?(l=i,r?(f=b,s=x):(f=p,s=u)):y==="r"?(l=S,r?(f=b,s=x):(f=p,s=u)):y==="x"&&(l=i-(i-S)/2,r?(f=b,s=x):(f=p,s=u))),h==="y"&&(y==="t"?(f=c,g?(l=_,o=C):(l=S,o=M)):y==="b"?(f=p,g?(l=_,o=C):(l=S,o=M)):y==="y"&&(f=c-(c-p)/2,g?(l=_,o=C):(l=S,o=M))),{axis:h,x:l,y:f,width:o,height:s}}function le({guideMatched:e,component:a,canvasView:h}){const l=e.guide.x===void 0?"x":"y",{guide:f,matched:s}=e,o=f.type,n=s.type,m=h.getElementPos(f.componentView.el).rect,d=h.getElementPos(s.componentView.el).rect;if(l==="x"){const t=m.height,c=d.top,p=d.top+d.height;let i=0;o==="t"?n==="t"?i=c-t:n==="b"?i=p-t:n==="y"&&(i=c-t-(c-p)/2):o==="b"?n==="t"?i=c-t*2:n==="b"?i=p-t*2:n==="y"&&(i=c-t*2-(c-p)/2):o==="y"&&(n==="t"?i=c-t*1.5:n==="b"?i=p-t*1.5:n==="y"&&(i=c-t*1.5-(c-p)/2)),a.addStyle({top:`${i-5}px`},{partial:!0})}if(l==="y"){const t=m.width,c=d.left,p=d.left+d.width;let i=0;o==="l"?n==="l"?i=c:n==="r"?i=p:n==="x"&&(i=c-(c-p)/2):o==="r"?n==="l"?i=c-t:n==="r"?i=p-t:n==="x"&&(i=c-t-(c-p)/2):o==="x"&&(n==="l"?i=c-t/2:n==="r"&&(i=p-t/2)),a.addStyle({left:`${i}px`},{partial:!0})}}function H({snapping:e,editor:a,props:h}){var R,w;const{command:l,guidesMatched:f}=h,s=h.component,o=s.getEl(),n=a.Canvas.getCanvasView(),{x:m,y:d}=e??{x:10,y:10},t=l.opts.event,c=t.clientX,p=t.clientY;if(!s.__lastSnappedPosition){const A=n.getElBoxRect(o),D=c-A.x,T=p-A.y;s.__lastSnappedPosition={left:A.x,top:A.y},s.__dragOffset={x:D,y:T}}const i=((R=s.__dragOffset)==null?void 0:R.x)||0,S=((w=s.__dragOffset)==null?void 0:w.y)||0,E=s.__lastSnappedPosition,b=c-E.left-i,v=p-E.top-S;let _=E.left,x=E.top;const u=f==null?void 0:f[0],C=(u==null?void 0:u.guide.type)==="l",M=(u==null?void 0:u.guide.type)==="x",r=(u==null?void 0:u.guide.type)==="r",g=(u==null?void 0:u.guide.type)==="t",y=(u==null?void 0:u.guide.type)==="b",P=(u==null?void 0:u.guide.type)==="y";if(u){const{x:A,y:D}=B({guideMatched:u,canvasView:n}),T=o.offsetWidth,G=o.offsetHeight;C?_=A:r?_=A-T:M?_=A-T/2:g?x=D:y?x=D-G:P&&(x=D-G/2),s.__lastSnappedGuideMatched=u}else Math.abs(b)>=m&&(_=Math.round((E.left+b)/m)*m,s.__lastSnappedGuideMatched=null),Math.abs(v)>=d&&(x=Math.round((E.top+v)/d)*d,s.__lastSnappedGuideMatched=null);return s.addStyle({left:`${_}px`,top:`${x}px`},{partial:!0}),s.__lastSnappedPosition={left:_,top:x},{x:_,y:x,guideMatched:s.__lastSnappedGuideMatched}}function de({snapping:e,props:a,editor:h}){const{x:l,y:f}=H({snapping:e,props:a,editor:h}),s=a.component;s.addStyle({left:`${l}px`,top:`${f}px`}),delete s.__lastSnappedPosition,delete s.__lastSnappedGuideMatched}const fe="core:component-drag",re="studio:setDragAbsolute",pe="dmode:start",Y="dmode:move",K="dmode:end",$="dragAbsolute",ue="select",he="hover",me="spacing",ge=function(e,a={}){const{Commands:h}=e,l=h.events,f=h.getConfig().defaultOptions??{},s=`${l.runBeforeCommand}tlb-move`;f[fe]={run:r=>({...r,skipGuidesRender:!0})};const{snapping:o,locking:n,globalAbsolute:m=!0}=a;m&&e.setDragMode("absolute");const d=!!(o!=null&&o.x||o!=null&&o.y),t=!!(n!=null&&n.x||n!=null&&n.y),{Canvas:c}=e;let p=null;const i=r=>{const{component:g,guidesMatched:y,command:P}=r,R=g.view,w=e.Canvas.getCanvasView(),A=g.getEl();let D=y.map(O=>O.matched.componentEl),T=y.map(O=>B({guideMatched:O,canvasView:w}));if(d){const{guideMatched:O}=H({snapping:o,props:r,editor:e});O?(D=[O.matched.componentEl],T=[B({guideMatched:O,canvasView:w})]):(D=[],T=[])}if(t)if(P.opts.event.shiftKey)if(!p)p=y[0];else{const N=p,I=N.guide.x===void 0?"x":"y";(I==="x"&&(n==null?void 0:n.x)||I==="y"&&(n==null?void 0:n.y))&&(le({guideMatched:N,component:g,canvasView:w}),D=[N.matched.componentEl],T=[B({guideMatched:N,canvasView:w})])}else p=null;const G={id:$,type:$,component:g,componentView:R,originComponent:A,matchedComponents:D,originMatchedDistances:T};c.addSpot(G)},S=({enabled:r})=>{e.runCommand(re,{enabled:r})},E=({type:r})=>{c.removeSpots({type:r})},b=()=>{E({type:ue}),E({type:he}),E({type:me})},v=r=>{S({enabled:!0}),i(r),b()},_=r=>{i(r),b()},x=r=>{E({type:$}),d&&de({snapping:o,props:r,editor:e}),S({enabled:!1})},M=[[pe,r=>{v(r),e.on(Y,_);const g=()=>{x(r),e.off(Y,_),e.off(K,g)};e.on(K,g)}],[s,r=>{if(m)return;const g=r.options.target,y=ae(e,g,a);y!=null&&y.result&&!y.dmode&&(r.options.mode="absolute")}]];M.forEach(([r,g])=>e.on(r,g)),se({editor:e,licenseKey:a.licenseKey,plan:ie,pluginName:ce,cleanup:()=>{S({enabled:!1}),M.forEach(([r,g])=>e.off(r,g))}})},ye=ne(ge);module.exports=ye;
+"use strict";const V="app.grapesjs.com",H="app-stage.grapesjs.com",j="app2.grapesjs.com",F="app-stage2.grapesjs.com",U=[V,j,H,F,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],q="license:check:start",J="license:check:end",z=()=>typeof window<"u",Q=({isDev:t,isStage:a,isPlatform:u})=>`${t?"":`https://${a?H:V}`}/${u?"platform-api":"api"}`,Z=()=>{const t=z()&&window.location.hostname;return!!t&&(U.includes(t)||U.some(a=>t.endsWith(a)))};function k(t){return typeof t=="function"}async function tt({path:t,baseApiUrl:a,method:u="GET",headers:l={},params:i,body:o}){const n=`${a||Q({isDev:!1,isStage:!1})}${t}`,g={method:u,headers:{"Content-Type":"application/json",...l}};o&&(g.body=JSON.stringify(o));const d=i?new URLSearchParams(i).toString():"",c=d?`?${d}`:"",e=await fetch(`${n}${c}`,g);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);return e.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{});const W={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function et(t){const a=t;return a.init=u=>l=>t(l,u),a}const nt=t=>et(t);async function ot({editor:t,plan:a,pluginName:u,licenseKey:l,onLicenseCheckResponse:i,cleanup:o}){let s="",n=!1;const g=Z(),d=e=>{console.warn("Cleanup plugin:",u,"Reason:",e),o()},c=(e={})=>{var b;const{error:r,sdkLicense:f}=e,y=(b=e.plan)==null?void 0:b.category;if(!(f||e.license)||r)d(r||"Invalid license");else if(y){const v=W[a],E=W[y];v>E&&d({pluginRequiredPlan:a,licensePlan:y})}};t.on(q,e=>{s=e==null?void 0:e.baseApiUrl,n=!0}),t.on(J,e=>{i==null||i(e),c(e)}),setTimeout(async()=>{if(!n){if(g)return;if(l){const e=await st({licenseKey:l,pluginName:u,baseApiUrl:s});i==null||i(e),e&&c(e)}else d("The `licenseKey` option not provided")}},2e3)}async function st(t){const{licenseKey:a,pluginName:u,baseApiUrl:l}=t;try{return(await tt({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:u}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const it="canvasAbsoluteMode",ct=G.startup,at=(t,a,u)=>{var d,c;const l=u.enableAbsolute??(e=>e.hasAbsolute),o=(Array.isArray(a)?a:a?[a]:[...t.getSelectedAll()])[0],s=((c=(d=o==null?void 0:o.delegate)==null?void 0:d.move)==null?void 0:c.call(d,o))||o;if(!s)return;const n=s.getEl();return{result:k(l)?l({component:s,hasAbsolute:!!n&&getComputedStyle(n).position==="absolute"}):!1,component:s,dmode:s.get("dmode")}};function B({guideMatched:t,canvasView:a}){var C;const u=t.guide.x===void 0?"y":"x";let l=0,i=0,o=0,s=0;const{guide:n,matched:g}=t,d=a.getElBoxRect(n.componentView.el),c=a.getElBoxRect(((C=g.componentView)==null?void 0:C.el)||g.componentEl),e=d.y,r=d.y+d.height,f=d.x,y=d.x+d.width,S=c.y,b=c.y+c.height,v=c.x,E=c.x+c.width,x=Math.max(0,e-b),m=Math.max(0,S-r),w=Math.max(0,f-E),M=Math.max(0,v-y),p=x>m,h=w>M,_=n.type;return u==="x"&&(_==="l"?(l=f,p?(i=b,o=x):(i=r,o=m)):_==="r"?(l=y,p?(i=b,o=x):(i=r,o=m)):_==="x"&&(l=f-(f-y)/2,p?(i=b,o=x):(i=r,o=m))),u==="y"&&(_==="t"?(i=e,h?(l=E,s=w):(l=y,s=M)):_==="b"?(i=r,h?(l=E,s=w):(l=y,s=M)):_==="y"&&(i=e-(e-r)/2,h?(l=E,s=w):(l=y,s=M))),{axis:u,x:l,y:i,width:s,height:o}}function lt({guideMatched:t,component:a,canvasView:u}){const l=t.guide.x===void 0?"x":"y",{guide:i,matched:o}=t,s=i.type,n=o.type,g=u.getElementPos(i.componentView.el).rect,d=u.getElementPos(o.componentView.el).rect;if(l==="x"){const c=g.height,e=d.top,r=d.top+d.height;let f=0;s==="t"?n==="t"?f=e-c:n==="b"?f=r-c:n==="y"&&(f=e-c-(e-r)/2):s==="b"?n==="t"?f=e-c*2:n==="b"?f=r-c*2:n==="y"&&(f=e-c*2-(e-r)/2):s==="y"&&(n==="t"?f=e-c*1.5:n==="b"?f=r-c*1.5:n==="y"&&(f=e-c*1.5-(e-r)/2)),a.addStyle({top:`${f-5}px`},{partial:!0})}if(l==="y"){const c=g.width,e=d.left,r=d.left+d.width;let f=0;s==="l"?n==="l"?f=e:n==="r"?f=r:n==="x"&&(f=e-(e-r)/2):s==="r"?n==="l"?f=e-c:n==="r"?f=r-c:n==="x"&&(f=e-c-(e-r)/2):s==="x"&&(n==="l"?f=e-c/2:n==="r"&&(f=r-c/2)),a.addStyle({left:`${f}px`},{partial:!0})}}function X({snapping:t,editor:a,props:u}){var N,P;const{command:l,guidesMatched:i}=u,o=u.component,s=o.getEl(),n=a.Canvas.getCanvasView(),{x:g,y:d}=t??{x:10,y:10},c=l.opts.event,e=c.clientX,r=c.clientY;if(!o.__lastSnappedPosition){const A=n.getElBoxRect(s),D=e-A.x,T=r-A.y;o.__lastSnappedPosition={left:A.x,top:A.y},o.__dragOffset={x:D,y:T}}const f=((N=o.__dragOffset)==null?void 0:N.x)||0,y=((P=o.__dragOffset)==null?void 0:P.y)||0,S=o.__lastSnappedPosition,b=e-S.left-f,v=r-S.top-y;let E=S.left,x=S.top;const m=i==null?void 0:i[0],w=(m==null?void 0:m.guide.type)==="l",M=(m==null?void 0:m.guide.type)==="x",p=(m==null?void 0:m.guide.type)==="r",h=(m==null?void 0:m.guide.type)==="t",_=(m==null?void 0:m.guide.type)==="b",C=(m==null?void 0:m.guide.type)==="y";if(m){const{x:A,y:D}=B({guideMatched:m,canvasView:n}),T=s.offsetWidth,L=s.offsetHeight;w?E=A:p?E=A-T:M?E=A-T/2:h?x=D:_?x=D-L:C&&(x=D-L/2),o.__lastSnappedGuideMatched=m}else Math.abs(b)>=g&&(E=Math.round((S.left+b)/g)*g,o.__lastSnappedGuideMatched=null),Math.abs(v)>=d&&(x=Math.round((S.top+v)/d)*d,o.__lastSnappedGuideMatched=null);return o.addStyle({left:`${E}px`,top:`${x}px`},{partial:!0}),o.__lastSnappedPosition={left:E,top:x},{x:E,y:x,guideMatched:o.__lastSnappedGuideMatched}}function dt({snapping:t,props:a,editor:u}){const{x:l,y:i}=X({snapping:t,props:a,editor:u}),o=a.component;o.addStyle({left:`${l}px`,top:`${i}px`}),delete o.__lastSnappedPosition,delete o.__lastSnappedGuideMatched}const ft="core:component-drag",rt="studio:setDragAbsolute",pt="dmode:start",Y="dmode:move",K="dmode:end",$="dragAbsolute",ut="select",mt="hover",ht="spacing",gt=function(t,a={}){const{Commands:u}=t,l=u.events,i=u.getConfig().defaultOptions??{},o=`${l.runBeforeCommand}tlb-move`;i[ft]={run:p=>({...p,skipGuidesRender:!0})};const{snapping:s,locking:n,globalAbsolute:g=!0}=a;g&&t.setDragMode("absolute");const d=!!(s!=null&&s.x||s!=null&&s.y),c=!!(n!=null&&n.x||n!=null&&n.y),{Canvas:e}=t;let r=null;const f=p=>{const{component:h,guidesMatched:_,command:C}=p,N=h.view,P=t.Canvas.getCanvasView(),A=h.getEl();let D=_.map(O=>O.matched.componentEl),T=_.map(O=>B({guideMatched:O,canvasView:P}));if(d){const{guideMatched:O}=X({snapping:s,props:p,editor:t});O?(D=[O.matched.componentEl],T=[B({guideMatched:O,canvasView:P})]):(D=[],T=[])}if(c)if(C.opts.event.shiftKey)if(!r)r=_[0];else{const R=r,I=R.guide.x===void 0?"x":"y";(I==="x"&&(n==null?void 0:n.x)||I==="y"&&(n==null?void 0:n.y))&&(lt({guideMatched:R,component:h,canvasView:P}),D=[R.matched.componentEl],T=[B({guideMatched:R,canvasView:P})])}else r=null;const L={id:$,type:$,component:h,componentView:N,originComponent:A,matchedComponents:D,originMatchedDistances:T};e.addSpot(L)},y=({enabled:p})=>{t.runCommand(rt,{enabled:p})},S=({type:p})=>{e.removeSpots({type:p})},b=()=>{S({type:ut}),S({type:mt}),S({type:ht})},v=p=>{y({enabled:!0}),f(p),b()},E=p=>{f(p),b()},x=p=>{S({type:$}),d&&dt({snapping:s,props:p,editor:t}),y({enabled:!1})},M=[[pt,p=>{v(p),t.on(Y,E);const h=()=>{x(p),t.off(Y,E),t.off(K,h)};t.on(K,h)}],[o,p=>{if(g)return;const h=p.options.target,_=at(t,h,a);_!=null&&_.result&&!_.dmode&&(p.options.mode="absolute")}]];M.forEach(([p,h])=>t.on(p,h)),ot({editor:t,licenseKey:a.licenseKey,plan:ct,pluginName:it,cleanup:()=>{y({enabled:!1}),M.forEach(([p,h])=>t.off(p,h))}})},yt=nt(gt);module.exports=yt;

package/dist/canvasAbsoluteMode/index.es.js

@@ -1,8 +1,8 @@
-const V = "app.grapesjs.com", k = "app-stage.grapesjs.com", X = "app2.grapesjs.com", j = "app-stage2.grapesjs.com", U = [
+const V = "app.grapesjs.com", H = "app-stage.grapesjs.com", j = "app2.grapesjs.com", F = "app-stage2.grapesjs.com", U = [
   V,
-  X,
-  k,
   j,
+  H,
+  F,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,239 +11,244 @@ const V = "app.grapesjs.com", k = "app-stage.grapesjs.com", X = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], F = "license:check:start", q = "license:check:end", J = () => typeof window < "u", z = ({ isDev: e, isStage: a }) => `${e ? "" : `https://${a ? k : V}`}/api`, Q = () => {
-  const e = J() && window.location.hostname;
-  return !!e && (U.includes(e) || U.some((a) => e.endsWith(a)));
+], q = "license:check:start", J = "license:check:end", z = () => typeof window < "u", Q = ({
+  isDev: t,
+  isStage: a,
+  isPlatform: u
+}) => `${t ? "" : `https://${a ? H : V}`}/${u ? "platform-api" : "api"}`, Z = () => {
+  const t = z() && window.location.hostname;
+  return !!t && (U.includes(t) || U.some((a) => t.endsWith(a)));
 };
-function Z(e) {
-  return typeof e == "function";
+function k(t) {
+  return typeof t == "function";
 }
-async function ee({
-  path: e,
+async function tt({
+  path: t,
   baseApiUrl: a,
-  method: h = "GET",
+  method: u = "GET",
   headers: l = {},
-  params: f,
-  body: s
+  params: i,
+  body: o
 }) {
-  const n = `${a || z({ isDev: !1, isStage: !1 })}${e}`, m = {
-    method: h,
+  const n = `${a || Q({ isDev: !1, isStage: !1 })}${t}`, g = {
+    method: u,
     headers: {
       "Content-Type": "application/json",
       ...l
     }
   };
-  s && (m.body = JSON.stringify(s));
-  const d = f ? new URLSearchParams(f).toString() : "", t = d ? `?${d}` : "", c = await fetch(`${n}${t}`, m);
-  if (!c.ok)
-    throw new Error(`HTTP error! status: ${c.status}`);
-  return c.json();
+  o && (g.body = JSON.stringify(o));
+  const d = i ? new URLSearchParams(i).toString() : "", c = d ? `?${d}` : "", e = await fetch(`${n}${c}`, g);
+  if (!e.ok)
+    throw new Error(`HTTP error! status: ${e.status}`);
+  return e.json();
 }
-var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {});
+var G = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(G || {});
 const W = {
-  [L.free]: 0,
-  [L.startup]: 10,
-  [L.business]: 20,
-  [L.enterprise]: 30
+  [G.free]: 0,
+  [G.startup]: 10,
+  [G.business]: 20,
+  [G.enterprise]: 30
 };
-function te(e) {
-  const a = e;
-  return a.init = (h) => (l) => e(l, h), a;
+function et(t) {
+  const a = t;
+  return a.init = (u) => (l) => t(l, u), a;
 }
-const ne = (e) => /* @__PURE__ */ te(e);
-async function se({
-  editor: e,
+const nt = (t) => /* @__PURE__ */ et(t);
+async function ot({
+  editor: t,
   plan: a,
-  pluginName: h,
+  pluginName: u,
   licenseKey: l,
-  cleanup: f
+  onLicenseCheckResponse: i,
+  cleanup: o
 }) {
-  let s = "", o = !1;
-  const n = Q(), m = (t) => {
-    console.warn("Cleanup plugin:", h, "Reason:", t), f();
-  }, d = (t = {}) => {
-    var E;
-    const { error: c, sdkLicense: p } = t, i = (E = t.plan) == null ? void 0 : E.category;
-    if (!(p || t.license) || c)
-      m(c || "Invalid license");
-    else if (i) {
-      const b = W[a], v = W[i];
-      b > v && m({ pluginRequiredPlan: a, licensePlan: i });
+  let s = "", n = !1;
+  const g = Z(), d = (e) => {
+    console.warn("Cleanup plugin:", u, "Reason:", e), o();
+  }, c = (e = {}) => {
+    var b;
+    const { error: r, sdkLicense: f } = e, y = (b = e.plan) == null ? void 0 : b.category;
+    if (!(f || e.license) || r)
+      d(r || "Invalid license");
+    else if (y) {
+      const v = W[a], E = W[y];
+      v > E && d({ pluginRequiredPlan: a, licensePlan: y });
     }
   };
-  e.on(F, (t) => {
-    s = t == null ? void 0 : t.baseApiUrl, o = !0;
-  }), e.on(q, (t) => {
-    d(t);
+  t.on(q, (e) => {
+    s = e == null ? void 0 : e.baseApiUrl, n = !0;
+  }), t.on(J, (e) => {
+    i == null || i(e), c(e);
   }), setTimeout(async () => {
-    if (!o) {
-      if (n) return;
+    if (!n) {
+      if (g) return;
       if (l) {
-        const t = await oe({ licenseKey: l, pluginName: h, baseApiUrl: s });
-        t && d(t);
+        const e = await st({ licenseKey: l, pluginName: u, baseApiUrl: s });
+        i == null || i(e), e && c(e);
       } else
-        m("The `licenseKey` option not provided");
+        d("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function oe(e) {
-  const { licenseKey: a, pluginName: h, baseApiUrl: l } = e;
+async function st(t) {
+  const { licenseKey: a, pluginName: u, baseApiUrl: l } = t;
   try {
-    return (await ee({
+    return (await tt({
       baseApiUrl: l,
       path: `/sdk/${a || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: h
+        pn: u
       }
     })).result || {};
-  } catch (f) {
-    return console.error("Error during SDK license check:", f), !1;
+  } catch (i) {
+    return console.error("Error during SDK license check:", i), !1;
   }
 }
-const ce = "canvasAbsoluteMode", ie = L.startup, ae = (e, a, h) => {
-  var d, t;
-  const l = h.enableAbsolute ?? ((c) => c.hasAbsolute), s = (Array.isArray(a) ? a : a ? [a] : [...e.getSelectedAll()])[0], o = ((t = (d = s == null ? void 0 : s.delegate) == null ? void 0 : d.move) == null ? void 0 : t.call(d, s)) || s;
-  if (!o) return;
-  const n = o.getEl();
+const it = "canvasAbsoluteMode", ct = G.startup, at = (t, a, u) => {
+  var d, c;
+  const l = u.enableAbsolute ?? ((e) => e.hasAbsolute), o = (Array.isArray(a) ? a : a ? [a] : [...t.getSelectedAll()])[0], s = ((c = (d = o == null ? void 0 : o.delegate) == null ? void 0 : d.move) == null ? void 0 : c.call(d, o)) || o;
+  if (!s) return;
+  const n = s.getEl();
   return {
-    result: Z(l) ? l({ component: o, hasAbsolute: !!n && getComputedStyle(n).position === "absolute" }) : !1,
-    component: o,
-    dmode: o.get("dmode")
+    result: k(l) ? l({ component: s, hasAbsolute: !!n && getComputedStyle(n).position === "absolute" }) : !1,
+    component: s,
+    dmode: s.get("dmode")
   };
 };
 function B({
-  guideMatched: e,
+  guideMatched: t,
   canvasView: a
 }) {
-  var P;
-  const h = e.guide.x === void 0 ? "y" : "x";
-  let l = 0, f = 0, s = 0, o = 0;
-  const { guide: n, matched: m } = e, d = a.getElBoxRect(n.componentView.el), t = a.getElBoxRect(((P = m.componentView) == null ? void 0 : P.el) || m.componentEl), c = d.y, p = d.y + d.height, i = d.x, S = d.x + d.width, E = t.y, b = t.y + t.height, v = t.x, _ = t.x + t.width, x = Math.max(0, c - b), u = Math.max(0, E - p), C = Math.max(0, i - _), M = Math.max(0, v - S), r = x > u, g = C > M, y = n.type;
-  return h === "x" && (y === "l" ? (l = i, r ? (f = b, s = x) : (f = p, s = u)) : y === "r" ? (l = S, r ? (f = b, s = x) : (f = p, s = u)) : y === "x" && (l = i - (i - S) / 2, r ? (f = b, s = x) : (f = p, s = u))), h === "y" && (y === "t" ? (f = c, g ? (l = _, o = C) : (l = S, o = M)) : y === "b" ? (f = p, g ? (l = _, o = C) : (l = S, o = M)) : y === "y" && (f = c - (c - p) / 2, g ? (l = _, o = C) : (l = S, o = M))), { axis: h, x: l, y: f, width: o, height: s };
+  var C;
+  const u = t.guide.x === void 0 ? "y" : "x";
+  let l = 0, i = 0, o = 0, s = 0;
+  const { guide: n, matched: g } = t, d = a.getElBoxRect(n.componentView.el), c = a.getElBoxRect(((C = g.componentView) == null ? void 0 : C.el) || g.componentEl), e = d.y, r = d.y + d.height, f = d.x, y = d.x + d.width, S = c.y, b = c.y + c.height, v = c.x, E = c.x + c.width, x = Math.max(0, e - b), m = Math.max(0, S - r), w = Math.max(0, f - E), M = Math.max(0, v - y), p = x > m, h = w > M, _ = n.type;
+  return u === "x" && (_ === "l" ? (l = f, p ? (i = b, o = x) : (i = r, o = m)) : _ === "r" ? (l = y, p ? (i = b, o = x) : (i = r, o = m)) : _ === "x" && (l = f - (f - y) / 2, p ? (i = b, o = x) : (i = r, o = m))), u === "y" && (_ === "t" ? (i = e, h ? (l = E, s = w) : (l = y, s = M)) : _ === "b" ? (i = r, h ? (l = E, s = w) : (l = y, s = M)) : _ === "y" && (i = e - (e - r) / 2, h ? (l = E, s = w) : (l = y, s = M))), { axis: u, x: l, y: i, width: s, height: o };
 }
-function le({
-  guideMatched: e,
+function lt({
+  guideMatched: t,
   component: a,
-  canvasView: h
+  canvasView: u
 }) {
-  const l = e.guide.x === void 0 ? "x" : "y", { guide: f, matched: s } = e, o = f.type, n = s.type, m = h.getElementPos(f.componentView.el).rect, d = h.getElementPos(s.componentView.el).rect;
+  const l = t.guide.x === void 0 ? "x" : "y", { guide: i, matched: o } = t, s = i.type, n = o.type, g = u.getElementPos(i.componentView.el).rect, d = u.getElementPos(o.componentView.el).rect;
   if (l === "x") {
-    const t = m.height, c = d.top, p = d.top + d.height;
-    let i = 0;
-    o === "t" ? n === "t" ? i = c - t : n === "b" ? i = p - t : n === "y" && (i = c - t - (c - p) / 2) : o === "b" ? n === "t" ? i = c - t * 2 : n === "b" ? i = p - t * 2 : n === "y" && (i = c - t * 2 - (c - p) / 2) : o === "y" && (n === "t" ? i = c - t * 1.5 : n === "b" ? i = p - t * 1.5 : n === "y" && (i = c - t * 1.5 - (c - p) / 2)), a.addStyle({ top: `${i - 5}px` }, { partial: !0 });
+    const c = g.height, e = d.top, r = d.top + d.height;
+    let f = 0;
+    s === "t" ? n === "t" ? f = e - c : n === "b" ? f = r - c : n === "y" && (f = e - c - (e - r) / 2) : s === "b" ? n === "t" ? f = e - c * 2 : n === "b" ? f = r - c * 2 : n === "y" && (f = e - c * 2 - (e - r) / 2) : s === "y" && (n === "t" ? f = e - c * 1.5 : n === "b" ? f = r - c * 1.5 : n === "y" && (f = e - c * 1.5 - (e - r) / 2)), a.addStyle({ top: `${f - 5}px` }, { partial: !0 });
   }
   if (l === "y") {
-    const t = m.width, c = d.left, p = d.left + d.width;
-    let i = 0;
-    o === "l" ? n === "l" ? i = c : n === "r" ? i = p : n === "x" && (i = c - (c - p) / 2) : o === "r" ? n === "l" ? i = c - t : n === "r" ? i = p - t : n === "x" && (i = c - t - (c - p) / 2) : o === "x" && (n === "l" ? i = c - t / 2 : n === "r" && (i = p - t / 2)), a.addStyle({ left: `${i}px` }, { partial: !0 });
+    const c = g.width, e = d.left, r = d.left + d.width;
+    let f = 0;
+    s === "l" ? n === "l" ? f = e : n === "r" ? f = r : n === "x" && (f = e - (e - r) / 2) : s === "r" ? n === "l" ? f = e - c : n === "r" ? f = r - c : n === "x" && (f = e - c - (e - r) / 2) : s === "x" && (n === "l" ? f = e - c / 2 : n === "r" && (f = r - c / 2)), a.addStyle({ left: `${f}px` }, { partial: !0 });
   }
 }
-function H({
-  snapping: e,
+function X({
+  snapping: t,
   editor: a,
-  props: h
+  props: u
 }) {
-  var R, w;
-  const { command: l, guidesMatched: f } = h, s = h.component, o = s.getEl(), n = a.Canvas.getCanvasView(), { x: m, y: d } = e ?? { x: 10, y: 10 }, t = l.opts.event, c = t.clientX, p = t.clientY;
-  if (!s.__lastSnappedPosition) {
-    const A = n.getElBoxRect(o), D = c - A.x, T = p - A.y;
-    s.__lastSnappedPosition = { left: A.x, top: A.y }, s.__dragOffset = { x: D, y: T };
+  var N, P;
+  const { command: l, guidesMatched: i } = u, o = u.component, s = o.getEl(), n = a.Canvas.getCanvasView(), { x: g, y: d } = t ?? { x: 10, y: 10 }, c = l.opts.event, e = c.clientX, r = c.clientY;
+  if (!o.__lastSnappedPosition) {
+    const A = n.getElBoxRect(s), D = e - A.x, T = r - A.y;
+    o.__lastSnappedPosition = { left: A.x, top: A.y }, o.__dragOffset = { x: D, y: T };
   }
-  const i = ((R = s.__dragOffset) == null ? void 0 : R.x) || 0, S = ((w = s.__dragOffset) == null ? void 0 : w.y) || 0, E = s.__lastSnappedPosition, b = c - E.left - i, v = p - E.top - S;
-  let _ = E.left, x = E.top;
-  const u = f == null ? void 0 : f[0], C = (u == null ? void 0 : u.guide.type) === "l", M = (u == null ? void 0 : u.guide.type) === "x", r = (u == null ? void 0 : u.guide.type) === "r", g = (u == null ? void 0 : u.guide.type) === "t", y = (u == null ? void 0 : u.guide.type) === "b", P = (u == null ? void 0 : u.guide.type) === "y";
-  if (u) {
-    const { x: A, y: D } = B({ guideMatched: u, canvasView: n }), T = o.offsetWidth, G = o.offsetHeight;
-    C ? _ = A : r ? _ = A - T : M ? _ = A - T / 2 : g ? x = D : y ? x = D - G : P && (x = D - G / 2), s.__lastSnappedGuideMatched = u;
+  const f = ((N = o.__dragOffset) == null ? void 0 : N.x) || 0, y = ((P = o.__dragOffset) == null ? void 0 : P.y) || 0, S = o.__lastSnappedPosition, b = e - S.left - f, v = r - S.top - y;
+  let E = S.left, x = S.top;
+  const m = i == null ? void 0 : i[0], w = (m == null ? void 0 : m.guide.type) === "l", M = (m == null ? void 0 : m.guide.type) === "x", p = (m == null ? void 0 : m.guide.type) === "r", h = (m == null ? void 0 : m.guide.type) === "t", _ = (m == null ? void 0 : m.guide.type) === "b", C = (m == null ? void 0 : m.guide.type) === "y";
+  if (m) {
+    const { x: A, y: D } = B({ guideMatched: m, canvasView: n }), T = s.offsetWidth, L = s.offsetHeight;
+    w ? E = A : p ? E = A - T : M ? E = A - T / 2 : h ? x = D : _ ? x = D - L : C && (x = D - L / 2), o.__lastSnappedGuideMatched = m;
   } else
-    Math.abs(b) >= m && (_ = Math.round((E.left + b) / m) * m, s.__lastSnappedGuideMatched = null), Math.abs(v) >= d && (x = Math.round((E.top + v) / d) * d, s.__lastSnappedGuideMatched = null);
-  return s.addStyle({ left: `${_}px`, top: `${x}px` }, { partial: !0 }), s.__lastSnappedPosition = { left: _, top: x }, { x: _, y: x, guideMatched: s.__lastSnappedGuideMatched };
+    Math.abs(b) >= g && (E = Math.round((S.left + b) / g) * g, o.__lastSnappedGuideMatched = null), Math.abs(v) >= d && (x = Math.round((S.top + v) / d) * d, o.__lastSnappedGuideMatched = null);
+  return o.addStyle({ left: `${E}px`, top: `${x}px` }, { partial: !0 }), o.__lastSnappedPosition = { left: E, top: x }, { x: E, y: x, guideMatched: o.__lastSnappedGuideMatched };
 }
-function de({
-  snapping: e,
+function dt({
+  snapping: t,
   props: a,
-  editor: h
+  editor: u
 }) {
-  const { x: l, y: f } = H({ snapping: e, props: a, editor: h }), s = a.component;
-  s.addStyle({ left: `${l}px`, top: `${f}px` }), delete s.__lastSnappedPosition, delete s.__lastSnappedGuideMatched;
+  const { x: l, y: i } = X({ snapping: t, props: a, editor: u }), o = a.component;
+  o.addStyle({ left: `${l}px`, top: `${i}px` }), delete o.__lastSnappedPosition, delete o.__lastSnappedGuideMatched;
 }
-const fe = "core:component-drag", re = "studio:setDragAbsolute", pe = "dmode:start", Y = "dmode:move", K = "dmode:end", $ = "dragAbsolute", ue = "select", he = "hover", me = "spacing", ge = function(e, a = {}) {
-  const { Commands: h } = e, l = h.events, f = h.getConfig().defaultOptions ?? {}, s = `${l.runBeforeCommand}tlb-move`;
-  f[fe] = {
-    run: (r) => ({
-      ...r,
+const ft = "core:component-drag", rt = "studio:setDragAbsolute", pt = "dmode:start", Y = "dmode:move", K = "dmode:end", $ = "dragAbsolute", ut = "select", mt = "hover", ht = "spacing", gt = function(t, a = {}) {
+  const { Commands: u } = t, l = u.events, i = u.getConfig().defaultOptions ?? {}, o = `${l.runBeforeCommand}tlb-move`;
+  i[ft] = {
+    run: (p) => ({
+      ...p,
       skipGuidesRender: !0
     })
   };
-  const { snapping: o, locking: n, globalAbsolute: m = !0 } = a;
-  m && e.setDragMode("absolute");
-  const d = !!(o != null && o.x || o != null && o.y), t = !!(n != null && n.x || n != null && n.y), { Canvas: c } = e;
-  let p = null;
-  const i = (r) => {
-    const { component: g, guidesMatched: y, command: P } = r, R = g.view, w = e.Canvas.getCanvasView(), A = g.getEl();
-    let D = y.map((O) => O.matched.componentEl), T = y.map((O) => B({ guideMatched: O, canvasView: w }));
+  const { snapping: s, locking: n, globalAbsolute: g = !0 } = a;
+  g && t.setDragMode("absolute");
+  const d = !!(s != null && s.x || s != null && s.y), c = !!(n != null && n.x || n != null && n.y), { Canvas: e } = t;
+  let r = null;
+  const f = (p) => {
+    const { component: h, guidesMatched: _, command: C } = p, N = h.view, P = t.Canvas.getCanvasView(), A = h.getEl();
+    let D = _.map((O) => O.matched.componentEl), T = _.map((O) => B({ guideMatched: O, canvasView: P }));
     if (d) {
-      const { guideMatched: O } = H({ snapping: o, props: r, editor: e });
-      O ? (D = [O.matched.componentEl], T = [B({ guideMatched: O, canvasView: w })]) : (D = [], T = []);
+      const { guideMatched: O } = X({ snapping: s, props: p, editor: t });
+      O ? (D = [O.matched.componentEl], T = [B({ guideMatched: O, canvasView: P })]) : (D = [], T = []);
     }
-    if (t)
-      if (P.opts.event.shiftKey)
-        if (!p)
-          p = y[0];
+    if (c)
+      if (C.opts.event.shiftKey)
+        if (!r)
+          r = _[0];
         else {
-          const N = p, I = N.guide.x === void 0 ? "x" : "y";
-          (I === "x" && (n == null ? void 0 : n.x) || I === "y" && (n == null ? void 0 : n.y)) && (le({ guideMatched: N, component: g, canvasView: w }), D = [N.matched.componentEl], T = [B({ guideMatched: N, canvasView: w })]);
+          const R = r, I = R.guide.x === void 0 ? "x" : "y";
+          (I === "x" && (n == null ? void 0 : n.x) || I === "y" && (n == null ? void 0 : n.y)) && (lt({ guideMatched: R, component: h, canvasView: P }), D = [R.matched.componentEl], T = [B({ guideMatched: R, canvasView: P })]);
         }
       else
-        p = null;
-    const G = {
+        r = null;
+    const L = {
       id: $,
       type: $,
-      component: g,
-      componentView: R,
+      component: h,
+      componentView: N,
       originComponent: A,
       matchedComponents: D,
       originMatchedDistances: T
     };
-    c.addSpot(G);
-  }, S = ({ enabled: r }) => {
-    e.runCommand(re, { enabled: r });
-  }, E = ({ type: r }) => {
-    c.removeSpots({ type: r });
+    e.addSpot(L);
+  }, y = ({ enabled: p }) => {
+    t.runCommand(rt, { enabled: p });
+  }, S = ({ type: p }) => {
+    e.removeSpots({ type: p });
   }, b = () => {
-    E({ type: ue }), E({ type: he }), E({ type: me });
-  }, v = (r) => {
-    S({ enabled: !0 }), i(r), b();
-  }, _ = (r) => {
-    i(r), b();
-  }, x = (r) => {
-    E({ type: $ }), d && de({ snapping: o, props: r, editor: e }), S({ enabled: !1 });
+    S({ type: ut }), S({ type: mt }), S({ type: ht });
+  }, v = (p) => {
+    y({ enabled: !0 }), f(p), b();
+  }, E = (p) => {
+    f(p), b();
+  }, x = (p) => {
+    S({ type: $ }), d && dt({ snapping: s, props: p, editor: t }), y({ enabled: !1 });
   }, M = [
-    [pe, (r) => {
-      v(r), e.on(Y, _);
-      const g = () => {
-        x(r), e.off(Y, _), e.off(K, g);
+    [pt, (p) => {
+      v(p), t.on(Y, E);
+      const h = () => {
+        x(p), t.off(Y, E), t.off(K, h);
       };
-      e.on(K, g);
+      t.on(K, h);
     }],
-    [s, (r) => {
-      if (m) return;
-      const g = r.options.target, y = ae(e, g, a);
-      y != null && y.result && !y.dmode && (r.options.mode = "absolute");
+    [o, (p) => {
+      if (g) return;
+      const h = p.options.target, _ = at(t, h, a);
+      _ != null && _.result && !_.dmode && (p.options.mode = "absolute");
     }]
   ];
-  M.forEach(([r, g]) => e.on(r, g)), se({
-    editor: e,
+  M.forEach(([p, h]) => t.on(p, h)), ot({
+    editor: t,
     licenseKey: a.licenseKey,
-    plan: ie,
-    pluginName: ce,
+    plan: ct,
+    pluginName: it,
     cleanup: () => {
-      S({ enabled: !1 }), M.forEach(([r, g]) => e.off(r, g));
+      y({ enabled: !1 }), M.forEach(([p, h]) => t.off(p, h));
     }
   });
-}, Ee = ne(ge);
+}, Et = nt(gt);
 export {
-  Ee as default
+  Et as default
 };