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

package/dist/fsLightboxComponent/index.es.js

@@ -1,8 +1,8 @@
-const N = "app.grapesjs.com", H = "app-stage.grapesjs.com", S = "app2.grapesjs.com", U = "app-stage2.grapesjs.com", $ = [
+const N = "app.grapesjs.com", H = "app-stage.grapesjs.com", F = "app2.grapesjs.com", S = "app-stage2.grapesjs.com", V = [
   N,
-  S,
+  F,
   H,
-  U,
+  S,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -15,12 +15,12 @@ const N = "app.grapesjs.com", H = "app-stage.grapesjs.com", S = "app2.grapesjs.c
   // For Claude mcp app
   ".web-sandbox.oaiusercontent.com"
   // For OpenAI mcp app
-], F = "license:check:end", W = () => typeof window < "u", K = ({
+], W = "license:check:end", K = () => typeof window < "u", Z = ({
   isDev: e,
   isStage: a,
   isPlatform: c
-}) => `${e ? "" : `https://${a ? H : N}`}/${c ? "platform-api" : "api"}`, Z = () => {
-  if (!W()) return "";
+}) => `${e ? "" : `https://${a ? H : N}`}/${c ? "platform-api" : "api"}`, q = () => {
+  if (!K()) return "";
   const { hostname: e } = window.location;
   if (e) return e;
   try {
@@ -28,96 +28,99 @@ const N = "app.grapesjs.com", H = "app-stage.grapesjs.com", S = "app2.grapesjs.c
   } catch {
     return "";
   }
-}, q = () => {
-  const e = Z();
-  return !!e && ($.includes(e) || $.some((a) => e.endsWith(a)));
+}, z = () => {
+  const e = q();
+  return !!e && (V.includes(e) || V.some((a) => e.endsWith(a)));
 };
