@grapesjs/studio-sdk-plugins 1.0.25 → 1.0.26-rc.1

package/dist/presetPrintable/index.es.js

@@ -9,42 +9,42 @@ const N = "app.grapesjs.com", W = "app-stage.grapesjs.com", G = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], V = "license:check:start", Y = "license:check:end", J = () => typeof window < "u", M = (e, n = {}) => {
+], V = "license:check:start", Y = "license:check:end", J = () => typeof window < "u", M = (e, o = {}) => {
   const t = Q(e) ? { id: e, src: e } : e;
   return new Promise((s, a) => {
     var l, p;
-    const o = document.querySelector(`script[src="${t.src}"]`), { id: r } = t;
-    if (o)
-      return (l = n.onScript) == null || l.call(n, o), s(r);
+    const n = document.querySelector(`script[src="${t.src}"]`), { id: r } = t;
+    if (n)
+      return (l = o.onScript) == null || l.call(o, n), s(r);
     const i = document.createElement("script");
-    i.src = t.src, i.onload = () => s(r), i.onerror = () => a(r), document.head.appendChild(i), (p = n.onScript) == null || p.call(n, i);
+    i.src = t.src, i.onload = () => s(r), i.onerror = () => a(r), document.head.appendChild(i), (p = o.onScript) == null || p.call(o, i);
   });
-}, X = ({ isDev: e, isStage: n }) => `${e ? "" : `https://${n ? W : N}`}/api`, Z = () => {
+}, X = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? W : N}`}/api`, Z = () => {
   const e = J() && window.location.hostname;
-  return !!e && (G.includes(e) || G.some((n) => e.endsWith(n)));
+  return !!e && (G.includes(e) || G.some((o) => e.endsWith(o)));
 }, Q = (e) => typeof e == "string";
 async function ee({
   path: e,
-  baseApiUrl: n,
+  baseApiUrl: o,
   method: t = "GET",
   headers: s = {},
   params: a,
-  body: o
+  body: n
 }) {
-  const i = `${n || X({ isDev: !1, isStage: !1 })}${e}`, l = {
+  const i = `${o || X({ isDev: !1, isStage: !1 })}${e}`, l = {
     method: t,
     headers: {
       "Content-Type": "application/json",
       ...s
     }
   };
-  o && (l.body = JSON.stringify(o));
-  const p = a ? new URLSearchParams(a).toString() : "", d = p ? `?${p}` : "", g = await fetch(`${i}${d}`, l);
-  if (!g.ok)
-    throw new Error(`HTTP error! status: ${g.status}`);
-  return g.json();
+  n && (l.body = JSON.stringify(n));
+  const p = a ? new URLSearchParams(a).toString() : "", g = p ? `?${p}` : "", d = await fetch(`${i}${g}`, l);
+  if (!d.ok)
+    throw new Error(`HTTP error! status: ${d.status}`);
+  return d.json();
 }
-var B = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(B || {}), z = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", 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))(z || {});
+var B = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(B || {}), z = /* @__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))(z || {});
 const O = {
   [B.free]: 0,
   [B.startup]: 10,
@@ -52,51 +52,51 @@ const O = {
   [B.enterprise]: 30
 };
 function te(e) {
-  const n = e;
-  return n.init = (t) => (s) => e(s, t), n;
+  const o = e;
+  return o.init = (t) => (s) => e(s, t), o;
 }
 const se = (e) => /* @__PURE__ */ te(e);
-async function ne({
+async function oe({
   editor: e,
-  plan: n,
+  plan: o,
   pluginName: t,
   licenseKey: s,
   cleanup: a
 }) {
-  let o = "", r = !1;
-  const i = Z(), l = (d) => {
-    console.warn("Cleanup plugin:", t, "Reason:", d), a();
-  }, p = (d = {}) => {
+  let n = "", r = !1;
+  const i = Z(), l = (g) => {
+    console.warn("Cleanup plugin:", t, "Reason:", g), a();
+  }, p = (g = {}) => {
     var w;
-    const { error: g, sdkLicense: u } = d, f = (w = d.plan) == null ? void 0 : w.category;
-    if (!(u || d.license) || g)
-      l(g || "Invalid license");
+    const { error: d, sdkLicense: u } = g, f = (w = g.plan) == null ? void 0 : w.category;
+    if (!(u || g.license) || d)
+      l(d || "Invalid license");
     else if (f) {
-      const c = O[n], h = O[f];
-      c > h && l({ pluginRequiredPlan: n, licensePlan: f });
+      const c = O[o], h = O[f];
+      c > h && l({ pluginRequiredPlan: o, licensePlan: f });
     }
   };
-  e.on(V, (d) => {
-    o = d == null ? void 0 : d.baseApiUrl, r = !0;
-  }), e.on(Y, (d) => {
-    p(d);
+  e.on(V, (g) => {
+    n = g == null ? void 0 : g.baseApiUrl, r = !0;
+  }), e.on(Y, (g) => {
+    p(g);
   }), setTimeout(async () => {
     if (!r) {
       if (i) return;
       if (s) {
-        const d = await oe({ licenseKey: s, pluginName: t, baseApiUrl: o });
-        d && p(d);
+        const g = await ne({ licenseKey: s, pluginName: t, baseApiUrl: n });
+        g && p(g);
       } else
         l("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function oe(e) {
-  const { licenseKey: n, pluginName: t, baseApiUrl: s } = e;
+async function ne(e) {
+  const { licenseKey: o, pluginName: t, baseApiUrl: s } = e;
   try {
     return (await ee({
       baseApiUrl: s,
-      path: `/sdk/${n || "na"}`,
+      path: `/sdk/${o || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
@@ -107,32 +107,32 @@ async function oe(e) {
     return console.error("Error during SDK license check:", a), !1;
   }
 }
-const ae = (e) => (n) => {
+const ae = (e) => (o) => {
   var t;
-  return ((t = n.getAttribute) == null ? void 0 : t.call(n, q)) === e;
-}, re = (...e) => (n, t) => e.some((s) => t.is(s)), K = (e, n, t) => {
-  const { doc: s = document } = t, a = t.target || s.head, o = a.querySelector(`style[${e}]`) || s.createElement("style");
-  o.setAttribute(e, "true"), o.innerHTML = n, !a.contains(o) && a.appendChild(o);
+  return ((t = o.getAttribute) == null ? void 0 : t.call(o, q)) === e;
+}, re = (...e) => (o, t) => e.some((s) => t.is(s)), K = (e, o, t) => {
+  const { doc: s = document } = t, a = t.target || s.head, n = a.querySelector(`style[${e}]`) || s.createElement("style");
+  n.setAttribute(e, "true"), n.innerHTML = o, !a.contains(n) && a.appendChild(n);
 }, ie = "gjs-plg-", C = "data-gs-plg-", q = "data-type-role";
-function I(e, n, t) {
-  let s, a, o, r, i;
-  const l = n === void 0 ? 100 : n;
+function I(e, o, t) {
+  let s, a, n, r, i;
+  const l = o === void 0 ? 100 : o;
   function p() {
-    const g = Date.now() - r;
-    g < l && g >= 0 ? s = setTimeout(p, l - g) : (s = null, i = e.apply(o, a), o = a = null);
+    const d = Date.now() - r;
+    d < l && d >= 0 ? s = setTimeout(p, l - d) : (s = null, i = e.apply(n, a), n = a = null);
   }
-  const d = function() {
-    return o = this, a = arguments, r = Date.now(), s || (s = setTimeout(p, l)), i;
+  const g = function() {
+    return n = this, a = arguments, r = Date.now(), s || (s = setTimeout(p, l)), i;
   };
-  return d.clear = function() {
+  return g.clear = function() {
     s && (clearTimeout(s), s = null);
-  }, d.flush = function() {
-    s && (i = e.apply(o, a), o = a = null, clearTimeout(s), s = null);
-  }, d;
+  }, g.flush = function() {
+    s && (i = e.apply(n, a), n = a = null, clearTimeout(s), s = null);
+  }, g;
 }
 const A = "page-break";
 var m = /* @__PURE__ */ ((e) => (e.A5 = "a5", e.A5Portrait = "a5-portrait", e.A4 = "a4", e.A3 = "a3", e.B5 = "b5", e.B4 = "b4", e.letter = "letter", e.legal = "legal", e.ledger = "ledger", e))(m || {});
-function D(e, n) {
+function D(e, o) {
   const s = {
     mm: 3.7795275590551185,
     // 1mm ≈ 3.78px
@@ -145,37 +145,37 @@ function D(e, n) {
     pc: 16
     // 1pc ≈ 16px
   };
-  return s[n] ? e * s[n] : null;
+  return s[o] ? e * s[o] : null;
 }
-const ce = (e, n) => {
-  const { name: t, id: s, width: a, height: o, unit: r } = e, { fixedHeight: i } = n, l = `${a}${r}`, p = `${o}${r}`;
+const ce = (e, o) => {
+  const { name: t, id: s, width: a, height: n, unit: r } = e, { fixedHeight: i } = o, l = `${a}${r}`, p = `${n}${r}`;
   return {
     id: s || t.toLowerCase().replace(/\s/g, "-"),
     name: `${t} (${l} x ${p})`,
-    sizeH: o,
+    sizeH: n,
     sizeW: a,
     sizeUnit: r,
     widthMedia: "",
     width: l,
-    minHeight: i ? "0" : `${D(o, r)}px`,
+    minHeight: i ? "0" : `${D(n, r)}px`,
     height: i ? p : void 0
   };
 }, H = "page-breaks", $ = "gjs-page-breaks-spot", j = (e) => e.type === H;
 function le(e) {
-  const { Devices: n } = e, { height: t, minHeight: s } = n.getSelected().attributes, o = parseFloat(`${t && t !== "auto" ? t : s}`), r = e.getWrapper(), i = r == null ? void 0 : r.getEl(), l = [];
+  const { Devices: o } = e, { height: t, minHeight: s } = o.getSelected().attributes, n = parseFloat(`${t && t !== "auto" ? t : s}`), r = e.getWrapper(), i = r == null ? void 0 : r.getEl(), l = [];
   if (!r || !i)
     return l;
-  const p = i.getBoundingClientRect().height, g = r.findType(A).map((f) => f.getEl()).filter(Boolean).map((f) => ({ top: f.offsetTop, height: f.offsetHeight }));
+  const p = i.getBoundingClientRect().height, d = r.findType(A).map((f) => f.getEl()).filter(Boolean).map((f) => ({ top: f.offsetTop, height: f.offsetHeight }));
   let u = 0;
   for (; u < p; ) {
-    const f = g.find((y) => y.top > u && y.top < u + o);
-    f ? (u = f.top + f.height, l.push(f.top)) : (u += o, u < p && l.push(u));
+    const f = d.find((y) => y.top > u && y.top < u + n);
+    f ? (u = f.top + f.height, l.push(f.top)) : (u += n, u < p && l.push(u));
   }
   return l;
 }
-function pe(e, n) {
+function pe(e, o) {
   const { Canvas: t } = e, s = t.events, a = e.events;
-  let o;
+  let n;
   const r = () => {
     K(
       `${C}preset-printable-spots`,
@@ -201,56 +201,56 @@ function pe(e, n) {
       { target: window.document.head }
     );
   }, i = () => {
-    if (n.enablePageBreaksSpot === !1) return;
+    if (o.enablePageBreaksSpot === !1) return;
     const c = { id: H, type: H, component: e.getWrapper() };
     return t.getSpots(c).pop() || t.addSpot(c);
   }, l = ({ spot: c }) => {
     const { spotEl: h } = c.attributes;
-    !j(c) || !h || !o || o.removeChild(h);
+    !j(c) || !h || !n || n.removeChild(h);
   }, p = ({ spot: c }) => {
-    if (!j(c) || !o) return;
+    if (!j(c) || !n) return;
     let { spotEl: h } = c.attributes;
-    h || (h = document.createElement("div"), h.className = `${$}__items`, c.set({ spotEl: h })), o.appendChild(h);
-  }, d = ({ spot: c }) => {
+    h || (h = document.createElement("div"), h.className = `${$}__items`, c.set({ spotEl: h })), n.appendChild(h);
+  }, g = ({ spot: c }) => {
     const { spotEl: h, pageBreaks: x = [] } = c.attributes;
-    !j(c) || !h || !o || (Object.entries(c.getStyle()).forEach(([k, R]) => h.style.setProperty(k, R)), h.innerHTML = "", x.forEach((k, R) => {
+    !j(c) || !h || !n || (Object.entries(c.getStyle()).forEach(([k, R]) => h.style.setProperty(k, R)), h.innerHTML = "", x.forEach((k, R) => {
       const T = document.createElement("div");
       T.setAttribute("data-page-number", `${R + 2}`), T.className = $, T.style.top = `${k}px`, h.appendChild(T);
     }));
-  }, g = I(() => {
+  }, d = I(() => {
     if (e.em.destroyed) return;
     const c = i();
     c && c.set({ pageBreaks: le(e), up: (c.attributes.up || 0) + 1 });
-  }, 150), u = I(g, 200), f = () => {
-    o = t.getSpotsEl(), i();
+  }, 150), u = I(d, 200), f = () => {
+    n = t.getSpotsEl(), i();
   }, y = () => {
     const c = i();
     c && c.set({ up: (c.attributes.up || 0) + 1 });
   }, w = [
-    ["component:input", g],
+    ["component:input", d],
     ["frame:scroll", y],
-    [a.update, g],
+    [a.update, d],
     [s.spotAdd, p],
-    [s.spotUpdate, d],
+    [s.spotUpdate, g],
     [s.spotRemove, l],
     [s.frameLoadBody, f]
   ];
   return w.forEach(([c, h]) => e.on(c, h)), e.onReady(() => {
     r(), new ResizeObserver(y).observe(t.getElement().parentElement);
   }), () => {
-    w.forEach(([c, h]) => e.off(c, h)), g.clear(), u.clear();
+    w.forEach(([c, h]) => e.off(c, h)), d.clear(), u.clear();
   };
 }
 var _ = /* @__PURE__ */ ((e) => (e.print = "presetPrintable:print", e))(_ || {});
-const F = (e) => new Promise((n) => {
+const F = (e) => new Promise((o) => {
   const t = document.createElement("iframe");
-  t.style.cssText = "position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;", t.srcdoc = e.content, t.onload = () => n(t), document.body.appendChild(t);
+  t.style.cssText = "position: absolute; width: 0; height: 0; border: 0; opacity: 0; pointer-events: none;", t.srcdoc = e.content, t.onload = () => o(t), document.body.appendChild(t);
 });
-function de(e, n) {
+function ge(e, o) {
   const { Commands: t, Pages: s } = e;
   return t.add(
     _.print,
-    async (a, o, r = {}) => {
+    async (a, n, r = {}) => {
       const i = {
         page: r.allPages ? void 0 : s.getSelected(),
         styles: "inline",
@@ -258,31 +258,31 @@ function de(e, n) {
           // Avoid DataSource exporter
           exporter: null
         }
-      }, p = (await t.run(z.projectFiles, i)).filter((u) => u.filename.endsWith(".html")), d = p.map((u) => u.content).join('<div style="break-before: page;"></div>'), g = [];
+      }, p = (await t.run(z.projectFiles, i)).filter((u) => u.filename.endsWith(".html")), g = p.map((u) => u.content).join('<div style="break-before: page;"></div>'), d = [];
       if (r.separatePrints)
         for (const u of p)
-          g.push(await F(u));
+          d.push(await F(u));
       else
-        g.push(await F({ content: d, filename: "", mimeType: "" }));
-      for (const u of g) {
+        d.push(await F({ content: g, filename: "", mimeType: "" }));
+      for (const u of d) {
         const f = u.contentWindow;
         f.focus(), f.print();
       }
-      setTimeout(() => g.forEach((u) => u.remove()), 1e3);
+      setTimeout(() => d.forEach((u) => u.remove()), 1e3);
     }
   ), t.add("presetPrintable:exp", async (a) => {
     await M("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"), await M("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");
-    const { Devices: o, Canvas: r } = a, { sizeW: i, sizeH: l, sizeUnit: p } = o.getSelected().attributes, d = r.getFrameEl().contentDocument, g = "px", u = [D(i, p), D(l, p)], f = new window.jspdf.jsPDF({ unit: g, format: u }), y = d.body;
+    const { Devices: n, Canvas: r } = a, { sizeW: i, sizeH: l, sizeUnit: p } = n.getSelected().attributes, g = r.getFrameEl().contentDocument, d = "px", u = [D(i, p), D(l, p)], f = new window.jspdf.jsPDF({ unit: d, format: u }), y = g.body;
     f.html(y, { callback: (w) => w.save() });
   }), () => {
     delete e.Commands.commands[_.print];
   };
 }
-function ge(e, n) {
-  const { blockPageBreak: t = {} } = n, { Components: s, Blocks: a } = e, o = "Page Break", r = `${ie}${A}`;
+function de(e, o) {
+  const { blockPageBreak: t = {} } = o, { Components: s, Blocks: a } = e, n = "Page Break", r = `${ie}${A}`;
   return s.addType(A, {
     block: t && {
-      label: o,
+      label: n,
       media: '<svg viewBox="0 0 24 24"><path d="M18 20H6v-2H4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2h-2v2M14 2H6a2 2 0 0 0-2 2v8h2V4h8v4h4v4h2V8l-6-6m-3 14H8v-2h3v2m5 0h-3v-2h3v2M3 14h3v2H3v-2m18 2h-3v-2h3v2Z"/></svg>',
       category: "Extra",
       select: !0,
@@ -291,7 +291,7 @@ function ge(e, n) {
     isComponent: ae(A),
     model: {
       defaults: {
-        name: o,
+        name: n,
         classes: r,
         attributes: { [q]: A },
         emptyState: !0,
@@ -306,12 +306,12 @@ function ge(e, n) {
     s.removeType(A), a.remove(A);
   };
 }
-const ue = "presetPrintable", he = B.free, fe = function(e, n = {}) {
+const ue = "presetPrintable", he = B.free, fe = function(e, o = {}) {
   var U;
   const t = {
     selectedDevice: m.A4,
-    ...n
-  }, { Canvas: s, Devices: a, Blocks: o } = e, r = s.events, i = e.events, l = t.selectedDevice || a.getConfig().default, p = [
+    ...o
+  }, { Canvas: s, Devices: a, Blocks: n } = e, r = s.events, i = e.events, l = t.selectedDevice || a.getConfig().default, p = [
     { id: m.A5, name: "A5", width: 148, height: 210, unit: "mm" },
     { id: m.A5Portrait, name: "A5 Portrait", width: 210, height: 148, unit: "mm" },
     { id: m.A4, name: "A4", width: 210, height: 297, unit: "mm" },
@@ -321,10 +321,10 @@ const ue = "presetPrintable", he = B.free, fe = function(e, n = {}) {
     { id: m.letter, name: "Letter", width: 8.5, height: 11, unit: "in" },
     { id: m.legal, name: "Legal", width: 8.5, height: 14, unit: "in" },
     { id: m.ledger, name: "Ledger", width: 11, height: 17, unit: "in" }
-  ], g = (((U = t.devices) == null ? void 0 : U.call(t, { items: p })) || p).map((v) => ce(v, t));
-  a.devices.reset(g);
+  ], d = (((U = t.devices) == null ? void 0 : U.call(t, { items: p })) || p).map((v) => ce(v, t));
+  a.devices.reset(d);
   const u = l && a.get(l) || a.getAll().at(0);
-  a.select(u), ["map", "video"].forEach((v) => o.remove(v));
+  a.select(u), ["map", "video"].forEach((v) => n.remove(v));
   const y = () => {
     const v = "page-rule", { rules: b } = e.Css, { width: E, height: P, minHeight: L } = a.getSelected().attributes, S = P && P !== "auto" ? P : L;
     (b.where({ id: v }).pop() || b.add(
@@ -380,14 +380,14 @@ const ue = "presetPrintable", he = B.free, fe = function(e, n = {}) {
     });
   }, h = [[i.projectLoad, c]];
   h.forEach(([v, b]) => e.on(v, b));
-  const x = pe(e, t), k = de(e), R = ge(e, t);
+  const x = pe(e, t), k = ge(e), R = de(e, t);
   e.onReady(() => {
     e.UndoManager.clear();
   });
   const T = () => {
     h.forEach(([v, b]) => e.off(v, b)), x(), k(), R();
   };
-  e.on(i.destroy, T), ne({
+  e.on(i.destroy, T), oe({
     editor: e,
     licenseKey: t.licenseKey,
     plan: he,

package/dist/presetPrintable/index.umd.js

@@ -1,4 +1,4 @@
-(function(B,k){typeof exports=="object"&&typeof module<"u"?module.exports=k():typeof define=="function"&&define.amd?define(k):(B=typeof globalThis<"u"?globalThis:B||self,B.StudioSdkPlugins_presetPrintable=k())})(this,function(){"use strict";const B="app.grapesjs.com",k="app-stage.grapesjs.com",M=[B,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],V="license:check:start",Y="license:check:end",J=()=>typeof window<"u",O=(e,n={})=>{const t=Q(e)?{id:e,src:e}:e;return new Promise((s,a)=>{var l,p;const o=document.querySelector(`script[src="${t.src}"]`),{id:i}=t;if(o)return(l=n.onScript)==null||l.call(n,o),s(i);const r=document.createElement("script");r.src=t.src,r.onload=()=>s(i),r.onerror=()=>a(i),document.head.appendChild(r),(p=n.onScript)==null||p.call(n,r)})},X=({isDev:e,isStage:n})=>`${e?"":`https://${n?k:B}`}/api`,Z=()=>{const e=J()&&window.location.hostname;return!!e&&(M.includes(e)||M.some(n=>e.endsWith(n)))},Q=e=>typeof e=="string";async function ee({path:e,baseApiUrl:n,method:t="GET",headers:s={},params:a,body:o}){const r=`${n||X({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...s}};o&&(l.body=JSON.stringify(o));const p=a?new URLSearchParams(a).toString():"",d=p?`?${p}`:"",g=await fetch(`${r}${d}`,l);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}var R=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(R||{}),I=(e=>(e.toastAdd="studio:toastAdd",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))(I||{});const F={[R.free]:0,[R.startup]:10,[R.business]:20,[R.enterprise]:30};function te(e){const n=e;return n.init=t=>s=>e(s,t),n}const se=e=>te(e);async function ne({editor:e,plan:n,pluginName:t,licenseKey:s,cleanup:a}){let o="",i=!1;const r=Z(),l=d=>{console.warn("Cleanup plugin:",t,"Reason:",d),a()},p=(d={})=>{var w;const{error:g,sdkLicense:u}=d,f=(w=d.plan)==null?void 0:w.category;if(!(u||d.license)||g)l(g||"Invalid license");else if(f){const c=F[n],h=F[f];c>h&&l({pluginRequiredPlan:n,licensePlan:f})}};e.on(V,d=>{o=d==null?void 0:d.baseApiUrl,i=!0}),e.on(Y,d=>{p(d)}),setTimeout(async()=>{if(!i){if(r)return;if(s){const d=await oe({licenseKey:s,pluginName:t,baseApiUrl:o});d&&p(d)}else l("The `licenseKey` option not provided")}},2e3)}async function oe(e){const{licenseKey:n,pluginName:t,baseApiUrl:s}=e;try{return(await ee({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const ae=e=>n=>{var t;return((t=n.getAttribute)==null?void 0:t.call(n,z))===e},ie=(...e)=>(n,t)=>e.some(s=>t.is(s)),N=(e,n,t)=>{const{doc:s=document}=t,a=t.target||s.head,o=a.querySelector(`style[${e}]`)||s.createElement("style");o.setAttribute(e,"true"),o.innerHTML=n,!a.contains(o)&&a.appendChild(o)},re="gjs-plg-",W="data-gs-plg-",z="data-type-role";function K(e,n,t){let s,a,o,i,r;const l=n===void 0?100:n;function p(){const g=Date.now()-i;g<l&&g>=0?s=setTimeout(p,l-g):(s=null,r=e.apply(o,a),o=a=null)}const d=function(){return o=this,a=arguments,i=Date.now(),s||(s=setTimeout(p,l)),r};return d.clear=function(){s&&(clearTimeout(s),s=null)},d.flush=function(){s&&(r=e.apply(o,a),o=a=null,clearTimeout(s),s=null)},d}const T="page-break";var m=(e=>(e.A5="a5",e.A5Portrait="a5-portrait",e.A4="a4",e.A3="a3",e.B5="b5",e.B4="b4",e.letter="letter",e.legal="legal",e.ledger="ledger",e))(m||{});function _(e,n){const s={mm:3.7795275590551185,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return s[n]?e*s[n]:null}const ce=(e,n)=>{const{name:t,id:s,width:a,height:o,unit:i}=e,{fixedHeight:r}=n,l=`${a}${i}`,p=`${o}${i}`;return{id:s||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${p})`,sizeH:o,sizeW:a,sizeUnit:i,widthMedia:"",width:l,minHeight:r?"0":`${_(o,i)}px`,height:r?p:void 0}},D="page-breaks",x="gjs-page-breaks-spot",H=e=>e.type===D;function le(e){const{Devices:n}=e,{height:t,minHeight:s}=n.getSelected().attributes,o=parseFloat(`${t&&t!=="auto"?t:s}`),i=e.getWrapper(),r=i==null?void 0:i.getEl(),l=[];if(!i||!r)return l;const p=r.getBoundingClientRect().height,g=i.findType(T).map(f=>f.getEl()).filter(Boolean).map(f=>({top:f.offsetTop,height:f.offsetHeight}));let u=0;for(;u<p;){const f=g.find(y=>y.top>u&&y.top<u+o);f?(u=f.top+f.height,l.push(f.top)):(u+=o,u<p&&l.push(u))}return l}function pe(e,n){const{Canvas:t}=e,s=t.events,a=e.events;let o;const i=()=>{N(`${W}preset-printable-spots`,`.${x} {
+(function(B,k){typeof exports=="object"&&typeof module<"u"?module.exports=k():typeof define=="function"&&define.amd?define(k):(B=typeof globalThis<"u"?globalThis:B||self,B.StudioSdkPlugins_presetPrintable=k())})(this,function(){"use strict";const B="app.grapesjs.com",k="app-stage.grapesjs.com",M=[B,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],V="license:check:start",Y="license:check:end",J=()=>typeof window<"u",O=(e,n={})=>{const t=Q(e)?{id:e,src:e}:e;return new Promise((s,a)=>{var l,p;const o=document.querySelector(`script[src="${t.src}"]`),{id:i}=t;if(o)return(l=n.onScript)==null||l.call(n,o),s(i);const r=document.createElement("script");r.src=t.src,r.onload=()=>s(i),r.onerror=()=>a(i),document.head.appendChild(r),(p=n.onScript)==null||p.call(n,r)})},X=({isDev:e,isStage:n})=>`${e?"":`https://${n?k:B}`}/api`,Z=()=>{const e=J()&&window.location.hostname;return!!e&&(M.includes(e)||M.some(n=>e.endsWith(n)))},Q=e=>typeof e=="string";async function ee({path:e,baseApiUrl:n,method:t="GET",headers:s={},params:a,body:o}){const r=`${n||X({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...s}};o&&(l.body=JSON.stringify(o));const p=a?new URLSearchParams(a).toString():"",d=p?`?${p}`:"",g=await fetch(`${r}${d}`,l);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}var R=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(R||{}),I=(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))(I||{});const F={[R.free]:0,[R.startup]:10,[R.business]:20,[R.enterprise]:30};function te(e){const n=e;return n.init=t=>s=>e(s,t),n}const se=e=>te(e);async function ne({editor:e,plan:n,pluginName:t,licenseKey:s,cleanup:a}){let o="",i=!1;const r=Z(),l=d=>{console.warn("Cleanup plugin:",t,"Reason:",d),a()},p=(d={})=>{var w;const{error:g,sdkLicense:u}=d,f=(w=d.plan)==null?void 0:w.category;if(!(u||d.license)||g)l(g||"Invalid license");else if(f){const c=F[n],h=F[f];c>h&&l({pluginRequiredPlan:n,licensePlan:f})}};e.on(V,d=>{o=d==null?void 0:d.baseApiUrl,i=!0}),e.on(Y,d=>{p(d)}),setTimeout(async()=>{if(!i){if(r)return;if(s){const d=await oe({licenseKey:s,pluginName:t,baseApiUrl:o});d&&p(d)}else l("The `licenseKey` option not provided")}},2e3)}async function oe(e){const{licenseKey:n,pluginName:t,baseApiUrl:s}=e;try{return(await ee({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const ae=e=>n=>{var t;return((t=n.getAttribute)==null?void 0:t.call(n,z))===e},ie=(...e)=>(n,t)=>e.some(s=>t.is(s)),N=(e,n,t)=>{const{doc:s=document}=t,a=t.target||s.head,o=a.querySelector(`style[${e}]`)||s.createElement("style");o.setAttribute(e,"true"),o.innerHTML=n,!a.contains(o)&&a.appendChild(o)},re="gjs-plg-",W="data-gs-plg-",z="data-type-role";function K(e,n,t){let s,a,o,i,r;const l=n===void 0?100:n;function p(){const g=Date.now()-i;g<l&&g>=0?s=setTimeout(p,l-g):(s=null,r=e.apply(o,a),o=a=null)}const d=function(){return o=this,a=arguments,i=Date.now(),s||(s=setTimeout(p,l)),r};return d.clear=function(){s&&(clearTimeout(s),s=null)},d.flush=function(){s&&(r=e.apply(o,a),o=a=null,clearTimeout(s),s=null)},d}const T="page-break";var m=(e=>(e.A5="a5",e.A5Portrait="a5-portrait",e.A4="a4",e.A3="a3",e.B5="b5",e.B4="b4",e.letter="letter",e.legal="legal",e.ledger="ledger",e))(m||{});function _(e,n){const s={mm:3.7795275590551185,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return s[n]?e*s[n]:null}const ce=(e,n)=>{const{name:t,id:s,width:a,height:o,unit:i}=e,{fixedHeight:r}=n,l=`${a}${i}`,p=`${o}${i}`;return{id:s||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${p})`,sizeH:o,sizeW:a,sizeUnit:i,widthMedia:"",width:l,minHeight:r?"0":`${_(o,i)}px`,height:r?p:void 0}},D="page-breaks",x="gjs-page-breaks-spot",H=e=>e.type===D;function le(e){const{Devices:n}=e,{height:t,minHeight:s}=n.getSelected().attributes,o=parseFloat(`${t&&t!=="auto"?t:s}`),i=e.getWrapper(),r=i==null?void 0:i.getEl(),l=[];if(!i||!r)return l;const p=r.getBoundingClientRect().height,g=i.findType(T).map(f=>f.getEl()).filter(Boolean).map(f=>({top:f.offsetTop,height:f.offsetHeight}));let u=0;for(;u<p;){const f=g.find(y=>y.top>u&&y.top<u+o);f?(u=f.top+f.height,l.push(f.top)):(u+=o,u<p&&l.push(u))}return l}function pe(e,n){const{Canvas:t}=e,s=t.events,a=e.events;let o;const i=()=>{N(`${W}preset-printable-spots`,`.${x} {
         position: absolute;
         left: 0;
         width: 100%;