@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/presetPrintable/index.es.js

@@ -1,7 +1,7 @@
-const F = "app.grapesjs.com", W = "app-stage.grapesjs.com", X = "app2.grapesjs.com", Z = "app-stage2.grapesjs.com", U = [
-  F,
-  X,
+const W = "app.grapesjs.com", z = "app-stage.grapesjs.com", X = "app2.grapesjs.com", Z = "app-stage2.grapesjs.com", U = [
   W,
+  X,
+  z,
   Z,
   "localhost",
   "127.0.0.1",
@@ -13,28 +13,32 @@ const F = "app.grapesjs.com", W = "app-stage.grapesjs.com", X = "app2.grapesjs.c
   // For Sandpack demos
 ], Q = "license:check:start", ee = "license:check:end", te = () => typeof window < "u", O = (e, s = {}) => {
   const t = ne(e) ? { id: e, src: e } : e;
-  return new Promise((o, a) => {
-    var g, h;
-    const { loadedScripts: n } = s, { id: i, src: d } = t, c = document.querySelector(`script[src="${d}"]`);
-    if (c) {
-      if ((g = s.onScript) == null || g.call(s, c), n && !n.get(d)) {
-        c.addEventListener("load", () => o(i)), c.addEventListener("error", () => a(i));
+  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));
         return;
       }
       return o(i);
     }
-    const u = window.define;
+    const g = window.define;
     window.define = void 0;
-    const l = () => {
-      n == null || n.set(d, !0), window.define = u;
-    }, r = document.createElement("script");
-    r.src = d, r.onload = () => {
-      o(i), l();
-    }, r.onerror = () => {
-      a(i), l();
-    }, document.head.appendChild(r), (h = s.onScript) == null || h.call(s, r);
+    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);
   });
