@grapesjs/studio-sdk-plugins 1.0.38-rc.0 → 1.0.39-rc.0

package/dist/listPagesComponent/index.es.js

@@ -1,7 +1,7 @@
-const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", x = [
+const B = "app.grapesjs.com", _ = "app-stage.grapesjs.com", $ = "app2.grapesjs.com", N = "app-stage2.grapesjs.com", x = [
   B,
   $,
-  O,
+  _,
   N,
   "localhost",
   "127.0.0.1",
@@ -15,12 +15,12 @@ const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.c
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], _ = "license:check:end", U = () => typeof window < "u", F = ({
+], U = "license:check:end", j = () => typeof window < "u", F = ({
   isDev: e,
   isStage: s,
   isPlatform: a
-}) => `${e ? "" : `https://${s ? O : B}`}/${a ? "platform-api" : "api"}`, j = () => {
-  if (!U()) return "";
+}) => `${e ? "" : `https://${s ? _ : B}`}/${a ? "platform-api" : "api"}`, W = () => {
+  if (!j()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
   try {
@@ -28,8 +28,8 @@ const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", $ = "app2.grapesjs.c
   } catch {
     return "";
   }
-}, W = () => {
-  const e = j();
+}, K = () => {
+  const e = W();
   return !!e && (x.includes(e) || x.some((s) => e.endsWith(s)));
 };
 async function m({
@@ -37,7 +37,7 @@ async function m({
   baseApiUrl: s,
   method: a = "GET",
   headers: t = {},
-  params: n,
+  params: o,
   body: r
 }) {
   const i = `${s || F({ isDev: !1, isStage: !1 })}${e}`, l = {
@@ -48,38 +48,41 @@ async function m({
     }
   };
   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();
+  const p = o ? new URLSearchParams(o).toString() : "", c = p ? `?${p}` : "", n = await fetch(`${i}${c}`, l);
+  if (!n.ok)
+    throw new Error(`HTTP error! status: ${n.status}`);
+  return n.json();
 }
-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.openEditCode = "studio:openEditCode", 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 || {});
+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.openEditCode = "studio:openEditCode", e.openBlocks = "studio:openBlocks", e.appendComponent = "studio:appendComponent", 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 G = {
   [b.free]: 0,
   [b.startup]: 10,
   [b.business]: 20,
   [b.enterprise]: 30
 };
-function K(e) {
-  const s = e;
-  return s.init = (a) => (t) => e(t, a), s;
+function q(e, s) {
+  const a = e;
+  return a.init = (t) => {
+    const o = (r) => e(r, t);
+    return o.__gjsPluginId = s, o;
+  }, a;
 }
-const q = (e) => /* @__PURE__ */ K(e);
-async function X({
+const X = (e, s) => /* @__PURE__ */ q(e, s);
+async function Y({
   editor: e,
   plan: s,
   pluginName: a,
   licenseKey: t,
-  onLicenseCheckResponse: n,
+  onLicenseCheckResponse: o,
   cleanup: r
 }) {
   let g = "", i;
-  const l = (o) => {
-    console.warn("Cleanup plugin:", a, "Reason:", o), r();
-  }, p = (o = {}) => {
+  const l = (n) => {
+    console.warn("Cleanup plugin:", a, "Reason:", n), r(e, a);
+  }, p = (n = {}) => {
     var h;
-    const { error: P, sdkLicense: L } = o, u = (h = o.plan) == null ? void 0 : h.category;
-    if (!(L || o.license) || P)
+    const { error: P, sdkLicense: L } = n, u = (h = n.plan) == null ? void 0 : h.category;
+    if (!(L || n.license) || P)
       l(P || "Invalid license");
     else if (u) {
       const T = G[s], I = G[u];
@@ -87,34 +90,34 @@ async function X({
     }
   };
   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);
+  const c = (n) => {
+    o == null || o(n), n && p(n);
   };
   if (!i) {
     e.onReady(async () => {
-      if (!W())
+      if (!K())
         if (t) {
-          const o = await Z({ licenseKey: t, pluginName: a, baseApiUrl: g });
-          c(o);
+          const n = await J({ licenseKey: t, pluginName: a, baseApiUrl: g });
+          c(n);
         } else
           l("The `licenseKey` option not provided");
     });
     return;
   }
   if (i.licensePlan || i.licenseError) {
-    const o = Y(i);
-    c(o);
+    const n = Z(i);
+    c(n);
     return;
   }
-  e.on(_, (o) => c(o));
+  e.on(U, (n) => c(n));
 }
-const Y = (e) => ({
+const Z = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function Z(e) {
+async function J(e) {
   const { licenseKey: s, pluginName: a, baseApiUrl: t } = e;
   try {
     return (await m({
@@ -126,31 +129,31 @@ async function Z(e) {
         pn: a
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (o) {
+    return console.error("Error during SDK license check:", o), !1;
   }
 }
-const V = "gjs-plg-", J = "listPagesComponent", z = b.startup;
+const V = "gjs-plg-", O = "listPagesComponent", z = b.startup;
 function Q(e, s, a) {
-  let t, n, r, g, i;
+  let t, o, 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 n = Date.now() - g;
+    n < l && n >= 0 ? t = setTimeout(p, l - n) : (t = null, i = e.apply(r, o), r = o = null);
   }
   const c = function() {
-    return r = this, n = arguments, g = Date.now(), t || (t = setTimeout(p, l)), i;
+    return r = this, o = arguments, g = Date.now(), t || (t = setTimeout(p, l)), i;
   };
   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);
+    t && (i = e.apply(r, o), r = o = null, clearTimeout(t), t = null);
   }, c;
 }
-const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-link", S = (e) => e.components().reduce(
+const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-link", C = (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, "") : "";
+    const t = a.findFirstType(y), o = (g = t == null ? void 0 : t.attributes.attributes) == null ? void 0 : g.href, r = o != null && o.startsWith(k) ? o.replace(k, "") : "";
     if (r && t) {
       const i = s[r];
       i ? i.push(t) : s[r] = [t];
@@ -158,11 +161,11 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
     return s;
   },
   {}
-), A = "data-type-role", C = "page_root", ee = (e) => (s) => s.is(e), te = (e) => (s, a) => a.is(e), M = (e) => (s) => {
+), A = "data-type-role", S = "page_root", ee = (e) => (s) => s.is(e), te = (e) => (s, a) => a.is(e), M = (e) => (s) => {
   var a;
   return ((a = s.getAttribute) == null ? void 0 : a.call(s, A)) === e;
 }, se = 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 = `${V}${d}`, o = `${V}${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>';
+  const { Blocks: a, Components: t, Pages: o } = e, { licenseKey: r, block: g = {} } = s, i = "List Pages", l = "List Pages Item", p = "Link", c = `${V}${d}`, n = `${V}${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,
@@ -176,7 +179,7 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
       defaults: {
         tagName: "ul",
         name: i,
-        [C]: "",
+        [S]: "",
         classes: c,
         attributes: { [A]: d, role: "navigation" },
         droppable: ee(f),
@@ -189,11 +192,11 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
         `
       },
       init() {
-        this.syncPageItems = Q(this.syncPageItems.bind(this), 0), this.listenTo(this.em, n.events.all, this.syncPageItems), this.syncPageItems();
+        this.syncPageItems = Q(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 u = this.em.Pages.getAll(), H = this.components(), h = S(this);
+        const u = this.em.Pages.getAll(), H = this.components(), h = C(this);
         u.forEach((T, I) => {
           const w = T.id, R = T.getName(), v = h[w];
           v ? v == null || v.forEach((D) => {
@@ -237,26 +240,26 @@ const k = "page://", d = "list-pages", f = "list-pages-item", y = "list-pages-li
           move: (u) => u.closestType(f)
         },
         name: p,
-        classes: o,
+        classes: n,
         attributes: { [A]: y },
         components: { type: "textnode", content: "Item" },
         styles: `
-          .${o} {
+          .${n} {
             text-decoration: none;
           }
         `
       }
     }
-  }), X({
+  }), Y({
     editor: e,
     licenseKey: r,
     plan: z,
-    pluginName: J,
+    pluginName: O,
     cleanup: () => {
       a.remove(d), t.removeType(d);
     }
   });
-}, oe = q(se);
+}, oe = X(se, O);
 export {
   oe as default
 };

package/dist/listPagesComponent/index.js

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

package/dist/listPagesComponent/index.umd.js

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

package/dist/listPagesComponent/utils.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'grapesjs';
-export { default as debounce } from '@studio/editor/src/utils/debounce';
+export { default as debounce } from '@grapesjs/studio-sdk/dist/utils/debounce';
 export declare const typeListPages = "list-pages";
 export declare const typeListPagesItem = "list-pages-item";
 export declare const typeListPagesLink = "list-pages-link";

package/dist/presetBlockLibrary/blocks.d.ts

@@ -0,0 +1,6 @@
+import { BlockProperties, Editor } from '../types';
+import { PresetBlockLibraryOptions } from './types';
+export declare const getPresetBlockLibraryBlocks: (opts?: PresetBlockLibraryOptions) => BlockProperties[];
+export default function loadBlocks(editor: Editor, opts: PresetBlockLibraryOptions): {
+    blocks: BlockProperties[];
+};

package/dist/presetBlockLibrary/blocks.test.d.ts

@@ -0,0 +1,2 @@
+export declare const EMAIL_PRESET_CATEGORY_LIST: string[];
+export declare const EMAIL_PRESET_CATEGORY_IDS: string[];

package/dist/presetBlockLibrary/emailBlocks.d.ts

@@ -0,0 +1,53 @@
+import { LibraryProperties } from 'grapesjs';
+import { BlockProperties } from '../types';
+import { PresetBlockLibraryOptions } from './types';
+export declare const EMAIL_PRESET_CATEGORIES: {
+    header: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    hero: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    content: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    cta: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    gallery: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    people: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+    footer: {
+        id: string;
+        open: false;
+        label: string;
+        icon: string;
+    };
+};
+export declare const PRESET_BLOCK_LIBRARY: LibraryProperties;
+export declare const createPresetBlockLibrary: (opts: PresetBlockLibraryOptions) => LibraryProperties;
+export declare const createEmailPresetBlocks: ({ library, options }: {
+    library?: LibraryProperties;
+    options: PresetBlockLibraryOptions;
+}) => BlockProperties[];

package/dist/presetBlockLibrary/index.cjs.d.ts

@@ -0,0 +1,3 @@
+import { PresetBlockLibraryOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<PresetBlockLibraryOptions>;
+export default _default;