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

package/dist/fsLightboxComponent/index.es.js

@@ -1,8 +1,8 @@
-const D = "app.grapesjs.com", H = "app-stage.grapesjs.com", U = "app2.grapesjs.com", B = "app-stage2.grapesjs.com", M = [
-  D,
-  U,
-  H,
+const k = "app.grapesjs.com", U = "app-stage.grapesjs.com", B = "app2.grapesjs.com", C = "app-stage2.grapesjs.com", D = [
+  k,
   B,
+  U,
+  C,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -11,208 +11,213 @@ const D = "app.grapesjs.com", H = "app-stage.grapesjs.com", U = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], R = "license:check:start", W = "license:check:end", F = () => typeof window < "u", G = ({ isDev: t, isStage: a }) => `${t ? "" : `https://${a ? H : D}`}/api`, K = () => {
-  const t = F() && window.location.hostname;
-  return !!t && (M.includes(t) || M.some((a) => t.endsWith(a)));
+], W = "license:check:start", F = "license:check:end", G = () => typeof window < "u", K = ({
+  isDev: s,
+  isStage: c,
+  isPlatform: r
+}) => `${s ? "" : `https://${c ? U : k}`}/${r ? "platform-api" : "api"}`, Z = () => {
+  const s = G() && window.location.hostname;
+  return !!s && (D.includes(s) || D.some((c) => s.endsWith(c)));
 };