-async function z({
+async function J({
   path: e,
   baseApiUrl: a,
   method: c = "GET",
   headers: l = {},
   params: r,
-  body: f
+  body: u
 }) {
-  const g = `${a || K({ isDev: !1, isStage: !1 })}${e}`, u = {
+  const g = `${a || Z({ isDev: !1, isStage: !1 })}${e}`, d = {
     method: c,
     headers: {
       "Content-Type": "application/json",
       ...l
     }
   };
-  f && (u.body = JSON.stringify(f));
-  const y = r ? new URLSearchParams(r).toString() : "", v = y ? `?${y}` : "", s = await fetch(`${g}${v}`, u);
+  u && (d.body = JSON.stringify(u));
+  const y = r ? new URLSearchParams(r).toString() : "", v = y ? `?${y}` : "", s = await fetch(`${g}${v}`, d);
   if (!s.ok)
     throw new Error(`HTTP error! status: ${s.status}`);
   return s.json();
 }
-var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {}), m = /* @__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))(m || {});
-const V = {
+var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {}), j = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.toastRemove = "studio:toastRemove", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.dialogExportCode = "studio:dialogExportCode", e.dialogImportCode = "studio:dialogImportCode", e.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))(j || {});
+const m = {
   [w.free]: 0,
   [w.startup]: 10,
   [w.business]: 20,
   [w.enterprise]: 30
 };
-function J(e) {
-  const a = e;
-  return a.init = (c) => (l) => e(l, c), a;
+function X(e, a) {
+  const c = e;
+  return c.init = (l) => {
+    const r = (u) => e(u, l);
+    return r.__gjsPluginId = a, r;
+  }, c;
 }
-const X = (e) => /* @__PURE__ */ J(e);
-async function Y({
+const Y = (e, a) => /* @__PURE__ */ X(e, a);
+async function Q({
   editor: e,
   plan: a,
   pluginName: c,
   licenseKey: l,
   onLicenseCheckResponse: r,
-  cleanup: f
+  cleanup: u
 }) {
-  let h = "", g;
-  const u = (s) => {
-    console.warn("Cleanup plugin:", c, "Reason:", s), f();
+  let b = "", g;
+  const d = (s) => {
+    console.warn("Cleanup plugin:", c, "Reason:", s), u(e, c);
   }, y = (s = {}) => {
     var E;
     const { error: p, sdkLicense: I } = s, T = (E = s.plan) == null ? void 0 : E.category;
     if (!(I || s.license) || p)
-      u(p || "Invalid license");
+      d(p || "Invalid license");
     else if (T) {
-      const O = V[a], t = V[T];
-      O > t && u({ pluginRequiredPlan: a, licensePlan: T });
+      const G = m[a], t = m[T];
+      G > t && d({ pluginRequiredPlan: a, licensePlan: T });
     }
   };
-  e.Commands.has(m.settings) && (g = e.runCommand(m.settings), h = (g == null ? void 0 : g.baseUrl) || "");
+  e.Commands.has(j.settings) && (g = e.runCommand(j.settings), b = (g == null ? void 0 : g.baseUrl) || "");
   const v = (s) => {
     r == null || r(s), s && y(s);
   };
   if (!g) {
     e.onReady(async () => {
-      if (!q())
+      if (!z())
         if (l) {
-          const s = await C({ licenseKey: l, pluginName: c, baseApiUrl: h });
+          const s = await ee({ licenseKey: l, pluginName: c, baseApiUrl: b });
           v(s);
         } else
-          u("The `licenseKey` option not provided");
+          d("The `licenseKey` option not provided");
     });
     return;
   }
   if (g.licensePlan || g.licenseError) {
-    const s = Q(g);
+    const s = C(g);
     v(s);
     return;
   }
-  e.on(F, (s) => v(s));
+  e.on(W, (s) => v(s));
 }
-const Q = (e) => ({
+const C = (e) => ({
   sdkLicense: e.license,
   license: e.license,
   error: e.licenseError,
   plan: e.licensePlan
 });
-async function C(e) {
+async function ee(e) {
   const { licenseKey: a, pluginName: c, baseApiUrl: l } = e;
   try {
-    return (await z({
+    return (await J({
       baseApiUrl: l,
       path: `/sdk/${a || "na"}`,
       method: "POST",
@@ -130,44 +133,44 @@ async function C(e) {
     return console.error("Error during SDK license check:", r), !1;
   }
 }
-const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fslightbox", G = "data-type", se = "fslightbox-open", A = "fslightbox", P = {
+const te = "gjs-plg-", U = "fsLightboxComponent", oe = w.startup, D = "data-fslightbox", k = "data-type", se = "fslightbox-open", A = "fslightbox", P = {
   image: '<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',
   video: '<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',
   imageLightbox: '<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',
   external: '<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',
   eye: '<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'
-}, ie = function(e, a = {}) {
-  const { Blocks: c, Components: l } = e, r = "Lightbox", f = `${ee}${A}`, h = {
+}, ne = function(e, a = {}) {
+  const { Blocks: c, Components: l } = e, r = "Lightbox", u = `${te}${A}`, b = {
     toolbarIconOpen: P.eye,
     block: {},
     defaultSrc: "https://placehold.co/300/777/white.png?text=Image",
     cdnScript: "https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",
     ...a
-  }, { block: g, toolbarIconOpen: u, defaultSrc: y } = h, v = function(t) {
-    const o = this, n = "data-fslightbox", i = window, b = () => {
-      var B;
-      const d = i.refreshFsLightbox;
-      d == null || d();
-      const k = o.getAttribute(n);
-      if ((B = i.fsLightboxInstances) == null || B[k], !i._isEditor) return;
-      Array.from(document.querySelectorAll(`[${n}]`)).forEach((L) => {
+  }, { block: g, toolbarIconOpen: d, defaultSrc: y } = b, v = function(t) {
+    const o = this, i = "data-fslightbox", n = window, f = () => {
+      var O;
+      const h = n.refreshFsLightbox;
+      h == null || h();
+      const M = o.getAttribute(i);
+      if ((O = n.fsLightboxInstances) == null || O[M], !n._isEditor) return;
+      Array.from(document.querySelectorAll(`[${i}]`)).forEach((L) => {
         const x = L.onclick;
         L.onclick = function(_) {
           _.preventDefault();
-          const j = L;
-          !j.__skipLb && (x == null || x(_)), j.__skipLb = !0;
+          const $ = L;
+          !$.__skipLb && (x == null || x(_)), $.__skipLb = !0;
         };
       });
     };
-    if (i.refreshFsLightbox)
-      b();
+    if (n.refreshFsLightbox)
+      f();
     else {
-      const d = document.createElement("script");
-      d.src = t.cdnScript, d.onload = b, document.head.appendChild(d);
+      const h = document.createElement("script");
+      h.src = t.cdnScript, h.onload = f, document.head.appendChild(h);
     }
   }, s = (t) => ({
     id: `${A}-open-lb`,
-    label: u,
+    label: d,
     command: () => {
       const o = t.getView();
       o == null || o.toggleLightbox();
@@ -189,7 +192,7 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
     name: "href",
     type: "file",
     label: "Source Image"
-  }, M = {
+  }, B = {
     id: "href-video",
     name: "href",
     label: "Source Video",
@@ -199,9 +202,9 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
     name: "href",
     label: "Source Element",
     placeholder: "#custom-element-id"
-  }, O = {
+  }, G = {
     image: [T],
-    video: [M],
+    video: [B],
     el: [E]
   };
   l.addType(A, {
@@ -210,7 +213,7 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
       media: P.imageLightbox,
       category: "Extra",
       select: !0,
-      ...h.block
+      ...b.block
     },
     isComponent: (t) => {
       var o;
@@ -222,16 +225,16 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
         tagName: "a",
         name: r,
         icon: P.imageLightbox,
-        classes: f,
+        classes: u,
         draggable: (t, o) => !o.is(A),
         attributes: {
           [D]: "lightbox",
-          [G]: "image",
+          [k]: "image",
           href: y
         },
         components: { type: "image", src: y },
         script: v,
-        cdnScript: h.cdnScript,
+        cdnScript: b.cdnScript,
         "script-props": ["attributes", "cdnScript"],
         [p]: "image",
         traits: [
@@ -244,14 +247,14 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
             type: "button",
             label: "Toggle Lightbox",
             command(t, o) {
-              var i;
-              const n = (i = o.target) == null ? void 0 : i.getView();
-              n == null || n.toggleLightbox();
+              var n;
+              const i = (n = o.target) == null ? void 0 : n.getView();
+              i == null || i.toggleLightbox();
             }
           }
         ],
         styles: `
-          .${f} {
+          .${u} {
             display: inline-block;
             padding: 10px;
           }
@@ -261,30 +264,30 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
         const t = [p].map((o) => `change:${o}`).join(" ");
         this.on(t, this.updateTraits), this.on(`change:${p}`, this.onSourceTypeChange), this.on("change:attributes:href", this.adjustSourceType), this.updateTraits({ init: !0 }), this.adjustSourceType();
       },
-      onSourceTypeChange(t, o, n) {
-        if (n.adjust) return;
-        const b = this.get(p) === "video" ? "video" : "image";
-        this.addAttributes({ [G]: b, href: "" });
+      onSourceTypeChange(t, o, i) {
+        if (i.adjust) return;
+        const f = this.get(p) === "video" ? "video" : "image";
+        this.addAttributes({ [k]: f, href: "" });
       },
       adjustSourceType() {
-        const t = this.get(p), o = this.getAttributes().href || "", n = { adjust: !0 };
+        const t = this.get(p), o = this.getAttributes().href || "", i = { adjust: !0 };
         if (t === "video") {
-          const i = o.includes("youtube.com") ? "youtube" : "video";
-          this.addAttributes({ [G]: i }, n);
-        } else t !== "el" && o.startsWith("#") ? this.set(p, "el", n) : t === "image" && this.addAttributes({ [G]: "image" }, n);
+          const n = o.includes("youtube.com") ? "youtube" : "video";
+          this.addAttributes({ [k]: n }, i);
+        } else t !== "el" && o.startsWith("#") ? this.set(p, "el", i) : t === "image" && this.addAttributes({ [k]: "image" }, i);
       },
       updateTraits(t = {}) {
-        const { changed: o } = this, { init: n } = t;
-        if (o[I.name] || n) {
-          this.removeTrait([T.name, M.name, E.name]);
-          const i = this.get(p) || "image", b = this.getTraitIndex(p) + 1;
-          this.addTrait(O[i], { at: b });
+        const { changed: o } = this, { init: i } = t;
+        if (o[I.name] || i) {
+          this.removeTrait([T.name, B.name, E.name]);
+          const n = this.get(p) || "image", f = this.getTraitIndex(p) + 1;
+          this.addTrait(G[n], { at: f });
         }
       },
       initToolbar() {
-        if (!u) return;
+        if (!d) return;
         const { toolbar: t } = this, o = s(this);
-        !t.find((i) => i.id === o.id) && (t == null || t.unshift(o));
+        !t.find((n) => n.id === o.id) && (t == null || t.unshift(o));
       }
     },
     view: {
@@ -293,30 +296,30 @@ const ee = "gjs-plg-", te = "fsLightboxComponent", oe = w.startup, D = "data-fsl
       },
       toggleLightbox() {
         var L;
-        const { em: t, el: o, model: n } = this, { Canvas: i } = t, b = n.getAttributes()[D], { defaultView: d, documentElement: k } = o.ownerDocument, R = (L = d.fsLightboxInstances) == null ? void 0 : L[b];
-        if (k.classList.contains(se))
+        const { em: t, el: o, model: i } = this, { Canvas: n } = t, f = i.getAttributes()[D], { defaultView: h, documentElement: M } = o.ownerDocument, R = (L = h.fsLightboxInstances) == null ? void 0 : L[f];
+        if (M.classList.contains(se))
           R.close();
         else {
           o.__skipLb = !1;
           let x;
           R.props.onOpen = () => {
-            x = i.getSpots(), setTimeout(() => i.removeSpots());
+            x = n.getSpots(), setTimeout(() => n.removeSpots());
           }, R.props.onClose = () => {
-            x.forEach((_) => i.addSpot(_.attributes));
+            x.forEach((_) => n.addSpot(_.attributes));
           }, o.click();
         }
       }
     }
-  }), Y({
+  }), Q({
     editor: e,
     plan: oe,
-    licenseKey: h.licenseKey,
-    pluginName: te,
+    licenseKey: b.licenseKey,
+    pluginName: U,
     cleanup: () => {
       c.remove(A), l.removeType(A);
     }
   });
-}, ne = X(ie);
+}, ie = Y(ne, U);
 export {
-  ne as default
+  ie as default
 };

package/dist/fsLightboxComponent/index.js

@@ -0,0 +1,6 @@
+"use strict";const N="app.grapesjs.com",H="app-stage.grapesjs.com",F="app2.grapesjs.com",S="app-stage2.grapesjs.com",V=[N,F,H,S,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],W="license:check:end",K=()=>typeof window<"u",Z=({isDev:e,isStage:a,isPlatform:c})=>`${e?"":`https://${a?H:N}`}/${c?"platform-api":"api"}`,q=()=>{if(!K())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},z=()=>{const e=q();return!!e&&(V.includes(e)||V.some(a=>e.endsWith(a)))};async function J({path:e,baseApiUrl:a,method:c="GET",headers:l={},params:r,body:u}){const g=`${a||Z({isDev:!1,isStage:!1})}${e}`,d={method:c,headers:{"Content-Type":"application/json",...l}};u&&(d.body=JSON.stringify(u));const y=r?new URLSearchParams(r).toString():"",v=y?`?${y}`:"",s=await fetch(`${g}${v}`,d);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var w=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(w||{}),j=(e=>(e.toastAdd="studio:toastAdd",e.toastRemove="studio:toastRemove",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",e.dialogExportCode="studio:dialogExportCode",e.dialogImportCode="studio:dialogImportCode",e.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))(j||{});const m={[w.free]:0,[w.startup]:10,[w.business]:20,[w.enterprise]:30};function X(e,a){const c=e;return c.init=l=>{const r=u=>e(u,l);return r.__gjsPluginId=a,r},c}const Y=(e,a)=>X(e,a);async function Q({editor:e,plan:a,pluginName:c,licenseKey:l,onLicenseCheckResponse:r,cleanup:u}){let b="",g;const d=s=>{console.warn("Cleanup plugin:",c,"Reason:",s),u(e,c)},y=(s={})=>{var E;const{error:p,sdkLicense:I}=s,T=(E=s.plan)==null?void 0:E.category;if(!(I||s.license)||p)d(p||"Invalid license");else if(T){const G=m[a],t=m[T];G>t&&d({pluginRequiredPlan:a,licensePlan:T})}};e.Commands.has(j.settings)&&(g=e.runCommand(j.settings),b=(g==null?void 0:g.baseUrl)||"");const v=s=>{r==null||r(s),s&&y(s)};if(!g){e.onReady(async()=>{if(!z())if(l){const s=await ee({licenseKey:l,pluginName:c,baseApiUrl:b});v(s)}else d("The `licenseKey` option not provided")});return}if(g.licensePlan||g.licenseError){const s=C(g);v(s);return}e.on(W,s=>v(s))}const C=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function ee(e){const{licenseKey:a,pluginName:c,baseApiUrl:l}=e;try{return(await J({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:c}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const te="gjs-plg-",U="fsLightboxComponent",oe=w.startup,D="data-fslightbox",k="data-type",se="fslightbox-open",A="fslightbox",P={image:'<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',video:'<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',imageLightbox:'<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',external:'<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'},ne=function(e,a={}){const{Blocks:c,Components:l}=e,r="Lightbox",u=`${te}${A}`,b={toolbarIconOpen:P.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...a},{block:g,toolbarIconOpen:d,defaultSrc:y}=b,v=function(t){const o=this,i="data-fslightbox",n=window,f=()=>{var O;const h=n.refreshFsLightbox;h==null||h();const M=o.getAttribute(i);if((O=n.fsLightboxInstances)==null||O[M],!n._isEditor)return;Array.from(document.querySelectorAll(`[${i}]`)).forEach(L=>{const x=L.onclick;L.onclick=function(_){_.preventDefault();const $=L;!$.__skipLb&&(x==null||x(_)),$.__skipLb=!0}})};if(n.refreshFsLightbox)f();else{const h=document.createElement("script");h.src=t.cdnScript,h.onload=f,document.head.appendChild(h)}},s=t=>({id:`${A}-open-lb`,label:d,command:()=>{const o=t.getView();o==null||o.toggleLightbox()}}),p="source-type",I={type:"radio",name:p,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:P.image},{id:"video",label:"Video",icon:P.video},{id:"el",label:"Custom Element",icon:P.external}],labelToTitle:!0},T={id:"href-image",name:"href",type:"file",label:"Source Image"},B={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},E={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},G={image:[T],video:[B],el:[E]};l.addType(A,{block:g&&{label:r,media:P.imageLightbox,category:"Extra",select:!0,...b.block},isComponent:t=>{var o;return(o=t.hasAttribute)==null?void 0:o.call(t,D)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:r,icon:P.imageLightbox,classes:u,draggable:(t,o)=>!o.is(A),attributes:{[D]:"lightbox",[k]:"image",href:y},components:{type:"image",src:y},script:v,cdnScript:b.cdnScript,"script-props":["attributes","cdnScript"],[p]:"image",traits:[I,{name:D,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,o){var n;const i=(n=o.target)==null?void 0:n.getView();i==null||i.toggleLightbox()}}],styles:`
+          .${u} {
+            display: inline-block;
+            padding: 10px;
+          }
+        `},init(){const t=[p].map(o=>`change:${o}`).join(" ");this.on(t,this.updateTraits),this.on(`change:${p}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(t,o,i){if(i.adjust)return;const f=this.get(p)==="video"?"video":"image";this.addAttributes({[k]:f,href:""})},adjustSourceType(){const t=this.get(p),o=this.getAttributes().href||"",i={adjust:!0};if(t==="video"){const n=o.includes("youtube.com")?"youtube":"video";this.addAttributes({[k]:n},i)}else t!=="el"&&o.startsWith("#")?this.set(p,"el",i):t==="image"&&this.addAttributes({[k]:"image"},i)},updateTraits(t={}){const{changed:o}=this,{init:i}=t;if(o[I.name]||i){this.removeTrait([T.name,B.name,E.name]);const n=this.get(p)||"image",f=this.getTraitIndex(p)+1;this.addTrait(G[n],{at:f})}},initToolbar(){if(!d)return;const{toolbar:t}=this,o=s(this);!t.find(n=>n.id===o.id)&&(t==null||t.unshift(o))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var L;const{em:t,el:o,model:i}=this,{Canvas:n}=t,f=i.getAttributes()[D],{defaultView:h,documentElement:M}=o.ownerDocument,R=(L=h.fsLightboxInstances)==null?void 0:L[f];if(M.classList.contains(se))R.close();else{o.__skipLb=!1;let x;R.props.onOpen=()=>{x=n.getSpots(),setTimeout(()=>n.removeSpots())},R.props.onClose=()=>{x.forEach(_=>n.addSpot(_.attributes))},o.click()}}}}),Q({editor:e,plan:oe,licenseKey:b.licenseKey,pluginName:U,cleanup:()=>{c.remove(A),l.removeType(A)}})},ie=Y(ne,U);module.exports=ie;

package/dist/fsLightboxComponent/index.umd.js

@@ -1,6 +1,6 @@
-(function(T,L){typeof exports=="object"&&typeof module<"u"?module.exports=L():typeof define=="function"&&define.amd?define(L):(T=typeof globalThis<"u"?globalThis:T||self,T.StudioSdkPlugins_fsLightboxComponent=L())})(this,function(){"use strict";const T="app.grapesjs.com",L="app-stage.grapesjs.com",$=[T,"app2.grapesjs.com",L,"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"],H="license:check:end",U=()=>typeof window<"u",F=({isDev:e,isStage:a,isPlatform:c})=>`${e?"":`https://${a?L:T}`}/${c?"platform-api":"api"}`,W=()=>{if(!U())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},K=()=>{const e=W();return!!e&&($.includes(e)||$.some(a=>e.endsWith(a)))};async function Z({path:e,baseApiUrl:a,method:c="GET",headers:l={},params:r,body:f}){const g=`${a||F({isDev:!1,isStage:!1})}${e}`,u={method:c,headers:{"Content-Type":"application/json",...l}};f&&(u.body=JSON.stringify(f));const y=r?new URLSearchParams(r).toString():"",v=y?`?${y}`:"",s=await fetch(`${g}${v}`,u);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var x=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(x||{}),m=(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))(m||{});const S={[x.free]:0,[x.startup]:10,[x.business]:20,[x.enterprise]:30};function q(e){const a=e;return a.init=c=>l=>e(l,c),a}const z=e=>q(e);async function J({editor:e,plan:a,pluginName:c,licenseKey:l,onLicenseCheckResponse:r,cleanup:f}){let h="",g;const u=s=>{console.warn("Cleanup plugin:",c,"Reason:",s),f()},y=(s={})=>{var R;const{error:p,sdkLicense:M}=s,w=(R=s.plan)==null?void 0:R.category;if(!(M||s.license)||p)u(p||"Invalid license");else if(w){const B=S[a],t=S[w];B>t&&u({pluginRequiredPlan:a,licensePlan:w})}};e.Commands.has(m.settings)&&(g=e.runCommand(m.settings),h=(g==null?void 0:g.baseUrl)||"");const v=s=>{r==null||r(s),s&&y(s)};if(!g){e.onReady(async()=>{if(!K())if(l){const s=await Y({licenseKey:l,pluginName:c,baseApiUrl:h});v(s)}else u("The `licenseKey` option not provided")});return}if(g.licensePlan||g.licenseError){const s=X(g);v(s);return}e.on(H,s=>v(s))}const X=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Y(e){const{licenseKey:a,pluginName:c,baseApiUrl:l}=e;try{return(await Z({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:c}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const Q="gjs-plg-",C="fsLightboxComponent",ee=x.startup,_="data-fslightbox",D="data-type",te="fslightbox-open",A="fslightbox",P={image:'<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',video:'<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',imageLightbox:'<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',external:'<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'};return z(function(e,a={}){const{Blocks:c,Components:l}=e,r="Lightbox",f=`${Q}${A}`,h={toolbarIconOpen:P.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...a},{block:g,toolbarIconOpen:u,defaultSrc:y}=h,v=function(t){const o=this,n="data-fslightbox",i=window,b=()=>{var N;const d=i.refreshFsLightbox;d==null||d();const j=o.getAttribute(n);if((N=i.fsLightboxInstances)==null||N[j],!i._isEditor)return;Array.from(document.querySelectorAll(`[${n}]`)).forEach(E=>{const I=E.onclick;E.onclick=function(G){G.preventDefault();const V=E;!V.__skipLb&&(I==null||I(G)),V.__skipLb=!0}})};if(i.refreshFsLightbox)b();else{const d=document.createElement("script");d.src=t.cdnScript,d.onload=b,document.head.appendChild(d)}},s=t=>({id:`${A}-open-lb`,label:u,command:()=>{const o=t.getView();o==null||o.toggleLightbox()}}),p="source-type",M={type:"radio",name:p,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:P.image},{id:"video",label:"Video",icon:P.video},{id:"el",label:"Custom Element",icon:P.external}],labelToTitle:!0},w={id:"href-image",name:"href",type:"file",label:"Source Image"},k={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},R={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},B={image:[w],video:[k],el:[R]};l.addType(A,{block:g&&{label:r,media:P.imageLightbox,category:"Extra",select:!0,...h.block},isComponent:t=>{var o;return(o=t.hasAttribute)==null?void 0:o.call(t,_)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:r,icon:P.imageLightbox,classes:f,draggable:(t,o)=>!o.is(A),attributes:{[_]:"lightbox",[D]:"image",href:y},components:{type:"image",src:y},script:v,cdnScript:h.cdnScript,"script-props":["attributes","cdnScript"],[p]:"image",traits:[M,{name:_,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,o){var i;const n=(i=o.target)==null?void 0:i.getView();n==null||n.toggleLightbox()}}],styles:`
-          .${f} {
+(function(T,L){typeof exports=="object"&&typeof module<"u"?module.exports=L():typeof define=="function"&&define.amd?define(L):(T=typeof globalThis<"u"?globalThis:T||self,T.StudioSdkPlugins_fsLightboxComponent=L())})(this,function(){"use strict";const T="app.grapesjs.com",L="app-stage.grapesjs.com",N=[T,"app2.grapesjs.com",L,"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"],U="license:check:end",F=()=>typeof window<"u",W=({isDev:e,isStage:a,isPlatform:c})=>`${e?"":`https://${a?L:T}`}/${c?"platform-api":"api"}`,K=()=>{if(!F())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},Z=()=>{const e=K();return!!e&&(N.includes(e)||N.some(a=>e.endsWith(a)))};async function q({path:e,baseApiUrl:a,method:c="GET",headers:l={},params:r,body:u}){const p=`${a||W({isDev:!1,isStage:!1})}${e}`,d={method:c,headers:{"Content-Type":"application/json",...l}};u&&(d.body=JSON.stringify(u));const y=r?new URLSearchParams(r).toString():"",v=y?`?${y}`:"",s=await fetch(`${p}${v}`,d);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var x=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(x||{}),G=(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))(G||{});const V={[x.free]:0,[x.startup]:10,[x.business]:20,[x.enterprise]:30};function z(e,a){const c=e;return c.init=l=>{const r=u=>e(u,l);return r.__gjsPluginId=a,r},c}const J=(e,a)=>z(e,a);async function X({editor:e,plan:a,pluginName:c,licenseKey:l,onLicenseCheckResponse:r,cleanup:u}){let b="",p;const d=s=>{console.warn("Cleanup plugin:",c,"Reason:",s),u(e,c)},y=(s={})=>{var _;const{error:g,sdkLicense:M}=s,w=(_=s.plan)==null?void 0:_.category;if(!(M||s.license)||g)d(g||"Invalid license");else if(w){const j=V[a],t=V[w];j>t&&d({pluginRequiredPlan:a,licensePlan:w})}};e.Commands.has(G.settings)&&(p=e.runCommand(G.settings),b=(p==null?void 0:p.baseUrl)||"");const v=s=>{r==null||r(s),s&&y(s)};if(!p){e.onReady(async()=>{if(!Z())if(l){const s=await Q({licenseKey:l,pluginName:c,baseApiUrl:b});v(s)}else d("The `licenseKey` option not provided")});return}if(p.licensePlan||p.licenseError){const s=Y(p);v(s);return}e.on(U,s=>v(s))}const Y=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function Q(e){const{licenseKey:a,pluginName:c,baseApiUrl:l}=e;try{return(await q({baseApiUrl:l,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:c}})).result||{}}catch(r){return console.error("Error during SDK license check:",r),!1}}const C="gjs-plg-",S="fsLightboxComponent",ee=x.startup,R="data-fslightbox",D="data-type",te="fslightbox-open",A="fslightbox",P={image:'<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',video:'<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',imageLightbox:'<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',external:'<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'};return J(function(e,a={}){const{Blocks:c,Components:l}=e,r="Lightbox",u=`${C}${A}`,b={toolbarIconOpen:P.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...a},{block:p,toolbarIconOpen:d,defaultSrc:y}=b,v=function(t){const o=this,i="data-fslightbox",n=window,f=()=>{var $;const h=n.refreshFsLightbox;h==null||h();const m=o.getAttribute(i);if(($=n.fsLightboxInstances)==null||$[m],!n._isEditor)return;Array.from(document.querySelectorAll(`[${i}]`)).forEach(E=>{const I=E.onclick;E.onclick=function(k){k.preventDefault();const H=E;!H.__skipLb&&(I==null||I(k)),H.__skipLb=!0}})};if(n.refreshFsLightbox)f();else{const h=document.createElement("script");h.src=t.cdnScript,h.onload=f,document.head.appendChild(h)}},s=t=>({id:`${A}-open-lb`,label:d,command:()=>{const o=t.getView();o==null||o.toggleLightbox()}}),g="source-type",M={type:"radio",name:g,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:P.image},{id:"video",label:"Video",icon:P.video},{id:"el",label:"Custom Element",icon:P.external}],labelToTitle:!0},w={id:"href-image",name:"href",type:"file",label:"Source Image"},B={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},_={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},j={image:[w],video:[B],el:[_]};l.addType(A,{block:p&&{label:r,media:P.imageLightbox,category:"Extra",select:!0,...b.block},isComponent:t=>{var o;return(o=t.hasAttribute)==null?void 0:o.call(t,R)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:r,icon:P.imageLightbox,classes:u,draggable:(t,o)=>!o.is(A),attributes:{[R]:"lightbox",[D]:"image",href:y},components:{type:"image",src:y},script:v,cdnScript:b.cdnScript,"script-props":["attributes","cdnScript"],[g]:"image",traits:[M,{name:R,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,o){var n;const i=(n=o.target)==null?void 0:n.getView();i==null||i.toggleLightbox()}}],styles:`
+          .${u} {
             display: inline-block;
             padding: 10px;
           }
-        `},init(){const t=[p].map(o=>`change:${o}`).join(" ");this.on(t,this.updateTraits),this.on(`change:${p}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(t,o,n){if(n.adjust)return;const b=this.get(p)==="video"?"video":"image";this.addAttributes({[D]:b,href:""})},adjustSourceType(){const t=this.get(p),o=this.getAttributes().href||"",n={adjust:!0};if(t==="video"){const i=o.includes("youtube.com")?"youtube":"video";this.addAttributes({[D]:i},n)}else t!=="el"&&o.startsWith("#")?this.set(p,"el",n):t==="image"&&this.addAttributes({[D]:"image"},n)},updateTraits(t={}){const{changed:o}=this,{init:n}=t;if(o[M.name]||n){this.removeTrait([w.name,k.name,R.name]);const i=this.get(p)||"image",b=this.getTraitIndex(p)+1;this.addTrait(B[i],{at:b})}},initToolbar(){if(!u)return;const{toolbar:t}=this,o=s(this);!t.find(i=>i.id===o.id)&&(t==null||t.unshift(o))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var E;const{em:t,el:o,model:n}=this,{Canvas:i}=t,b=n.getAttributes()[_],{defaultView:d,documentElement:j}=o.ownerDocument,O=(E=d.fsLightboxInstances)==null?void 0:E[b];if(j.classList.contains(te))O.close();else{o.__skipLb=!1;let I;O.props.onOpen=()=>{I=i.getSpots(),setTimeout(()=>i.removeSpots())},O.props.onClose=()=>{I.forEach(G=>i.addSpot(G.attributes))},o.click()}}}}),J({editor:e,plan:ee,licenseKey:h.licenseKey,pluginName:C,cleanup:()=>{c.remove(A),l.removeType(A)}})})});
+        `},init(){const t=[g].map(o=>`change:${o}`).join(" ");this.on(t,this.updateTraits),this.on(`change:${g}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(t,o,i){if(i.adjust)return;const f=this.get(g)==="video"?"video":"image";this.addAttributes({[D]:f,href:""})},adjustSourceType(){const t=this.get(g),o=this.getAttributes().href||"",i={adjust:!0};if(t==="video"){const n=o.includes("youtube.com")?"youtube":"video";this.addAttributes({[D]:n},i)}else t!=="el"&&o.startsWith("#")?this.set(g,"el",i):t==="image"&&this.addAttributes({[D]:"image"},i)},updateTraits(t={}){const{changed:o}=this,{init:i}=t;if(o[M.name]||i){this.removeTrait([w.name,B.name,_.name]);const n=this.get(g)||"image",f=this.getTraitIndex(g)+1;this.addTrait(j[n],{at:f})}},initToolbar(){if(!d)return;const{toolbar:t}=this,o=s(this);!t.find(n=>n.id===o.id)&&(t==null||t.unshift(o))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var E;const{em:t,el:o,model:i}=this,{Canvas:n}=t,f=i.getAttributes()[R],{defaultView:h,documentElement:m}=o.ownerDocument,O=(E=h.fsLightboxInstances)==null?void 0:E[f];if(m.classList.contains(te))O.close();else{o.__skipLb=!1;let I;O.props.onOpen=()=>{I=n.getSpots(),setTimeout(()=>n.removeSpots())},O.props.onClose=()=>{I.forEach(k=>n.addSpot(k.attributes))},o.click()}}}}),X({editor:e,plan:ee,licenseKey:b.licenseKey,pluginName:S,cleanup:()=>{c.remove(A),l.removeType(A)}})},S)});

package/dist/googleFontsAssetProvider/index.cjs.js

@@ -1 +1 @@
-"use strict";var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),y=(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))(y||{});const x="app.grapesjs.com",T="app-stage.grapesjs.com",I="app2.grapesjs.com",$="app-stage2.grapesjs.com",w=[x,I,T,$,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],E="license:check:end",M=()=>typeof window<"u",U=({isDev:e,isStage:t,isPlatform:s})=>`${e?"":`https://${t?T:x}`}/${s?"platform-api":"api"}`,j=()=>{if(!M())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},k=()=>{const e=j();return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function B({path:e,baseApiUrl:t,method:s="GET",headers:o={},params:n,body:i}){const a=`${t||U({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...o}};i&&(l.body=JSON.stringify(i));const p=n?new URLSearchParams(n).toString():"",u=p?`?${p}`:"",r=await fetch(`${a}${u}`,l);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return r.json()}const F={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function N(e){const t=e;return t.init=s=>o=>e(o,s),t}const W=e=>N(e);async function _({editor:e,plan:t,pluginName:s,licenseKey:o,onLicenseCheckResponse:n,cleanup:i}){let c="",a;const l=r=>{console.warn("Cleanup plugin:",s,"Reason:",r),i()},p=(r={})=>{var A;const{error:g,sdkLicense:f}=r,b=(A=r.plan)==null?void 0:A.category;if(!(f||r.license)||g)l(g||"Invalid license");else if(b){const G=F[t],O=F[b];G>O&&l({pluginRequiredPlan:t,licensePlan:b})}};e.Commands.has(y.settings)&&(a=e.runCommand(y.settings),c=(a==null?void 0:a.baseUrl)||"");const u=r=>{n==null||n(r),r&&p(r)};if(!a){e.onReady(async()=>{if(!k())if(o){const r=await K({licenseKey:o,pluginName:s,baseApiUrl:c});u(r)}else l("The `licenseKey` option not provided")});return}if(a.licensePlan||a.licenseError){const r=V(a);u(r);return}e.on(E,r=>u(r))}const V=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function K(e){const{licenseKey:t,pluginName:s,baseApiUrl:o}=e;try{return(await B({baseApiUrl:o,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(n){return console.error("Error during SDK license check:",n),!1}}const v=e=>e.replaceAll('"',"").replaceAll("'",""),P=e=>e.includes(",")?e:/\s/.test(e)?`'${v(e)}'`:v(e),L=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=P(e);const{menuVariant:s,variants:o}=t;return{family:e,familyLabel:v(e),menuVariant:s&&L(P(`menuFont-${v(e)}`),"regular",s),variants:Object.assign({},...Object.entries(o).map(([n,i])=>({[n]:L(e,n,i)})))}},R=(e,t)=>{var a;const s=D(e.family,e),o=s.menuVariant??((a=Object.values(s.variants))==null?void 0:a[0]);if(!o)return"Arial, Helvetica, sans-serif";const{source:n,descriptors:i}=o,c=v(o.family);if(!t){const l=new FontFace(c,`url("${n}")`,i),p=Array.from(document.fonts.values()).filter(u=>u.family===c);for(const u of p)document.fonts.delete(u);document.fonts.add(l),l.load().catch(()=>{})}return P(c)},H=e=>{const{family:t,menu:s,axes:o}=e,n=!!o,i=Object.assign({},...e.variants.map(c=>{var u,r;let a,l;if(n){const g=o.find(f=>f.tag==="wght");if(g){const{start:f,end:b}=g;a=`${f} ${b}`}}return a||(a=((u=c.match(/\d+/))==null?void 0:u[0])??"400"),l=((r=c.match(/[a-zA-Z]+/))==null?void 0:r[0])==="italic"?"italic":void 0,{[c]:{source:e.files[c],descriptors:{style:l,weight:a}}}}));return D(t,{menuVariant:{source:s},variants:i})},z=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:H(e),needsLoading:!0}}),q=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,R(t)):R(t,!0)};let h;const J=e=>{const t=[];for(const s of Object.keys(e)){let o=e[s];o&&(Array.isArray(o)?t.push(...o.map(n=>[s,n.toString()])):(o=o.toString(),t.push([s,o])))}return new URLSearchParams(t)},Q=e=>{const{apiKey:t,searchParams:s}=e,o=(n={})=>{const i="https://www.googleapis.com/webfonts/v1/webfonts",c=J(n);return`${i}?${c}`};return{id:"google-fonts",types:["font"],label:({editor:n})=>n.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var p;if(h)return h;const n={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},i=s==null?void 0:s(),c={...n,...i},l=await(await fetch(o(c))).json();return(p=l.items)!=null&&p.length?(h=l.items.map(z),h):[]},itemLayout:n=>{const i=h.find(a=>a.id===n.assetProps.id),c=q(i);return{type:"column",onClick:()=>n.onSelect(i),htmlAttrs:{title:i.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:i.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:c,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:i.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},Z={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},X="googleFontsAssetProvider",Y=d.startup,S=function(e,t){const{i18n:s={}}=t,o=Q(t);e.runCommand(y.assetProviderAdd,{provider:o}),e.I18n.addMessages({en:Z,...s}),_({editor:e,licenseKey:t.licenseKey,plan:Y,pluginName:X,cleanup:()=>{e.runCommand(y.assetProviderRemove,{id:o.id})}})},m=W(S);module.exports=m;
+"use strict";var d=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(d||{}),y=(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))(y||{});const x="app.grapesjs.com",T="app-stage.grapesjs.com",$="app2.grapesjs.com",E="app-stage2.grapesjs.com",w=[x,$,T,E,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io",".claudemcpcontent.com",".web-sandbox.oaiusercontent.com"],k="license:check:end",M=()=>typeof window<"u",U=({isDev:e,isStage:t,isPlatform:s})=>`${e?"":`https://${t?T:x}`}/${s?"platform-api":"api"}`,j=()=>{if(!M())return"";const{hostname:e}=window.location;if(e)return e;try{return window.parent.location.hostname||""}catch{return""}},B=()=>{const e=j();return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function N({path:e,baseApiUrl:t,method:s="GET",headers:n={},params:o,body:r}){const i=`${t||U({isDev:!1,isStage:!1})}${e}`,l={method:s,headers:{"Content-Type":"application/json",...n}};r&&(l.body=JSON.stringify(r));const p=o?new URLSearchParams(o).toString():"",u=p?`?${p}`:"",a=await fetch(`${i}${u}`,l);if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return a.json()}const F={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function _(e,t){const s=e;return s.init=n=>{const o=r=>e(r,n);return o.__gjsPluginId=t,o},s}const W=(e,t)=>_(e,t);async function V({editor:e,plan:t,pluginName:s,licenseKey:n,onLicenseCheckResponse:o,cleanup:r}){let c="",i;const l=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),r(e,s)},p=(a={})=>{var A;const{error:g,sdkLicense:f}=a,b=(A=a.plan)==null?void 0:A.category;if(!(f||a.license)||g)l(g||"Invalid license");else if(b){const O=F[t],I=F[b];O>I&&l({pluginRequiredPlan:t,licensePlan:b})}};e.Commands.has(y.settings)&&(i=e.runCommand(y.settings),c=(i==null?void 0:i.baseUrl)||"");const u=a=>{o==null||o(a),a&&p(a)};if(!i){e.onReady(async()=>{if(!B())if(n){const a=await H({licenseKey:n,pluginName:s,baseApiUrl:c});u(a)}else l("The `licenseKey` option not provided")});return}if(i.licensePlan||i.licenseError){const a=K(i);u(a);return}e.on(k,a=>u(a))}const K=e=>({sdkLicense:e.license,license:e.license,error:e.licenseError,plan:e.licensePlan});async function H(e){const{licenseKey:t,pluginName:s,baseApiUrl:n}=e;try{return(await N({baseApiUrl:n,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const v=e=>e.replaceAll('"',"").replaceAll("'",""),P=e=>e.includes(",")?e:/\s/.test(e)?`'${v(e)}'`:v(e),L=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=P(e);const{menuVariant:s,variants:n}=t;return{family:e,familyLabel:v(e),menuVariant:s&&L(P(`menuFont-${v(e)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,r])=>({[o]:L(e,o,r)})))}},R=(e,t)=>{var i;const s=D(e.family,e),n=s.menuVariant??((i=Object.values(s.variants))==null?void 0:i[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:r}=n,c=v(n.family);if(!t){const l=new FontFace(c,`url("${o}")`,r),p=Array.from(document.fonts.values()).filter(u=>u.family===c);for(const u of p)document.fonts.delete(u);document.fonts.add(l),l.load().catch(()=>{})}return P(c)},z=e=>{const{family:t,menu:s,axes:n}=e,o=!!n,r=Object.assign({},...e.variants.map(c=>{var u,a;let i,l;if(o){const g=n.find(f=>f.tag==="wght");if(g){const{start:f,end:b}=g;i=`${f} ${b}`}}return i||(i=((u=c.match(/\d+/))==null?void 0:u[0])??"400"),l=((a=c.match(/[a-zA-Z]+/))==null?void 0:a[0])==="italic"?"italic":void 0,{[c]:{source:e.files[c],descriptors:{style:l,weight:i}}}}));return D(t,{menuVariant:{source:s},variants:r})},q=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:z(e),needsLoading:!0}}),J=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,R(t)):R(t,!0)};let h;const Q=e=>{const t=[];for(const s of Object.keys(e)){let n=e[s];n&&(Array.isArray(n)?t.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),t.push([s,n])))}return new URLSearchParams(t)},Z=e=>{const{apiKey:t,searchParams:s}=e,n=(o={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",c=Q(o);return`${r}?${c}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var p;if(h)return h;const o={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),c={...o,...r},l=await(await fetch(n(c))).json();return(p=l.items)!=null&&p.length?(h=l.items.map(q),h):[]},itemLayout:o=>{const r=h.find(i=>i.id===o.assetProps.id),c=J(r);return{type:"column",onClick:()=>o.onSelect(r),htmlAttrs:{title:r.name},style:{borderWidth:"1px",borderRadius:8,overflow:"hidden",cursor:"pointer"},children:[{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontFamily:c,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},X={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},G="googleFontsAssetProvider",Y=d.startup,S=function(e,t){const{i18n:s={}}=t,n=Z(t);e.runCommand(y.assetProviderAdd,{provider:n}),e.I18n.addMessages({en:X,...s}),V({editor:e,licenseKey:t.licenseKey,plan:Y,pluginName:G,cleanup:()=>{e.runCommand(y.assetProviderRemove,{id:n.id})}})},m=W(S,G);module.exports=m;