-}, oe = ({ isDev: e, isStage: s }) => `${e ? "" : `https://${s ? W : F}`}/api`, se = () => {
+}, oe = ({
+  isDev: e,
+  isStage: s,
+  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";
@@ -43,66 +47,67 @@ async function ae({
   baseApiUrl: s,
   method: t = "GET",
   headers: o = {},
-  params: a,
-  body: n
+  params: n,
+  body: r
 }) {
-  const d = `${s || oe({ isDev: !1, isStage: !1 })}${e}`, c = {
+  const l = `${s || oe({ isDev: !1, isStage: !1 })}${e}`, d = {
     method: t,
     headers: {
       "Content-Type": "application/json",
       ...o
     }
   };
-  n && (c.body = JSON.stringify(n));
-  const u = a ? new URLSearchParams(a).toString() : "", l = u ? `?${u}` : "", r = await fetch(`${d}${l}`, c);
-  if (!r.ok)
-    throw new Error(`HTTP error! status: ${r.status}`);
-  return r.json();
+  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();
 }
-var k = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(k || {}), z = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", 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))(z || {});
+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.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 I = {
-  [k.free]: 0,
-  [k.startup]: 10,
-  [k.business]: 20,
-  [k.enterprise]: 30
+  [$.free]: 0,
+  [$.startup]: 10,
+  [$.business]: 20,
+  [$.enterprise]: 30
 };
-function ie(e) {
+function re(e) {
   const s = e;
   return s.init = (t) => (o) => e(o, t), s;
 }
-const re = (e) => /* @__PURE__ */ ie(e);
+const ie = (e) => /* @__PURE__ */ re(e);
 async function ce({
   editor: e,
   plan: s,
   pluginName: t,
   licenseKey: o,
-  cleanup: a
+  onLicenseCheckResponse: n,
+  cleanup: r
 }) {
-  let n = "", i = !1;
-  const d = se(), c = (l) => {
-    console.warn("Cleanup plugin:", t, "Reason:", l), a();
-  }, u = (l = {}) => {
-    var w;
-    const { error: r, sdkLicense: g } = l, h = (w = l.plan) == null ? void 0 : w.category;
-    if (!(g || l.license) || r)
-      c(r || "Invalid license");
-    else if (h) {
-      const p = I[s], f = I[h];
-      p > f && c({ pluginRequiredPlan: s, licensePlan: h });
+  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 = I[s], k = I[m];
+      h > k && g({ pluginRequiredPlan: s, licensePlan: m });
     }
   };
-  e.on(Q, (l) => {
-    n = l == null ? void 0 : l.baseApiUrl, i = !0;
-  }), e.on(ee, (l) => {
-    u(l);
+  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 (!i) {
+    if (!l) {
       if (d) return;
       if (o) {
-        const l = await le({ licenseKey: o, pluginName: t, baseApiUrl: n });
-        l && u(l);
+        const a = await le({ licenseKey: o, pluginName: t, baseApiUrl: i });
+        n == null || n(a), a && f(a);
       } else
-        c("The `licenseKey` option not provided");
+        g("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
@@ -118,35 +123,35 @@ async function le(e) {
         pn: t
       }
     })).result || {};
-  } catch (a) {
-    return console.error("Error during SDK license check:", a), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const pe = (e) => (s) => {
+const de = (e) => (s) => {
   var t;
   return ((t = s.getAttribute) == null ? void 0 : t.call(s, V)) === e;
-}, de = (...e) => (s, t) => e.some((o) => t.is(o)), K = (e, s, t) => {
-  const { doc: o = document } = t, a = t.target || o.head, n = a.querySelector(`style[${e}]`) || o.createElement("style");
-  n.setAttribute(e, "true"), n.innerHTML = s, !a.contains(n) && a.appendChild(n);
+}, 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 C(e, s, t) {
-  let o, a, n, i, d;
-  const c = s === void 0 ? 100 : s;
-  function u() {
-    const r = Date.now() - i;
-    r < c && r >= 0 ? o = setTimeout(u, c - r) : (o = null, d = e.apply(n, a), n = a = null);
+function N(e, s, t) {
+  let o, n, r, i, l;
+  const d = s === void 0 ? 100 : s;
+  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 l = function() {
-    return n = this, a = arguments, i = Date.now(), o || (o = setTimeout(u, c)), d;
+  const f = function() {
+    return r = this, n = arguments, i = Date.now(), o || (o = setTimeout(g, d)), l;
   };
-  return l.clear = function() {
+  return f.clear = function() {
     o && (clearTimeout(o), o = null);
-  }, l.flush = function() {
-    o && (d = e.apply(n, a), n = a = null, clearTimeout(o), o = null);
-  }, l;
+  }, f.flush = function() {
+    o && (l = e.apply(r, n), r = n = null, clearTimeout(o), o = null);
+  }, f;
 }
 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 || {});
+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) {
   const o = {
     mm: 3.7795275590551185,
@@ -163,45 +168,45 @@ function _(e, s) {
   return o[s] ? e * o[s] : null;
 }
 const ue = (e, s) => {
-  const { name: t, id: o, width: a, height: n, unit: i } = e, { fixedHeight: d } = s, c = `${a}${i}`, u = `${n}${i}`;
+  const { name: t, id: o, width: n, height: r, unit: i } = e, { fixedHeight: l } = s, d = `${n}${i}`, g = `${r}${i}`;
   return {
     id: o || t.toLowerCase().replace(/\s/g, "-"),
-    name: `${t} (${c} x ${u})`,
-    sizeH: n,
-    sizeW: a,
+    name: `${t} (${d} x ${g})`,
+    sizeH: r,
+    sizeW: n,
     sizeUnit: i,
     widthMedia: "",
-    width: c,
-    minHeight: d ? "0" : `${_(n, i)}px`,
-    height: d ? u : void 0
+    width: d,
+    minHeight: l ? "0" : `${_(r, i)}px`,
+    height: l ? g : void 0
   };
-}, G = "page-breaks", x = "gjs-page-breaks-spot", j = (e) => e.type === G;
+}, 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, n = parseFloat(`${t && t !== "auto" ? t : o}`), i = e.getWrapper(), d = i == null ? void 0 : i.getEl(), c = [];
-  if (!i || !d)
-    return c;
-  const u = d.getBoundingClientRect().height, r = i.findType(A).map((h) => h.getEl()).filter(Boolean).map((h) => ({ top: h.offsetTop, height: h.offsetHeight }));
-  let g = 0;
-  for (; g < u; ) {
-    const h = r.find((y) => y.top > g && y.top < g + n);
-    h ? (g = h.top + h.height, c.push(h.top)) : (g += n, g < u && c.push(g));
+  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));
   }
-  return c;
+  return d;
 }
 function fe(e, s) {
-  const { Canvas: t } = e, o = t.events, a = e.events;
-  let n;
+  const { Canvas: t } = e, o = t.events, n = e.events;
+  let r;
   const i = () => {
-    K(
+    C(
       `${q}preset-printable-spots`,
-      `.${x} {
+      `.${D} {
         position: absolute;
         left: 0;
         width: 100%;
         border-top: 1px dashed var(--gs-theme-cl-cmp-bg2, var(--gjs-color-blue));
         color: var(--gs-theme-cl-prm-txt, var(--gjs-font-color));
       }
-      .${x}::after {
+      .${D}::after {
         background-color: var(--gs-theme-cl-cmp-bg1, var(--gjs-color-highlight));
         content: attr(data-page-number);
         display: block;
@@ -215,49 +220,49 @@ function fe(e, s) {
       `,
       { target: window.document.head }
     );
-  }, d = () => {
+  }, l = () => {
     if (s.enablePageBreaksSpot === !1) return;
-    const p = { id: G, type: G, component: e.getWrapper() };
-    return t.getSpots(p).pop() || t.addSpot(p);
-  }, c = ({ spot: p }) => {
-    const { spotEl: f } = p.attributes;
-    !j(p) || !f || !n || n.removeChild(f);
-  }, u = ({ spot: p }) => {
-    if (!j(p) || !n) return;
-    let { spotEl: f } = p.attributes;
-    f || (f = document.createElement("div"), f.className = `${x}__items`, p.set({ spotEl: f })), n.appendChild(f);
-  }, l = ({ spot: p }) => {
-    const { spotEl: f, pageBreaks: D = [] } = p.attributes;
-    !j(p) || !f || !n || (Object.entries(p.getStyle()).forEach(([L, $]) => f.style.setProperty(L, $)), f.innerHTML = "", D.forEach((L, $) => {
+    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) => {
       const E = document.createElement("div");
-      E.setAttribute("data-page-number", `${$ + 2}`), E.className = x, E.style.top = `${L}px`, f.appendChild(E);
+      E.setAttribute("data-page-number", `${L + 2}`), E.className = D, E.style.top = `${x}px`, h.appendChild(E);
     }));
-  }, r = C(() => {
+  }, a = N(() => {
     if (e.em.destroyed) return;
-    const p = d();
-    p && p.set({ pageBreaks: he(e), up: (p.attributes.up || 0) + 1 });
-  }, 150), g = C(r, 200), h = () => {
-    n = t.getSpotsEl(), d();
-  }, y = () => {
-    const p = d();
-    p && p.set({ up: (p.attributes.up || 0) + 1 });
+    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 });
   }, w = [
-    ["component:input", r],
-    ["frame:scroll", y],
-    [a.update, r],
-    [o.spotAdd, u],
-    [o.spotUpdate, l],
-    [o.spotRemove, c],
-    [o.frameLoadBody, h]
+    ["component:input", a],
+    ["frame:scroll", m],
+    [n.update, a],
+    [o.spotAdd, g],
+    [o.spotUpdate, f],
+    [o.spotRemove, d],
+    [o.frameLoadBody, u]
   ];
-  return w.forEach(([p, f]) => e.on(p, f)), e.onReady(() => {
-    i(), new ResizeObserver(y).observe(t.getElement().parentElement);
+  return w.forEach(([c, h]) => e.on(c, h)), e.onReady(() => {
+    i(), new ResizeObserver(m).observe(t.getElement().parentElement);
   }), () => {
-    w.forEach(([p, f]) => e.off(p, f)), r.clear(), g.clear();
+    w.forEach(([c, h]) => e.off(c, h)), a.clear(), p.clear();
   };
 }
 var H = /* @__PURE__ */ ((e) => (e.print = "presetPrintable:print", e))(H || {});
-const N = (e) => new Promise((s) => {
+const F = (e) => new Promise((s) => {
   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);
 });
@@ -265,83 +270,83 @@ function ve(e, s) {
   const { Commands: t, Pages: o } = e;
   return t.add(
     H.print,
-    async (a, n, i = {}) => {
-      const d = {
+    async (n, r, i = {}) => {
+      const l = {
         page: i.allPages ? void 0 : o.getSelected(),
         styles: "inline",
         optionsHtml: {
           // Avoid DataSource exporter
           exporter: null
         }
-      }, u = (await t.run(z.projectFiles, d)).filter((g) => g.filename.endsWith(".html")), l = u.map((g) => g.content).join('<div style="break-before: page;"></div>'), r = [];
+      }, 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 g of u)
-          r.push(await N(g));
+        for (const p of g)
+          a.push(await F(p));
       else
-        r.push(await N({ content: l, filename: "", mimeType: "" }));
-      for (const g of r) {
-        const h = g.contentWindow;
-        h.focus(), h.print();
+        a.push(await F({ content: f, filename: "", mimeType: "" }));
+      for (const p of a) {
+        const u = p.contentWindow;
+        u.focus(), u.print();
       }
-      setTimeout(() => r.forEach((g) => g.remove()), 1e3);
+      setTimeout(() => a.forEach((p) => p.remove()), 1e3);
     }
-  ), t.add("presetPrintable:exp", async (a) => {
+  ), t.add("presetPrintable:exp", async (n) => {
     await O("https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"), await O("https://cdn.jsdelivr.net/npm/jspdf@3.0.0/dist/jspdf.umd.min.js");
-    const { Devices: n, Canvas: i } = a, { sizeW: d, sizeH: c, sizeUnit: u } = n.getSelected().attributes, l = i.getFrameEl().contentDocument, r = "px", g = [_(d, u), _(c, u)], h = new window.jspdf.jsPDF({ unit: r, format: g }), y = l.body;
-    h.html(y, { callback: (w) => w.save() });
+    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() });
   }), () => {
     delete e.Commands.commands[H.print];
   };
 }
 function be(e, s) {
-  const { blockPageBreak: t = {} } = s, { Components: o, Blocks: a } = e, n = "Page Break", i = `${ge}${A}`;
+  const { blockPageBreak: t = {} } = s, { Components: o, Blocks: n } = e, r = "Page Break", i = `${ge}${A}`;
   return o.addType(A, {
     block: t && {
-      label: n,
+      label: r,
       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,
       ...t
     },
-    isComponent: pe(A),
+    isComponent: de(A),
     model: {
       defaults: {
-        name: n,
+        name: r,
         classes: i,
         attributes: { [V]: A },
         emptyState: !0,
         stylable: !1,
         droppable: !1,
-        draggable: de("wrapper"),
+        draggable: pe("wrapper"),
         styles: `.${i} { break-before: page; }`,
         traits: []
       }
     }
   }), () => {
-    o.removeType(A), a.remove(A);
+    o.removeType(A), n.remove(A);
   };
 }
-const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
+const me = "presetPrintable", ye = $.free, we = function(e, s = {}) {
   var M;
   const t = {
-    selectedDevice: m.A4,
+    selectedDevice: y.A4,
     ...s
-  }, { Canvas: o, Devices: a, Blocks: n } = e, i = o.events, d = e.events, c = t.selectedDevice || a.getConfig().default, u = [
-    { 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" },
-    { id: m.A3, name: "A3", width: 297, height: 420, unit: "mm" },
-    { id: m.B5, name: "B5", width: 176, height: 250, unit: "mm" },
-    { id: m.B4, name: "B4", width: 250, height: 353, unit: "mm" },
-    { 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" }
-  ], r = (((M = t.devices) == null ? void 0 : M.call(t, { items: u })) || u).map((v) => ue(v, t));
-  a.devices.reset(r);
-  const g = c && a.get(c) || a.getAll().at(0);
-  a.select(g), ["map", "video"].forEach((v) => n.remove(v));
-  const y = (v = {}) => {
-    const b = "page-rule", { rules: P } = e.Css, { width: T, height: B, minHeight: R } = a.getSelected().attributes, Y = B && B !== "auto" ? B : R, S = P.where({ id: b }).pop(), J = S || P.add(
+  }, { Canvas: o, Devices: n, Blocks: r } = e, i = o.events, l = e.events, d = t.selectedDevice || n.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" },
+    { id: y.A3, name: "A3", width: 297, height: 420, unit: "mm" },
+    { id: y.B5, name: "B5", width: 176, height: 250, unit: "mm" },
+    { id: y.B4, name: "B4", width: 250, height: 353, unit: "mm" },
+    { 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(
       {
         id: b,
         selectors: [],
@@ -354,7 +359,7 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
       ...!S && { margin: "0" }
     });
   }, w = (v, b = {}) => {
-    const P = v.document, { minHeight: T } = a.getSelected().attributes, R = `
+    const P = v.document, { minHeight: T } = n.getSelected().attributes, R = `
       ${!!parseFloat(`${T}`) ? `
         [data-gjs-type="wrapper"] { min-height: ${T}; }
       ` : `
@@ -368,7 +373,7 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
         }
       `}
     `;
-    K(`${q}preset-printable`, R, { doc: P, target: P.head }), y(b);
+    C(`${q}preset-printable`, R, { doc: P, target: P.head }), m(b);
   };
   e.on(i.frameLoadBody, (v) => {
     const b = v.window;
@@ -379,12 +384,12 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
         R.scrollTop > 0 && R.scrollTo(0, 0);
       });
     }
-  }), e.on(a.events.select, () => {
+  }), e.on(n.events.select, () => {
     var b;
     const v = (b = o.getFrameEl().contentDocument) == null ? void 0 : b.defaultView;
     v && w(v, { fromDeviceChange: !0 });
   });
-  const p = () => {
+  const c = () => {
     const b = e.Css.getRules().filter((P) => P.selectorsToString() === "body").pop();
     b == null || b.addStyle({
       "margin-top": "",
@@ -393,23 +398,23 @@ const me = "presetPrintable", ye = k.free, we = function(e, s = {}) {
       "margin-left": "",
       margin: "0"
     });
-  }, f = [[d.projectLoad, p]];
-  f.forEach(([v, b]) => e.on(v, b));
-  const D = fe(e, t), L = ve(e), $ = be(e, t);
+  }, h = [[l.projectLoad, c]];
+  h.forEach(([v, b]) => e.on(v, b));
+  const k = fe(e, t), x = ve(e), L = be(e, t);
   e.onReady(() => {
     e.UndoManager.clear();
   });
   const E = () => {
-    f.forEach(([v, b]) => e.off(v, b)), D(), L(), $();
+    h.forEach(([v, b]) => e.off(v, b)), k(), x(), L();
   };
-  e.on(d.destroy, E), ce({
+  e.on(l.destroy, E), ce({
     editor: e,
     licenseKey: t.licenseKey,
     plan: ye,
     pluginName: me,
     cleanup: E
   });
-}, Pe = re(we);
+}, Pe = ie(we);
 export {
   Pe as default
 };