@grapesjs/studio-sdk-plugins 1.0.28 → 1.0.29

package/dist/canvasFullSize/index.es.js

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

package/dist/canvasFullSize/index.umd.js

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

package/dist/canvasFullSize/typesSchema.d.ts

@@ -10,6 +10,11 @@ export interface CanvasFullSizeOptions extends SDKPluginOptions {
      * @default 500
      */
     deviceMinHeigth?: number;
+    /**
+     * This option disables scrollable canvas area and keeps the iframe's height fixed.
+     * @default false
+     */
+    deviceFixedHeight?: boolean;
     /**
      * Offset for the canvas on the Y axis (margin between the canvas and content frame).
      * @default 30

package/dist/googleFontsAssetProvider/index.cjs.js

@@ -1 +1 @@
-"use strict";var p=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(p||{}),y=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(y||{});const R="app.grapesjs.com",x="app-stage.grapesjs.com",I="app2.grapesjs.com",k="app-stage2.grapesjs.com",w=[R,I,x,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",M="license:check:end",U=()=>typeof window<"u",E=({isDev:e,isStage:t})=>`${e?"":`https://${t?x:R}`}/api`,j=()=>{const e=U()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function N({path:e,baseApiUrl:t,method:s="GET",headers:o={},params:n,body:r}){const l=`${t||E({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...o}};r&&(c.body=JSON.stringify(r));const u=n?new URLSearchParams(n).toString():"",a=u?`?${u}`:"",g=await fetch(`${l}${a}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[p.free]:0,[p.startup]:10,[p.business]:20,[p.enterprise]:30};function B(e){const t=e;return t.init=s=>o=>e(o,s),t}const W=e=>B(e);async function _({editor:e,plan:t,pluginName:s,licenseKey:o,cleanup:n}){let r="",i=!1;const l=j(),c=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),n()},u=(a={})=>{var A;const{error:g,sdkLicense:f}=a,d=(A=a.plan)==null?void 0:A.category;if(!(f||a.license)||g)c(g||"Invalid license");else if(d){const O=L[t],G=L[d];O>G&&c({pluginRequiredPlan:t,licensePlan:d})}};e.on($,a=>{r=a==null?void 0:a.baseApiUrl,i=!0}),e.on(M,a=>{u(a)}),setTimeout(async()=>{if(!i){if(l)return;if(o){const a=await S({licenseKey:o,pluginName:s,baseApiUrl:r});a&&u(a)}else c("The `licenseKey` option not provided")}},2e3)}async function S(e){const{licenseKey:t,pluginName:s,baseApiUrl:o}=e;try{return(await N({baseApiUrl:o,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const b=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`'${b(e)}'`:b(e),F=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=v(e);const{menuVariant:s,variants:o}=t;return{family:e,familyLabel:b(e),menuVariant:s&&F(v(`menuFont-${b(e)}`),"regular",s),variants:Object.assign({},...Object.entries(o).map(([n,r])=>({[n]:F(e,n,r)})))}},T=(e,t)=>{var l;const s=D(e.family,e),o=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!o)return"Arial, Helvetica, sans-serif";const{source:n,descriptors:r}=o,i=b(o.family);if(!t){const c=new FontFace(i,`url("${n}")`,r),u=Array.from(document.fonts.values()).filter(a=>a.family===i);for(const a of u)document.fonts.delete(a);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},K=e=>{const{family:t,menu:s,axes:o}=e,n=!!o,r=Object.assign({},...e.variants.map(i=>{var a,g;let l,c;if(n){const f=o.find(d=>d.tag==="wght");if(f){const{start:d,end:P}=f;l=`${d} ${P}`}}return l||(l=((a=i.match(/\d+/))==null?void 0:a[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return D(t,{menuVariant:{source:s},variants:r})},V=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:K(e),needsLoading:!0}}),H=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,T(t)):T(t,!0)};let h;const z=e=>{const t=[];for(const s of Object.keys(e)){let o=e[s];o&&(Array.isArray(o)?t.push(...o.map(n=>[s,n.toString()])):(o=o.toString(),t.push([s,o])))}return new URLSearchParams(t)},q=e=>{const{apiKey:t,searchParams:s}=e,o=(n={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",i=z(n);return`${r}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:n})=>n.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const n={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),i={...n,...r},c=await(await fetch(o(i))).json();return(u=c.items)!=null&&u.length?(h=c.items.map(V),h):[]},itemLayout:n=>{const r=h.find(l=>l.id===n.assetProps.id),i=H(r);return{type:"column",onClick:()=>n.onSelect(r),htmlAttrs:{title:r.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},J={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},Q="googleFontsAssetProvider",Z=p.startup,X=function(e,t){const{i18n:s={}}=t,o=q(t);e.runCommand(y.assetProviderAdd,{provider:o}),e.I18n.addMessages({en:J,...s}),_({editor:e,licenseKey:t.licenseKey,plan:Z,pluginName:Q,cleanup:()=>{e.runCommand(y.assetProviderRemove,{id:o.id})}})},Y=W(X);module.exports=Y;
+"use strict";var p=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(p||{}),v=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(v||{});const R="app.grapesjs.com",x="app-stage.grapesjs.com",I="app2.grapesjs.com",k="app-stage2.grapesjs.com",w=[R,I,x,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",M="license:check:end",U=()=>typeof window<"u",E=({isDev:e,isStage:t})=>`${e?"":`https://${t?x:R}`}/api`,j=()=>{const e=U()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function N({path:e,baseApiUrl:t,method:s="GET",headers:o={},params:n,body:r}){const l=`${t||E({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...o}};r&&(c.body=JSON.stringify(r));const u=n?new URLSearchParams(n).toString():"",a=u?`?${u}`:"",g=await fetch(`${l}${a}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[p.free]:0,[p.startup]:10,[p.business]:20,[p.enterprise]:30};function B(e){const t=e;return t.init=s=>o=>e(o,s),t}const W=e=>B(e);async function _({editor:e,plan:t,pluginName:s,licenseKey:o,cleanup:n}){let r="",i=!1;const l=j(),c=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),n()},u=(a={})=>{var A;const{error:g,sdkLicense:f}=a,d=(A=a.plan)==null?void 0:A.category;if(!(f||a.license)||g)c(g||"Invalid license");else if(d){const O=L[t],G=L[d];O>G&&c({pluginRequiredPlan:t,licensePlan:d})}};e.on($,a=>{r=a==null?void 0:a.baseApiUrl,i=!0}),e.on(M,a=>{u(a)}),setTimeout(async()=>{if(!i){if(l)return;if(o){const a=await K({licenseKey:o,pluginName:s,baseApiUrl:r});a&&u(a)}else c("The `licenseKey` option not provided")}},2e3)}async function K(e){const{licenseKey:t,pluginName:s,baseApiUrl:o}=e;try{return(await N({baseApiUrl:o,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const b=e=>e.replaceAll('"',"").replaceAll("'",""),y=e=>e.includes(",")?e:/\s/.test(e)?`'${b(e)}'`:b(e),F=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=y(e);const{menuVariant:s,variants:o}=t;return{family:e,familyLabel:b(e),menuVariant:s&&F(y(`menuFont-${b(e)}`),"regular",s),variants:Object.assign({},...Object.entries(o).map(([n,r])=>({[n]:F(e,n,r)})))}},T=(e,t)=>{var l;const s=D(e.family,e),o=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!o)return"Arial, Helvetica, sans-serif";const{source:n,descriptors:r}=o,i=b(o.family);if(!t){const c=new FontFace(i,`url("${n}")`,r),u=Array.from(document.fonts.values()).filter(a=>a.family===i);for(const a of u)document.fonts.delete(a);document.fonts.add(c),c.load().catch(()=>{})}return y(i)},S=e=>{const{family:t,menu:s,axes:o}=e,n=!!o,r=Object.assign({},...e.variants.map(i=>{var a,g;let l,c;if(n){const f=o.find(d=>d.tag==="wght");if(f){const{start:d,end:P}=f;l=`${d} ${P}`}}return l||(l=((a=i.match(/\d+/))==null?void 0:a[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return D(t,{menuVariant:{source:s},variants:r})},V=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:S(e),needsLoading:!0}}),H=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,T(t)):T(t,!0)};let h;const z=e=>{const t=[];for(const s of Object.keys(e)){let o=e[s];o&&(Array.isArray(o)?t.push(...o.map(n=>[s,n.toString()])):(o=o.toString(),t.push([s,o])))}return new URLSearchParams(t)},q=e=>{const{apiKey:t,searchParams:s}=e,o=(n={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",i=z(n);return`${r}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:n})=>n.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const n={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),i={...n,...r},c=await(await fetch(o(i))).json();return(u=c.items)!=null&&u.length?(h=c.items.map(V),h):[]},itemLayout:n=>{const r=h.find(l=>l.id===n.assetProps.id),i=H(r);return{type:"column",onClick:()=>n.onSelect(r),htmlAttrs:{title:r.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},J={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},Q="googleFontsAssetProvider",Z=p.startup,X=function(e,t){const{i18n:s={}}=t,o=q(t);e.runCommand(v.assetProviderAdd,{provider:o}),e.I18n.addMessages({en:J,...s}),_({editor:e,licenseKey:t.licenseKey,plan:Z,pluginName:Q,cleanup:()=>{e.runCommand(v.assetProviderRemove,{id:o.id})}})},Y=W(X);module.exports=Y;

package/dist/googleFontsAssetProvider/index.es.js

@@ -1,4 +1,4 @@
-var p = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(p || {}), y = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.projectFiles = "studio:projectFiles", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(y || {});
+var p = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(p || {}), v = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.clearPage = "studio:clearPage", e.projectFiles = "studio:projectFiles", e.validateCode = "studio:validateCode", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.getStateContextMenu = "studio:getStateContextMenu", e.setStateContextMenu = "studio:setStateContextMenu", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e.layoutUpdate = "studio:layoutUpdate", e.layoutGet = "studio:layoutGet", e.layoutConfigGet = "studio:layoutConfigGet", e.layoutConfigSet = "studio:layoutConfigSet", e.getStateTheme = "studio:getStateTheme", e.setStateTheme = "studio:setStateTheme", e.assetProviderGet = "studio:assetProviderGet", e.assetProviderAdd = "studio:assetProviderAdd", e.assetProviderRemove = "studio:assetProviderRemove", e.fontGet = "studio:fontGet", e.fontAdd = "studio:fontAdd", e.fontRemove = "studio:fontRemove", e.fontManagerOpen = "studio:fontManagerOpen", e.menuFontLoad = "studio:menuFontLoad", e.toggleStateDataSource = "studio:toggleStateDataSource", e.getStateDataSource = "studio:getStateDataSource", e.dataSourceSetGlobalData = "studio:dataSourceSetGlobalData", e.dataSourceSetImporter = "studio:dataSourceSetImporter", e.dataSourceSetExporter = "studio:dataSourceSetExporter", e.setDragAbsolute = "studio:setDragAbsolute", e))(v || {});
 const R = "app.grapesjs.com", x = "app-stage.grapesjs.com", I = "app2.grapesjs.com", k = "app-stage2.grapesjs.com", w = [
   R,
   I,
@@ -76,14 +76,14 @@ async function _({
     if (!i) {
       if (l) return;
       if (o) {
-        const a = await S({ licenseKey: o, pluginName: s, baseApiUrl: r });
+        const a = await K({ licenseKey: o, pluginName: s, baseApiUrl: r });
         a && u(a);
       } else
         c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function S(e) {
+async function K(e) {
   const { licenseKey: t, pluginName: s, baseApiUrl: o } = e;
   try {
     return (await N({
@@ -99,14 +99,14 @@ async function S(e) {
     return console.error("Error during SDK license check:", n), !1;
   }
 }
-const b = (e) => e.replaceAll('"', "").replaceAll("'", ""), v = (e) => e.includes(",") ? e : /\s/.test(e) ? `'${b(e)}'` : b(e), F = (e, t, s) => ({ family: e, variant: t, ...s }), D = (e, t) => {
-  e = v(e);
+const b = (e) => e.replaceAll('"', "").replaceAll("'", ""), y = (e) => e.includes(",") ? e : /\s/.test(e) ? `'${b(e)}'` : b(e), F = (e, t, s) => ({ family: e, variant: t, ...s }), D = (e, t) => {
+  e = y(e);
   const { menuVariant: s, variants: o } = t;
   return {
     family: e,
     familyLabel: b(e),
     menuVariant: s && F(
-      v(`menuFont-${b(e)}`),
+      y(`menuFont-${b(e)}`),
       "regular",
       s
     ),
@@ -130,8 +130,8 @@ const b = (e) => e.replaceAll('"', "").replaceAll("'", ""), v = (e) => e.include
     document.fonts.add(c), c.load().catch(() => {
     });
   }
-  return v(i);
-}, K = (e) => {
+  return y(i);
+}, S = (e) => {
   const { family: t, menu: s, axes: o } = e, n = !!o, r = Object.assign(
     {},
     ...e.variants.map((i) => {
@@ -166,7 +166,7 @@ const b = (e) => e.replaceAll('"', "").replaceAll("'", ""), v = (e) => e.include
   type: "font",
   src: e.menu,
   name: e.family,
-  customData: { font: K(e), needsLoading: !0 }
+  customData: { font: S(e), needsLoading: !0 }
 }), H = (e) => {
   const { font: t } = e.customData;
   return e.customData.needsLoading ? (e.customData.needsLoading = !1, T(t)) : T(t, !0);
@@ -256,7 +256,7 @@ const z = (e) => {
   }
 }, Q = "googleFontsAssetProvider", Z = p.startup, X = function(e, t) {
   const { i18n: s = {} } = t, o = q(t);
-  e.runCommand(y.assetProviderAdd, { provider: o }), e.I18n.addMessages({
+  e.runCommand(v.assetProviderAdd, { provider: o }), e.I18n.addMessages({
     en: J,
     ...s
   }), _({
@@ -265,7 +265,7 @@ const z = (e) => {
     plan: Z,
     pluginName: Q,
     cleanup: () => {
-      e.runCommand(y.assetProviderRemove, { id: o.id });
+      e.runCommand(v.assetProviderRemove, { id: o.id });
     }
   });
 }, Y = W(X);

package/dist/googleFontsAssetProvider/index.umd.js

@@ -1 +1 @@
-(function(d,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(d=typeof globalThis<"u"?globalThis:d||self,d.StudioSdkPlugins_googleFontsAssetProvider=p())})(this,function(){"use strict";var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),p=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.projectFiles="studio:projectFiles",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(p||{});const P="app.grapesjs.com",A="app-stage.grapesjs.com",w=[P,"app2.grapesjs.com",A,"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",I=()=>typeof window<"u",k=({isDev:e,isStage:t})=>`${e?"":`https://${t?A:P}`}/api`,$=()=>{const e=I()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function M({path:e,baseApiUrl:t,method:s="GET",headers:n={},params:o,body:a}){const l=`${t||k({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...n}};a&&(c.body=JSON.stringify(a));const u=o?new URLSearchParams(o).toString():"",r=u?`?${u}`:"",g=await fetch(`${l}${r}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function E(e){const t=e;return t.init=s=>n=>e(n,s),t}const U=e=>E(e);async function j({editor:e,plan:t,pluginName:s,licenseKey:n,cleanup:o}){let a="",i=!1;const l=$(),c=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),o()},u=(r={})=>{var x;const{error:g,sdkLicense:y}=r,f=(x=r.plan)==null?void 0:x.category;if(!(y||r.license)||g)c(g||"Invalid license");else if(f){const q=L[t],J=L[f];q>J&&c({pluginRequiredPlan:t,licensePlan:f})}};e.on(O,r=>{a=r==null?void 0:r.baseApiUrl,i=!0}),e.on(G,r=>{u(r)}),setTimeout(async()=>{if(!i){if(l)return;if(n){const r=await N({licenseKey:n,pluginName:s,baseApiUrl:a});r&&u(r)}else c("The `licenseKey` option not provided")}},2e3)}async function N(e){const{licenseKey:t,pluginName:s,baseApiUrl:n}=e;try{return(await M({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const h=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`'${h(e)}'`:h(e),T=(e,t,s)=>({family:e,variant:t,...s}),F=(e,t)=>{e=v(e);const{menuVariant:s,variants:n}=t;return{family:e,familyLabel:h(e),menuVariant:s&&T(v(`menuFont-${h(e)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,a])=>({[o]:T(e,o,a)})))}},D=(e,t)=>{var l;const s=F(e.family,e),n=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:a}=n,i=h(n.family);if(!t){const c=new FontFace(i,`url("${o}")`,a),u=Array.from(document.fonts.values()).filter(r=>r.family===i);for(const r of u)document.fonts.delete(r);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},_=e=>{const{family:t,menu:s,axes:n}=e,o=!!n,a=Object.assign({},...e.variants.map(i=>{var r,g;let l,c;if(o){const y=n.find(f=>f.tag==="wght");if(y){const{start:f,end:R}=y;l=`${f} ${R}`}}return l||(l=((r=i.match(/\d+/))==null?void 0:r[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return F(t,{menuVariant:{source:s},variants:a})},B=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:_(e),needsLoading:!0}}),S=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,D(t)):D(t,!0)};let b;const W=e=>{const t=[];for(const s of Object.keys(e)){let n=e[s];n&&(Array.isArray(n)?t.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),t.push([s,n])))}return new URLSearchParams(t)},K=e=>{const{apiKey:t,searchParams:s}=e,n=(o={})=>{const a="https://www.googleapis.com/webfonts/v1/webfonts",i=W(o);return`${a}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(b)return b;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},a=s==null?void 0:s(),i={...o,...a},c=await(await fetch(n(i))).json();return(u=c.items)!=null&&u.length?(b=c.items.map(B),b):[]},itemLayout:o=>{const a=b.find(l=>l.id===o.assetProps.id),i=S(a);return{type:"column",onClick:()=>o.onSelect(a),htmlAttrs:{title:a.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:a.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},V={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},H="googleFontsAssetProvider",z=d.startup;return U(function(e,t){const{i18n:s={}}=t,n=K(t);e.runCommand(p.assetProviderAdd,{provider:n}),e.I18n.addMessages({en:V,...s}),j({editor:e,licenseKey:t.licenseKey,plan:z,pluginName:H,cleanup:()=>{e.runCommand(p.assetProviderRemove,{id:n.id})}})})});
+(function(d,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(d=typeof globalThis<"u"?globalThis:d||self,d.StudioSdkPlugins_googleFontsAssetProvider=p())})(this,function(){"use strict";var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),p=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(p||{});const P="app.grapesjs.com",A="app-stage.grapesjs.com",w=[P,"app2.grapesjs.com",A,"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",I=()=>typeof window<"u",k=({isDev:e,isStage:t})=>`${e?"":`https://${t?A:P}`}/api`,$=()=>{const e=I()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function M({path:e,baseApiUrl:t,method:s="GET",headers:n={},params:o,body:r}){const l=`${t||k({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...n}};r&&(c.body=JSON.stringify(r));const u=o?new URLSearchParams(o).toString():"",a=u?`?${u}`:"",g=await fetch(`${l}${a}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function E(e){const t=e;return t.init=s=>n=>e(n,s),t}const U=e=>E(e);async function j({editor:e,plan:t,pluginName:s,licenseKey:n,cleanup:o}){let r="",i=!1;const l=$(),c=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),o()},u=(a={})=>{var x;const{error:g,sdkLicense:y}=a,f=(x=a.plan)==null?void 0:x.category;if(!(y||a.license)||g)c(g||"Invalid license");else if(f){const q=L[t],J=L[f];q>J&&c({pluginRequiredPlan:t,licensePlan:f})}};e.on(O,a=>{r=a==null?void 0:a.baseApiUrl,i=!0}),e.on(G,a=>{u(a)}),setTimeout(async()=>{if(!i){if(l)return;if(n){const a=await N({licenseKey:n,pluginName:s,baseApiUrl:r});a&&u(a)}else c("The `licenseKey` option not provided")}},2e3)}async function N(e){const{licenseKey:t,pluginName:s,baseApiUrl:n}=e;try{return(await M({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const h=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`'${h(e)}'`:h(e),T=(e,t,s)=>({family:e,variant:t,...s}),F=(e,t)=>{e=v(e);const{menuVariant:s,variants:n}=t;return{family:e,familyLabel:h(e),menuVariant:s&&T(v(`menuFont-${h(e)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,r])=>({[o]:T(e,o,r)})))}},D=(e,t)=>{var l;const s=F(e.family,e),n=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:r}=n,i=h(n.family);if(!t){const c=new FontFace(i,`url("${o}")`,r),u=Array.from(document.fonts.values()).filter(a=>a.family===i);for(const a of u)document.fonts.delete(a);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},_=e=>{const{family:t,menu:s,axes:n}=e,o=!!n,r=Object.assign({},...e.variants.map(i=>{var a,g;let l,c;if(o){const y=n.find(f=>f.tag==="wght");if(y){const{start:f,end:R}=y;l=`${f} ${R}`}}return l||(l=((a=i.match(/\d+/))==null?void 0:a[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return F(t,{menuVariant:{source:s},variants:r})},B=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:_(e),needsLoading:!0}}),S=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,D(t)):D(t,!0)};let b;const W=e=>{const t=[];for(const s of Object.keys(e)){let n=e[s];n&&(Array.isArray(n)?t.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),t.push([s,n])))}return new URLSearchParams(t)},K=e=>{const{apiKey:t,searchParams:s}=e,n=(o={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",i=W(o);return`${r}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(b)return b;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),i={...o,...r},c=await(await fetch(n(i))).json();return(u=c.items)!=null&&u.length?(b=c.items.map(B),b):[]},itemLayout:o=>{const r=b.find(l=>l.id===o.assetProps.id),i=S(r);return{type:"column",onClick:()=>o.onSelect(r),htmlAttrs:{title:r.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},V={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},H="googleFontsAssetProvider",z=d.startup;return U(function(e,t){const{i18n:s={}}=t,n=K(t);e.runCommand(p.assetProviderAdd,{provider:n}),e.I18n.addMessages({en:V,...s}),j({editor:e,licenseKey:t.licenseKey,plan:z,pluginName:H,cleanup:()=>{e.runCommand(p.assetProviderRemove,{id:n.id})}})})});