@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.36

package/dist/listPagesComponent/index.es.js

@@ -1,8 +1,8 @@
-const D = "app.grapesjs.com", C = "app-stage.grapesjs.com", S = "app2.grapesjs.com", x = "app-stage2.grapesjs.com", v = [
-  D,
-  S,
-  C,
-  x,
+const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", G = [
+  B,
+  $,
+  O,
+  N,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,151 +11,164 @@ const D = "app.grapesjs.com", C = "app-stage.grapesjs.com", S = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], O = "license:check:start", U = "license:check:end", k = () => typeof window < "u", W = ({
-  isDev: t,
+], _ = "license:check:end", U = () => typeof window < "u", F = ({
+  isDev: e,
   isStage: s,
-  isPlatform: i
-}) => `${t ? "" : `https://${s ? C : D}`}/${i ? "platform-api" : "api"}`, j = () => {
-  const t = k() && window.location.hostname;
-  return !!t && (v.includes(t) || v.some((s) => t.endsWith(s)));
+  isPlatform: a
+}) => `${e ? "" : `https://${s ? O : B}`}/${a ? "platform-api" : "api"}`, j = () => {
+  const e = U() && window.location.hostname;
+  return !!e && (G.includes(e) || G.some((s) => e.endsWith(s)));
 };
