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

package/dist/listPagesComponent/index.es.js

@@ -1,8 +1,8 @@
-const _ = "app.grapesjs.com", N = "app-stage.grapesjs.com", D = "app2.grapesjs.com", R = "app-stage2.grapesjs.com", C = [
-  _,
+const D = "app.grapesjs.com", C = "app-stage.grapesjs.com", S = "app2.grapesjs.com", x = "app-stage2.grapesjs.com", v = [
   D,
-  N,
-  R,
+  S,
+  C,
+  x,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,83 +11,88 @@ const _ = "app.grapesjs.com", N = "app-stage.grapesjs.com", D = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], S = "license:check:start", x = "license:check:end", O = () => typeof window < "u", U = ({ isDev: e, isStage: s }) => `${e ? "" : `https://${s ? N : _}`}/api`, W = () => {
-  const e = O() && window.location.hostname;
-  return !!e && (C.includes(e) || C.some((s) => e.endsWith(s)));
+], O = "license:check:start", U = "license:check:end", k = () => typeof window < "u", W = ({
+  isDev: t,
+  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)));
 };
-async function j({
-  path: e,
+async function B({
+  path: t,
   baseApiUrl: s,
   method: i = "GET",
-  headers: t = {},
+  headers: e = {},
   params: o,
   body: a
 }) {
-  const c = `${s || U({ isDev: !1, isStage: !1 })}${e}`, r = {
+  const c = `${s || W({ isDev: !1, isStage: !1 })}${t}`, u = {
     method: i,
     headers: {
       "Content-Type": "application/json",
-      ...t
+      ...e
     }
   };
-  a && (r.body = JSON.stringify(a));
-  const u = o ? new URLSearchParams(o).toString() : "", n = u ? `?${u}` : "", l = await fetch(`${c}${n}`, r);
-  if (!l.ok)
-    throw new Error(`HTTP error! status: ${l.status}`);
-  return l.json();
+  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 f = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(f || {});
-const M = {
-  [f.free]: 0,
-  [f.startup]: 10,
-  [f.business]: 20,
-  [f.enterprise]: 30
+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
 };
-function B(e) {
-  const s = e;
-  return s.init = (i) => (t) => e(t, i), s;
+function K(t) {
+  const s = t;
+  return s.init = (i) => (e) => t(e, i), s;
 }
-const K = (e) => /* @__PURE__ */ B(e);
-async function G({
-  editor: e,
+const G = (t) => /* @__PURE__ */ K(t);
+async function F({
+  editor: t,
   plan: s,
   pluginName: i,
-  licenseKey: t,
-  cleanup: o
+  licenseKey: e,
+  onLicenseCheckResponse: o,
+  cleanup: a
 }) {
-  let a = "", p = !1;
-  const c = W(), r = (n) => {
-    console.warn("Cleanup plugin:", i, "Reason:", n), o();
-  }, u = (n = {}) => {
+  let l = "", c = !1;
+  const u = j(), r = (n) => {
+    console.warn("Cleanup plugin:", i, "Reason:", n), a();
+  }, p = (n = {}) => {
     var P;
-    const { error: l, sdkLicense: I } = n, h = (P = n.plan) == null ? void 0 : P.category;
-    if (!(I || n.license) || l)
-      r(l || "Invalid license");
-    else if (h) {
-      const A = M[s], b = M[h];
-      A > b && r({ pluginRequiredPlan: s, licensePlan: h });
+    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 });
     }
   };
-  e.on(S, (n) => {
-    a = n == null ? void 0 : n.baseApiUrl, p = !0;
-  }), e.on(x, (n) => {
-    u(n);
+  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 (!p) {
-      if (c) return;
-      if (t) {
-        const n = await F({ licenseKey: t, pluginName: i, baseApiUrl: a });
-        n && u(n);
+    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);
 }
-async function F(e) {
-  const { licenseKey: s, pluginName: i, baseApiUrl: t } = e;
+async function R(t) {
+  const { licenseKey: s, pluginName: i, baseApiUrl: e } = t;
   try {
-    return (await j({
-      baseApiUrl: t,
+    return (await B({
+      baseApiUrl: e,
       path: `/sdk/${s || "na"}`,
       method: "POST",
       params: {
@@ -99,58 +104,58 @@ async function F(e) {
     return console.error("Error during SDK license check:", o), !1;
   }
 }
-const v = "gjs-plg-", q = "listPagesComponent", X = f.startup;
-function Y(e, s, i) {
-  let t, o, a, p, c;
-  const r = s;
-  function u() {
-    const l = Date.now() - p;
-    l < r && l >= 0 ? t = setTimeout(u, r - l) : (t = null, c = e.apply(a, o), a = o = null);
+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 n = function() {
-    return a = this, o = arguments, p = Date.now(), t || (t = setTimeout(u, r)), c;
+  const p = function() {
+    return a = this, o = arguments, l = Date.now(), e || (e = setTimeout(r, u)), c;
   };
-  return n.clear = function() {
-    t && (clearTimeout(t), t = null);
-  }, n.flush = function() {
-    t && (c = e.apply(a, o), a = o = null, clearTimeout(t), t = null);
-  }, n;
+  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 k = "page://", m = "list-pages", d = "list-pages-item", g = "list-pages-link", Z = (e) => e.components().reduce(
+const $ = "page://", g = "list-pages", f = "list-pages-item", d = "list-pages-link", Z = (t) => t.components().reduce(
   (s, i) => {
-    var p;
-    const t = i.findFirstType(g), o = (p = t == null ? void 0 : t.attributes.attributes) == null ? void 0 : p.href, a = o != null && o.startsWith(k) ? o.replace(k, "") : "";
-    if (a && t) {
+    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(t) : s[a] = [t];
+      c ? c.push(e) : s[a] = [e];
     }
     return s;
   },
   {}
-), T = "data-type-role", J = "page_root", z = (e) => (s) => s.is(e), Q = (e) => (s, i) => i.is(e), w = (e) => (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, T)) === e;
-}, ee = function(e, s = {}) {
-  const { Blocks: i, Components: t, Pages: o } = e, { licenseKey: a, block: p = {} } = s, c = "List Pages", r = "List Pages Item", u = "Link", n = `${v}${m}`, l = `${v}${g}`, I = '<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>', h = '<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(m, {
-    block: p && {
+  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: I,
+      media: h,
       category: "Extra",
       select: !0,
       ...s.block
     },
-    isComponent: w(m),
+    isComponent: w(g),
     model: {
       defaults: {
         tagName: "ul",
         name: c,
         [J]: "",
-        classes: n,
-        attributes: { [T]: m, role: "navigation" },
-        droppable: z(d),
+        classes: p,
+        attributes: { [I]: g, role: "navigation" },
+        droppable: z(f),
         styles: `
-          .${n} {
+          .${p} {
             list-style: none;
             margin: 0;
             padding: 0;
@@ -161,71 +166,71 @@ const k = "page://", m = "list-pages", d = "list-pages-item", g = "list-pages-li
         this.syncPageItems = Y(this.syncPageItems.bind(this), 0), this.listenTo(this.em, o.events.all, this.syncPageItems), this.syncPageItems();
       },
       syncPageItems() {
-        if (e.Components.getSymbolInfo(this).isInstance) return;
-        const y = this.em.Pages.getAll(), P = this.components(), A = Z(this);
-        y.forEach((b, $) => {
-          const E = b.id, H = b.getName(), L = A[E];
-          L ? L == null || L.forEach((V) => {
-            V.getInnerHTML() !== H && V.components(H);
-          }) : P.add(
+        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(
             {
-              type: d,
+              type: f,
               components: [
                 {
-                  type: g,
-                  attributes: { href: `page://${E}` },
-                  components: { type: "textnode", content: H }
+                  type: d,
+                  attributes: { href: `page://${V}` },
+                  components: { type: "textnode", content: L }
                 }
               ]
             },
-            { at: $ }
+            { at: H }
           );
         });
       }
     }
-  }), t.addType(d, {
-    isComponent: w(d),
+  }), e.addType(f, {
+    isComponent: w(f),
     model: {
       defaults: {
-        name: r,
+        name: u,
         tagName: "li",
-        icon: h,
-        attributes: { [T]: d },
-        components: { type: g },
-        draggable: Q(m)
+        icon: A,
+        attributes: { [I]: f },
+        components: { type: d },
+        draggable: Q(g)
       }
     }
-  }), t.addType(g, {
+  }), e.addType(d, {
     extend: "link",
-    isComponent: w(g),
+    isComponent: w(d),
     model: {
       defaults: {
         removable: !1,
         copyable: !1,
         delegate: {
-          move: (y) => y.closestType(d)
+          move: (m) => m.closestType(f)
         },
-        name: u,
-        classes: l,
-        attributes: { [T]: g },
+        name: r,
+        classes: n,
+        attributes: { [I]: d },
         components: { type: "textnode", content: "Item" },
         styles: `
-          .${l} {
+          .${n} {
             text-decoration: none;
           }
         `
       }
     }
-  }), G({
-    editor: e,
+  }), F({
+    editor: t,
     licenseKey: a,
     plan: X,
     pluginName: q,
     cleanup: () => {
-      i.remove(m), t.removeType(m);
+      i.remove(g), e.removeType(g);
     }
   });
-}, te = K(ee);
+}, et = G(tt);
 export {
-  te as default
+  et as default
 };

package/dist/listPagesComponent/index.umd.js

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

package/dist/presetPrintable/index.cjs.js

@@ -1,11 +1,11 @@
-"use strict";const F="app.grapesjs.com",W="app-stage.grapesjs.com",X="app2.grapesjs.com",Z="app-stage2.grapesjs.com",U=[F,X,W,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",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}return o(i)}const u=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)})},oe=({isDev:e,isStage:s})=>`${e?"":`https://${s?W:F}`}/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:a,body:n}){const d=`${s||oe({isDev:!1,isStage:!1})}${e}`,c={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()}var k=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(k||{}),z=(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||{});const I={[k.free]:0,[k.startup]:10,[k.business]:20,[k.enterprise]:30};function ie(e){const s=e;return s.init=t=>o=>e(o,t),s}const re=e=>ie(e);async function ce({editor:e,plan:s,pluginName:t,licenseKey:o,cleanup:a}){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})}};e.on(Q,l=>{n=l==null?void 0:l.baseApiUrl,i=!0}),e.on(ee,l=>{u(l)}),setTimeout(async()=>{if(!i){if(d)return;if(o){const l=await le({licenseKey:o,pluginName:t,baseApiUrl:n});l&&u(l)}else c("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(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,n=a.querySelector(`style[${e}]`)||o.createElement("style");n.setAttribute(e,"true"),n.innerHTML=s,!a.contains(n)&&a.appendChild(n)},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)}const l=function(){return n=this,a=arguments,i=Date.now(),o||(o=setTimeout(u,c)),d};return l.clear=function(){o&&(clearTimeout(o),o=null)},l.flush=function(){o&&(d=e.apply(n,a),n=a=null,clearTimeout(o),o=null)},l}const A="page-break";var m=(e=>(e.A5="a5",e.A5Portrait="a5-portrait",e.A4="a4",e.A3="a3",e.B5="b5",e.B4="b4",e.letter="letter",e.legal="legal",e.ledger="ledger",e))(m||{});function _(e,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:n,unit:i}=e,{fixedHeight:d}=s,c=`${a}${i}`,u=`${n}${i}`;return{id:o||t.toLowerCase().replace(/\s/g,"-"),name:`${t} (${c} x ${u})`,sizeH:n,sizeW:a,sizeUnit:i,widthMedia:"",width:c,minHeight:d?"0":`${_(n,i)}px`,height:d?u:void 0}},G="page-breaks",x="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))}return c}function fe(e,s){const{Canvas:t}=e,o=t.events,a=e.events;let n;const i=()=>{K(`${q}preset-printable-spots`,`.${x} {
+"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",O=(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.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={[$.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=I[s],k=I[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} {
         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;
@@ -16,7 +16,7 @@
         right: 0;
         transform: translate(100%, -50%);
       }
-      `,{target:window.document.head})},d=()=>{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 E=document.createElement("div");E.setAttribute("data-page-number",`${$+2}`),E.className=x,E.style.top=`${L}px`,f.appendChild(E)}))},r=C(()=>{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})},w=[["component:input",r],["frame:scroll",y],[a.update,r],[o.spotAdd,u],[o.spotUpdate,l],[o.spotRemove,c],[o.frameLoadBody,h]];return w.forEach(([p,f])=>e.on(p,f)),e.onReady(()=>{i(),new ResizeObserver(y).observe(t.getElement().parentElement)}),()=>{w.forEach(([p,f])=>e.off(p,f)),r.clear(),g.clear()}}var H=(e=>(e.print="presetPrintable:print",e))(H||{});const N=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(a,n,i={})=>{const d={page:i.allPages?void 0:o.getSelected(),styles:"inline",optionsHtml:{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=[];if(i.separatePrints)for(const g of u)r.push(await N(g));else r.push(await N({content:l,filename:"",mimeType:""}));for(const g of r){const h=g.contentWindow;h.focus(),h.print()}setTimeout(()=>r.forEach(g=>g.remove()),1e3)}),t.add("presetPrintable:exp",async a=>{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()})}),()=>{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}`;return o.addType(A,{block:t&&{label:n,media:'<svg viewBox="0 0 24 24"><path d="M18 20H6v-2H4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2h-2v2M14 2H6a2 2 0 0 0-2 2v8h2V4h8v4h4v4h2V8l-6-6m-3 14H8v-2h3v2m5 0h-3v-2h3v2M3 14h3v2H3v-2m18 2h-3v-2h3v2Z"/></svg>',category:"Extra",select:!0,...t},isComponent:pe(A),model:{defaults:{name:n,classes:i,attributes:{[V]:A},emptyState:!0,stylable:!1,droppable:!1,draggable:de("wrapper"),styles:`.${i} { break-before: page; }`,traits:[]}}}),()=>{o.removeType(A),a.remove(A)}}const me="presetPrintable",ye=k.free,we=function(e,s={}){var M;const t={selectedDevice:m.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({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}=a.getSelected().attributes,R=`
+      `,{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 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: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=`
       ${!!parseFloat(`${T}`)?`
         [data-gjs-type="wrapper"] { min-height: ${T}; }
       `:`
@@ -29,4 +29,4 @@
             height: 100dvh;
         }
       `}
-    `;K(`${q}preset-printable`,R,{doc:P,target:P.head}),y(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(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"})},f=[[d.projectLoad,p]];f.forEach(([v,b])=>e.on(v,b));const D=fe(e,t),L=ve(e),$=be(e,t);e.onReady(()=>{e.UndoManager.clear()});const E=()=>{f.forEach(([v,b])=>e.off(v,b)),D(),L(),$()};e.on(d.destroy,E),ce({editor:e,licenseKey:t.licenseKey,plan:ye,pluginName:me,cleanup:E})},Pe=re(we);module.exports=Pe;
+    `;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;