-async function Z({
-  path: t,
-  baseApiUrl: a,
+async function q({
+  path: s,
+  baseApiUrl: c,
   method: r = "GET",
-  headers: c = {},
-  params: p,
-  body: h
+  headers: l = {},
+  params: a,
+  body: m
 }) {
-  const w = `${a || G({ isDev: !1, isStage: !1 })}${t}`, d = {
+  const f = `${c || K({ isDev: !1, isStage: !1 })}${s}`, b = {
     method: r,
     headers: {
       "Content-Type": "application/json",
-      ...c
+      ...l
     }
   };
-  h && (d.body = JSON.stringify(h));
-  const m = p ? new URLSearchParams(p).toString() : "", n = m ? `?${m}` : "", b = await fetch(`${w}${n}`, d);
-  if (!b.ok)
-    throw new Error(`HTTP error! status: ${b.status}`);
-  return b.json();
+  m && (b.body = JSON.stringify(m));
+  const d = a ? new URLSearchParams(a).toString() : "", v = d ? `?${d}` : "", n = await fetch(`${f}${v}`, b);
+  if (!n.ok)
+    throw new Error(`HTTP error! status: ${n.status}`);
+  return n.json();
 }
-var x = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(x || {});
-const P = {
-  [x.free]: 0,
-  [x.startup]: 10,
-  [x.business]: 20,
-  [x.enterprise]: 30
+var w = /* @__PURE__ */ ((s) => (s.free = "free", s.startup = "startup", s.business = "business", s.enterprise = "enterprise", s))(w || {});
+const H = {
+  [w.free]: 0,
+  [w.startup]: 10,
+  [w.business]: 20,
+  [w.enterprise]: 30
 };
-function q(t) {
-  const a = t;
-  return a.init = (r) => (c) => t(c, r), a;
+function z(s) {
+  const c = s;
+  return c.init = (r) => (l) => s(l, r), c;
 }
-const z = (t) => /* @__PURE__ */ q(t);
-async function J({
-  editor: t,
-  plan: a,
+const J = (s) => /* @__PURE__ */ z(s);
+async function R({
+  editor: s,
+  plan: c,
   pluginName: r,
-  licenseKey: c,
-  cleanup: p
+  licenseKey: l,
+  onLicenseCheckResponse: a,
+  cleanup: m
 }) {
-  let h = "", g = !1;
-  const w = K(), d = (n) => {
-    console.warn("Cleanup plugin:", r, "Reason:", n), p();
-  }, m = (n = {}) => {
+  let h = "", f = !1;
+  const b = Z(), d = (n) => {
+    console.warn("Cleanup plugin:", r, "Reason:", n), m();
+  }, v = (n = {}) => {
     var A;
-    const { error: b, sdkLicense: l } = n, v = (A = n.plan) == null ? void 0 : A.category;
-    if (!(l || n.license) || b)
-      d(b || "Invalid license");
-    else if (v) {
-      const E = P[a], V = P[v];
-      E > V && d({ pluginRequiredPlan: a, licensePlan: v });
+    const { error: p, sdkLicense: E } = n, y = (A = n.plan) == null ? void 0 : A.category;
+    if (!(E || n.license) || p)
+      d(p || "Invalid license");
+    else if (y) {
+      const j = H[c], t = H[y];
+      j > t && d({ pluginRequiredPlan: c, licensePlan: y });
     }
   };
-  t.on(R, (n) => {
-    h = n == null ? void 0 : n.baseApiUrl, g = !0;
-  }), t.on(W, (n) => {
-    m(n);
+  s.on(W, (n) => {
+    h = n == null ? void 0 : n.baseApiUrl, f = !0;
+  }), s.on(F, (n) => {
+    a == null || a(n), v(n);
   }), setTimeout(async () => {
-    if (!g) {
-      if (w) return;
-      if (c) {
-        const n = await X({ licenseKey: c, pluginName: r, baseApiUrl: h });
-        n && m(n);
+    if (!f) {
+      if (b) return;
+      if (l) {
+        const n = await X({ licenseKey: l, pluginName: r, baseApiUrl: h });
+        a == null || a(n), n && v(n);
       } else
         d("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function X(t) {
-  const { licenseKey: a, pluginName: r, baseApiUrl: c } = t;
+async function X(s) {
+  const { licenseKey: c, pluginName: r, baseApiUrl: l } = s;
   try {
-    return (await Z({
-      baseApiUrl: c,
-      path: `/sdk/${a || "na"}`,
+    return (await q({
+      baseApiUrl: l,
+      path: `/sdk/${c || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: r
       }
     })).result || {};
-  } catch (p) {
-    return console.error("Error during SDK license check:", p), !1;
+  } catch (a) {
+    return console.error("Error during SDK license check:", a), !1;
   }
 }
-const Y = "gjs-plg-", Q = "fsLightboxComponent", ee = x.startup, k = "data-fslightbox", C = "data-type", te = "fslightbox-open", T = "fslightbox", S = {
+const Y = "gjs-plg-", Q = "fsLightboxComponent", tt = w.startup, $ = "data-fslightbox", N = "data-type", et = "fslightbox-open", L = "fslightbox", x = {
   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>'
-}, se = function(t, a = {}) {
-  const { Blocks: r, Components: c } = t, p = "Lightbox", h = `${Y}${T}`, g = {
-    toolbarIconOpen: S.eye,
+}, st = function(s, c = {}) {
+  const { Blocks: r, Components: l } = s, a = "Lightbox", m = `${Y}${L}`, h = {
+    toolbarIconOpen: x.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: w, toolbarIconOpen: d, defaultSrc: m } = g, n = function(s) {
-    const e = this, i = "data-fslightbox", o = window, f = () => {
-      var j;
+    ...c
+  }, { block: f, toolbarIconOpen: b, defaultSrc: d } = h, v = function(t) {
+    const e = this, i = "data-fslightbox", o = window, g = () => {
+      var M;
       const u = o.refreshFsLightbox;
       u == null || u();
-      const $ = e.getAttribute(i);
-      if ((j = o.fsLightboxInstances) == null || j[$], !o._isEditor) return;
-      Array.from(document.querySelectorAll(`[${i}]`)).forEach((L) => {
-        const y = L.onclick;
-        L.onclick = function(I) {
+      const O = e.getAttribute(i);
+      if ((M = o.fsLightboxInstances) == null || M[O], !o._isEditor) return;
+      Array.from(document.querySelectorAll(`[${i}]`)).forEach((T) => {
+        const S = T.onclick;
+        T.onclick = function(I) {
           I.preventDefault();
-          const O = L;
-          !O.__skipLb && (y == null || y(I)), O.__skipLb = !0;
+          const P = T;
+          !P.__skipLb && (S == null || S(I)), P.__skipLb = !0;
         };
       });
     };
     if (o.refreshFsLightbox)
-      f();
+      g();
     else {
       const u = document.createElement("script");
-      u.src = s.cdnScript, u.onload = f, document.head.appendChild(u);
+      u.src = t.cdnScript, u.onload = g, document.head.appendChild(u);
     }
-  }, b = (s) => ({
-    id: `${T}-open-lb`,
-    label: d,
+  }, n = (t) => ({
+    id: `${L}-open-lb`,
+    label: b,
     command: () => {
-      const e = s.getView();
+      const e = t.getView();
       e == null || e.toggleLightbox();
     }
-  }), l = "source-type", v = {
+  }), p = "source-type", E = {
     type: "radio",
-    name: l,
+    name: p,
     label: "Source type",
     changeProp: !0,
     options: [
-      { id: "image", label: "Image", icon: S.image },
-      { id: "video", label: "Video", icon: S.video },
-      { id: "el", label: "Custom Element", icon: S.external }
+      { id: "image", label: "Image", icon: x.image },
+      { id: "video", label: "Video", icon: x.video },
+      { id: "el", label: "Custom Element", icon: x.external }
     ],
     // @ts-expect-error Studio related prop
     labelToTitle: !0
-  }, N = {
+  }, y = {
     id: "href-image",
     name: "href",
     type: "file",
     label: "Source Image"
-  }, A = {
+  }, V = {
     id: "href-video",
     name: "href",
     label: "Source Video",
     placeholder: "https://www.youtube.com/watch?v=..."
-  }, E = {
+  }, A = {
     id: "href-el",
     name: "href",
     label: "Source Element",
     placeholder: "#custom-element-id"
-  }, V = {
-    image: [N],
-    video: [A],
-    el: [E]
+  }, j = {
+    image: [y],
+    video: [V],
+    el: [A]
   };
-  c.addType(T, {
-    block: w && {
-      label: p,
-      media: S.imageLightbox,
+  l.addType(L, {
+    block: f && {
+      label: a,
+      media: x.imageLightbox,
       category: "Extra",
       select: !0,
-      ...g.block
+      ...h.block
     },
-    isComponent: (s) => {
+    isComponent: (t) => {
       var e;
-      return (e = s.hasAttribute) == null ? void 0 : e.call(s, k);
+      return (e = t.hasAttribute) == null ? void 0 : e.call(t, $);
     },
     extendFn: ["initToolbar"],
     model: {
       defaults: {
         tagName: "a",
-        name: p,
-        icon: S.imageLightbox,
-        classes: h,
-        draggable: (s, e) => !e.is(T),
+        name: a,
+        icon: x.imageLightbox,
+        classes: m,
+        draggable: (t, e) => !e.is(L),
         attributes: {
-          [k]: "lightbox",
-          [C]: "image",
-          href: m
+          [$]: "lightbox",
+          [N]: "image",
+          href: d
         },
-        components: { type: "image", src: m },
-        script: n,
-        cdnScript: g.cdnScript,
+        components: { type: "image", src: d },
+        script: v,
+        cdnScript: h.cdnScript,
         "script-props": ["attributes", "cdnScript"],
-        [l]: "image",
+        [p]: "image",
         traits: [
-          v,
+          E,
           {
-            name: k,
+            name: $,
             label: "Group name"
           },
           {
             type: "button",
             label: "Toggle Lightbox",
-            command(s, e) {
+            command(t, e) {
               var o;
               const i = (o = e.target) == null ? void 0 : o.getView();
               i == null || i.toggleLightbox();
@@ -220,40 +225,40 @@ const Y = "gjs-plg-", Q = "fsLightboxComponent", ee = x.startup, k = "data-fslig
           }
         ],
         styles: `
-          .${h} {
+          .${m} {
             display: inline-block;
             padding: 10px;
           }
         `
       },
       init() {
-        const s = [l].map((e) => `change:${e}`).join(" ");
-        this.on(s, this.updateTraits), this.on(`change:${l}`, this.onSourceTypeChange), this.on("change:attributes:href", this.adjustSourceType), this.updateTraits({ init: !0 }), this.adjustSourceType();
+        const t = [p].map((e) => `change:${e}`).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(s, e, i) {
+      onSourceTypeChange(t, e, i) {
         if (i.adjust) return;
-        const f = this.get(l) === "video" ? "video" : "image";
-        this.addAttributes({ [C]: f, href: "" });
+        const g = this.get(p) === "video" ? "video" : "image";
+        this.addAttributes({ [N]: g, href: "" });
       },
       adjustSourceType() {
-        const s = this.get(l), e = this.getAttributes().href || "", i = { adjust: !0 };
-        if (s === "video") {
+        const t = this.get(p), e = this.getAttributes().href || "", i = { adjust: !0 };
+        if (t === "video") {
           const o = e.includes("youtube.com") ? "youtube" : "video";
-          this.addAttributes({ [C]: o }, i);
-        } else s !== "el" && e.startsWith("#") ? this.set(l, "el", i) : s === "image" && this.addAttributes({ [C]: "image" }, i);
+          this.addAttributes({ [N]: o }, i);
+        } else t !== "el" && e.startsWith("#") ? this.set(p, "el", i) : t === "image" && this.addAttributes({ [N]: "image" }, i);
       },
-      updateTraits(s = {}) {
-        const { changed: e } = this, { init: i } = s;
-        if (e[v.name] || i) {
-          this.removeTrait([N.name, A.name, E.name]);
-          const o = this.get(l) || "image", f = this.getTraitIndex(l) + 1;
-          this.addTrait(V[o], { at: f });
+      updateTraits(t = {}) {
+        const { changed: e } = this, { init: i } = t;
+        if (e[E.name] || i) {
+          this.removeTrait([y.name, V.name, A.name]);
+          const o = this.get(p) || "image", g = this.getTraitIndex(p) + 1;
+          this.addTrait(j[o], { at: g });
         }
       },
       initToolbar() {
-        if (!d) return;
-        const { toolbar: s } = this, e = b(this);
-        !s.find((o) => o.id === e.id) && (s == null || s.unshift(e));
+        if (!b) return;
+        const { toolbar: t } = this, e = n(this);
+        !t.find((o) => o.id === e.id) && (t == null || t.unshift(e));
       }
     },
     view: {
@@ -261,31 +266,31 @@ const Y = "gjs-plg-", Q = "fsLightboxComponent", ee = x.startup, k = "data-fslig
         this.el.__skipLb = !0;
       },
       toggleLightbox() {
-        var L;
-        const { em: s, el: e, model: i } = this, { Canvas: o } = s, f = i.getAttributes()[k], { defaultView: u, documentElement: $ } = e.ownerDocument, _ = (L = u.fsLightboxInstances) == null ? void 0 : L[f];
-        if ($.classList.contains(te))
+        var T;
+        const { em: t, el: e, model: i } = this, { Canvas: o } = t, g = i.getAttributes()[$], { defaultView: u, documentElement: O } = e.ownerDocument, _ = (T = u.fsLightboxInstances) == null ? void 0 : T[g];
+        if (O.classList.contains(et))
           _.close();
         else {
           e.__skipLb = !1;
-          let y;
+          let S;
           _.props.onOpen = () => {
-            y = o.getSpots(), setTimeout(() => o.removeSpots());
+            S = o.getSpots(), setTimeout(() => o.removeSpots());
           }, _.props.onClose = () => {
-            y.forEach((I) => o.addSpot(I.attributes));
+            S.forEach((I) => o.addSpot(I.attributes));
           }, e.click();
         }
       }
     }
-  }), J({
-    editor: t,
-    plan: ee,
-    licenseKey: g.licenseKey,
+  }), R({
+    editor: s,
+    plan: tt,
+    licenseKey: h.licenseKey,
     pluginName: Q,
     cleanup: () => {
-      r.remove(T), c.removeType(T);
+      r.remove(L), l.removeType(L);
     }
   });
-}, ne = z(se);
+}, nt = J(st);
 export {
-  ne as default
+  nt as default
 };

package/dist/fsLightboxComponent/index.umd.js

@@ -1,6 +1,6 @@
-(function(v,T){typeof exports=="object"&&typeof module<"u"?module.exports=T():typeof define=="function"&&define.amd?define(T):(v=typeof globalThis<"u"?globalThis:v||self,v.StudioSdkPlugins_fsLightboxComponent=T())})(this,function(){"use strict";const v="app.grapesjs.com",T="app-stage.grapesjs.com",V=[v,"app2.grapesjs.com",T,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],R="license:check:start",U="license:check:end",B=()=>typeof window<"u",W=({isDev:t,isStage:a})=>`${t?"":`https://${a?T:v}`}/api`,G=()=>{const t=B()&&window.location.hostname;return!!t&&(V.includes(t)||V.some(a=>t.endsWith(a)))};async function F({path:t,baseApiUrl:a,method:r="GET",headers:c={},params:p,body:h}){const _=`${a||W({isDev:!1,isStage:!1})}${t}`,d={method:r,headers:{"Content-Type":"application/json",...c}};h&&(d.body=JSON.stringify(h));const m=p?new URLSearchParams(p).toString():"",s=m?`?${m}`:"",b=await fetch(`${_}${s}`,d);if(!b.ok)throw new Error(`HTTP error! status: ${b.status}`);return b.json()}var y=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(y||{});const $={[y.free]:0,[y.startup]:10,[y.business]:20,[y.enterprise]:30};function K(t){const a=t;return a.init=r=>c=>t(c,r),a}const Z=t=>K(t);async function q({editor:t,plan:a,pluginName:r,licenseKey:c,cleanup:p}){let h="",g=!1;const _=G(),d=s=>{console.warn("Cleanup plugin:",r,"Reason:",s),p()},m=(s={})=>{var E;const{error:b,sdkLicense:l}=s,x=(E=s.plan)==null?void 0:E.category;if(!(l||s.license)||b)d(b||"Invalid license");else if(x){const C=$[a],D=$[x];C>D&&d({pluginRequiredPlan:a,licensePlan:x})}};t.on(R,s=>{h=s==null?void 0:s.baseApiUrl,g=!0}),t.on(U,s=>{m(s)}),setTimeout(async()=>{if(!g){if(_)return;if(c){const s=await z({licenseKey:c,pluginName:r,baseApiUrl:h});s&&m(s)}else d("The `licenseKey` option not provided")}},2e3)}async function z(t){const{licenseKey:a,pluginName:r,baseApiUrl:c}=t;try{return(await F({baseApiUrl:c,path:`/sdk/${a||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(p){return console.error("Error during SDK license check:",p),!1}}const J="gjs-plg-",X="fsLightboxComponent",Y=y.startup,I="data-fslightbox",k="data-type",Q="fslightbox-open",L="fslightbox",S={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(t,a={}){const{Blocks:r,Components:c}=t,p="Lightbox",h=`${J}${L}`,g={toolbarIconOpen:S.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:_,toolbarIconOpen:d,defaultSrc:m}=g,s=function(n){const e=this,i="data-fslightbox",o=window,f=()=>{var P;const u=o.refreshFsLightbox;u==null||u();const M=e.getAttribute(i);if((P=o.fsLightboxInstances)==null||P[M],!o._isEditor)return;Array.from(document.querySelectorAll(`[${i}]`)).forEach(A=>{const w=A.onclick;A.onclick=function(O){O.preventDefault();const H=A;!H.__skipLb&&(w==null||w(O)),H.__skipLb=!0}})};if(o.refreshFsLightbox)f();else{const u=document.createElement("script");u.src=n.cdnScript,u.onload=f,document.head.appendChild(u)}},b=n=>({id:`${L}-open-lb`,label:d,command:()=>{const e=n.getView();e==null||e.toggleLightbox()}}),l="source-type",x={type:"radio",name:l,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:S.image},{id:"video",label:"Video",icon:S.video},{id:"el",label:"Custom Element",icon:S.external}],labelToTitle:!0},j={id:"href-image",name:"href",type:"file",label:"Source Image"},E={id:"href-video",name:"href",label:"Source Video",placeholder:"https://www.youtube.com/watch?v=..."},C={id:"href-el",name:"href",label:"Source Element",placeholder:"#custom-element-id"},D={image:[j],video:[E],el:[C]};c.addType(L,{block:_&&{label:p,media:S.imageLightbox,category:"Extra",select:!0,...g.block},isComponent:n=>{var e;return(e=n.hasAttribute)==null?void 0:e.call(n,I)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:p,icon:S.imageLightbox,classes:h,draggable:(n,e)=>!e.is(L),attributes:{[I]:"lightbox",[k]:"image",href:m},components:{type:"image",src:m},script:s,cdnScript:g.cdnScript,"script-props":["attributes","cdnScript"],[l]:"image",traits:[x,{name:I,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(n,e){var o;const i=(o=e.target)==null?void 0:o.getView();i==null||i.toggleLightbox()}}],styles:`
-          .${h} {
+(function(f,v){typeof exports=="object"&&typeof module<"u"?module.exports=v():typeof define=="function"&&define.amd?define(v):(f=typeof globalThis<"u"?globalThis:f||self,f.StudioSdkPlugins_fsLightboxComponent=v())})(this,function(){"use strict";const f="app.grapesjs.com",v="app-stage.grapesjs.com",k=[f,"app2.grapesjs.com",v,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],U="license:check:start",B="license:check:end",W=()=>typeof window<"u",G=({isDev:n,isStage:c,isPlatform:r})=>`${n?"":`https://${c?v:f}`}/${r?"platform-api":"api"}`,F=()=>{const n=W()&&window.location.hostname;return!!n&&(k.includes(n)||k.some(c=>n.endsWith(c)))};async function K({path:n,baseApiUrl:c,method:r="GET",headers:l={},params:a,body:m}){const x=`${c||G({isDev:!1,isStage:!1})}${n}`,b={method:r,headers:{"Content-Type":"application/json",...l}};m&&(b.body=JSON.stringify(m));const p=a?new URLSearchParams(a).toString():"",L=p?`?${p}`:"",s=await fetch(`${x}${L}`,b);if(!s.ok)throw new Error(`HTTP error! status: ${s.status}`);return s.json()}var T=(n=>(n.free="free",n.startup="startup",n.business="business",n.enterprise="enterprise",n))(T||{});const H={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function Z(n){const c=n;return c.init=r=>l=>n(l,r),c}const q=n=>Z(n);async function R({editor:n,plan:c,pluginName:r,licenseKey:l,onLicenseCheckResponse:a,cleanup:m}){let h="",x=!1;const b=F(),p=s=>{console.warn("Cleanup plugin:",r,"Reason:",s),m()},L=(s={})=>{var E;const{error:d,sdkLicense:O}=s,A=(E=s.plan)==null?void 0:E.category;if(!(O||s.license)||d)p(d||"Invalid license");else if(A){const M=H[c],t=H[A];M>t&&p({pluginRequiredPlan:c,licensePlan:A})}};n.on(U,s=>{h=s==null?void 0:s.baseApiUrl,x=!0}),n.on(B,s=>{a==null||a(s),L(s)}),setTimeout(async()=>{if(!x){if(b)return;if(l){const s=await z({licenseKey:l,pluginName:r,baseApiUrl:h});a==null||a(s),s&&L(s)}else p("The `licenseKey` option not provided")}},2e3)}async function z(n){const{licenseKey:c,pluginName:r,baseApiUrl:l}=n;try{return(await K({baseApiUrl:l,path:`/sdk/${c||"na"}`,method:"POST",params:{d:window.location.hostname,pn:r}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const J="gjs-plg-",X="fsLightboxComponent",Y=T.startup,I="data-fslightbox",N="data-type",Q="fslightbox-open",y="fslightbox",S={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 q(function(n,c={}){const{Blocks:r,Components:l}=n,a="Lightbox",m=`${J}${y}`,h={toolbarIconOpen:S.eye,block:{},defaultSrc:"https://placehold.co/300/777/white.png?text=Image",cdnScript:"https://cdn.jsdelivr.net/npm/fslightbox@3.4.2/index.js",...c},{block:x,toolbarIconOpen:b,defaultSrc:p}=h,L=function(t){const e=this,i="data-fslightbox",o=window,g=()=>{var V;const u=o.refreshFsLightbox;u==null||u();const P=e.getAttribute(i);if((V=o.fsLightboxInstances)==null||V[P],!o._isEditor)return;Array.from(document.querySelectorAll(`[${i}]`)).forEach(w=>{const _=w.onclick;w.onclick=function(j){j.preventDefault();const C=w;!C.__skipLb&&(_==null||_(j)),C.__skipLb=!0}})};if(o.refreshFsLightbox)g();else{const u=document.createElement("script");u.src=t.cdnScript,u.onload=g,document.head.appendChild(u)}},s=t=>({id:`${y}-open-lb`,label:b,command:()=>{const e=t.getView();e==null||e.toggleLightbox()}}),d="source-type",O={type:"radio",name:d,label:"Source type",changeProp:!0,options:[{id:"image",label:"Image",icon:S.image},{id:"video",label:"Video",icon:S.video},{id:"el",label:"Custom Element",icon:S.external}],labelToTitle:!0},A={id:"href-image",name:"href",type:"file",label:"Source Image"},D={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"},M={image:[A],video:[D],el:[E]};l.addType(y,{block:x&&{label:a,media:S.imageLightbox,category:"Extra",select:!0,...h.block},isComponent:t=>{var e;return(e=t.hasAttribute)==null?void 0:e.call(t,I)},extendFn:["initToolbar"],model:{defaults:{tagName:"a",name:a,icon:S.imageLightbox,classes:m,draggable:(t,e)=>!e.is(y),attributes:{[I]:"lightbox",[N]:"image",href:p},components:{type:"image",src:p},script:L,cdnScript:h.cdnScript,"script-props":["attributes","cdnScript"],[d]:"image",traits:[O,{name:I,label:"Group name"},{type:"button",label:"Toggle Lightbox",command(t,e){var o;const i=(o=e.target)==null?void 0:o.getView();i==null||i.toggleLightbox()}}],styles:`
+          .${m} {
             display: inline-block;
             padding: 10px;
           }
-        `},init(){const n=[l].map(e=>`change:${e}`).join(" ");this.on(n,this.updateTraits),this.on(`change:${l}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(n,e,i){if(i.adjust)return;const f=this.get(l)==="video"?"video":"image";this.addAttributes({[k]:f,href:""})},adjustSourceType(){const n=this.get(l),e=this.getAttributes().href||"",i={adjust:!0};if(n==="video"){const o=e.includes("youtube.com")?"youtube":"video";this.addAttributes({[k]:o},i)}else n!=="el"&&e.startsWith("#")?this.set(l,"el",i):n==="image"&&this.addAttributes({[k]:"image"},i)},updateTraits(n={}){const{changed:e}=this,{init:i}=n;if(e[x.name]||i){this.removeTrait([j.name,E.name,C.name]);const o=this.get(l)||"image",f=this.getTraitIndex(l)+1;this.addTrait(D[o],{at:f})}},initToolbar(){if(!d)return;const{toolbar:n}=this,e=b(this);!n.find(o=>o.id===e.id)&&(n==null||n.unshift(e))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var A;const{em:n,el:e,model:i}=this,{Canvas:o}=n,f=i.getAttributes()[I],{defaultView:u,documentElement:M}=e.ownerDocument,N=(A=u.fsLightboxInstances)==null?void 0:A[f];if(M.classList.contains(Q))N.close();else{e.__skipLb=!1;let w;N.props.onOpen=()=>{w=o.getSpots(),setTimeout(()=>o.removeSpots())},N.props.onClose=()=>{w.forEach(O=>o.addSpot(O.attributes))},e.click()}}}}),q({editor:t,plan:Y,licenseKey:g.licenseKey,pluginName:X,cleanup:()=>{r.remove(L),c.removeType(L)}})})});
+        `},init(){const t=[d].map(e=>`change:${e}`).join(" ");this.on(t,this.updateTraits),this.on(`change:${d}`,this.onSourceTypeChange),this.on("change:attributes:href",this.adjustSourceType),this.updateTraits({init:!0}),this.adjustSourceType()},onSourceTypeChange(t,e,i){if(i.adjust)return;const g=this.get(d)==="video"?"video":"image";this.addAttributes({[N]:g,href:""})},adjustSourceType(){const t=this.get(d),e=this.getAttributes().href||"",i={adjust:!0};if(t==="video"){const o=e.includes("youtube.com")?"youtube":"video";this.addAttributes({[N]:o},i)}else t!=="el"&&e.startsWith("#")?this.set(d,"el",i):t==="image"&&this.addAttributes({[N]:"image"},i)},updateTraits(t={}){const{changed:e}=this,{init:i}=t;if(e[O.name]||i){this.removeTrait([A.name,D.name,E.name]);const o=this.get(d)||"image",g=this.getTraitIndex(d)+1;this.addTrait(M[o],{at:g})}},initToolbar(){if(!b)return;const{toolbar:t}=this,e=s(this);!t.find(o=>o.id===e.id)&&(t==null||t.unshift(e))}},view:{onRender(){this.el.__skipLb=!0},toggleLightbox(){var w;const{em:t,el:e,model:i}=this,{Canvas:o}=t,g=i.getAttributes()[I],{defaultView:u,documentElement:P}=e.ownerDocument,$=(w=u.fsLightboxInstances)==null?void 0:w[g];if(P.classList.contains(Q))$.close();else{e.__skipLb=!1;let _;$.props.onOpen=()=>{_=o.getSpots(),setTimeout(()=>o.removeSpots())},$.props.onClose=()=>{_.forEach(j=>o.addSpot(j.attributes))},e.click()}}}}),R({editor:n,plan:Y,licenseKey:h.licenseKey,pluginName:X,cleanup:()=>{r.remove(y),l.removeType(y)}})})});

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.sidebarLeftSet="studio:sidebarLeft:set",e.sidebarLeftGet="studio:sidebarLeft:get",e.sidebarLeftToggle="studio:sidebarLeft:toggle",e.sidebarRightSet="studio:sidebarRight:set",e.sidebarRightGet="studio:sidebarRight:get",e.sidebarRightToggle="studio:sidebarRight:toggle",e.sidebarTopSet="studio:sidebarTop:set",e.sidebarTopGet="studio:sidebarTop:get",e.sidebarTopToggle="studio:sidebarTop:toggle",e.sidebarBottomSet="studio:sidebarBottom:set",e.sidebarBottomGet="studio:sidebarBottom:get",e.sidebarBottomToggle="studio:sidebarBottom:toggle",e.symbolAdd="studio:symbolAdd",e.symbolDetach="studio:symbolDetach",e.symbolOverride="studio:symbolOverride",e.symbolPropagateStyles="studio:propagateStyles",e.getPagesConfig="studio:getPagesConfig",e.setPagesConfig="studio:setPagesConfig",e.getPageSettings="studio:getPageSettings",e.setPageSettings="studio:setPageSettings",e.clearPage="studio:clearPage",e.projectFiles="studio:projectFiles",e.validateCode="studio:validateCode",e.canvasReload="studio:canvasReload",e.getBlocksPanel="studio:getBlocksPanel",e.setBlocksPanel="studio:setBlocksPanel",e.getStateContextMenu="studio:getStateContextMenu",e.setStateContextMenu="studio:setStateContextMenu",e.contextMenuComponent="studio:contextMenuComponent",e.layoutAdd="studio:layoutAdd",e.layoutRemove="studio:layoutRemove",e.layoutToggle="studio:layoutToggle",e.layoutUpdate="studio:layoutUpdate",e.layoutGet="studio:layoutGet",e.layoutConfigGet="studio:layoutConfigGet",e.layoutConfigSet="studio:layoutConfigSet",e.layoutComponentAdd="studio:layoutComponentAdd",e.layoutComponentGet="studio:layoutComponentGet",e.layoutComponentRemove="studio:layoutComponentRemove",e.layoutComponentRender="studio:layoutComponentRender",e.getStateTheme="studio:getStateTheme",e.setStateTheme="studio:setStateTheme",e.assetProviderGet="studio:assetProviderGet",e.assetProviderAdd="studio:assetProviderAdd",e.assetProviderRemove="studio:assetProviderRemove",e.fontGet="studio:fontGet",e.fontAdd="studio:fontAdd",e.fontRemove="studio:fontRemove",e.fontManagerOpen="studio:fontManagerOpen",e.menuFontLoad="studio:menuFontLoad",e.toggleStateDataSource="studio:toggleStateDataSource",e.getStateDataSource="studio:getStateDataSource",e.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",e.dataSourceSetImporter="studio:dataSourceSetImporter",e.dataSourceSetExporter="studio:dataSourceSetExporter",e.setDragAbsolute="studio:setDragAbsolute",e))(y||{});const T="app.grapesjs.com",x="app-stage.grapesjs.com",I="app2.grapesjs.com",k="app-stage2.grapesjs.com",w=[T,I,x,k,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],$="license:check:start",E="license:check:end",M=()=>typeof window<"u",U=({isDev:e,isStage:t})=>`${e?"":`https://${t?x:T}`}/api`,j=()=>{const e=M()&&window.location.hostname;return!!e&&(w.includes(e)||w.some(t=>e.endsWith(t)))};async function N({path:e,baseApiUrl:t,method:s="GET",headers:o={},params:n,body:r}){const l=`${t||U({isDev:!1,isStage:!1})}${e}`,c={method:s,headers:{"Content-Type":"application/json",...o}};r&&(c.body=JSON.stringify(r));const u=n?new URLSearchParams(n).toString():"",a=u?`?${u}`:"",g=await fetch(`${l}${a}`,c);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}const L={[d.free]:0,[d.startup]:10,[d.business]:20,[d.enterprise]:30};function B(e){const t=e;return t.init=s=>o=>e(o,s),t}const W=e=>B(e);async function _({editor:e,plan:t,pluginName:s,licenseKey:o,cleanup:n}){let r="",i=!1;const l=j(),c=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),n()},u=(a={})=>{var A;const{error:g,sdkLicense:f}=a,p=(A=a.plan)==null?void 0:A.category;if(!(f||a.license)||g)c(g||"Invalid license");else if(p){const G=L[t],O=L[p];G>O&&c({pluginRequiredPlan:t,licensePlan:p})}};e.on($,a=>{r=a==null?void 0:a.baseApiUrl,i=!0}),e.on(E,a=>{u(a)}),setTimeout(async()=>{if(!i){if(l)return;if(o){const a=await K({licenseKey:o,pluginName:s,baseApiUrl:r});a&&u(a)}else c("The `licenseKey` option not provided")}},2e3)}async function K(e){const{licenseKey:t,pluginName:s,baseApiUrl:o}=e;try{return(await N({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 b=e=>e.replaceAll('"',"").replaceAll("'",""),v=e=>e.includes(",")?e:/\s/.test(e)?`'${b(e)}'`:b(e),R=(e,t,s)=>({family:e,variant:t,...s}),D=(e,t)=>{e=v(e);const{menuVariant:s,variants:o}=t;return{family:e,familyLabel:b(e),menuVariant:s&&R(v(`menuFont-${b(e)}`),"regular",s),variants:Object.assign({},...Object.entries(o).map(([n,r])=>({[n]:R(e,n,r)})))}},F=(e,t)=>{var l;const s=D(e.family,e),o=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!o)return"Arial, Helvetica, sans-serif";const{source:n,descriptors:r}=o,i=b(o.family);if(!t){const c=new FontFace(i,`url("${n}")`,r),u=Array.from(document.fonts.values()).filter(a=>a.family===i);for(const a of u)document.fonts.delete(a);document.fonts.add(c),c.load().catch(()=>{})}return v(i)},V=e=>{const{family:t,menu:s,axes:o}=e,n=!!o,r=Object.assign({},...e.variants.map(i=>{var a,g;let l,c;if(n){const f=o.find(p=>p.tag==="wght");if(f){const{start:p,end:P}=f;l=`${p} ${P}`}}return l||(l=((a=i.match(/\d+/))==null?void 0:a[0])??"400"),c=((g=i.match(/[a-zA-Z]+/))==null?void 0:g[0])==="italic"?"italic":void 0,{[i]:{source:e.files[i],descriptors:{style:c,weight:l}}}}));return D(t,{menuVariant:{source:s},variants:r})},H=e=>({id:`${e.family}/${e.version}`,type:"font",src:e.menu,name:e.family,customData:{font:V(e),needsLoading:!0}}),z=e=>{const{font:t}=e.customData;return e.customData.needsLoading?(e.customData.needsLoading=!1,F(t)):F(t,!0)};let h;const q=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)},S=e=>{const{apiKey:t,searchParams:s}=e,o=(n={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",i=q(n);return`${r}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:n})=>n.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const n={key:t,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),i={...n,...r},c=await(await fetch(o(i))).json();return(u=c.items)!=null&&u.length?(h=c.items.map(H),h):[]},itemLayout:n=>{const r=h.find(l=>l.id===n.assetProps.id),i=z(r);return{type:"column",onClick:()=>n.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:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},J={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},Q="googleFontsAssetProvider",Z=d.startup,X=function(e,t){const{i18n:s={}}=t,o=S(t);e.runCommand(y.assetProviderAdd,{provider:o}),e.I18n.addMessages({en:J,...s}),_({editor:e,licenseKey:t.licenseKey,plan:Z,pluginName:Q,cleanup:()=>{e.runCommand(y.assetProviderRemove,{id:o.id})}})},Y=W(X);module.exports=Y;
+"use strict";var p=(t=>(t.free="free",t.startup="startup",t.business="business",t.enterprise="enterprise",t))(p||{}),v=(t=>(t.toastAdd="studio:toastAdd",t.toastRemove="studio:toastRemove",t.dialogOpen="studio:dialogOpen",t.dialogClose="studio:dialogClose",t.dialogExportCode="studio:dialogExportCode",t.sidebarLeftSet="studio:sidebarLeft:set",t.sidebarLeftGet="studio:sidebarLeft:get",t.sidebarLeftToggle="studio:sidebarLeft:toggle",t.sidebarRightSet="studio:sidebarRight:set",t.sidebarRightGet="studio:sidebarRight:get",t.sidebarRightToggle="studio:sidebarRight:toggle",t.sidebarTopSet="studio:sidebarTop:set",t.sidebarTopGet="studio:sidebarTop:get",t.sidebarTopToggle="studio:sidebarTop:toggle",t.sidebarBottomSet="studio:sidebarBottom:set",t.sidebarBottomGet="studio:sidebarBottom:get",t.sidebarBottomToggle="studio:sidebarBottom:toggle",t.symbolAdd="studio:symbolAdd",t.symbolDetach="studio:symbolDetach",t.symbolOverride="studio:symbolOverride",t.symbolPropagateStyles="studio:propagateStyles",t.getPagesConfig="studio:getPagesConfig",t.setPagesConfig="studio:setPagesConfig",t.getPageSettings="studio:getPageSettings",t.setPageSettings="studio:setPageSettings",t.clearPage="studio:clearPage",t.projectFiles="studio:projectFiles",t.validateCode="studio:validateCode",t.canvasReload="studio:canvasReload",t.getBlocksPanel="studio:getBlocksPanel",t.setBlocksPanel="studio:setBlocksPanel",t.getStateContextMenu="studio:getStateContextMenu",t.setStateContextMenu="studio:setStateContextMenu",t.contextMenuComponent="studio:contextMenuComponent",t.layoutAdd="studio:layoutAdd",t.layoutRemove="studio:layoutRemove",t.layoutToggle="studio:layoutToggle",t.layoutUpdate="studio:layoutUpdate",t.layoutGet="studio:layoutGet",t.layoutConfigGet="studio:layoutConfigGet",t.layoutConfigSet="studio:layoutConfigSet",t.layoutComponentAdd="studio:layoutComponentAdd",t.layoutComponentGet="studio:layoutComponentGet",t.layoutComponentRemove="studio:layoutComponentRemove",t.layoutComponentRender="studio:layoutComponentRender",t.getStateTheme="studio:getStateTheme",t.setStateTheme="studio:setStateTheme",t.assetProviderGet="studio:assetProviderGet",t.assetProviderAdd="studio:assetProviderAdd",t.assetProviderRemove="studio:assetProviderRemove",t.fontGet="studio:fontGet",t.fontAdd="studio:fontAdd",t.fontRemove="studio:fontRemove",t.fontManagerOpen="studio:fontManagerOpen",t.menuFontLoad="studio:menuFontLoad",t.toggleStateDataSource="studio:toggleStateDataSource",t.getStateDataSource="studio:getStateDataSource",t.dataSourceSetGlobalData="studio:dataSourceSetGlobalData",t.dataSourceSetImporter="studio:dataSourceSetImporter",t.dataSourceSetExporter="studio:dataSourceSetExporter",t.setDragAbsolute="studio:setDragAbsolute",t))(v||{});const D="app.grapesjs.com",G="app-stage.grapesjs.com",I="app2.grapesjs.com",$="app-stage2.grapesjs.com",w=[D,I,G,$,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],E="license:check:start",M="license:check:end",U=()=>typeof window<"u",j=({isDev:t,isStage:e,isPlatform:s})=>`${t?"":`https://${e?G:D}`}/${s?"platform-api":"api"}`,N=()=>{const t=U()&&window.location.hostname;return!!t&&(w.includes(t)||w.some(e=>t.endsWith(e)))};async function B({path:t,baseApiUrl:e,method:s="GET",headers:n={},params:o,body:r}){const l=`${e||j({isDev:!1,isStage:!1})}${t}`,c={method:s,headers:{"Content-Type":"application/json",...n}};r&&(c.body=JSON.stringify(r));const u=o?new URLSearchParams(o).toString():"",g=u?`?${u}`:"",a=await fetch(`${l}${g}`,c);if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return a.json()}const F={[p.free]:0,[p.startup]:10,[p.business]:20,[p.enterprise]:30};function k(t){const e=t;return e.init=s=>n=>t(n,s),e}const W=t=>k(t);async function _({editor:t,plan:e,pluginName:s,licenseKey:n,onLicenseCheckResponse:o,cleanup:r}){let i="",l=!1;const c=N(),u=a=>{console.warn("Cleanup plugin:",s,"Reason:",a),r()},g=(a={})=>{var A;const{error:d,sdkLicense:f}=a,b=(A=a.plan)==null?void 0:A.category;if(!(f||a.license)||d)u(d||"Invalid license");else if(b){const O=F[e],R=F[b];O>R&&u({pluginRequiredPlan:e,licensePlan:b})}};t.on(E,a=>{i=a==null?void 0:a.baseApiUrl,l=!0}),t.on(M,a=>{o==null||o(a),g(a)}),setTimeout(async()=>{if(!l){if(c)return;if(n){const a=await K({licenseKey:n,pluginName:s,baseApiUrl:i});o==null||o(a),a&&g(a)}else u("The `licenseKey` option not provided")}},2e3)}async function K(t){const{licenseKey:e,pluginName:s,baseApiUrl:n}=t;try{return(await B({baseApiUrl:n,path:`/sdk/${e||"na"}`,method:"POST",params:{d:window.location.hostname,pn:s}})).result||{}}catch(o){return console.error("Error during SDK license check:",o),!1}}const y=t=>t.replaceAll('"',"").replaceAll("'",""),P=t=>t.includes(",")?t:/\s/.test(t)?`'${y(t)}'`:y(t),T=(t,e,s)=>({family:t,variant:e,...s}),L=(t,e)=>{t=P(t);const{menuVariant:s,variants:n}=e;return{family:t,familyLabel:y(t),menuVariant:s&&T(P(`menuFont-${y(t)}`),"regular",s),variants:Object.assign({},...Object.entries(n).map(([o,r])=>({[o]:T(t,o,r)})))}},x=(t,e)=>{var l;const s=L(t.family,t),n=s.menuVariant??((l=Object.values(s.variants))==null?void 0:l[0]);if(!n)return"Arial, Helvetica, sans-serif";const{source:o,descriptors:r}=n,i=y(n.family);if(!e){const c=new FontFace(i,`url("${o}")`,r),u=Array.from(document.fonts.values()).filter(g=>g.family===i);for(const g of u)document.fonts.delete(g);document.fonts.add(c),c.load().catch(()=>{})}return P(i)},V=t=>{const{family:e,menu:s,axes:n}=t,o=!!n,r=Object.assign({},...t.variants.map(i=>{var g,a;let l,c;if(o){const d=n.find(f=>f.tag==="wght");if(d){const{start:f,end:b}=d;l=`${f} ${b}`}}return l||(l=((g=i.match(/\d+/))==null?void 0:g[0])??"400"),c=((a=i.match(/[a-zA-Z]+/))==null?void 0:a[0])==="italic"?"italic":void 0,{[i]:{source:t.files[i],descriptors:{style:c,weight:l}}}}));return L(e,{menuVariant:{source:s},variants:r})},H=t=>({id:`${t.family}/${t.version}`,type:"font",src:t.menu,name:t.family,customData:{font:V(t),needsLoading:!0}}),z=t=>{const{font:e}=t.customData;return t.customData.needsLoading?(t.customData.needsLoading=!1,x(e)):x(e,!0)};let h;const q=t=>{const e=[];for(const s of Object.keys(t)){let n=t[s];n&&(Array.isArray(n)?e.push(...n.map(o=>[s,o.toString()])):(n=n.toString(),e.push([s,n])))}return new URLSearchParams(e)},S=t=>{const{apiKey:e,searchParams:s}=t,n=(o={})=>{const r="https://www.googleapis.com/webfonts/v1/webfonts",i=q(o);return`${r}?${i}`};return{id:"google-fonts",types:["font"],label:({editor:o})=>o.I18n.t("googleFontsAssetProvider.providerLabel"),search:{reloadOnInput:!1},async onLoad(){var u;if(h)return h;const o={key:e,sort:"alpha",subset:"latin",capability:["WOFF2","VF"]},r=s==null?void 0:s(),i={...o,...r},c=await(await fetch(n(i))).json();return(u=c.items)!=null&&u.length?(h=c.items.map(H),h):[]},itemLayout:o=>{const r=h.find(l=>l.id===o.assetProps.id),i=z(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:i,fontSize:"24px",paddingLeft:"8px",paddingRight:"8px"}},{type:"text",content:r.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"16px",paddingLeft:"8px",paddingRight:"8px"}}]}}}},J={googleFontsAssetProvider:{searchBtn:"Search on Google Fonts",modalTitle:"Select Font",providerLabel:"Google Fonts"}},Q="googleFontsAssetProvider",Z=p.startup,X=function(t,e){const{i18n:s={}}=e,n=S(e);t.runCommand(v.assetProviderAdd,{provider:n}),t.I18n.addMessages({en:J,...s}),_({editor:t,licenseKey:e.licenseKey,plan:Z,pluginName:Q,cleanup:()=>{t.runCommand(v.assetProviderRemove,{id:n.id})}})},Y=W(X);module.exports=Y;