@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.36

package/dist/canvasFullSize/index.es.js

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

package/dist/canvasFullSize/index.umd.js

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

package/dist/canvasGridMode/index.cjs.js

@@ -1,5 +1,5 @@
-"use strict";const H="app.grapesjs.com",Y="app-stage.grapesjs.com",nt="app2.grapesjs.com",rt="app-stage2.grapesjs.com",W=[H,nt,Y,rt,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],st="license:check:start",at="license:check:end",it=()=>typeof window<"u",lt=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?Y:H}`}/${r?"platform-api":"api"}`,ct=()=>{const t=it()&&window.location.hostname;return!!t&&(W.includes(t)||W.some(e=>t.endsWith(e)))};function K(t){return typeof t=="function"}async function pt({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:i}){const l=`${e||lt({isDev:!1,isStage:!1})}${t}`,d={method:r,headers:{"Content-Type":"application/json",...n}};i&&(d.body=JSON.stringify(i));const c=o?new URLSearchParams(o).toString():"",p=c?`?${c}`:"",a=await fetch(`${l}${p}`,d);if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return a.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{});const j={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function dt(t){const e=t;return e.init=r=>n=>t(n,r),e}const ut=t=>dt(t);async function mt({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:i}){let s="",l=!1;const d=ct(),c=a=>{console.warn("Cleanup plugin:",r,"Reason:",a),i()},p=(a={})=>{var w;const{error:u,sdkLicense:m}=a,h=(w=a.plan)==null?void 0:w.category;if(!(m||a.license)||u)c(u||"Invalid license");else if(h){const b=j[e],v=j[h];b>v&&c({pluginRequiredPlan:e,licensePlan:h})}};t.on(st,a=>{s=a==null?void 0:a.baseApiUrl,l=!0}),t.on(at,a=>{o==null||o(a),p(a)}),setTimeout(async()=>{if(!l){if(d)return;if(n){const a=await gt({licenseKey:n,pluginName:r,baseApiUrl:s});o==null||o(a),a&&p(a)}else c("The `licenseKey` option not provided")}},2e3)}async function gt(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await pt({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasGridMode",ft=G.startup,F="component-grid-mode",A="grid-mode",D="gjs-drag-grid-spot",X=`${D}__grid-item`,k=`${D}__grid-target`,J=`${D}__snapped`,yt=`${D}__container`,ht=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
-        .${X} {
+"use strict";const Y="app.grapesjs.com",H="app-stage.grapesjs.com",rt="app2.grapesjs.com",st="app-stage2.grapesjs.com",j=[Y,rt,H,st,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],at="license:check:end",it=()=>typeof window<"u",lt=({isDev:t,isStage:e,isPlatform:r})=>`${t?"":`https://${e?H:Y}`}/${r?"platform-api":"api"}`,ct=()=>{const t=it()&&window.location.hostname;return!!t&&(j.includes(t)||j.some(e=>t.endsWith(e)))};function X(t){return typeof t=="function"}async function pt({path:t,baseApiUrl:e,method:r="GET",headers:n={},params:o,body:i}){const a=`${e||lt({isDev:!1,isStage:!1})}${t}`,p={method:r,headers:{"Content-Type":"application/json",...n}};i&&(p.body=JSON.stringify(i));const d=o?new URLSearchParams(o).toString():"",c=d?`?${d}`:"",l=await fetch(`${a}${c}`,p);if(!l.ok)throw new Error(`HTTP error! status: ${l.status}`);return l.json()}var G=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(G||{}),_=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.dialogImportCode="studio:dialogImportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.settings="studio:settings",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(_||{});const W={[G.free]:0,[G.startup]:10,[G.business]:20,[G.enterprise]:30};function dt(t){const e=t;return e.init=r=>n=>t(n,r),e}const gt=t=>dt(t);async function ut({editor:t,plan:e,pluginName:r,licenseKey:n,onLicenseCheckResponse:o,cleanup:i}){let s="",a;const p=l=>{console.warn("Cleanup plugin:",r,"Reason:",l),i()},d=(l={})=>{var w;const{error:g,sdkLicense:u}=l,h=(w=l.plan)==null?void 0:w.category;if(!(u||l.license)||g)p(g||"Invalid license");else if(h){const v=W[e],R=W[h];v>R&&p({pluginRequiredPlan:e,licensePlan:h})}};t.Commands.has(_.settings)&&(a=t.runCommand(_.settings),s=(a==null?void 0:a.baseUrl)||"");const c=l=>{o==null||o(l),l&&d(l)};if(!a){t.onReady(async()=>{if(!ct())if(n){const l=await mt({licenseKey:n,pluginName:r,baseApiUrl:s});c(l)}else p("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const l=ft(a);c(l);return}t.on(at,l=>c(l))}const ft=t=>({sdkLicense:t.license,license:t.license,error:t.licenseError,plan:t.licensePlan});async function mt(t){const{licenseKey:e,pluginName:r,baseApiUrl:n}=t;try{return(await pt({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const N="canvasGridMode",yt=G.startup,F="component-grid-mode",D="grid-mode",M="gjs-drag-grid-spot",K=`${M}__grid-item`,J=`${M}__grid-target`,Q=`${M}__snapped`,ht=`${M}__container`,wt=()=>{const t="data-gjs-drag-grid-style",e=document,r="var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight))",n="var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue))",o=e.querySelector(`style[${t}]`)||e.createElement("style");o.setAttribute(t,"true"),o.innerHTML=`
+        .${K} {
             outline: 2px solid ${n};
             background: ${r};
             outline-offset: -2px;
@@ -8,14 +8,14 @@
             height: 100%;
             opacity: 0.1;
         }
-        .${J} {
+        .${Q} {
             width: 100%;
             height: 100%;
             outline: 2px solid ${n};
             outline-offset: -2px;
             position: absolute;
         }
-        .${k} {
+        .${J} {
             position: absolute;
             z-index: -1;
             background: ${r};
@@ -23,4 +23,4 @@
             outline-offset: -1px;
             opacity: 0.35;
         }
-    `,e.head.appendChild(o)};function Q(t){const{editor:e,type:r}=t,n=Ct(e,t.component),o=L(e,n.component);if(!vt(e,n,o,r))return{target:n,container:o,startScroll:et(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:A,component:o.component})}}function Z(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:i,target:s,container:l}=t,{Canvas:d}=e,c=e.config.stylePrefix;i==null||i.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),wt(o,l),St(r,s,l),bt(n,s),$t(o,l.el),s.el.style.opacity="0";const p=d.getSpots().filter(a=>a.type!==A);e.em.stopDefault({preserveSelected:!0}),d.removeSpots(p),d.startAutoscroll(),d.getBody().classList.add(`${c}is__grabbing`)}function V(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:i}=t,{Canvas:s}=e,l=e.config.stylePrefix,{component:d}=o;if(!i){const c=window.getComputedStyle(r);d.addStyle({"grid-area":c.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${l}is__grabbing`),s.removeSpots({type:A}),e.select(d)}function wt(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let i=0;i<e.length;i++){const s=document.createElement("div");s.className=X,s.style.gridArea=`${i+1} / ${o+1}`,n[o][i]=s,t.appendChild(s)}}return n}function St(t,e,r){return t.className=k,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function bt(t,e){const r=ot(e.el,e.computedStyles);return t.className=J,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function $t(t,e){const r=window.getComputedStyle(e);t.className=yt,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function tt(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function Ct(t,e){const r=tt(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function L(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function E(t,e,r,n,o=1){let i=0;for(let s=e;s<=t.length;s++){if(i+(t[s-1]+n)*o>r)return s;i+=n+t[s-1]}return t.length+1}function et(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function vt(t,e,r,n){const o=i=>t.em.logWarning(i);return n==="draggable"&&e.component.get(n)===!1?(o(`[${N}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${N}] The container does not have style display:grid`),!0):!1}function _(t,e,r={}){const n=tt(t,e),o=n==null?void 0:n.parent(),i=o==null?void 0:o.getEl();if(!o||!i)return!1;const{enableGrid:s}=r,l=window.getComputedStyle(i).display==="grid";return K(s)?s({component:n,parent:o,isParentGrid:l}):l}const B=t=>t.split(" ").map(e=>parseFloat(e));function ot(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some(S=>isNaN(parseInt(S.trim()))),i={isComputed:o,raw:n.gridArea};if(!o)return{...i,row:{start:parseInt(n.gridRowStart),end:parseInt(n.gridRowEnd)},column:{start:parseInt(n.gridColumnStart),end:parseInt(n.gridColumnEnd)}};const s=t.parentElement,l=r.getComputedStyle(s),d=parseFloat(l.columnGap)||0,c=parseFloat(l.rowGap)||0,p=B(l.gridTemplateColumns),a=B(l.gridTemplateRows),u=parseFloat(l.paddingLeft)||0,m=parseFloat(l.paddingTop)||0,h=s.getBoundingClientRect(),f=t.getBoundingClientRect(),w=(S,$,x,C,M)=>{let P=1,T=C+M;for(let R=0;R<$.length;R++){const I=$[R],O=T+I;if(S>=T&&S<O)return P;T=O+x,P++}return-1},b=w(f.left,p,d,h.left,u),v=w(f.right-1,p,d,h.left,u)+1,y=w(f.top,a,c,h.top,m),g=w(f.bottom-1,a,c,h.top,m)+1;return{...i,row:{start:y,end:g},column:{start:b,end:v}}}function Et(t){t.Commands.add(F,{stop(){},run(e,r,n={}){const o=Q({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:i,target:s,shadowContainerEl:l,shadowSnappedEl:d,shadowTargetEl:c,startScroll:p}=o;let{container:a}=o,u;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{u=setTimeout(()=>{Z({editor:e,shadowTargetEl:c,shadowSnappedEl:d,shadowContainerEl:l,spotEl:i.attributes.spotEl,target:s,container:a}),a=L(e,s.component)},10)},onEnd:(h,f,{cancelled:w})=>{clearTimeout(u),V({editor:e,shadowSnappedEl:d,shadowContainerEl:l,target:s,cancelled:w}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:f})=>{const{scroll:w}=et(e),{columns:b,rows:v,gap:y,offset:g,padding:S}=a,{offset:$,margin:x}=s,C=$.top-g.top-S.top-x.top+f-p.top+w.top,M=$.left-g.left-S.left-x.left+h-p.left+w.left,P=Math.min(E(b,1,M,y.column,.5),b.length),T=Math.min(E(v,1,C,y.row,.5),v.length),R=Math.min(E(b,P,$.width,y.column)+1,b.length+1),I=Math.min(E(v,T,$.height,y.row)+1,v.length+1);d.style.gridArea=`${T} / ${P} / ${I} / ${R}`,c.style.top=`${C+S.top}px`,c.style.left=`${M+S.left}px`}}).start(n.event)}})}function xt(t,e){const r=Q({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:i,target:s,shadowContainerEl:l,shadowSnappedEl:d,shadowTargetEl:c}=r;let{container:p}=r,a="",u;return{onStart:m=>{a=m.target.dataset.gjsHandler||"",u=setTimeout(()=>{Z({editor:t,shadowTargetEl:c,shadowSnappedEl:d,shadowContainerEl:l,spotEl:i.attributes.spotEl,target:s,container:p}),p=L(t,s.component)},10),t.trigger("component:resize",{...s,type:"start"})},onEnd:(m,h)=>{const{startDim:f,rectDim:w}=h.resizer,b=JSON.stringify(f)===JSON.stringify(w);clearTimeout(u),V({editor:t,shadowSnappedEl:d,shadowContainerEl:l,target:s,cancelled:b}),o==null||o(m,h)},onMove:(m,h)=>{const f=ot(d),w=s.margin.left,b=s.margin.top,v=s.margin.bottom,y=s.margin.right,{w:g,t:S,l:$,h:x}=h.resizer.rectDim,C={t:S-b,l:$-w,h:x+b+v,w:g+w+y};a.endsWith("l")&&(f.column.start=E(p.columns,1,C.l-p.offset.left-p.padding.left,p.gap.column,.5)),a.startsWith("t")&&(f.row.start=E(p.rows,1,C.t-p.offset.top-p.padding.top,p.gap.row,.5)),a.endsWith("r")&&(f.column.end=Math.max(E(p.columns,f.column.start,C.w,p.gap.column,.5),f.column.start+1)),a.startsWith("b")&&(f.row.end=Math.max(E(p.rows,f.row.start,C.h,p.gap.row,.5),f.row.start+1)),d.style.gridArea=`${f.row.start} / ${f.column.start} / ${f.row.end} / ${f.column.end}`,c.style.width=`${C.w}px`,c.style.height=`${C.h}px`,c.style.left=`${C.l-p.offset.left}px`,c.style.top=`${C.t-p.offset.top}px`,n==null||n(m,h)}}}const U=["px","%","em","rem","vw","vh"],Tt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Gt=(t,e)=>Tt(t,e),Pt=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:U,...e},i={property:`${t}-y`,type:"integer",units:U,...r};return{property:t,type:"composite",properties:[o,i],...n&&{fromStyle(s,{name:l,separator:d,property:c}){const[p,a]=c.getProperties(),[u,m]=(s[l]||"").split(d);return{[p.getId()]:s[p.getName()]||u||"",[a.getId()]:s[a.getName()]||m||u||""}},toStyle(s,{name:l,property:d}){const[c,p]=d.getProperties(),a=s[c.getId()],u=s[p.getId()];return{[l]:a===u?a:`${a} ${u}`}}}}},z={display:["grid"]};function Rt(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),i=n[2];let s=i,l=i;const d=i.match(r);return d&&(s=d[1],l=d[2]),{total:o,min:s===l?"":s,max:l}}function At(t={}){let e="",r="",n="",o="";const i=f=>f.split("/").map(w=>w.trim()).filter(Boolean),s=t["grid-area"]||"",l=t["grid-column"]||"",d=t["grid-row"]||"",c=i(s),p=i(l),a=i(d),u=c.length,m=p.length,h=a.length;return u===4?(n=c[0],e=c[1],o=c[2],r=c[3]):u===3?(n=c[0],e=c[1],o=c[2]):u===2?(n=c[0],e=c[1]):u===1&&(n=c[0]),m===2?(e=p[0],r=p[1]):m===1&&(e=p[0]),h===2?(n=a[0],o=a[1]):h===1&&(n=a[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function q(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:z,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(i,s){const{name:l,property:d}=s,[c,p,a]=d.getProperties(),u=i[l],m=Rt(u),h=(m==null?void 0:m.max)??o;return{[c.id]:(m==null?void 0:m.total)??n,[p.id]:(m==null?void 0:m.min)??"",[a.id]:h===o?"":h}},toStyle(i,{name:s,property:l}){const[d,c,p]=l.getProperties(),a=i[d.id],u=i[c.id],m=i[p.id]||o,h=u&&m?`minmax(${u}, ${m})`:m;return{[s]:`repeat(${a||n}, ${h})`}}}}function Dt(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Gt(t,"display");if(!r)return;const o=r.getOption("grid"),i=n.sector;o||r.addOption({id:"grid",label:"Grid"}),i.addProperty(q({label:"Columns",property:"grid-template-columns"}),{}),i.addProperty(q({label:"Rows",property:"grid-template-rows"}),{}),i.addProperty({id:"grid-gap",requires:z,...Pt("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),i.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:z,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const l=At(s);return{"grid-column-start":s["grid-column-start"]||l.columnStart,"grid-column-end":s["grid-column-end"]||l.columnEnd,"grid-row-start":s["grid-row-start"]||l.rowStart,"grid-row-end":s["grid-row-end"]||l.rowEnd}},toStyle(s,{name:l}){const d=s["grid-row-start"]||"auto",c=s["grid-row-end"]||"auto",p=s["grid-column-start"]||"auto",a=s["grid-column-end"]||"auto";return{[l]:`${d} / ${p} / ${c} / ${a}`}}},{})}const Mt=function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:i}=t,{itemResizable:s}=r,l=n.events,d=o.events,c=i.events,p=`${d.runBeforeCommand}tlb-move`,a=`${d.runBeforeCommand}resize`;let u;Et(t);const m=({options:y})=>{_(t,y.target,r)&&(t.runCommand(F,{...y}),y.abort=!0)},h=y=>{const{options:g}=y;_(t,g.component,r)&&(g.options=Object.assign(g.options||{},xt(t,g)))},f=()=>{const y=n.getSpots({type:A}).pop();if(!y)return;let g=y.attributes.spotEl;g||(g=document.createElement("div"),g.className=D,y.set({spotEl:g})),Object.entries(y.getStyle()).forEach(([S,$])=>g.style.setProperty(S,$)),u==null||u.appendChild(g)},w=({spot:y})=>{const g=y.attributes.spotEl;y.type!==A||!g||u==null||u.removeChild(g)};if(s){const y=g=>{const S=K(s)?s({component:g}):s;return typeof S=="boolean"?S:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...S}};t.on(c.resizeInit,g=>{const{component:S}=g;if(_(t,S,r)){const $=y(S);g.resizable=$}})}const b=[[p,m],[a,h],[l.spot,f],[l.spotRemove,w]];b.forEach(([y,g])=>{t.on(y,g)}),t.onReady(()=>{u=n.getSpotsEl(),ht(),Dt(t,r)});const v=()=>{delete t.Commands.commands[F],b.forEach(([y,g])=>{t.off(y,g)})};mt({editor:t,licenseKey:r.licenseKey,plan:ft,pluginName:N,cleanup:v})},It=ut(Mt);module.exports=It;
+    `,e.head.appendChild(o)};function Z(t){const{editor:e,type:r}=t,n=Rt(e,t.component),o=O(e,n.component);if(!Tt(e,n,o,r))return{target:n,container:o,startScroll:ot(e).scroll,shadowContainerEl:document.createElement("div"),shadowSnappedEl:document.createElement("div"),shadowTargetEl:document.createElement("div"),spot:e.Canvas.addSpot({type:D,component:o.component})}}function V(t){const{editor:e,shadowTargetEl:r,shadowSnappedEl:n,shadowContainerEl:o,spotEl:i,target:s,container:a}=t,{Canvas:p}=e,d=e.config.stylePrefix;i==null||i.appendChild(o),o==null||o.appendChild(r),o==null||o.appendChild(n),bt(o,a),vt(r,s,a),$t(n,s),St(o,a.el),s.el.style.opacity="0";const c=p.getSpots().filter(l=>l.type!==D);e.em.stopDefault({preserveSelected:!0}),p.removeSpots(c),p.startAutoscroll(),p.getBody().classList.add(`${d}is__grabbing`)}function tt(t){const{editor:e,shadowSnappedEl:r,shadowContainerEl:n,target:o,cancelled:i}=t,{Canvas:s}=e,a=e.config.stylePrefix,{component:p}=o;if(!i){const d=window.getComputedStyle(r);p.addStyle({"grid-area":d.gridArea,width:"",height:""})}o.el.style.opacity="",n.contains(r)&&(n==null||n.removeChild(r)),e.getModel().runDefault({preserveSelected:1}),s.stopAutoscroll(),s.getBody().classList.remove(`${a}is__grabbing`),s.removeSpots({type:D}),e.select(p)}function bt(t,{rows:e,columns:r}){const n=[];for(let o=0;o<r.length;o++){n[o]=[];for(let i=0;i<e.length;i++){const s=document.createElement("div");s.className=K,s.style.gridArea=`${i+1} / ${o+1}`,n[o][i]=s,t.appendChild(s)}}return n}function vt(t,e,r){return t.className=J,t.style.top=`${e.offset.top-r.offset.top}px`,t.style.left=`${e.offset.left-r.offset.left}px`,t.style.width=`${e.offset.width+e.margin.left+e.margin.right}px`,t.style.height=`${e.offset.height+e.margin.top+e.margin.bottom}px`,t}function $t(t,e){const r=nt(e.el,e.computedStyles);return t.className=Q,t.style.gridArea=`${r.row.start} / ${r.column.start} / ${r.row.end} / ${r.column.end}`,t}function St(t,e){const r=window.getComputedStyle(e);t.className=ht,t.style.position="relative",t.style.display=r.display,t.style.gap=r.gap,t.style.padding=r.padding,t.style.border=r.border,t.style.gridTemplateColumns=r.gridTemplateColumns,t.style.gridTemplateRows=r.gridTemplateRows}function et(t,e){if(e){if(Array.isArray(e))return[...e].pop()}else return[...t.getSelectedAll()].pop();return e}function Rt(t,e){const r=et(t,e),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),margin:{top:parseFloat(o.marginTop),right:parseFloat(o.marginRight),bottom:parseFloat(o.marginBottom),left:parseFloat(o.marginLeft)},computedStyles:o}}function O(t,e){const r=e.parent(),n=r.getEl(),o=window.getComputedStyle(n);return{component:r,el:n,offset:t.Canvas.offset(n),computedStyles:o,padding:{top:parseFloat(o.paddingTop),right:parseFloat(o.paddingRight),bottom:parseFloat(o.paddingBottom),left:parseFloat(o.paddingLeft)},columns:o.gridTemplateColumns.split(" ").map(s=>parseFloat(s)),rows:o.gridTemplateRows.split(" ").map(s=>parseFloat(s)),gap:{column:parseInt(o.columnGap),row:parseInt(o.rowGap)}}}function T(t,e,r,n,o=1){let i=0;for(let s=e;s<=t.length;s++){if(i+(t[s-1]+n)*o>r)return s;i+=n+t[s-1]}return t.length+1}function ot(t){const{scrollY:e,scrollX:r}=t.Canvas.getWindow();return{scroll:{top:e,left:r}}}function Tt(t,e,r,n){const o=i=>t.em.logWarning(i);return n==="draggable"&&e.component.get(n)===!1?(o(`[${N}] The element is not ${n}`),!0):r.computedStyles.display!=="grid"?(o(`[${N}] The container does not have style display:grid`),!0):!1}function L(t,e,r={}){const n=et(t,e),o=n==null?void 0:n.parent(),i=o==null?void 0:o.getEl();if(!o||!i)return!1;const{enableGrid:s}=r,a=window.getComputedStyle(i).display==="grid";return X(s)?s({component:n,parent:o,isParentGrid:a}):a}const U=t=>t.split(" ").map(e=>parseFloat(e));function nt(t,e){const r=t.ownerDocument.defaultView,n=e||r.getComputedStyle(t),o=n.gridArea.split("/").some(b=>isNaN(parseInt(b.trim()))),i={isComputed:o,raw:n.gridArea};if(!o)return{...i,row:{start:parseInt(n.gridRowStart),end:parseInt(n.gridRowEnd)},column:{start:parseInt(n.gridColumnStart),end:parseInt(n.gridColumnEnd)}};const s=t.parentElement,a=r.getComputedStyle(s),p=parseFloat(a.columnGap)||0,d=parseFloat(a.rowGap)||0,c=U(a.gridTemplateColumns),l=U(a.gridTemplateRows),g=parseFloat(a.paddingLeft)||0,u=parseFloat(a.paddingTop)||0,h=s.getBoundingClientRect(),m=t.getBoundingClientRect(),w=(b,$,x,S,C)=>{let E=1,P=S+C;for(let A=0;A<$.length;A++){const I=$[A],z=P+I;if(b>=P&&b<z)return E;P=z+x,E++}return-1},v=w(m.left,c,p,h.left,g),R=w(m.right-1,c,p,h.left,g)+1,y=w(m.top,l,d,h.top,u),f=w(m.bottom-1,l,d,h.top,u)+1;return{...i,row:{start:y,end:f},column:{start:v,end:R}}}function xt(t){t.Commands.add(F,{stop(){},run(e,r,n={}){const o=Z({editor:e,component:n.target,type:"draggable"});if(!o){this.stopCommand();return}const{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d,startScroll:c}=o;let{container:l}=o,g;new e.Utils.Dragger({doc:s.el.ownerDocument,onStart:()=>{g=setTimeout(()=>{V({editor:e,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:l}),l=O(e,s.component)},10)},onEnd:(h,m,{cancelled:w})=>{clearTimeout(g),tt({editor:e,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:w}),this.stopCommand(),e.em.set("_cmpDrag",1)},setPosition:({x:h,y:m})=>{const{scroll:w}=ot(e),{columns:v,rows:R,gap:y,offset:f,padding:b}=l,{offset:$,margin:x}=s,S=$.top-f.top-b.top-x.top+m-c.top+w.top,C=$.left-f.left-b.left-x.left+h-c.left+w.left,E=Math.min(T(v,1,C,y.column,.5),v.length),P=Math.min(T(R,1,S,y.row,.5),R.length),A=Math.min(T(v,E,$.width,y.column)+1,v.length+1),I=Math.min(T(R,P,$.height,y.row)+1,R.length+1);p.style.gridArea=`${P} / ${E} / ${I} / ${A}`,d.style.top=`${S+b.top}px`,d.style.left=`${C+b.left}px`}}).start(n.event)}})}function Pt(t,e){const r=Z({editor:t,component:e.component,type:"resizable"});if(!r)return;const{onMove:n,onEnd:o}=e.options||{},{spot:i,target:s,shadowContainerEl:a,shadowSnappedEl:p,shadowTargetEl:d}=r;let{container:c}=r,l="",g;return{onStart:u=>{l=u.target.dataset.gjsHandler||"",g=setTimeout(()=>{V({editor:t,shadowTargetEl:d,shadowSnappedEl:p,shadowContainerEl:a,spotEl:i.attributes.spotEl,target:s,container:c}),c=O(t,s.component)},10),t.trigger("component:resize",{...s,type:"start"})},onEnd:(u,h)=>{const{startDim:m,rectDim:w}=h.resizer,v=JSON.stringify(m)===JSON.stringify(w);clearTimeout(g),tt({editor:t,shadowSnappedEl:p,shadowContainerEl:a,target:s,cancelled:v}),o==null||o(u,h)},onMove:(u,h)=>{const m=nt(p),w=s.margin.left,v=s.margin.top,R=s.margin.bottom,y=s.margin.right,{w:f,t:b,l:$,h:x}=h.resizer.rectDim,S={t:b-v,l:$-w,h:x+v+R,w:f+w+y};l.endsWith("l")&&(m.column.start=T(c.columns,1,S.l-c.offset.left-c.padding.left,c.gap.column,.5)),l.startsWith("t")&&(m.row.start=T(c.rows,1,S.t-c.offset.top-c.padding.top,c.gap.row,.5)),l.endsWith("r")&&(m.column.end=Math.max(T(c.columns,m.column.start,S.w,c.gap.column,.5),m.column.start+1)),l.startsWith("b")&&(m.row.end=Math.max(T(c.rows,m.row.start,S.h,c.gap.row,.5),m.row.start+1)),p.style.gridArea=`${m.row.start} / ${m.column.start} / ${m.row.end} / ${m.column.end}`,d.style.width=`${S.w}px`,d.style.height=`${S.h}px`,d.style.left=`${S.l-c.offset.left}px`,d.style.top=`${S.t-c.offset.top}px`,n==null||n(u,h)}}}const k=["px","%","em","rem","vw","vh"],Gt=(t,e)=>{const r=t.Styles.getSectors().find(n=>!!n.getProperty(e));return{sector:r,property:r?r.getProperty(e):void 0}},Et=(t,e)=>Gt(t,e),At=(t,{x:e,y:r,mergable:n}={})=>{const o={property:`${t}-x`,type:"integer",units:k,...e},i={property:`${t}-y`,type:"integer",units:k,...r};return{property:t,type:"composite",properties:[o,i],...n&&{fromStyle(s,{name:a,separator:p,property:d}){const[c,l]=d.getProperties(),[g,u]=(s[a]||"").split(p);return{[c.getId()]:s[c.getName()]||g||"",[l.getId()]:s[l.getName()]||u||g||""}},toStyle(s,{name:a,property:p}){const[d,c]=p.getProperties(),l=s[d.getId()],g=s[c.getId()];return{[a]:l===g?l:`${l} ${g}`}}}}},B={display:["grid"]};function Dt(t=""){const e=/^repeat\(\s*(\d+)\s*,\s*(.+)\s*\)$/i,r=/^minmax\(\s*(.+?)\s*,\s*(.+?)\s*\)$/i,n=t.match(e);if(!n)return null;const o=parseInt(n[1],10),i=n[2];let s=i,a=i;const p=i.match(r);return p&&(s=p[1],a=p[2]),{total:o,min:s===a?"":s,max:a}}function Mt(t={}){let e="",r="",n="",o="";const i=m=>m.split("/").map(w=>w.trim()).filter(Boolean),s=t["grid-area"]||"",a=t["grid-column"]||"",p=t["grid-row"]||"",d=i(s),c=i(a),l=i(p),g=d.length,u=c.length,h=l.length;return g===4?(n=d[0],e=d[1],o=d[2],r=d[3]):g===3?(n=d[0],e=d[1],o=d[2]):g===2?(n=d[0],e=d[1]):g===1&&(n=d[0]),u===2?(e=c[0],r=c[1]):u===1&&(e=c[0]),h===2?(n=l[0],o=l[1]):h===1&&(n=l[0]),{columnStart:e,columnEnd:r,rowStart:n,rowEnd:o}}function q(t){const{property:e,label:r}=t,n="1",o="1fr";return{property:e,label:r,type:"composite",requires:B,generic:!0,properties:[{name:" ",property:`${e}-repeat`,type:"number",full:!0,min:1,default:"1"},{label:"Min size",property:`${e}-min`,type:"number",min:0,units:["px","%"],default:"0"},{label:"Max size",property:`${e}-max`,type:"number",min:1,units:["fr","px","%"],default:"1"}],fromStyle(i,s){const{name:a,property:p}=s,[d,c,l]=p.getProperties(),g=i[a],u=Dt(g),h=(u==null?void 0:u.max)??o;return{[d.id]:(u==null?void 0:u.total)??n,[c.id]:(u==null?void 0:u.min)??"",[l.id]:h===o?"":h}},toStyle(i,{name:s,property:a}){const[p,d,c]=a.getProperties(),l=i[p.id],g=i[d.id],u=i[c.id]||o,h=g&&u?`minmax(${g}, ${u})`:u;return{[s]:`repeat(${l||n}, ${h})`}}}}function Ct(t,e){if(!e.styleableGrid)return;const{property:r,...n}=Et(t,"display");if(!r)return;const o=r.getOption("grid"),i=n.sector;o||r.addOption({id:"grid",label:"Grid"}),i.addProperty(q({label:"Columns",property:"grid-template-columns"}),{}),i.addProperty(q({label:"Rows",property:"grid-template-rows"}),{}),i.addProperty({id:"grid-gap",requires:B,...At("gap",{x:{id:"grid-row-gap",label:"Row",property:"row-gap",min:0,default:"0"},y:{id:"grid-column-gap",label:"Column",property:"column-gap",min:0,default:"0"},mergable:!0})},{}),i.addProperty({type:"composite",property:"grid-area",label:"Grid area",requiresParent:B,generic:!0,properties:[{label:"Row start",property:"grid-row-start",type:"integer",default:"auto"},{label:"Row end",property:"grid-row-end",type:"integer",default:"auto"},{label:"Column start",property:"grid-column-start",type:"integer",default:"auto"},{label:"Column end",property:"grid-column-end",type:"integer",default:"auto"}],fromStyle(s){const a=Mt(s);return{"grid-column-start":s["grid-column-start"]||a.columnStart,"grid-column-end":s["grid-column-end"]||a.columnEnd,"grid-row-start":s["grid-row-start"]||a.rowStart,"grid-row-end":s["grid-row-end"]||a.rowEnd}},toStyle(s,{name:a}){const p=s["grid-row-start"]||"auto",d=s["grid-row-end"]||"auto",c=s["grid-column-start"]||"auto",l=s["grid-column-end"]||"auto";return{[a]:`${p} / ${c} / ${d} / ${l}`}}},{})}const It=function(t,e={}){const r={itemResizable:!0,...e},{Canvas:n,Commands:o,Components:i}=t,{itemResizable:s}=r,a=n.events,p=o.events,d=i.events,c=`${p.runBeforeCommand}tlb-move`,l=`${p.runBeforeCommand}resize`;let g;xt(t);const u=({options:y})=>{L(t,y.target,r)&&(t.runCommand(F,{...y}),y.abort=!0)},h=y=>{const{options:f}=y;L(t,f.component,r)&&(f.options=Object.assign(f.options||{},Pt(t,f)))},m=()=>{const y=n.getSpots({type:D}).pop();if(!y)return;let f=y.attributes.spotEl;f||(f=document.createElement("div"),f.className=M,y.set({spotEl:f})),Object.entries(y.getStyle()).forEach(([b,$])=>f.style.setProperty(b,$)),g==null||g.appendChild(f)},w=({spot:y})=>{const f=y.attributes.spotEl;y.type!==D||!f||g==null||g.removeChild(f)};if(s){const y=f=>{const b=X(s)?s({component:f}):s;return typeof b=="boolean"?b:{tl:!1,tc:!1,tr:!1,cl:!1,cr:!1,bl:!1,bc:!1,br:!1,...b}};t.on(d.resizeInit,f=>{const{component:b}=f;if(L(t,b,r)){const $=y(b);f.resizable=$}})}const v=[[c,u],[l,h],[a.spot,m],[a.spotRemove,w]];v.forEach(([y,f])=>{t.on(y,f)}),t.onReady(()=>{g=n.getSpotsEl(),wt(),Ct(t,r)});const R=()=>{delete t.Commands.commands[F],v.forEach(([y,f])=>{t.off(y,f)})};ut({editor:t,licenseKey:r.licenseKey,plan:yt,pluginName:N,cleanup:R})},Lt=gt(It);module.exports=Lt;