-async function B({
-  path: t,
+async function W({
+  path: e,
   baseApiUrl: s,
-  method: i = "GET",
-  headers: e = {},
-  params: o,
-  body: a
+  method: a = "GET",
+  headers: t = {},
+  params: n,
+  body: r
 }) {
-  const c = `${s || W({ isDev: !1, isStage: !1 })}${t}`, u = {
-    method: i,
+  const i = `${s || F({ isDev: !1, isStage: !1 })}${e}`, l = {
+    method: a,
     headers: {
       "Content-Type": "application/json",
-      ...e
+      ...t
     }
   };
-  a && (u.body = JSON.stringify(a));
-  const r = o ? new URLSearchParams(o).toString() : "", p = r ? `?${r}` : "", n = await fetch(`${c}${p}`, u);
-  if (!n.ok)
-    throw new Error(`HTTP error! status: ${n.status}`);
-  return n.json();
+  r && (l.body = JSON.stringify(r));
+  const p = n ? new URLSearchParams(n).toString() : "", c = p ? `?${p}` : "", o = await fetch(`${i}${c}`, l);
+  if (!o.ok)
+    throw new Error(`HTTP error! status: ${o.status}`);
+  return o.json();
 }
-var y = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(y || {});
-const _ = {
-  [y.free]: 0,
-  [y.startup]: 10,
-  [y.business]: 20,
-  [y.enterprise]: 30
+var b = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(b || {}), E = /* @__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))(E || {});
+const V = {
+  [b.free]: 0,
+  [b.startup]: 10,
+  [b.business]: 20,
+  [b.enterprise]: 30
 };
-function K(t) {
-  const s = t;
-  return s.init = (i) => (e) => t(e, i), s;
+function K(e) {
+  const s = e;
+  return s.init = (a) => (t) => e(t, a), s;
 }
-const G = (t) => /* @__PURE__ */ K(t);
-async function F({
-  editor: t,
+const m = (e) => /* @__PURE__ */ K(e);
+async function q({
+  editor: e,
   plan: s,
-  pluginName: i,
-  licenseKey: e,
-  onLicenseCheckResponse: o,
-  cleanup: a
+  pluginName: a,
+  licenseKey: t,
+  onLicenseCheckResponse: n,
+  cleanup: r
 }) {
-  let l = "", c = !1;
-  const u = j(), r = (n) => {
-    console.warn("Cleanup plugin:", i, "Reason:", n), a();
-  }, p = (n = {}) => {
-    var P;
-    const { error: h, sdkLicense: A } = n, m = (P = n.plan) == null ? void 0 : P.category;
-    if (!(A || n.license) || h)
-      r(h || "Invalid license");
-    else if (m) {
-      const b = _[s], H = _[m];
-      b > H && r({ pluginRequiredPlan: s, licensePlan: m });
+  let g = "", i;
+  const l = (o) => {
+    console.warn("Cleanup plugin:", a, "Reason:", o), r();
+  }, p = (o = {}) => {
+    var h;
+    const { error: P, sdkLicense: L } = o, u = (h = o.plan) == null ? void 0 : h.category;
+    if (!(L || o.license) || P)
+      l(P || "Invalid license");
+    else if (u) {
+      const T = V[s], I = V[u];
+      T > I && l({ pluginRequiredPlan: s, licensePlan: u });
     }
   };
-  t.on(O, (n) => {
-    l = n == null ? void 0 : n.baseApiUrl, c = !0;
-  }), t.on(U, (n) => {
-    o == null || o(n), p(n);
-  }), setTimeout(async () => {
-    if (!c) {
-      if (u) return;
-      if (e) {
-        const n = await R({ licenseKey: e, pluginName: i, baseApiUrl: l });
-        o == null || o(n), n && p(n);
-      } else
-        r("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  e.Commands.has(E.settings) && (i = e.runCommand(E.settings), g = (i == null ? void 0 : i.baseUrl) || "");
+  const c = (o) => {
+    n == null || n(o), o && p(o);
+  };
+  if (!i) {
+    e.onReady(async () => {
+      if (!j())
+        if (t) {
+          const o = await Y({ licenseKey: t, pluginName: a, baseApiUrl: g });
+          c(o);
+        } else
+          l("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (i.licensePlan || i.licenseError) {
+    const o = X(i);
+    c(o);
+    return;
+  }
+  e.on(_, (o) => c(o));
 }
-async function R(t) {
-  const { licenseKey: s, pluginName: i, baseApiUrl: e } = t;
+const X = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function Y(e) {
+  const { licenseKey: s, pluginName: a, baseApiUrl: t } = e;
   try {
-    return (await B({
-      baseApiUrl: e,
+    return (await W({
+      baseApiUrl: t,
       path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
-        pn: i
+        pn: a
       }
     })).result || {};
-  } catch (o) {
-    return console.error("Error during SDK license check:", o), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const N = "gjs-plg-", q = "listPagesComponent", X = y.startup;
-function Y(t, s, i) {
-  let e, o, a, l, c;
-  const u = s;
-  function r() {
-    const n = Date.now() - l;
-    n < u && n >= 0 ? e = setTimeout(r, u - n) : (e = null, c = t.apply(a, o), a = o = null);
+const x = "gjs-plg-", Z = "listPagesComponent", J = b.startup;
+function z(e, s, a) {
+  let t, n, r, g, i;
+  const l = s;
+  function p() {
+    const o = Date.now() - g;
+    o < l && o >= 0 ? t = setTimeout(p, l - o) : (t = null, i = e.apply(r, n), r = n = null);
   }
-  const p = function() {
-    return a = this, o = arguments, l = Date.now(), e || (e = setTimeout(r, u)), c;
+  const c = function() {
+    return r = this, n = arguments, g = Date.now(), t || (t = setTimeout(p, l)), i;
   };
-  return p.clear = function() {
-    e && (clearTimeout(e), e = null);
-  }, p.flush = function() {
-    e && (c = t.apply(a, o), a = o = null, clearTimeout(e), e = null);
-  }, p;
+  return c.clear = function() {
+    t && (clearTimeout(t), t = null);
+  }, c.flush = function() {
+    t && (i = e.apply(r, n), r = n = null, clearTimeout(t), t = null);
+  }, c;
 }
-const $ = "page://", g = "list-pages", f = "list-pages-item", d = "list-pages-link", Z = (t) => t.components().reduce(
-  (s, i) => {
-    var l;
-    const e = i.findFirstType(d), o = (l = e == null ? void 0 : e.attributes.attributes) == null ? void 0 : l.href, a = o != null && o.startsWith($) ? o.replace($, "") : "";
-    if (a && e) {
-      const c = s[a];
-      c ? c.push(e) : s[a] = [e];
+const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-link", Q = (e) => e.components().reduce(
+  (s, a) => {
+    var g;
+    const t = a.findFirstType(y), n = (g = t == null ? void 0 : t.attributes.attributes) == null ? void 0 : g.href, r = n != null && n.startsWith(k) ? n.replace(k, "") : "";
+    if (r && t) {
+      const i = s[r];
+      i ? i.push(t) : s[r] = [t];
     }
     return s;
   },
   {}
-), I = "data-type-role", J = "page_root", z = (t) => (s) => s.is(t), Q = (t) => (s, i) => i.is(t), w = (t) => (s) => {
-  var i;
-  return ((i = s.getAttribute) == null ? void 0 : i.call(s, I)) === t;
-}, tt = function(t, s = {}) {
-  const { Blocks: i, Components: e, Pages: o } = t, { licenseKey: a, block: l = {} } = s, c = "List Pages", u = "List Pages Item", r = "Link", p = `${N}${g}`, n = `${N}${d}`, h = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', A = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
-  e.addType(g, {
-    block: l && {
-      label: c,
-      media: h,
+), A = "data-type-role", S = "page_root", C = (e) => (s) => s.is(e), ee = (e) => (s, a) => a.is(e), M = (e) => (s) => {
+  var a;
+  return ((a = s.getAttribute) == null ? void 0 : a.call(s, A)) === e;
+}, te = function(e, s = {}) {
+  const { Blocks: a, Components: t, Pages: n } = e, { licenseKey: r, block: g = {} } = s, i = "List Pages", l = "List Pages Item", p = "Link", c = `${x}${d}`, o = `${x}${y}`, P = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', L = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
+  t.addType(d, {
+    block: g && {
+      label: i,
+      media: P,
       category: "Extra",
       select: !0,
       ...s.block
     },
-    isComponent: w(g),
+    isComponent: M(d),
     model: {
       defaults: {
         tagName: "ul",
-        name: c,
-        [J]: "",
-        classes: p,
-        attributes: { [I]: g, role: "navigation" },
-        droppable: z(f),
+        name: i,
+        [S]: "",
+        classes: c,
+        attributes: { [A]: d, role: "navigation" },
+        droppable: C(f),
         styles: `
-          .${p} {
+          .${c} {
             list-style: none;
             margin: 0;
             padding: 0;
@@ -163,74 +176,74 @@ const $ = "page://", g = "list-pages", f = "list-pages-item", d = "list-pages-li
         `
       },
       init() {
-        this.syncPageItems = Y(this.syncPageItems.bind(this), 0), this.listenTo(this.em, o.events.all, this.syncPageItems), this.syncPageItems();
+        this.syncPageItems = z(this.syncPageItems.bind(this), 0), this.listenTo(this.em, n.events.all, this.syncPageItems), this.syncPageItems();
       },
       syncPageItems() {
-        if (t.Components.getSymbolInfo(this).isInstance) return;
-        const m = this.em.Pages.getAll(), E = this.components(), P = Z(this);
-        m.forEach((b, H) => {
-          const V = b.id, L = b.getName(), T = P[V];
-          T ? T == null || T.forEach((M) => {
-            M.getInnerHTML() !== L && M.components(L);
-          }) : E.add(
+        if (e.Components.getSymbolInfo(this).isInstance) return;
+        const u = this.em.Pages.getAll(), H = this.components(), h = Q(this);
+        u.forEach((T, I) => {
+          const D = T.id, R = T.getName(), v = h[D];
+          v ? v == null || v.forEach((w) => {
+            w.getInnerHTML() !== R && w.components(R);
+          }) : H.add(
             {
               type: f,
               components: [
                 {
-                  type: d,
-                  attributes: { href: `page://${V}` },
-                  components: { type: "textnode", content: L }
+                  type: y,
+                  attributes: { href: `page://${D}` },
+                  components: { type: "textnode", content: R }
                 }
               ]
             },
-            { at: H }
+            { at: I }
           );
         });
       }
     }
-  }), e.addType(f, {
-    isComponent: w(f),
+  }), t.addType(f, {
+    isComponent: M(f),
     model: {
       defaults: {
-        name: u,
+        name: l,
         tagName: "li",
-        icon: A,
-        attributes: { [I]: f },
-        components: { type: d },
-        draggable: Q(g)
+        icon: L,
+        attributes: { [A]: f },
+        components: { type: y },
+        draggable: ee(d)
       }
     }
-  }), e.addType(d, {
+  }), t.addType(y, {
     extend: "link",
-    isComponent: w(d),
+    isComponent: M(y),
     model: {
       defaults: {
         removable: !1,
         copyable: !1,
         delegate: {
-          move: (m) => m.closestType(f)
+          move: (u) => u.closestType(f)
         },
-        name: r,
-        classes: n,
-        attributes: { [I]: d },
+        name: p,
+        classes: o,
+        attributes: { [A]: y },
         components: { type: "textnode", content: "Item" },
         styles: `
-          .${n} {
+          .${o} {
             text-decoration: none;
           }
         `
       }
     }
-  }), F({
-    editor: t,
-    licenseKey: a,
-    plan: X,
-    pluginName: q,
+  }), q({
+    editor: e,
+    licenseKey: r,
+    plan: J,
+    pluginName: Z,
     cleanup: () => {
-      i.remove(g), e.removeType(g);
+      a.remove(d), t.removeType(d);
     }
   });
-}, et = G(tt);
+}, se = m(te);
 export {
-  et as default
+  se as default
 };

package/dist/listPagesComponent/index.umd.js

@@ -1,11 +1,11 @@
-(function(f,y){typeof exports=="object"&&typeof module<"u"?module.exports=y():typeof define=="function"&&define.amd?define(y):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_listPagesComponent=y())})(this,function(){"use strict";const f="app.grapesjs.com",y="app-stage.grapesjs.com",V=[f,"app2.grapesjs.com",y,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",x="license:check:end",C=()=>typeof window<"u",U=({isDev:t,isStage:s,isPlatform:i})=>`${t?"":`https://${s?y:f}`}/${i?"platform-api":"api"}`,k=()=>{const t=C()&&window.location.hostname;return!!t&&(V.includes(t)||V.some(s=>t.endsWith(s)))};async function W({path:t,baseApiUrl:s,method:i="GET",headers:e={},params:o,body:a}){const c=`${s||U({isDev:!1,isStage:!1})}${t}`,u={method:i,headers:{"Content-Type":"application/json",...e}};a&&(u.body=JSON.stringify(a));const r=o?new URLSearchParams(o).toString():"",p=r?`?${r}`:"",n=await fetch(`${c}${p}`,u);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);return n.json()}var h=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(h||{});const _={[h.free]:0,[h.startup]:10,[h.business]:20,[h.enterprise]:30};function j(t){const s=t;return s.init=i=>e=>t(e,i),s}const B=t=>j(t);async function G({editor:t,plan:s,pluginName:i,licenseKey:e,onLicenseCheckResponse:o,cleanup:a}){let l="",c=!1;const u=k(),r=n=>{console.warn("Cleanup plugin:",i,"Reason:",n),a()},p=(n={})=>{var A;const{error:T,sdkLicense:E}=n,g=(A=n.plan)==null?void 0:A.category;if(!(E||n.license)||T)r(T||"Invalid license");else if(g){const I=_[s],w=_[g];I>w&&r({pluginRequiredPlan:s,licensePlan:g})}};t.on(O,n=>{l=n==null?void 0:n.baseApiUrl,c=!0}),t.on(x,n=>{o==null||o(n),p(n)}),setTimeout(async()=>{if(!c){if(u)return;if(e){const n=await K({licenseKey:e,pluginName:i,baseApiUrl:l});o==null||o(n),n&&p(n)}else r("The `licenseKey` option not provided")}},2e3)}async function K(t){const{licenseKey:s,pluginName:i,baseApiUrl:e}=t;try{return(await W({baseApiUrl:e,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const v="gjs-plg-",F="listPagesComponent",R=h.startup;function q(t,s,i){let e,o,a,l,c;const u=s;function r(){const n=Date.now()-l;n<u&&n>=0?e=setTimeout(r,u-n):(e=null,c=t.apply(a,o),a=o=null)}const p=function(){return a=this,o=arguments,l=Date.now(),e||(e=setTimeout(r,u)),c};return p.clear=function(){e&&(clearTimeout(e),e=null)},p.flush=function(){e&&(c=t.apply(a,o),a=o=null,clearTimeout(e),e=null)},p}const N="page://",m="list-pages",P="list-pages-item",d="list-pages-link",X=t=>t.components().reduce((s,i)=>{var l;const e=i.findFirstType(d),o=(l=e==null?void 0:e.attributes.attributes)==null?void 0:l.href,a=o!=null&&o.startsWith(N)?o.replace(N,""):"";if(a&&e){const c=s[a];c?c.push(e):s[a]=[e]}return s},{}),b="data-type-role",Y="page_root",Z=t=>s=>s.is(t),J=t=>(s,i)=>i.is(t),L=t=>s=>{var i;return((i=s.getAttribute)==null?void 0:i.call(s,b))===t};return B(function(t,s={}){const{Blocks:i,Components:e,Pages:o}=t,{licenseKey:a,block:l={}}=s,c="List Pages",u="List Pages Item",r="Link",p=`${v}${m}`,n=`${v}${d}`,T='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',E='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';e.addType(m,{block:l&&{label:c,media:T,category:"Extra",select:!0,...s.block},isComponent:L(m),model:{defaults:{tagName:"ul",name:c,[Y]:"",classes:p,attributes:{[b]:m,role:"navigation"},droppable:Z(P),styles:`
-          .${p} {
+(function(y,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(y=typeof globalThis<"u"?globalThis:y||self,y.StudioSdkPlugins_listPagesComponent=b())})(this,function(){"use strict";const y="app.grapesjs.com",b="app-stage.grapesjs.com",x=[y,"app2.grapesjs.com",b,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],N="license:check:end",B=()=>typeof window<"u",$=({isDev:e,isStage:s,isPlatform:i})=>`${e?"":`https://${s?b:y}`}/${i?"platform-api":"api"}`,U=()=>{const e=B()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(s=>e.endsWith(s)))};async function j({path:e,baseApiUrl:s,method:i="GET",headers:t={},params:n,body:r}){const a=`${s||$({isDev:!1,isStage:!1})}${e}`,l={method:i,headers:{"Content-Type":"application/json",...t}};r&&(l.body=JSON.stringify(r));const p=n?new URLSearchParams(n).toString():"",c=p?`?${p}`:"",o=await fetch(`${a}${c}`,l);if(!o.ok)throw new Error(`HTTP error! status: ${o.status}`);return o.json()}var P=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(P||{}),R=(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))(R||{});const G={[P.free]:0,[P.startup]:10,[P.business]:20,[P.enterprise]:30};function F(e){const s=e;return s.init=i=>t=>e(t,i),s}const W=e=>F(e);async function m({editor:e,plan:s,pluginName:i,licenseKey:t,onLicenseCheckResponse:n,cleanup:r}){let g="",a;const l=o=>{console.warn("Cleanup plugin:",i,"Reason:",o),r()},p=(o={})=>{var v;const{error:A,sdkLicense:D}=o,f=(v=o.plan)==null?void 0:v.category;if(!(D||o.license)||A)l(A||"Invalid license");else if(f){const L=G[s],E=G[f];L>E&&l({pluginRequiredPlan:s,licensePlan:f})}};e.Commands.has(R.settings)&&(a=e.runCommand(R.settings),g=(a==null?void 0:a.baseUrl)||"");const c=o=>{n==null||n(o),o&&p(o)};if(!a){e.onReady(async()=>{if(!U())if(t){const o=await q({licenseKey:t,pluginName:i,baseApiUrl:g});c(o)}else l("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const o=K(a);c(o);return}e.on(N,o=>c(o))}const K=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function q(e){const{licenseKey:s,pluginName:i,baseApiUrl:t}=e;try{return(await j({baseApiUrl:t,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:i}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const w="gjs-plg-",X="listPagesComponent",Y=P.startup;function Z(e,s,i){let t,n,r,g,a;const l=s;function p(){const o=Date.now()-g;o<l&&o>=0?t=setTimeout(p,l-o):(t=null,a=e.apply(r,n),r=n=null)}const c=function(){return r=this,n=arguments,g=Date.now(),t||(t=setTimeout(p,l)),a};return c.clear=function(){t&&(clearTimeout(t),t=null)},c.flush=function(){t&&(a=e.apply(r,n),r=n=null,clearTimeout(t),t=null)},c}const V="page://",u="list-pages",h="list-pages-item",d="list-pages-link",J=e=>e.components().reduce((s,i)=>{var g;const t=i.findFirstType(d),n=(g=t==null?void 0:t.attributes.attributes)==null?void 0:g.href,r=n!=null&&n.startsWith(V)?n.replace(V,""):"";if(r&&t){const a=s[r];a?a.push(t):s[r]=[t]}return s},{}),T="data-type-role",z="page_root",Q=e=>s=>s.is(e),S=e=>(s,i)=>i.is(e),M=e=>s=>{var i;return((i=s.getAttribute)==null?void 0:i.call(s,T))===e};return W(function(e,s={}){const{Blocks:i,Components:t,Pages:n}=e,{licenseKey:r,block:g={}}=s,a="List Pages",l="List Pages Item",p="Link",c=`${w}${u}`,o=`${w}${d}`,A='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',D='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(u,{block:g&&{label:a,media:A,category:"Extra",select:!0,...s.block},isComponent:M(u),model:{defaults:{tagName:"ul",name:a,[z]:"",classes:c,attributes:{[T]:u,role:"navigation"},droppable:Q(h),styles:`
+          .${c} {
             list-style: none;
             margin: 0;
             padding: 0;
           }
-        `},init(){this.syncPageItems=q(this.syncPageItems.bind(this),0),this.listenTo(this.em,o.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(t.Components.getSymbolInfo(this).isInstance)return;const g=this.em.Pages.getAll(),$=this.components(),A=X(this);g.forEach((I,w)=>{const D=I.id,M=I.getName(),H=A[D];H?H==null||H.forEach(S=>{S.getInnerHTML()!==M&&S.components(M)}):$.add({type:P,components:[{type:d,attributes:{href:`page://${D}`},components:{type:"textnode",content:M}}]},{at:w})})}}}),e.addType(P,{isComponent:L(P),model:{defaults:{name:u,tagName:"li",icon:E,attributes:{[b]:P},components:{type:d},draggable:J(m)}}}),e.addType(d,{extend:"link",isComponent:L(d),model:{defaults:{removable:!1,copyable:!1,delegate:{move:g=>g.closestType(P)},name:r,classes:n,attributes:{[b]:d},components:{type:"textnode",content:"Item"},styles:`
-          .${n} {
+        `},init(){this.syncPageItems=Z(this.syncPageItems.bind(this),0),this.listenTo(this.em,n.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const f=this.em.Pages.getAll(),O=this.components(),v=J(this);f.forEach((L,E)=>{const _=L.id,H=L.getName(),I=v[_];I?I==null||I.forEach(k=>{k.getInnerHTML()!==H&&k.components(H)}):O.add({type:h,components:[{type:d,attributes:{href:`page://${_}`},components:{type:"textnode",content:H}}]},{at:E})})}}}),t.addType(h,{isComponent:M(h),model:{defaults:{name:l,tagName:"li",icon:D,attributes:{[T]:h},components:{type:d},draggable:S(u)}}}),t.addType(d,{extend:"link",isComponent:M(d),model:{defaults:{removable:!1,copyable:!1,delegate:{move:f=>f.closestType(h)},name:p,classes:o,attributes:{[T]:d},components:{type:"textnode",content:"Item"},styles:`
+          .${o} {
             text-decoration: none;
           }
-        `}}}),G({editor:t,licenseKey:a,plan:R,pluginName:F,cleanup:()=>{i.remove(m),e.removeType(m)}})})});
+        `}}}),m({editor:e,licenseKey:r,plan:Y,pluginName:X,cleanup:()=>{i.remove(u),t.removeType(u)}})})});

package/dist/presetPrintable/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";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",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],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));return}return o(i)}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)})},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";async function ae({path:e,baseApiUrl:s,method:t="GET",headers:o={},params:n,body:r}){const l=`${s||oe({isDev:!1,isStage:!1})}${e}`,d={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()}var $=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))($||{}),K=(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};function re(e){const s=e;return s.init=t=>o=>e(o,t),s}const ie=e=>re(e);async function ce({editor:e,plan:s,pluginName:t,licenseKey:o,onLicenseCheckResponse:n,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})}};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)}async function le(e){const{licenseKey:s,pluginName:t,baseApiUrl:o}=e;try{return(await ae({baseApiUrl:o,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const de=e=>s=>{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;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 f=function(){return r=this,n=arguments,i=Date.now(),o||(o=setTimeout(g,d)),l};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)},f}const A="page-break";var y=(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,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return o[s]?e*o[s]: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}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${d} x ${g})`,sizeH:r,sizeW:n,sizeUnit:i,widthMedia:"",width:d,minHeight:l?"0":`${_(r,i)}px`,height:l?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))}return d}function fe(e,s){const{Canvas:t}=e,o=t.events,n=e.events;let r;const i=()=>{C(`${q}preset-printable-spots`,`.${D} {
+"use strict";const C="app.grapesjs.com",z="app-stage.grapesjs.com",X="app2.grapesjs.com",Z="app-stage2.grapesjs.com",O=[C,X,z,Z,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],Q="license:check:end",ee=()=>typeof window<"u",I=(e,s={})=>{const t=se(e)?{id:e,src:e}:e;return new Promise((o,a)=>{var d,u;const{loadedScripts:r}=s,{id:c,src:i}=t,l=document.querySelector(`script[src="${i}"]`);if(l){if((d=s.onScript)==null||d.call(s,l),r&&!r.get(i)){l.addEventListener("load",()=>o(c)),l.addEventListener("error",()=>a(c));return}return o(c)}const g=window.define;window.define=void 0;const f=()=>{r==null||r.set(i,!0),window.define=g},n=document.createElement("script");n.src=i,n.onload=()=>{o(c),f()},n.onerror=()=>{a(c),f()},document.head.appendChild(n),(u=s.onScript)==null||u.call(s,n)})},te=({isDev:e,isStage:s,isPlatform:t})=>`${e?"":`https://${s?z:C}`}/${t?"platform-api":"api"}`,oe=()=>{const e=ee()&&window.location.hostname;return!!e&&(O.includes(e)||O.some(s=>e.endsWith(s)))},se=e=>typeof e=="string";async function ne({path:e,baseApiUrl:s,method:t="GET",headers:o={},params:a,body:r}){const i=`${s||te({isDev:!1,isStage:!1})}${e}`,l={method:t,headers:{"Content-Type":"application/json",...o}};r&&(l.body=JSON.stringify(r));const g=a?new URLSearchParams(a).toString():"",f=g?`?${g}`:"",n=await fetch(`${i}${f}`,l);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);return n.json()}var k=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(k||{}),j=(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 ae(e){const s=e;return s.init=t=>o=>e(o,t),s}const re=e=>ae(e);async function ie({editor:e,plan:s,pluginName:t,licenseKey:o,onLicenseCheckResponse:a,cleanup:r}){let c="",i;const l=n=>{console.warn("Cleanup plugin:",t,"Reason:",n),r()},g=(n={})=>{var p;const{error:d,sdkLicense:u}=n,m=(p=n.plan)==null?void 0:p.category;if(!(u||n.license)||d)l(d||"Invalid license");else if(m){const h=F[s],L=F[m];h>L&&l({pluginRequiredPlan:s,licensePlan:m})}};e.Commands.has(j.settings)&&(i=e.runCommand(j.settings),c=(i==null?void 0:i.baseUrl)||"");const f=n=>{a==null||a(n),n&&g(n)};if(!i){e.onReady(async()=>{if(!oe())if(o){const n=await le({licenseKey:o,pluginName:t,baseApiUrl:c});f(n)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const n=ce(i);f(n);return}e.on(Q,n=>f(n))}const ce=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function le(e){const{licenseKey:s,pluginName:t,baseApiUrl:o}=e;try{return(await ne({baseApiUrl:o,path:`/sdk/${s||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const pe=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,r=a.querySelector(`style[${e}]`)||o.createElement("style");r.setAttribute(e,"true"),r.innerHTML=s,!a.contains(r)&&a.appendChild(r)},ge="gjs-plg-",q="data-gs-plg-",V="data-type-role";function N(e,s,t){let o,a,r,c,i;const l=s===void 0?100:s;function g(){const n=Date.now()-c;n<l&&n>=0?o=setTimeout(g,l-n):(o=null,i=e.apply(r,a),r=a=null)}const f=function(){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&&(i=e.apply(r,a),r=a=null,clearTimeout(o),o=null)},f}const A="page-break";var y=(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,cm:37.79527559055118,in:96,pt:1.3333333333333333,pc:16};return o[s]?e*o[s]:null}const ue=(e,s)=>{const{name:t,id:o,width:a,height:r,unit:c}=e,{fixedHeight:i}=s,l=`${a}${c}`,g=`${r}${c}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${l} x ${g})`,sizeH:r,sizeW:a,sizeUnit:c,widthMedia:"",width:l,minHeight:i?"0":`${_(r,c)}px`,height:i?g:void 0}},H="page-breaks",D="gjs-page-breaks-spot",S=e=>e.type===H;function he(e){const{Devices:s}=e,{height:t,minHeight:o}=s.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,n=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=n.find(m=>m.top>d&&m.top<d+r);u?(d=u.top+u.height,l.push(u.top)):(d+=r,d<g&&l.push(d))}return l}function fe(e,s){const{Canvas:t}=e,o=t.events,a=e.events;let r;const c=()=>{K(`${q}preset-printable-spots`,`.${D} {
         position: absolute;
         left: 0;
         width: 100%;
@@ -16,7 +16,7 @@
         right: 0;
         transform: translate(100%, -50%);
       }
-      `,{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)=>{const E=document.createElement("div");E.setAttribute("data-page-number",`${L+2}`),E.className=D,E.style.top=`${x}px`,h.appendChild(E)}))},a=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})},w=[["component:input",a],["frame:scroll",m],[n.update,a],[o.spotAdd,g],[o.spotUpdate,f],[o.spotRemove,d],[o.frameLoadBody,u]];return w.forEach(([c,h])=>e.on(c,h)),e.onReady(()=>{i(),new ResizeObserver(m).observe(t.getElement().parentElement)}),()=>{w.forEach(([c,h])=>e.off(c,h)),a.clear(),p.clear()}}var H=(e=>(e.print="presetPrintable:print",e))(H||{});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)});function ve(e,s){const{Commands:t,Pages:o}=e;return t.add(H.print,async(n,r,i={})=>{const l={page:i.allPages?void 0:o.getSelected(),styles:"inline",optionsHtml:{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));else a.push(await F({content:f,filename:"",mimeType:""}));for(const p of a){const u=p.contentWindow;u.focus(),u.print()}setTimeout(()=>a.forEach(p=>p.remove()),1e3)}),t.add("presetPrintable:exp",async n=>{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()})}),()=>{delete e.Commands.commands[H.print]}}function be(e,s){const{blockPageBreak:t={}}=s,{Components:o,Blocks:n}=e,r="Page Break",i=`${ge}${A}`;return o.addType(A,{block:t&&{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:de(A),model:{defaults:{name:r,classes:i,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:pe("wrapper"),styles:`.${i} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),n.remove(A)}}const me="presetPrintable",ye=$.free,we=function(e,s={}){var M;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=[{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:[],selectorsAdd:"@page"},{at:0});(v.fromDeviceChange||!S)&&J.addStyle({size:`${T} ${Y}`,...!S&&{margin:"0"}})},w=(v,b={})=>{const P=v.document,{minHeight:T}=n.getSelected().attributes,R=`
+      `,{target:window.document.head})},i=()=>{if(s.enablePageBreaksSpot===!1)return;const p={id:H,type:H,component:e.getWrapper()};return t.getSpots(p).pop()||t.addSpot(p)},l=({spot:p})=>{const{spotEl:h}=p.attributes;!S(p)||!h||!r||r.removeChild(h)},g=({spot:p})=>{if(!S(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;!S(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",`${x+2}`),E.className=D,E.style.top=`${$}px`,h.appendChild(E)}))},n=N(()=>{if(e.em.destroyed)return;const p=i();p&&p.set({pageBreaks:he(e),up:(p.attributes.up||0)+1})},150),d=N(n,200),u=()=>{r=t.getSpotsEl(),i()},m=()=>{const p=i();p&&p.set({up:(p.attributes.up||0)+1})},w=[["component:input",n],["frame:scroll",m],[a.update,n],[o.spotAdd,g],[o.spotUpdate,f],[o.spotRemove,l],[o.frameLoadBody,u]];return w.forEach(([p,h])=>e.on(p,h)),e.onReady(()=>{c(),new ResizeObserver(m).observe(t.getElement().parentElement)}),()=>{w.forEach(([p,h])=>e.off(p,h)),n.clear(),d.clear()}}var M=(e=>(e.print="presetPrintable:print",e))(M||{});const W=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)});function ve(e,s){const{Commands:t,Pages:o}=e;return t.add(M.print,async(a,r,c={})=>{const i={page:c.allPages?void 0:o.getSelected(),styles:"inline",optionsHtml:{exporter:null}},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>'),n=[];if(c.separatePrints)for(const d of g)n.push(await W(d));else n.push(await W({content:f,filename:"",mimeType:""}));for(const d of n){const u=d.contentWindow;u.focus(),u.print()}setTimeout(()=>n.forEach(d=>d.remove()),1e3)}),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:c}=a,{sizeW:i,sizeH:l,sizeUnit:g}=r.getSelected().attributes,f=c.getFrameEl().contentDocument,n="px",d=[_(i,g),_(l,g)],u=new window.jspdf.jsPDF({unit:n,format:d}),m=f.body;u.html(m,{callback:w=>w.save()})}),()=>{delete e.Commands.commands[M.print]}}function be(e,s){const{blockPageBreak:t={}}=s,{Components:o,Blocks:a}=e,r="Page Break",c=`${ge}${A}`;return o.addType(A,{block:t&&{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),model:{defaults:{name:r,classes:c,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:de("wrapper"),styles:`.${c} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),a.remove(A)}}const me="presetPrintable",ye=k.free,we=function(e,s={}){var U;const t={selectedDevice:y.A4,...s},{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"},{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"}],n=(((U=t.devices)==null?void 0:U.call(t,{items:g}))||g).map(v=>ue(v,t));a.devices.reset(n);const d=l&&a.get(l)||a.getAll().at(0);a.select(d),["map","video"].forEach(v=>r.remove(v));const m=(v={})=>{const b="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:b}).pop(),J=G||P.add({id:b,selectors:[],selectorsAdd:"@page"},{at:0});(v.fromDeviceChange||!G)&&J.addStyle({size:`${T} ${Y}`,...!G&&{margin:"0"}})},w=(v,b={})=>{const P=v.document,{minHeight:T}=a.getSelected().attributes,R=`
       ${!!parseFloat(`${T}`)?`
         [data-gjs-type="wrapper"] { min-height: ${T}; }
       `:`
@@ -29,4 +29,4 @@
             height: 100dvh;
         }
       `}
-    `;C(`${q}preset-printable`,R,{doc:P,target:P.head}),m(b)};e.on(i.frameLoadBody,v=>{const b=v.window;if(w(b),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;v&&w(v,{fromDeviceChange:!0})});const c=()=>{const b=e.Css.getRules().filter(P=>P.selectorsToString()==="body").pop();b==null||b.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);e.onReady(()=>{e.UndoManager.clear()});const E=()=>{h.forEach(([v,b])=>e.off(v,b)),k(),x(),L()};e.on(l.destroy,E),ce({editor:e,licenseKey:t.licenseKey,plan:ye,pluginName:me,cleanup:E})},Pe=ie(we);module.exports=Pe;
+    `;K(`${q}preset-printable`,R,{doc:P,target:P.head}),m(b)};e.on(c.frameLoadBody,v=>{const b=v.window;if(w(b),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(a.events.select,()=>{var b;const v=(b=o.getFrameEl().contentDocument)==null?void 0:b.defaultView;v&&w(v,{fromDeviceChange:!0})});const p=()=>{const b=e.Css.getRules().filter(P=>P.selectorsToString()==="body").pop();b==null||b.addStyle({"margin-top":"","margin-right":"","margin-bottom":"","margin-left":"",margin:"0"})},h=[[i.projectLoad,p]];h.forEach(([v,b])=>e.on(v,b));const L=fe(e,t),$=ve(e),x=be(e,t);e.onReady(()=>{e.UndoManager.clear()});const E=()=>{h.forEach(([v,b])=>e.off(v,b)),L(),$(),x()};e.on(i.destroy,E),ie({editor:e,licenseKey:t.licenseKey,plan:ye,pluginName:me,cleanup:E})},Pe=re(we);module.exports=Pe;