@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.37

package/dist/presetPrintable/index.es.js

@@ -1,5 +1,5 @@
-const W = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.com", Z = "app-stage2.grapesjs.com", U = [
-  W,
+const C = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.com", Z = "app-stage2.grapesjs.com", O = [
+  C,
   X,
   z,
   Z,
@@ -9,150 +9,176 @@ const W = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.c
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], Q = "license:check:start", ee = "license:check:end", te = () => typeof window < "u", I = (e, s = {}) => {
-  const t = ne(e) ? { id: e, src: e } : e;
-  return new Promise((o, n) => {
-    var p, u;
-    const { loadedScripts: r } = s, { id: i, src: l } = t, d = document.querySelector(`script[src="${l}"]`);
-    if (d) {
-      if ((p = s.onScript) == null || p.call(s, d), r && !r.get(l)) {
-        d.addEventListener("load", () => o(i)), d.addEventListener("error", () => n(i));
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], Q = "license:check:end", ee = () => typeof window < "u", I = (e, n = {}) => {
+  const t = se(e) ? { id: e, src: e } : e;
+  return new Promise((o, a) => {
+    var d, u;
+    const { loadedScripts: r } = n, { id: c, src: i } = t, l = document.querySelector(`script[src="${i}"]`);
+    if (l) {
+      if ((d = n.onScript) == null || d.call(n, l), r && !r.get(i)) {
+        l.addEventListener("load", () => o(c)), l.addEventListener("error", () => a(c));
         return;
       }
-      return o(i);
+      return o(c);
     }
     const g = window.define;
     window.define = void 0;
     const f = () => {
-      r == null || r.set(l, !0), window.define = g;
-    }, a = document.createElement("script");
-    a.src = l, a.onload = () => {
-      o(i), f();
-    }, a.onerror = () => {
-      n(i), f();
-    }, document.head.appendChild(a), (u = s.onScript) == null || u.call(s, a);
+      r == null || r.set(i, !0), window.define = g;
+    }, s = document.createElement("script");
+    s.src = i, s.onload = () => {
+      o(c), f();
+    }, s.onerror = () => {
+      a(c), f();
+    }, document.head.appendChild(s), (u = n.onScript) == null || u.call(n, s);
   });
-}, oe = ({
+}, te = ({
   isDev: e,
-  isStage: s,
+  isStage: n,
   isPlatform: t
-}) => `${e ? "" : `https://${s ? z : W}`}/${t ? "platform-api" : "api"}`, se = () => {
-  const e = te() && window.location.hostname;
-  return !!e && (U.includes(e) || U.some((s) => e.endsWith(s)));
-}, ne = (e) => typeof e == "string";
+}) => `${e ? "" : `https://${n ? z : C}`}/${t ? "platform-api" : "api"}`, oe = () => {
+  if (!ee()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, ne = () => {
+  const e = oe();
+  return !!e && (O.includes(e) || O.some((n) => e.endsWith(n)));
+}, se = (e) => typeof e == "string";
 async function ae({
   path: e,
-  baseApiUrl: s,
+  baseApiUrl: n,
   method: t = "GET",
   headers: o = {},
-  params: n,
+  params: a,
   body: r
 }) {
-  const l = `${s || oe({ isDev: !1, isStage: !1 })}${e}`, d = {
+  const i = `${n || te({ isDev: !1, isStage: !1 })}${e}`, l = {
     method: t,
     headers: {
       "Content-Type": "application/json",
       ...o
     }
   };
-  r && (d.body = JSON.stringify(r));
-  const g = n ? new URLSearchParams(n).toString() : "", f = g ? `?${g}` : "", a = await fetch(`${l}${f}`, d);
-  if (!a.ok)
-    throw new Error(`HTTP error! status: ${a.status}`);
-  return a.json();
+  r && (l.body = JSON.stringify(r));
+  const g = a ? new URLSearchParams(a).toString() : "", f = g ? `?${g}` : "", s = await fetch(`${i}${f}`, l);
+  if (!s.ok)
+    throw new Error(`HTTP error! status: ${s.status}`);
+  return s.json();
 }
-var $ = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))($ || {}), K = /* @__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.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))(K || {});
-const O = {
-  [$.free]: 0,
-  [$.startup]: 10,
-  [$.business]: 20,
-  [$.enterprise]: 30
+var k = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(k || {}), j = /* @__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))(j || {});
+const F = {
+  [k.free]: 0,
+  [k.startup]: 10,
+  [k.business]: 20,
+  [k.enterprise]: 30
 };
 function re(e) {
-  const s = e;
-  return s.init = (t) => (o) => e(o, t), s;
+  const n = e;
+  return n.init = (t) => (o) => e(o, t), n;
 }
 const ie = (e) => /* @__PURE__ */ re(e);
 async function ce({
   editor: e,
-  plan: s,
+  plan: n,
   pluginName: t,
   licenseKey: o,
-  onLicenseCheckResponse: n,
+  onLicenseCheckResponse: a,
   cleanup: r
 }) {
-  let i = "", l = !1;
-  const d = se(), g = (a) => {
-    console.warn("Cleanup plugin:", t, "Reason:", a), r();
-  }, f = (a = {}) => {
-    var c;
-    const { error: p, sdkLicense: u } = a, m = (c = a.plan) == null ? void 0 : c.category;
-    if (!(u || a.license) || p)
-      g(p || "Invalid license");
-    else if (m) {
-      const h = O[s], k = O[m];
-      h > k && g({ pluginRequiredPlan: s, licensePlan: m });
+  let c = "", i;
+  const l = (s) => {
+    console.warn("Cleanup plugin:", t, "Reason:", s), r();
+  }, g = (s = {}) => {
+    var p;
+    const { error: d, sdkLicense: u } = s, b = (p = s.plan) == null ? void 0 : p.category;
+    if (!(u || s.license) || d)
+      l(d || "Invalid license");
+    else if (b) {
+      const h = F[n], L = F[b];
+      h > L && l({ pluginRequiredPlan: n, licensePlan: b });
     }
   };
-  e.on(Q, (a) => {
-    i = a == null ? void 0 : a.baseApiUrl, l = !0;
-  }), e.on(ee, (a) => {
-    n == null || n(a), f(a);
-  }), setTimeout(async () => {
-    if (!l) {
-      if (d) return;
-      if (o) {
-        const a = await le({ licenseKey: o, pluginName: t, baseApiUrl: i });
-        n == null || n(a), a && f(a);
-      } else
-        g("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  e.Commands.has(j.settings) && (i = e.runCommand(j.settings), c = (i == null ? void 0 : i.baseUrl) || "");
+  const f = (s) => {
+    a == null || a(s), s && g(s);
+  };
+  if (!i) {
+    e.onReady(async () => {
+      if (!ne())
+        if (o) {
+          const s = await pe({ licenseKey: o, pluginName: t, baseApiUrl: c });
+          f(s);
+        } else
+          l("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (i.licensePlan || i.licenseError) {
+    const s = le(i);
+    f(s);
+    return;
+  }
+  e.on(Q, (s) => f(s));
 }
-async function le(e) {
-  const { licenseKey: s, pluginName: t, baseApiUrl: o } = e;
+const le = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function pe(e) {
+  const { licenseKey: n, pluginName: t, baseApiUrl: o } = e;
   try {
     return (await ae({
       baseApiUrl: o,
-      path: `/sdk/${s || "na"}`,
+      path: `/sdk/${n || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: t
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (a) {
+    return console.error("Error during SDK license check:", a), !1;
   }
 }
-const de = (e) => (s) => {
+const de = (e) => (n) => {
   var t;
-  return ((t = s.getAttribute) == null ? void 0 : t.call(s, V)) === e;
-}, pe = (...e) => (s, t) => e.some((o) => t.is(o)), C = (e, s, t) => {
-  const { doc: o = document } = t, n = t.target || o.head, r = n.querySelector(`style[${e}]`) || o.createElement("style");
-  r.setAttribute(e, "true"), r.innerHTML = s, !n.contains(r) && n.appendChild(r);
-}, ge = "gjs-plg-", q = "data-gs-plg-", V = "data-type-role";
-function N(e, s, t) {
-  let o, n, r, i, l;
-  const d = s === void 0 ? 100 : s;
+  return ((t = n.getAttribute) == null ? void 0 : t.call(n, V)) === e;
+}, ge = (...e) => (n, t) => e.some((o) => t.is(o)), K = (e, n, t) => {
+  const { doc: o = document } = t, a = t.target || o.head, r = a.querySelector(`style[${e}]`) || o.createElement("style");
+  r.setAttribute(e, "true"), r.innerHTML = n, !a.contains(r) && a.appendChild(r);
+}, ue = "gjs-plg-", q = "data-gs-plg-", V = "data-type-role";
+function N(e, n, t) {
+  let o, a, r, c, i;
+  const l = n === void 0 ? 100 : n;
   function g() {
-    const a = Date.now() - i;
-    a < d && a >= 0 ? o = setTimeout(g, d - a) : (o = null, l = e.apply(r, n), r = n = null);
+    const s = Date.now() - c;
+    s < l && s >= 0 ? o = setTimeout(g, l - s) : (o = null, i = e.apply(r, a), r = a = null);
   }
   const f = function() {
-    return r = this, n = arguments, i = Date.now(), o || (o = setTimeout(g, d)), l;
+    return r = this, a = arguments, c = Date.now(), o || (o = setTimeout(g, l)), i;
   };
   return f.clear = function() {
     o && (clearTimeout(o), o = null);
   }, f.flush = function() {
-    o && (l = e.apply(r, n), r = n = null, clearTimeout(o), o = null);
+    o && (i = e.apply(r, a), r = a = null, clearTimeout(o), o = null);
   }, f;
 }
 const A = "page-break";
 var y = /* @__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))(y || {});
-function _(e, s) {
+function S(e, n) {
   const o = {
     mm: 3.7795275590551185,
     // 1mm ≈ 3.78px
@@ -165,39 +191,39 @@ function _(e, s) {
     pc: 16
     // 1pc ≈ 16px
   };
-  return o[s] ? e * o[s] : null;
+  return o[n] ? e * o[n] : null;
 }
-const ue = (e, s) => {
-  const { name: t, id: o, width: n, height: r, unit: i } = e, { fixedHeight: l } = s, d = `${n}${i}`, g = `${r}${i}`;
+const he = (e, n) => {
+  const { name: t, id: o, width: a, height: r, unit: c } = e, { fixedHeight: i } = n, l = `${a}${c}`, g = `${r}${c}`;
   return {
     id: o || t.toLowerCase().replace(/\s/g, "-"),
-    name: `${t} (${d} x ${g})`,
+    name: `${t} (${l} x ${g})`,
     sizeH: r,
-    sizeW: n,
-    sizeUnit: i,
+    sizeW: a,
+    sizeUnit: c,
     widthMedia: "",
-    width: d,
-    minHeight: l ? "0" : `${_(r, i)}px`,
-    height: l ? g : void 0
+    width: l,
+    minHeight: i ? "0" : `${S(r, c)}px`,
+    height: i ? g : void 0
   };
-}, G = "page-breaks", D = "gjs-page-breaks-spot", j = (e) => e.type === G;
-function he(e) {
-  const { Devices: s } = e, { height: t, minHeight: o } = s.getSelected().attributes, r = parseFloat(`${t && t !== "auto" ? t : o}`), i = e.getWrapper(), l = i == null ? void 0 : i.getEl(), d = [];
-  if (!i || !l)
-    return d;
-  const g = l.getBoundingClientRect().height, a = i.findType(A).map((u) => u.getEl()).filter(Boolean).map((u) => ({ top: u.offsetTop, height: u.offsetHeight }));
-  let p = 0;
-  for (; p < g; ) {
-    const u = a.find((m) => m.top > p && m.top < p + r);
-    u ? (p = u.top + u.height, d.push(u.top)) : (p += r, p < g && d.push(p));
+}, _ = "page-breaks", D = "gjs-page-breaks-spot", H = (e) => e.type === _;
+function fe(e) {
+  const { Devices: n } = e, { height: t, minHeight: o } = n.getSelected().attributes, r = parseFloat(`${t && t !== "auto" ? t : o}`), c = e.getWrapper(), i = c == null ? void 0 : c.getEl(), l = [];
+  if (!c || !i)
+    return l;
+  const g = i.getBoundingClientRect().height, s = c.findType(A).map((u) => u.getEl()).filter(Boolean).map((u) => ({ top: u.offsetTop, height: u.offsetHeight }));
+  let d = 0;
+  for (; d < g; ) {
+    const u = s.find((b) => b.top > d && b.top < d + r);
+    u ? (d = u.top + u.height, l.push(u.top)) : (d += r, d < g && l.push(d));
   }
-  return d;
+  return l;
 }
-function fe(e, s) {
-  const { Canvas: t } = e, o = t.events, n = e.events;
+function ve(e, n) {
+  const { Canvas: t } = e, o = t.events, a = e.events;
   let r;
-  const i = () => {
-    C(
+  const c = () => {
+    K(
       `${q}preset-printable-spots`,
       `.${D} {
         position: absolute;
@@ -220,86 +246,86 @@ function fe(e, s) {
       `,
       { target: window.document.head }
     );
-  }, l = () => {
-    if (s.enablePageBreaksSpot === !1) return;
-    const c = { id: G, type: G, component: e.getWrapper() };
-    return t.getSpots(c).pop() || t.addSpot(c);
-  }, d = ({ spot: c }) => {
-    const { spotEl: h } = c.attributes;
-    !j(c) || !h || !r || r.removeChild(h);
-  }, g = ({ spot: c }) => {
-    if (!j(c) || !r) return;
-    let { spotEl: h } = c.attributes;
-    h || (h = document.createElement("div"), h.className = `${D}__items`, c.set({ spotEl: h })), r.appendChild(h);
-  }, f = ({ spot: c }) => {
-    const { spotEl: h, pageBreaks: k = [] } = c.attributes;
-    !j(c) || !h || !r || (Object.entries(c.getStyle()).forEach(([x, L]) => h.style.setProperty(x, L)), h.innerHTML = "", k.forEach((x, L) => {
+  }, i = () => {
+    if (n.enablePageBreaksSpot === !1) return;
+    const p = { id: _, type: _, component: e.getWrapper() };
+    return t.getSpots(p).pop() || t.addSpot(p);
+  }, l = ({ spot: p }) => {
+    const { spotEl: h } = p.attributes;
+    !H(p) || !h || !r || r.removeChild(h);
+  }, g = ({ spot: p }) => {
+    if (!H(p) || !r) return;
+    let { spotEl: h } = p.attributes;
+    h || (h = document.createElement("div"), h.className = `${D}__items`, p.set({ spotEl: h })), r.appendChild(h);
+  }, f = ({ spot: p }) => {
+    const { spotEl: h, pageBreaks: L = [] } = p.attributes;
+    !H(p) || !h || !r || (Object.entries(p.getStyle()).forEach(([$, x]) => h.style.setProperty($, x)), h.innerHTML = "", L.forEach(($, x) => {
       const E = document.createElement("div");
-      E.setAttribute("data-page-number", `${L + 2}`), E.className = D, E.style.top = `${x}px`, h.appendChild(E);
+      E.setAttribute("data-page-number", `${x + 2}`), E.className = D, E.style.top = `${$}px`, h.appendChild(E);
     }));
-  }, a = N(() => {
+  }, s = N(() => {
     if (e.em.destroyed) return;
-    const c = l();
-    c && c.set({ pageBreaks: he(e), up: (c.attributes.up || 0) + 1 });
-  }, 150), p = N(a, 200), u = () => {
-    r = t.getSpotsEl(), l();
-  }, m = () => {
-    const c = l();
-    c && c.set({ up: (c.attributes.up || 0) + 1 });
+    const p = i();
+    p && p.set({ pageBreaks: fe(e), up: (p.attributes.up || 0) + 1 });
+  }, 150), d = N(s, 200), u = () => {
+    r = t.getSpotsEl(), i();
+  }, b = () => {
+    const p = i();
+    p && p.set({ up: (p.attributes.up || 0) + 1 });
   }, w = [
-    ["component:input", a],
-    ["frame:scroll", m],
-    [n.update, a],
+    ["component:input", s],
+    ["frame:scroll", b],
+    [a.update, s],
     [o.spotAdd, g],
     [o.spotUpdate, f],
-    [o.spotRemove, d],
+    [o.spotRemove, l],
     [o.frameLoadBody, u]
   ];
-  return w.forEach(([c, h]) => e.on(c, h)), e.onReady(() => {
-    i(), new ResizeObserver(m).observe(t.getElement().parentElement);
+  return w.forEach(([p, h]) => e.on(p, h)), e.onReady(() => {
+    c(), new ResizeObserver(b).observe(t.getElement().parentElement);
   }), () => {
-    w.forEach(([c, h]) => e.off(c, h)), a.clear(), p.clear();
+    w.forEach(([p, h]) => e.off(p, h)), s.clear(), d.clear();
   };
 }
-var H = /* @__PURE__ */ ((e) => (e.print = "presetPrintable:print", e))(H || {});
-const F = (e) => new Promise((s) => {
+var M = /* @__PURE__ */ ((e) => (e.print = "presetPrintable:print", e))(M || {});
+const W = (e) => new Promise((n) => {
   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 = () => s(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 = () => n(t), document.body.appendChild(t);
 });
-function ve(e, s) {
+function me(e, n) {
   const { Commands: t, Pages: o } = e;
   return t.add(
-    H.print,
-    async (n, r, i = {}) => {
-      const l = {
-        page: i.allPages ? void 0 : o.getSelected(),
+    M.print,
+    async (a, r, c = {}) => {
+      const i = {
+        page: c.allPages ? void 0 : o.getSelected(),
         styles: "inline",
         optionsHtml: {
           // Avoid DataSource exporter
           exporter: null
         }
-      }, g = (await t.run(K.projectFiles, l)).filter((p) => p.filename.endsWith(".html")), f = g.map((p) => p.content).join('<div style="break-before: page;"></div>'), a = [];
-      if (i.separatePrints)
-        for (const p of g)
-          a.push(await F(p));
+      }, g = (await t.run(j.projectFiles, i)).filter((d) => d.filename.endsWith(".html")), f = g.map((d) => d.content).join('<div style="break-before: page;"></div>'), s = [];
+      if (c.separatePrints)
+        for (const d of g)
+          s.push(await W(d));
       else
-        a.push(await F({ content: f, filename: "", mimeType: "" }));
-      for (const p of a) {
-        const u = p.contentWindow;
+        s.push(await W({ content: f, filename: "", mimeType: "" }));
+      for (const d of s) {
+        const u = d.contentWindow;
         u.focus(), u.print();
       }
-      setTimeout(() => a.forEach((p) => p.remove()), 1e3);
+      setTimeout(() => s.forEach((d) => d.remove()), 1e3);
     }
-  ), t.add("presetPrintable:exp", async (n) => {
+  ), t.add("presetPrintable:exp", async (a) => {
     await I("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"), await I("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");
-    const { Devices: r, Canvas: i } = n, { sizeW: l, sizeH: d, sizeUnit: g } = r.getSelected().attributes, f = i.getFrameEl().contentDocument, a = "px", p = [_(l, g), _(d, g)], u = new window.jspdf.jsPDF({ unit: a, format: p }), m = f.body;
-    u.html(m, { callback: (w) => w.save() });
+    const { Devices: r, Canvas: c } = a, { sizeW: i, sizeH: l, sizeUnit: g } = r.getSelected().attributes, f = c.getFrameEl().contentDocument, s = "px", d = [S(i, g), S(l, g)], u = new window.jspdf.jsPDF({ unit: s, format: d }), b = f.body;
+    u.html(b, { callback: (w) => w.save() });
   }), () => {
-    delete e.Commands.commands[H.print];
+    delete e.Commands.commands[M.print];
   };
 }
-function be(e, s) {
-  const { blockPageBreak: t = {} } = s, { Components: o, Blocks: n } = e, r = "Page Break", i = `${ge}${A}`;
+function be(e, n) {
+  const { blockPageBreak: t = {} } = n, { Components: o, Blocks: a } = e, r = "Page Break", c = `${ue}${A}`;
   return o.addType(A, {
     block: t && {
       label: r,
@@ -312,26 +338,26 @@ function be(e, s) {
     model: {
       defaults: {
         name: r,
-        classes: i,
+        classes: c,
         attributes: { [V]: A },
         emptyState: !0,
         stylable: !1,
         droppable: !1,
-        draggable: pe("wrapper"),
-        styles: `.${i} { break-before: page; }`,
+        draggable: ge("wrapper"),
+        styles: `.${c} { break-before: page; }`,
         traits: []
       }
     }
   }), () => {
-    o.removeType(A), n.remove(A);
+    o.removeType(A), a.remove(A);
   };
 }
-const me = "presetPrintable", ye = $.free, we = function(e, s = {}) {
-  var M;
+const ye = "presetPrintable", we = k.free, Pe = function(e, n = {}) {
+  var U;
   const t = {
     selectedDevice: y.A4,
-    ...s
-  }, { Canvas: o, Devices: n, Blocks: r } = e, i = o.events, l = e.events, d = t.selectedDevice || n.getConfig().default, g = [
+    ...n
+  }, { Canvas: o, Devices: a, Blocks: r } = e, c = o.events, i = e.events, l = t.selectedDevice || a.getConfig().default, g = [
     { id: y.A5, name: "A5", width: 148, height: 210, unit: "mm" },
     { id: y.A5Portrait, name: "A5 Portrait", width: 210, height: 148, unit: "mm" },
     { id: y.A4, name: "A4", width: 210, height: 297, unit: "mm" },
@@ -341,25 +367,25 @@ const me = "presetPrintable", ye = $.free, we = function(e, s = {}) {
     { id: y.letter, name: "Letter", width: 8.5, height: 11, unit: "in" },
     { id: y.legal, name: "Legal", width: 8.5, height: 14, unit: "in" },
     { id: y.ledger, name: "Ledger", width: 11, height: 17, unit: "in" }
-  ], a = (((M = t.devices) == null ? void 0 : M.call(t, { items: g })) || g).map((v) => ue(v, t));
-  n.devices.reset(a);
-  const p = d && n.get(d) || n.getAll().at(0);
-  n.select(p), ["map", "video"].forEach((v) => r.remove(v));
-  const m = (v = {}) => {
-    const b = "page-rule", { rules: P } = e.Css, { width: T, height: B, minHeight: R } = n.getSelected().attributes, Y = B && B !== "auto" ? B : R, S = P.where({ id: b }).pop(), J = S || P.add(
+  ], s = (((U = t.devices) == null ? void 0 : U.call(t, { items: g })) || g).map((v) => he(v, t));
+  a.devices.reset(s);
+  const d = l && a.get(l) || a.getAll().at(0);
+  a.select(d), ["map", "video"].forEach((v) => r.remove(v));
+  const b = (v = {}) => {
+    const m = "page-rule", { rules: P } = e.Css, { width: T, height: B, minHeight: R } = a.getSelected().attributes, Y = B && B !== "auto" ? B : R, G = P.where({ id: m }).pop(), J = G || P.add(
       {
-        id: b,
+        id: m,
         selectors: [],
         selectorsAdd: "@page"
       },
       { at: 0 }
     );
-    (v.fromDeviceChange || !S) && J.addStyle({
+    (v.fromDeviceChange || !G) && J.addStyle({
       size: `${T} ${Y}`,
-      ...!S && { margin: "0" }
+      ...!G && { margin: "0" }
     });
-  }, w = (v, b = {}) => {
-    const P = v.document, { minHeight: T } = n.getSelected().attributes, R = `
+  }, w = (v, m = {}) => {
+    const P = v.document, { minHeight: T } = a.getSelected().attributes, R = `
       ${!!parseFloat(`${T}`) ? `
         [data-gjs-type="wrapper"] { min-height: ${T}; }
       ` : `
@@ -373,48 +399,48 @@ const me = "presetPrintable", ye = $.free, we = function(e, s = {}) {
         }
       `}
     `;
-    C(`${q}preset-printable`, R, { doc: P, target: P.head }), m(b);
+    K(`${q}preset-printable`, R, { doc: P, target: P.head }), b(m);
   };
-  e.on(i.frameLoadBody, (v) => {
-    const b = v.window;
-    if (w(b), t.fixedHeight) {
+  e.on(c.frameLoadBody, (v) => {
+    const m = v.window;
+    if (w(m), t.fixedHeight) {
       const T = v.model.getComponent().getEl();
       T == null || T.addEventListener("scroll", (B) => {
         const R = B.target;
         R.scrollTop > 0 && R.scrollTo(0, 0);
       });
     }
-  }), e.on(n.events.select, () => {
-    var b;
-    const v = (b = o.getFrameEl().contentDocument) == null ? void 0 : b.defaultView;
+  }), e.on(a.events.select, () => {
+    var m;
+    const v = (m = o.getFrameEl().contentDocument) == null ? void 0 : m.defaultView;
     v && w(v, { fromDeviceChange: !0 });
   });
-  const c = () => {
-    const b = e.Css.getRules().filter((P) => P.selectorsToString() === "body").pop();
-    b == null || b.addStyle({
+  const p = () => {
+    const m = e.Css.getRules().filter((P) => P.selectorsToString() === "body").pop();
+    m == null || m.addStyle({
       "margin-top": "",
       "margin-right": "",
       "margin-bottom": "",
       "margin-left": "",
       margin: "0"
     });
-  }, h = [[l.projectLoad, c]];
-  h.forEach(([v, b]) => e.on(v, b));
-  const k = fe(e, t), x = ve(e), L = be(e, t);
+  }, h = [[i.projectLoad, p]];
+  h.forEach(([v, m]) => e.on(v, m));
+  const L = ve(e, t), $ = me(e), x = be(e, t);
   e.onReady(() => {
     e.UndoManager.clear();
   });
   const E = () => {
-    h.forEach(([v, b]) => e.off(v, b)), k(), x(), L();
+    h.forEach(([v, m]) => e.off(v, m)), L(), $(), x();
   };
-  e.on(l.destroy, E), ce({
+  e.on(i.destroy, E), ce({
     editor: e,
     licenseKey: t.licenseKey,
-    plan: ye,
-    pluginName: me,
+    plan: we,
+    pluginName: ye,
     cleanup: E
   });
-}, Pe = ie(we);
+}, Te = ie(Pe);
 export {
-  Pe as default
+  Te as default
 };