@grapesjs/studio-sdk-plugins 1.0.14 → 1.0.15-rc.1

package/dist/canvasEmptyState/index.es.js

@@ -25,7 +25,7 @@ async function K({
   params: i,
   body: u
 }) {
-  const v = `${t || P({ isDev: !1, isStage: !1 })}${e}`, p = {
+  const y = `${t || P({ isDev: !1, isStage: !1 })}${e}`, p = {
     method: a,
     headers: {
       "Content-Type": "application/json",
@@ -33,7 +33,7 @@ async function K({
     }
   };
   u && (p.body = JSON.stringify(u));
-  const d = i ? new URLSearchParams(i).toString() : "", s = d ? `?${d}` : "", c = await fetch(`${v}${s}`, p);
+  const d = i ? new URLSearchParams(i).toString() : "", s = d ? `?${d}` : "", c = await fetch(`${y}${s}`, p);
   if (!c.ok)
     throw new Error(`HTTP error! status: ${c.status}`);
   return c.json();
@@ -58,16 +58,16 @@ async function x({
   cleanup: i
 }) {
   let u = "", h = !1;
-  const v = R(), p = (s) => {
+  const y = R(), p = (s) => {
     console.warn("Cleanup plugin:", a, "Reason:", s), i();
   }, d = (s = {}) => {
     var C;
-    const { error: c, sdkLicense: E } = s, y = (C = s.plan) == null ? void 0 : C.category;
+    const { error: c, sdkLicense: E } = s, v = (C = s.plan) == null ? void 0 : C.category;
     if (!(E || s.license) || c)
       p(c || "Invalid license");
-    else if (y) {
-      const b = A[t], L = A[y];
-      b > L && p({ pluginRequiredPlan: t, licensePlan: y });
+    else if (v) {
+      const T = A[t], b = A[v];
+      T > b && p({ pluginRequiredPlan: t, licensePlan: v });
     }
   };
   e.on($, (s) => {
@@ -76,7 +76,7 @@ async function x({
     d(s);
   }), setTimeout(async () => {
     if (!h) {
-      if (v) return;
+      if (y) return;
       if (o) {
         const s = await F({ licenseKey: o, pluginName: a, baseApiUrl: u });
         s && d(s);
@@ -102,7 +102,7 @@ async function F(e) {
   }
 }
 const G = "canvasEmptyState", H = function(e, t = {}) {
-  const a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new WeakMap(), v = {
+  const a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), i = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new WeakMap(), y = {
     emptyStates: [],
     ...t
   }, p = (n, r) => {
@@ -122,7 +122,7 @@ const G = "canvasEmptyState", H = function(e, t = {}) {
         if (r && m)
           s(n);
         else if (!r && !m) {
-          const f = h.has(n) ? h.get(n) : v.emptyStates.find((l) => p(n, l));
+          const f = h.has(n) ? h.get(n) : y.emptyStates.find((l) => p(n, l));
           if (h.set(n, f), !f) return;
           n.views.forEach((l) => {
             const S = f.render({
@@ -148,16 +148,16 @@ const G = "canvasEmptyState", H = function(e, t = {}) {
       }
   }, E = (n) => {
     i.has(n) && s(n);
-  }, y = ({ model: n }) => {
+  }, v = ({ model: n }) => {
     c(n.getComponent());
-  }, T = e.Components.events, C = `${T.update}:components`, b = "component:mount", L = e.Canvas.events.frameLoadBody, U = T.removed || T.remove;
-  e.on(C, c), e.on(b, c), e.on(U, E), e.on(L, y), x({
+  }, L = e.Components.events, C = `${L.update}:components`, T = "component:mount", b = e.Canvas.events.frameLoadBody, U = L.removed;
+  e.on(C, c), e.on(T, c), e.on(U, E), e.on(b, v), x({
     editor: e,
-    licenseKey: v.licenseKey,
+    licenseKey: y.licenseKey,
     plan: w.startup,
     pluginName: G,
     cleanup: () => {
-      e.off(C, c), e.off(b, c), e.off(U, E), e.off(L, y);
+      e.off(C, c), e.off(T, c), e.off(U, E), e.off(b, v);
     }
   });
 }, B = j(H);

package/dist/canvasEmptyState/index.umd.js

@@ -1 +1 @@
-(function(y,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],g):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_canvasEmptyState=g())})(this,function(){"use strict";const y="app.grapesjs.com",g="app-stage.grapesjs.com",A=[y,g,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",N="license:check:end",P=()=>typeof window<"u",D=({isDev:e,isStage:t})=>`${e?"":`https://${t?g:y}`}/api`,_=()=>{const e=P()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(t=>e.endsWith(t)))};function j(e){return typeof e=="function"}async function R({path:e,baseApiUrl:t,method:o="GET",headers:a={},params:i,body:u}){const w=`${t||D({isDev:!1,isStage:!1})}${e}`,p={method:o,headers:{"Content-Type":"application/json",...a}};u&&(p.body=JSON.stringify(u));const d=i?new URLSearchParams(i).toString():"",s=d?`?${d}`:"",c=await fetch(`${w}${s}`,p);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var v=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(v||{});const I={[v.free]:0,[v.startup]:10,[v.business]:20,[v.enterprise]:30};function K(e){const t=e;return t.init=o=>a=>e(a,o),t}const x=e=>K(e);async function O({editor:e,plan:t,pluginName:o,licenseKey:a,cleanup:i}){let u="",h=!1;const w=_(),p=s=>{console.warn("Cleanup plugin:",o,"Reason:",s),i()},d=(s={})=>{var S;const{error:c,sdkLicense:T}=s,C=(S=s.plan)==null?void 0:S.category;if(!(T||s.license)||c)p(c||"Invalid license");else if(C){const L=I[t],k=I[C];L>k&&p({pluginRequiredPlan:t,licensePlan:C})}};e.on($,s=>{u=s==null?void 0:s.baseApiUrl,h=!0}),e.on(N,s=>{d(s)}),setTimeout(async()=>{if(!h){if(w)return;if(a){const s=await q({licenseKey:a,pluginName:o,baseApiUrl:u});s&&d(s)}else p("The `licenseKey` option not provided")}},2e3)}async function q(e){const{licenseKey:t,pluginName:o,baseApiUrl:a}=e;try{return(await R({baseApiUrl:a,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const F="canvasEmptyState";return x(function(e,t={}){const o=new WeakMap,a=new WeakMap,i=new WeakMap,u=new Set,h=new WeakMap,w={emptyStates:[],...t},p=(n,r)=>{let m=!1;const{isValid:f}=r;return Array.isArray(f)?m=f.some(l=>n.is(l)):j(f)?m=f({component:n,editor:e}):m=n.is(f),m},d=n=>{const r=o.get(n);o.delete(n),r==null||r()},s=n=>{n.views.forEach(r=>d(r)),i.delete(n)},c=n=>{if(!(!n||u.has(n)))try{u.add(n);const r=n.components().length>0,m=i.get(n);if(r&&m)s(n);else if(!r&&!m){const f=h.has(n)?h.get(n):w.emptyStates.find(l=>p(n,l));if(h.set(n,f),!f)return;n.views.forEach(l=>{const U=f.render({editor:e,component:n,componentView:l,mount:E=>{a.set(l,E),i.set(n,!0);const W=l.getChildrenContainer();W==null||W.appendChild(E)},unmount:()=>d(l)});o.set(l,()=>{U==null||U();const E=a.get(l);E==null||E.remove()})})}}finally{u.delete(n)}},T=n=>{i.has(n)&&s(n)},C=({model:n})=>{c(n.getComponent())},b=e.Components.events,S=`${b.update}:components`,L="component:mount",k=e.Canvas.events.frameLoadBody,M=b.removed||b.remove;e.on(S,c),e.on(L,c),e.on(M,T),e.on(k,C),O({editor:e,licenseKey:w.licenseKey,plan:v.startup,pluginName:F,cleanup:()=>{e.off(S,c),e.off(L,c),e.off(M,T),e.off(k,C)}})})});
+(function(y,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],g):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_canvasEmptyState=g())})(this,function(){"use strict";const y="app.grapesjs.com",g="app-stage.grapesjs.com",A=[y,g,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",N="license:check:end",P=()=>typeof window<"u",D=({isDev:e,isStage:t})=>`${e?"":`https://${t?g:y}`}/api`,_=()=>{const e=P()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(t=>e.endsWith(t)))};function j(e){return typeof e=="function"}async function R({path:e,baseApiUrl:t,method:o="GET",headers:a={},params:i,body:u}){const w=`${t||D({isDev:!1,isStage:!1})}${e}`,p={method:o,headers:{"Content-Type":"application/json",...a}};u&&(p.body=JSON.stringify(u));const d=i?new URLSearchParams(i).toString():"",s=d?`?${d}`:"",c=await fetch(`${w}${s}`,p);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}var v=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(v||{});const I={[v.free]:0,[v.startup]:10,[v.business]:20,[v.enterprise]:30};function K(e){const t=e;return t.init=o=>a=>e(a,o),t}const x=e=>K(e);async function O({editor:e,plan:t,pluginName:o,licenseKey:a,cleanup:i}){let u="",h=!1;const w=_(),p=s=>{console.warn("Cleanup plugin:",o,"Reason:",s),i()},d=(s={})=>{var S;const{error:c,sdkLicense:T}=s,C=(S=s.plan)==null?void 0:S.category;if(!(T||s.license)||c)p(c||"Invalid license");else if(C){const b=I[t],L=I[C];b>L&&p({pluginRequiredPlan:t,licensePlan:C})}};e.on($,s=>{u=s==null?void 0:s.baseApiUrl,h=!0}),e.on(N,s=>{d(s)}),setTimeout(async()=>{if(!h){if(w)return;if(a){const s=await q({licenseKey:a,pluginName:o,baseApiUrl:u});s&&d(s)}else p("The `licenseKey` option not provided")}},2e3)}async function q(e){const{licenseKey:t,pluginName:o,baseApiUrl:a}=e;try{return(await R({baseApiUrl:a,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const F="canvasEmptyState";return x(function(e,t={}){const o=new WeakMap,a=new WeakMap,i=new WeakMap,u=new Set,h=new WeakMap,w={emptyStates:[],...t},p=(n,r)=>{let m=!1;const{isValid:f}=r;return Array.isArray(f)?m=f.some(l=>n.is(l)):j(f)?m=f({component:n,editor:e}):m=n.is(f),m},d=n=>{const r=o.get(n);o.delete(n),r==null||r()},s=n=>{n.views.forEach(r=>d(r)),i.delete(n)},c=n=>{if(!(!n||u.has(n)))try{u.add(n);const r=n.components().length>0,m=i.get(n);if(r&&m)s(n);else if(!r&&!m){const f=h.has(n)?h.get(n):w.emptyStates.find(l=>p(n,l));if(h.set(n,f),!f)return;n.views.forEach(l=>{const U=f.render({editor:e,component:n,componentView:l,mount:E=>{a.set(l,E),i.set(n,!0);const W=l.getChildrenContainer();W==null||W.appendChild(E)},unmount:()=>d(l)});o.set(l,()=>{U==null||U();const E=a.get(l);E==null||E.remove()})})}}finally{u.delete(n)}},T=n=>{i.has(n)&&s(n)},C=({model:n})=>{c(n.getComponent())},k=e.Components.events,S=`${k.update}:components`,b="component:mount",L=e.Canvas.events.frameLoadBody,M=k.removed;e.on(S,c),e.on(b,c),e.on(M,T),e.on(L,C),O({editor:e,licenseKey:w.licenseKey,plan:v.startup,pluginName:F,cleanup:()=>{e.off(S,c),e.off(b,c),e.off(M,T),e.off(L,C)}})})});

package/dist/canvasFullSize/index.cjs.js

@@ -1,5 +1,5 @@
-"use strict";require("grapesjs");function L(e,o,s){let t,i,a,f,m;const l=o;function p(){const r=Date.now()-f;r<l&&r>=0?t=setTimeout(p,l-r):(t=null,m=e.apply(a,i),a=i=null)}const n=function(){return a=this,i=arguments,f=Date.now(),t||(t=setTimeout(p,l)),m};return n.clear=function(){t&&(clearTimeout(t),t=null)},n.flush=function(){t&&(m=e.apply(a,i),a=i=null,clearTimeout(t),t=null)},n}const $="app.grapesjs.com",D="app-stage.grapesjs.com",C=[$,D,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",x="license:check:end",A=()=>typeof window<"u",I=({isDev:e,isStage:o})=>`${e?"":`https://${o?D:$}`}/api`,k=()=>{const e=A()&&window.location.hostname;return!!e&&(C.includes(e)||C.some(o=>e.endsWith(o)))};async function H({path:e,baseApiUrl:o,method:s="GET",headers:t={},params:i,body:a}){const m=`${o||I({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...t}};a&&(l.body=JSON.stringify(a));const p=i?new URLSearchParams(i).toString():"",n=p?`?${p}`:"",r=await fetch(`${m}${n}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var w=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(w||{});const S={[w.free]:0,[w.startup]:10,[w.business]:20,[w.enterprise]:30};function M(e){const o=e;return o.init=s=>t=>e(t,s),o}const N=e=>M(e);async function U({editor:e,plan:o,pluginName:s,licenseKey:t,cleanup:i}){let a="",f=!1;const m=k(),l=n=>{console.warn("Cleanup plugin:",s,"Reason:",n),i()},p=(n={})=>{var d;const{error:r,sdkLicense:c}=n,u=(d=n.plan)==null?void 0:d.category;if(!(c||n.license)||r)l(r||"Invalid license");else if(u){const b=S[o],g=S[u];b>g&&l({pluginRequiredPlan:o,licensePlan:u})}};e.on(O,n=>{a=n==null?void 0:n.baseApiUrl,f=!0}),e.on(x,n=>{p(n)}),setTimeout(async()=>{if(!f){if(m)return;if(t){const n=await W({licenseKey:t,pluginName:s,baseApiUrl:a});n&&p(n)}else l("The `licenseKey` option not provided")}},2e3)}async function W(e){const{licenseKey:o,pluginName:s,baseApiUrl:t}=e;try{return(await H({baseApiUrl:t,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const R="canvasFullSize",_=function(e,o={}){const{Canvas:s,Commands:t}=e,i={deviceMaxWidth:1200,deviceMinHeigth:500,deviceBorderRadius:5,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,...o},{canvasOffsetY:a,canvasOffsetX:f,canvasTransition:m,deviceMaxWidth:l,deviceMinHeigth:p,deviceBorderRadius:n}=i;s.getConfig().scrollableCanvas=!0,e.Devices.getAll().map(c=>{!c.get("width")&&c.set("width",`${l}px`),!c.get("height")&&c.set("height","auto"),!c.get("minHeight")&&c.set("minHeight",`${p}px`)});const r=()=>{const c="data-gs-plg-full-size",u=document.querySelector(`style[${c}]`),h=u||document.createElement("style"),d=s.getZoomMultiplier();h.setAttribute(c,"true"),h.innerHTML=`
-      .gjs-frame-wrapper { transition: none !important; }
-      .gjs-frame-wrapper__bottom { height: ${a*d}px }
-      .gjs-frame { border-radius: ${n}px }
-    `,!u&&document.body.appendChild(h)};e.onReady(()=>{const c=s.getSpotsEl(),u=s.getElement(),h=s.getFramesEl();u.style.overflowX="hidden",h.style.transition=`transform ${m}s`,r();const d=()=>c.style.display="none",b=()=>c.style.display="",g=L(()=>{const v={x:f,y:a};s.getCanvasView().clearOff(),s.fitViewport({zoom:y=>y>100?100:y,ignoreHeight:!0,gap:v}),r(),setTimeout(()=>{var y,T;e.em.destroyed||((T=(y=e.getSelected())==null?void 0:y.getEl())==null||T.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),b())},310)},100),E=new ResizeObserver(()=>{d(),g()});E.observe(u.parentElement),e.on(e.Devices.events.select,()=>{d(),g()}),e.on(s.events.zoom,(v={})=>{v.options&&v.options.from!=="fitViewport"&&s.fitViewport({zoom:s.getZoom(),ignoreHeight:!0,gap:{x:f,y:a}})}),e.on(`${t.events.stopCommand}core:preview`,()=>{u.style.overflowX="hidden",u.style.overflowY="auto"}),e.on(e.events.destroy,()=>{E.disconnect(),g.clear()}),g()}),U({editor:e,licenseKey:i.licenseKey,plan:w.startup,pluginName:R,cleanup:()=>{}})},z=N(_);module.exports=z;
+"use strict";require("grapesjs");function j(e,a,n){let t,o,c,p,d;const r=a;function u(){const l=Date.now()-p;l<r&&l>=0?t=setTimeout(u,r-l):(t=null,d=e.apply(c,o),c=o=null)}const s=function(){return c=this,o=arguments,p=Date.now(),t||(t=setTimeout(u,r)),d};return s.clear=function(){t&&(clearTimeout(t),t=null)},s.flush=function(){t&&(d=e.apply(c,o),c=o=null,clearTimeout(t),t=null)},s}const R="app.grapesjs.com",U="app-stage.grapesjs.com",k=[R,U,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],K="license:check:start",q="license:check:end",F=()=>typeof window<"u",V=({isDev:e,isStage:a})=>`${e?"":`https://${a?U:R}`}/api`,X=()=>{const e=F()&&window.location.hostname;return!!e&&(k.includes(e)||k.some(a=>e.endsWith(a)))};async function Y({path:e,baseApiUrl:a,method:n="GET",headers:t={},params:o,body:c}){const d=`${a||V({isDev:!1,isStage:!1})}${e}`,r={method:n,headers:{"Content-Type":"application/json",...t}};c&&(r.body=JSON.stringify(c));const u=o?new URLSearchParams(o).toString():"",s=u?`?${u}`:"",l=await fetch(`${d}${s}`,r);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{});const z={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function B(e){const a=e;return a.init=n=>t=>e(t,n),a}const G=e=>B(e);async function Z({editor:e,plan:a,pluginName:n,licenseKey:t,cleanup:o}){let c="",p=!1;const d=X(),r=s=>{console.warn("Cleanup plugin:",n,"Reason:",s),o()},u=(s={})=>{var C;const{error:l,sdkLicense:D}=s,y=(C=s.plan)==null?void 0:C.category;if(!(D||s.license)||l)r(l||"Invalid license");else if(y){const S=z[a],T=z[y];S>T&&r({pluginRequiredPlan:a,licensePlan:y})}};e.on(K,s=>{c=s==null?void 0:s.baseApiUrl,p=!0}),e.on(q,s=>{u(s)}),setTimeout(async()=>{if(!p){if(d)return;if(t){const s=await J({licenseKey:t,pluginName:n,baseApiUrl:c});s&&u(s)}else r("The `licenseKey` option not provided")}},2e3)}async function J(e){const{licenseKey:a,pluginName:n,baseApiUrl:t}=e;try{return(await Y({baseApiUrl:t,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasFullSize",Q=function(e,a={}){const{Canvas:n,Commands:t,Devices:o}=e,c={deviceMaxWidth:1200,deviceMinHeigth:500,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,frameBorderRadius:5,frameTransition:.3,...a},{canvasOffsetY:p,canvasOffsetX:d,canvasTransition:r,deviceMaxWidth:u,deviceMinHeigth:s,frameBorderRadius:l,frameTransition:D}=c,y=`${s}px`,E=n.events,C=`${t.events.stopCommand}core:preview`,S=n.getConfig(),T=`${N}:disable`,P=o.getAll().map(i=>({...i.attributes}));S.scrollableCanvas=!0,o.getAll().map(i=>{!i.get("width")&&i.set("width",`${u}px`),!i.get("height")&&i.set("height","auto"),!i.get("minHeight")&&i.set("minHeight",y)});const L=i=>{const v="data-gs-plg-full-size",f=document.querySelector(`style[${v}]`);if(i&&f)return f.remove();const m=f||document.createElement("style"),h=n.getZoomMultiplier();m.setAttribute(v,"true"),m.innerHTML=`
+      .gjs-frame-wrapper { transition: width ${D}s !important; }
+      .gjs-frame-wrapper__bottom { height: ${p*h}px }
+      .gjs-frame { border-radius: ${l}px }
+    `,!f&&document.body.appendChild(m)};e.on(E.frameLoadHead,i=>{if(!S.scrollableCanvas)return;const{window:v}=i,f=v.document,m=f.head,h="data-gs-plg-wrapper-style",w=m.querySelector(`style[${h}]`)||f.createElement("style");w.setAttribute(h,"true"),w.innerHTML=`[data-gjs-type="wrapper"] { min-height: ${y}; }`,!m.contains(w)&&m.appendChild(w)}),e.onReady(()=>{const i=n.getSpotsEl(),v=n.getElement(),f=n.getFramesEl(),m=r*1e3,h=v.style;h.overflowX="hidden",f.style.transition=`transform ${r}s`;const w={x:d,y:p};L();const A=()=>i.style.display="none",_=()=>i.style.display="",$=j(()=>{n.fitViewport({zoom:g=>g>100?100:g,ignoreHeight:!0,gap:w}),L(),setTimeout(()=>{var g,W;e.em.destroyed||((W=(g=e.getSelected())==null?void 0:g.getEl())==null||W.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),_())},m)},100),H=new ResizeObserver(()=>{A(),$()});H.observe(v.parentElement);const M=()=>{A(),$()},O=(g={})=>{g.options&&g.options.from!=="fitViewport"&&n.fitViewport({zoom:n.getZoom(),ignoreHeight:!0,gap:w})},x=()=>{h.overflowX="hidden",h.overflowY="auto"},I=()=>{H.disconnect(),$.clear()};e.on(o.events.select,M),e.on(E.zoom,O),e.on(C,x),e.on(e.events.destroy,I),$(),t.add(T,()=>{o.devices.reset(P),S.scrollableCanvas=!1,n.getModel().updateDevice(),n.setZoom(100),n.setCoords(0,0),h.overflowY="hidden",L(!0),e.off(o.events.select,M),e.off(E.zoom,O),e.off(C,x),I(),t.run("studio:canvasReload")})}),Z({editor:e,licenseKey:c.licenseKey,plan:b.startup,pluginName:N,cleanup:()=>{e.runCommand(T)}})},ee=G(Q);module.exports=ee;

package/dist/canvasFullSize/index.es.js

@@ -1,23 +1,23 @@
 import "grapesjs";
-function L(e, o, s) {
-  let t, i, a, f, m;
-  const l = o;
-  function p() {
-    const r = Date.now() - f;
-    r < l && r >= 0 ? t = setTimeout(p, l - r) : (t = null, m = e.apply(a, i), a = i = null);
+function j(e, a, n) {
+  let t, o, c, p, d;
+  const r = a;
+  function u() {
+    const l = Date.now() - p;
+    l < r && l >= 0 ? t = setTimeout(u, r - l) : (t = null, d = e.apply(c, o), c = o = null);
   }
-  const n = function() {
-    return a = this, i = arguments, f = Date.now(), t || (t = setTimeout(p, l)), m;
+  const s = function() {
+    return c = this, o = arguments, p = Date.now(), t || (t = setTimeout(u, r)), d;
   };
-  return n.clear = function() {
+  return s.clear = function() {
     t && (clearTimeout(t), t = null);
-  }, n.flush = function() {
-    t && (m = e.apply(a, i), a = i = null, clearTimeout(t), t = null);
-  }, n;
+  }, s.flush = function() {
+    t && (d = e.apply(c, o), c = o = null, clearTimeout(t), t = null);
+  }, s;
 }
-const $ = "app.grapesjs.com", D = "app-stage.grapesjs.com", C = [
-  $,
-  D,
+const R = "app.grapesjs.com", U = "app-stage.grapesjs.com", k = [
+  R,
+  U,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -26,155 +26,175 @@ const $ = "app.grapesjs.com", D = "app-stage.grapesjs.com", C = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], O = "license:check:start", x = "license:check:end", A = () => typeof window < "u", I = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? D : $}`}/api`, k = () => {
-  const e = A() && window.location.hostname;
-  return !!e && (C.includes(e) || C.some((o) => e.endsWith(o)));
+], K = "license:check:start", F = "license:check:end", q = () => typeof window < "u", V = ({ isDev: e, isStage: a }) => `${e ? "" : `https://${a ? U : R}`}/api`, X = () => {
+  const e = q() && window.location.hostname;
+  return !!e && (k.includes(e) || k.some((a) => e.endsWith(a)));
 };
-async function H({
+async function Y({
   path: e,
-  baseApiUrl: o,
-  method: s = "GET",
+  baseApiUrl: a,
+  method: n = "GET",
   headers: t = {},
-  params: i,
-  body: a
+  params: o,
+  body: c
 }) {
-  const m = `${o || I({ isDev: !1, isStage: !1 })}${e}`, l = {
-    method: s,
+  const d = `${a || V({ isDev: !1, isStage: !1 })}${e}`, r = {
+    method: n,
     headers: {
       "Content-Type": "application/json",
       ...t
     }
   };
-  a && (l.body = JSON.stringify(a));
-  const p = i ? new URLSearchParams(i).toString() : "", n = p ? `?${p}` : "", r = await fetch(`${m}${n}`, l);
-  if (!r.ok)
-    throw new Error(`HTTP error! status: ${r.status}`);
-  return r.json();
+  c && (r.body = JSON.stringify(c));
+  const u = o ? new URLSearchParams(o).toString() : "", s = u ? `?${u}` : "", l = await fetch(`${d}${s}`, r);
+  if (!l.ok)
+    throw new Error(`HTTP error! status: ${l.status}`);
+  return l.json();
 }
-var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {});
-const S = {
-  [w.free]: 0,
-  [w.startup]: 10,
-  [w.business]: 20,
-  [w.enterprise]: 30
+var b = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(b || {});
+const z = {
+  [b.free]: 0,
+  [b.startup]: 10,
+  [b.business]: 20,
+  [b.enterprise]: 30
 };
-function M(e) {
-  const o = e;
-  return o.init = (s) => (t) => e(t, s), o;
+function B(e) {
+  const a = e;
+  return a.init = (n) => (t) => e(t, n), a;
 }
-const N = (e) => /* @__PURE__ */ M(e);
-async function U({
+const G = (e) => /* @__PURE__ */ B(e);
+async function Z({
   editor: e,
-  plan: o,
-  pluginName: s,
+  plan: a,
+  pluginName: n,
   licenseKey: t,
-  cleanup: i
+  cleanup: o
 }) {
-  let a = "", f = !1;
-  const m = k(), l = (n) => {
-    console.warn("Cleanup plugin:", s, "Reason:", n), i();
-  }, p = (n = {}) => {
-    var d;
-    const { error: r, sdkLicense: c } = n, u = (d = n.plan) == null ? void 0 : d.category;
-    if (!(c || n.license) || r)
-      l(r || "Invalid license");
-    else if (u) {
-      const b = S[o], g = S[u];
-      b > g && l({ pluginRequiredPlan: o, licensePlan: u });
+  let c = "", p = !1;
+  const d = X(), r = (s) => {
+    console.warn("Cleanup plugin:", n, "Reason:", s), o();
+  }, u = (s = {}) => {
+    var C;
+    const { error: l, sdkLicense: D } = s, y = (C = s.plan) == null ? void 0 : C.category;
+    if (!(D || s.license) || l)
+      r(l || "Invalid license");
+    else if (y) {
+      const S = z[a], T = z[y];
+      S > T && r({ pluginRequiredPlan: a, licensePlan: y });
     }
   };
-  e.on(O, (n) => {
-    a = n == null ? void 0 : n.baseApiUrl, f = !0;
-  }), e.on(x, (n) => {
-    p(n);
+  e.on(K, (s) => {
+    c = s == null ? void 0 : s.baseApiUrl, p = !0;
+  }), e.on(F, (s) => {
+    u(s);
   }), setTimeout(async () => {
-    if (!f) {
-      if (m) return;
+    if (!p) {
+      if (d) return;
       if (t) {
-        const n = await W({ licenseKey: t, pluginName: s, baseApiUrl: a });
-        n && p(n);
+        const s = await J({ licenseKey: t, pluginName: n, baseApiUrl: c });
+        s && u(s);
       } else
-        l("The `licenseKey` option not provided");
+        r("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function W(e) {
-  const { licenseKey: o, pluginName: s, baseApiUrl: t } = e;
+async function J(e) {
+  const { licenseKey: a, pluginName: n, baseApiUrl: t } = e;
   try {
-    return (await H({
+    return (await Y({
       baseApiUrl: t,
-      path: `/sdk/${o || "na"}`,
+      path: `/sdk/${a || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: s
+        pn: n
       }
     })).result || {};
-  } catch (i) {
-    return console.error("Error during SDK license check:", i), !1;
+  } catch (o) {
+    return console.error("Error during SDK license check:", o), !1;
   }
 }
-const R = "canvasFullSize", _ = function(e, o = {}) {
-  const { Canvas: s, Commands: t } = e, i = {
+const N = "canvasFullSize", Q = function(e, a = {}) {
+  const { Canvas: n, Commands: t, Devices: o } = e, c = {
     deviceMaxWidth: 1200,
     deviceMinHeigth: 500,
-    deviceBorderRadius: 5,
     canvasOffsetY: 30,
     canvasOffsetX: 50,
     canvasTransition: 0.3,
-    ...o
-  }, { canvasOffsetY: a, canvasOffsetX: f, canvasTransition: m, deviceMaxWidth: l, deviceMinHeigth: p, deviceBorderRadius: n } = i;
-  s.getConfig().scrollableCanvas = !0, e.Devices.getAll().map((c) => {
-    !c.get("width") && c.set("width", `${l}px`), !c.get("height") && c.set("height", "auto"), !c.get("minHeight") && c.set("minHeight", `${p}px`);
+    frameBorderRadius: 5,
+    frameTransition: 0.3,
+    ...a
+  }, {
+    canvasOffsetY: p,
+    canvasOffsetX: d,
+    canvasTransition: r,
+    deviceMaxWidth: u,
+    deviceMinHeigth: s,
+    frameBorderRadius: l,
+    frameTransition: D
+  } = c, y = `${s}px`, E = n.events, C = `${t.events.stopCommand}core:preview`, S = n.getConfig(), T = `${N}:disable`, P = o.getAll().map((i) => ({ ...i.attributes }));
+  S.scrollableCanvas = !0, o.getAll().map((i) => {
+    !i.get("width") && i.set("width", `${u}px`), !i.get("height") && i.set("height", "auto"), !i.get("minHeight") && i.set("minHeight", y);
   });
-  const r = () => {
-    const c = "data-gs-plg-full-size", u = document.querySelector(`style[${c}]`), h = u || document.createElement("style"), d = s.getZoomMultiplier();
-    h.setAttribute(c, "true"), h.innerHTML = `
-      .gjs-frame-wrapper { transition: none !important; }
-      .gjs-frame-wrapper__bottom { height: ${a * d}px }
-      .gjs-frame { border-radius: ${n}px }
-    `, !u && document.body.appendChild(h);
+  const L = (i) => {
+    const v = "data-gs-plg-full-size", f = document.querySelector(`style[${v}]`);
+    if (i && f)
+      return f.remove();
+    const m = f || document.createElement("style"), h = n.getZoomMultiplier();
+    m.setAttribute(v, "true"), m.innerHTML = `
+      .gjs-frame-wrapper { transition: width ${D}s !important; }
+      .gjs-frame-wrapper__bottom { height: ${p * h}px }
+      .gjs-frame { border-radius: ${l}px }
+    `, !f && document.body.appendChild(m);
   };
-  e.onReady(() => {
-    const c = s.getSpotsEl(), u = s.getElement(), h = s.getFramesEl();
-    u.style.overflowX = "hidden", h.style.transition = `transform ${m}s`, r();
-    const d = () => c.style.display = "none", b = () => c.style.display = "", g = L(() => {
-      const v = { x: f, y: a };
-      s.getCanvasView().clearOff(), s.fitViewport({
-        // @ts-expect-error not yet available
-        zoom: (y) => y > 100 ? 100 : y,
+  e.on(E.frameLoadHead, (i) => {
+    if (!S.scrollableCanvas) return;
+    const { window: v } = i, f = v.document, m = f.head, h = "data-gs-plg-wrapper-style", w = m.querySelector(`style[${h}]`) || f.createElement("style");
+    w.setAttribute(h, "true"), w.innerHTML = `[data-gjs-type="wrapper"] { min-height: ${y}; }`, !m.contains(w) && m.appendChild(w);
+  }), e.onReady(() => {
+    const i = n.getSpotsEl(), v = n.getElement(), f = n.getFramesEl(), m = r * 1e3, h = v.style;
+    h.overflowX = "hidden", f.style.transition = `transform ${r}s`;
+    const w = { x: d, y: p };
+    L();
+    const A = () => i.style.display = "none", _ = () => i.style.display = "", $ = j(() => {
+      n.fitViewport({
+        zoom: (g) => g > 100 ? 100 : g,
         ignoreHeight: !0,
-        gap: v
-      }), r(), setTimeout(() => {
-        var y, T;
-        e.em.destroyed || ((T = (y = e.getSelected()) == null ? void 0 : y.getEl()) == null || T.scrollIntoView({ block: "nearest" }), e.refresh({ tools: !0 }), b());
-      }, 310);
-    }, 100), E = new ResizeObserver(() => {
-      d(), g();
+        gap: w
+      }), L(), setTimeout(() => {
+        var g, W;
+        e.em.destroyed || ((W = (g = e.getSelected()) == null ? void 0 : g.getEl()) == null || W.scrollIntoView({ block: "nearest" }), e.refresh({ tools: !0 }), _());
+      }, m);
+    }, 100), H = new ResizeObserver(() => {
+      A(), $();
     });
-    E.observe(u.parentElement), e.on(e.Devices.events.select, () => {
-      d(), g();
-    }), e.on(s.events.zoom, (v = {}) => {
-      v.options && v.options.from !== "fitViewport" && s.fitViewport({
-        // @ts-expect-error not yet available
-        zoom: s.getZoom(),
+    H.observe(v.parentElement);
+    const M = () => {
+      A(), $();
+    }, O = (g = {}) => {
+      g.options && g.options.from !== "fitViewport" && n.fitViewport({
+        zoom: n.getZoom(),
         ignoreHeight: !0,
-        gap: { x: f, y: a }
+        gap: w
       });
-    }), e.on(`${t.events.stopCommand}core:preview`, () => {
-      u.style.overflowX = "hidden", u.style.overflowY = "auto";
-    }), e.on(e.events.destroy, () => {
-      E.disconnect(), g.clear();
-    }), g();
-  }), U({
+    }, x = () => {
+      h.overflowX = "hidden", h.overflowY = "auto";
+    }, I = () => {
+      H.disconnect(), $.clear();
+    };
+    e.on(o.events.select, M), e.on(E.zoom, O), e.on(C, x), e.on(e.events.destroy, I), $(), t.add(T, () => {
+      o.devices.reset(P), S.scrollableCanvas = !1, n.getModel().updateDevice(), n.setZoom(100), n.setCoords(0, 0), h.overflowY = "hidden", L(!0), e.off(o.events.select, M), e.off(E.zoom, O), e.off(C, x), I(), t.run("studio:canvasReload");
+    });
+  }), Z({
     editor: e,
-    licenseKey: i.licenseKey,
-    plan: w.startup,
-    pluginName: R,
+    licenseKey: c.licenseKey,
+    plan: b.startup,
+    pluginName: N,
     cleanup: () => {
+      e.runCommand(T);
     }
   });
-}, j = N(_);
+}, te = G(Q);
 export {
-  j as default
+  te as default
 };

package/dist/canvasFullSize/index.umd.js

@@ -1,5 +1,5 @@
-(function(v,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],h):(v=typeof globalThis<"u"?globalThis:v||self,v.StudioSdkPlugins_canvasFullSize=h())})(this,function(){"use strict";function v(e,o,s){let t,i,a,f,d;const l=o;function p(){const r=Date.now()-f;r<l&&r>=0?t=setTimeout(p,l-r):(t=null,d=e.apply(a,i),a=i=null)}const n=function(){return a=this,i=arguments,f=Date.now(),t||(t=setTimeout(p,l)),d};return n.clear=function(){t&&(clearTimeout(t),t=null)},n.flush=function(){t&&(d=e.apply(a,i),a=i=null,clearTimeout(t),t=null)},n}const h="app.grapesjs.com",S="app-stage.grapesjs.com",C=[h,S,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],L="license:check:start",O="license:check:end",k=()=>typeof window<"u",A=({isDev:e,isStage:o})=>`${e?"":`https://${o?S:h}`}/api`,I=()=>{const e=k()&&window.location.hostname;return!!e&&(C.includes(e)||C.some(o=>e.endsWith(o)))};async function j({path:e,baseApiUrl:o,method:s="GET",headers:t={},params:i,body:a}){const d=`${o||A({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...t}};a&&(l.body=JSON.stringify(a));const p=i?new URLSearchParams(i).toString():"",n=p?`?${p}`:"",r=await fetch(`${d}${n}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}var g=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(g||{});const $={[g.free]:0,[g.startup]:10,[g.business]:20,[g.enterprise]:30};function H(e){const o=e;return o.init=s=>t=>e(t,s),o}const M=e=>H(e);async function N({editor:e,plan:o,pluginName:s,licenseKey:t,cleanup:i}){let a="",f=!1;const d=I(),l=n=>{console.warn("Cleanup plugin:",s,"Reason:",n),i()},p=(n={})=>{var m;const{error:r,sdkLicense:c}=n,u=(m=n.plan)==null?void 0:m.category;if(!(c||n.license)||r)l(r||"Invalid license");else if(u){const T=$[o],w=$[u];T>w&&l({pluginRequiredPlan:o,licensePlan:u})}};e.on(L,n=>{a=n==null?void 0:n.baseApiUrl,f=!0}),e.on(O,n=>{p(n)}),setTimeout(async()=>{if(!f){if(d)return;if(t){const n=await U({licenseKey:t,pluginName:s,baseApiUrl:a});n&&p(n)}else l("The `licenseKey` option not provided")}},2e3)}async function U(e){const{licenseKey:o,pluginName:s,baseApiUrl:t}=e;try{return(await j({baseApiUrl:t,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(i){return console.error("Error during SDK license check:",i),!1}}const W="canvasFullSize";return M(function(e,o={}){const{Canvas:s,Commands:t}=e,i={deviceMaxWidth:1200,deviceMinHeigth:500,deviceBorderRadius:5,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,...o},{canvasOffsetY:a,canvasOffsetX:f,canvasTransition:d,deviceMaxWidth:l,deviceMinHeigth:p,deviceBorderRadius:n}=i;s.getConfig().scrollableCanvas=!0,e.Devices.getAll().map(c=>{!c.get("width")&&c.set("width",`${l}px`),!c.get("height")&&c.set("height","auto"),!c.get("minHeight")&&c.set("minHeight",`${p}px`)});const r=()=>{const c="data-gs-plg-full-size",u=document.querySelector(`style[${c}]`),y=u||document.createElement("style"),m=s.getZoomMultiplier();y.setAttribute(c,"true"),y.innerHTML=`
-      .gjs-frame-wrapper { transition: none !important; }
-      .gjs-frame-wrapper__bottom { height: ${a*m}px }
-      .gjs-frame { border-radius: ${n}px }
-    `,!u&&document.body.appendChild(y)};e.onReady(()=>{const c=s.getSpotsEl(),u=s.getElement(),y=s.getFramesEl();u.style.overflowX="hidden",y.style.transition=`transform ${d}s`,r();const m=()=>c.style.display="none",T=()=>c.style.display="",w=v(()=>{const E={x:f,y:a};s.getCanvasView().clearOff(),s.fitViewport({zoom:b=>b>100?100:b,ignoreHeight:!0,gap:E}),r(),setTimeout(()=>{var b,D;e.em.destroyed||((D=(b=e.getSelected())==null?void 0:b.getEl())==null||D.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),T())},310)},100),x=new ResizeObserver(()=>{m(),w()});x.observe(u.parentElement),e.on(e.Devices.events.select,()=>{m(),w()}),e.on(s.events.zoom,(E={})=>{E.options&&E.options.from!=="fitViewport"&&s.fitViewport({zoom:s.getZoom(),ignoreHeight:!0,gap:{x:f,y:a}})}),e.on(`${t.events.stopCommand}core:preview`,()=>{u.style.overflowX="hidden",u.style.overflowY="auto"}),e.on(e.events.destroy,()=>{x.disconnect(),w.clear()}),w()}),N({editor:e,licenseKey:i.licenseKey,plan:g.startup,pluginName:W,cleanup:()=>{}})})});
+(function(C,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("grapesjs")):typeof define=="function"&&define.amd?define(["grapesjs"],y):(C=typeof globalThis<"u"?globalThis:C||self,C.StudioSdkPlugins_canvasFullSize=y())})(this,function(){"use strict";function C(e,i,n){let t,o,c,p,d;const r=i;function u(){const l=Date.now()-p;l<r&&l>=0?t=setTimeout(u,r-l):(t=null,d=e.apply(c,o),c=o=null)}const s=function(){return c=this,o=arguments,p=Date.now(),t||(t=setTimeout(u,r)),d};return s.clear=function(){t&&(clearTimeout(t),t=null)},s.flush=function(){t&&(d=e.apply(c,o),c=o=null,clearTimeout(t),t=null)},s}const y="app.grapesjs.com",H="app-stage.grapesjs.com",M=[y,H,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],U="license:check:start",_="license:check:end",F=()=>typeof window<"u",K=({isDev:e,isStage:i})=>`${e?"":`https://${i?H:y}`}/api`,q=()=>{const e=F()&&window.location.hostname;return!!e&&(M.includes(e)||M.some(i=>e.endsWith(i)))};async function V({path:e,baseApiUrl:i,method:n="GET",headers:t={},params:o,body:c}){const d=`${i||K({isDev:!1,isStage:!1})}${e}`,r={method:n,headers:{"Content-Type":"application/json",...t}};c&&(r.body=JSON.stringify(c));const u=o?new URLSearchParams(o).toString():"",s=u?`?${u}`:"",l=await fetch(`${d}${s}`,r);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{});const O={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function X(e){const i=e;return i.init=n=>t=>e(t,n),i}const Y=e=>X(e);async function B({editor:e,plan:i,pluginName:n,licenseKey:t,cleanup:o}){let c="",p=!1;const d=q(),r=s=>{console.warn("Cleanup plugin:",n,"Reason:",s),o()},u=(s={})=>{var T;const{error:l,sdkLicense:x}=s,S=(T=s.plan)==null?void 0:T.category;if(!(x||s.license)||l)r(l||"Invalid license");else if(S){const E=O[i],D=O[S];E>D&&r({pluginRequiredPlan:i,licensePlan:S})}};e.on(U,s=>{c=s==null?void 0:s.baseApiUrl,p=!0}),e.on(_,s=>{u(s)}),setTimeout(async()=>{if(!p){if(d)return;if(t){const s=await G({licenseKey:t,pluginName:n,baseApiUrl:c});s&&u(s)}else r("The `licenseKey` option not provided")}},2e3)}async function G(e){const{licenseKey:i,pluginName:n,baseApiUrl:t}=e;try{return(await V({baseApiUrl:t,path:`/sdk/${i||"na"}`,method:"POST",params:{d:window.location.hostname,pn:n}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const j="canvasFullSize";return Y(function(e,i={}){const{Canvas:n,Commands:t,Devices:o}=e,c={deviceMaxWidth:1200,deviceMinHeigth:500,canvasOffsetY:30,canvasOffsetX:50,canvasTransition:.3,frameBorderRadius:5,frameTransition:.3,...i},{canvasOffsetY:p,canvasOffsetX:d,canvasTransition:r,deviceMaxWidth:u,deviceMinHeigth:s,frameBorderRadius:l,frameTransition:x}=c,S=`${s}px`,$=n.events,T=`${t.events.stopCommand}core:preview`,E=n.getConfig(),D=`${j}:disable`,Z=o.getAll().map(a=>({...a.attributes}));E.scrollableCanvas=!0,o.getAll().map(a=>{!a.get("width")&&a.set("width",`${u}px`),!a.get("height")&&a.set("height","auto"),!a.get("minHeight")&&a.set("minHeight",S)});const A=a=>{const v="data-gs-plg-full-size",f=document.querySelector(`style[${v}]`);if(a&&f)return f.remove();const m=f||document.createElement("style"),h=n.getZoomMultiplier();m.setAttribute(v,"true"),m.innerHTML=`
+      .gjs-frame-wrapper { transition: width ${x}s !important; }
+      .gjs-frame-wrapper__bottom { height: ${p*h}px }
+      .gjs-frame { border-radius: ${l}px }
+    `,!f&&document.body.appendChild(m)};e.on($.frameLoadHead,a=>{if(!E.scrollableCanvas)return;const{window:v}=a,f=v.document,m=f.head,h="data-gs-plg-wrapper-style",w=m.querySelector(`style[${h}]`)||f.createElement("style");w.setAttribute(h,"true"),w.innerHTML=`[data-gjs-type="wrapper"] { min-height: ${S}; }`,!m.contains(w)&&m.appendChild(w)}),e.onReady(()=>{const a=n.getSpotsEl(),v=n.getElement(),f=n.getFramesEl(),m=r*1e3,h=v.style;h.overflowX="hidden",f.style.transition=`transform ${r}s`;const w={x:d,y:p};A();const k=()=>a.style.display="none",J=()=>a.style.display="",L=C(()=>{n.fitViewport({zoom:g=>g>100?100:g,ignoreHeight:!0,gap:w}),A(),setTimeout(()=>{var g,R;e.em.destroyed||((R=(g=e.getSelected())==null?void 0:g.getEl())==null||R.scrollIntoView({block:"nearest"}),e.refresh({tools:!0}),J())},m)},100),z=new ResizeObserver(()=>{k(),L()});z.observe(v.parentElement);const I=()=>{k(),L()},W=(g={})=>{g.options&&g.options.from!=="fitViewport"&&n.fitViewport({zoom:n.getZoom(),ignoreHeight:!0,gap:w})},N=()=>{h.overflowX="hidden",h.overflowY="auto"},P=()=>{z.disconnect(),L.clear()};e.on(o.events.select,I),e.on($.zoom,W),e.on(T,N),e.on(e.events.destroy,P),L(),t.add(D,()=>{o.devices.reset(Z),E.scrollableCanvas=!1,n.getModel().updateDevice(),n.setZoom(100),n.setCoords(0,0),h.overflowY="hidden",A(!0),e.off(o.events.select,I),e.off($.zoom,W),e.off(T,N),P(),t.run("studio:canvasReload")})}),B({editor:e,licenseKey:c.licenseKey,plan:b.startup,pluginName:j,cleanup:()=>{e.runCommand(D)}})})});

package/dist/canvasFullSize/typesSchema.d.ts

@@ -1,5 +1,13 @@
 import { SDKPluginOptions } from '../utils';
 export interface CanvasFullSizeOptions extends SDKPluginOptions {
+    /**
+     * @default 1200
+     */
+    deviceMaxWidth?: number;
+    /**
+     * @default 500
+     */
+    deviceMinHeigth?: number;
     /**
      * @default 30
      */
@@ -13,15 +21,11 @@ export interface CanvasFullSizeOptions extends SDKPluginOptions {
      */
     canvasTransition?: number;
     /**
-     * @default 1200
-     */
-    deviceMaxWidth?: number;
-    /**
-     * @default 1200
+     * @default 5
      */
-    deviceMinHeigth?: number;
+    frameBorderRadius?: number;
     /**
-     * @default 5
+     * @default 0.3
      */
-    deviceBorderRadius?: number;
+    frameTransition?: number;
 }

package/dist/flexComponent/blocks.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from '../types';
+import { FlexComponentOptions } from './types';
+export default function loadBlocks(editor: Editor, opts: FlexComponentOptions): (() => void) | undefined;

package/dist/flexComponent/components/FlexColumn.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '../../types';
+import { FlexComponentOptions } from '../types';
+declare const loadFlexColumn: (editor: Editor, opts: FlexComponentOptions) => (() => void) | undefined;
+export default loadFlexColumn;

package/dist/flexComponent/components/FlexRow.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '../../types';
+import { FlexComponentOptions } from '../types';
+declare const loadFlexRow: (editor: Editor, opts: FlexComponentOptions) => (() => void) | undefined;
+export default loadFlexRow;

package/dist/flexComponent/handlers.d.ts

@@ -0,0 +1,19 @@
+import { FlexComponentOptions, FlexGetGapFnProps, FlexGetParentSizeFnProps, FlexGetSizeFnProps, FlexIsParentVerticalFnProps, FlexSetGapFnProps, FlexSetSizeFnProps } from './types';
+export interface SizeHandler {
+    getSize(props: FlexGetSizeFnProps): number;
+    setSize(props: FlexSetSizeFnProps): void;
+}
+export interface GapHandler {
+    getGap(props: FlexGetGapFnProps): number;
+    setGap(props: FlexSetGapFnProps): void;
+    isGapSupported(): boolean;
+}
+export interface ParentSizeHandler {
+    getParentSize(props: FlexGetParentSizeFnProps): number;
+    isLayoutVertical(props: FlexIsParentVerticalFnProps): boolean;
+}
+export declare function getHandlers(config: FlexComponentOptions): {
+    sizeHandler: SizeHandler;
+    gapHandler: GapHandler;
+    parentSizeHandler: ParentSizeHandler;
+};

package/dist/flexComponent/index.cjs.d.ts

@@ -0,0 +1,3 @@
+import { FlexComponentOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<FlexComponentOptions>;
+export default _default;