@grapesjs/studio-sdk-plugins 1.0.21 → 1.0.22

package/dist/iconifyComponent/index.es.js

@@ -9,19 +9,19 @@ const x = "app.grapesjs.com", R = "app-stage.grapesjs.com", P = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], C = "license:check:start", G = "license:check:end", H = () => typeof window < "u", B = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? R : x}`}/api`, m = () => {
-  const e = H() && window.location.hostname;
+], j = "license:check:start", H = "license:check:end", B = () => typeof window < "u", C = ({ isDev: e, isStage: o }) => `${e ? "" : `https://${o ? R : x}`}/api`, F = () => {
+  const e = B() && window.location.hostname;
   return !!e && (P.includes(e) || P.some((o) => e.endsWith(o)));
 };
-async function F({
+async function W({
   path: e,
   baseApiUrl: o,
   method: t = "GET",
   headers: n = {},
-  params: a,
+  params: l,
   body: g
 }) {
-  const r = `${o || B({ isDev: !1, isStage: !1 })}${e}`, s = {
+  const r = `${o || C({ isDev: !1, isStage: !1 })}${e}`, s = {
     method: t,
     headers: {
       "Content-Type": "application/json",
@@ -29,62 +29,62 @@ async function F({
     }
   };
   g && (s.body = JSON.stringify(g));
-  const c = a ? new URLSearchParams(a).toString() : "", i = c ? `?${c}` : "", d = await fetch(`${r}${i}`, s);
+  const c = l ? new URLSearchParams(l).toString() : "", i = c ? `?${c}` : "", d = await fetch(`${r}${i}`, s);
   if (!d.ok)
     throw new Error(`HTTP error! status: ${d.status}`);
   return d.json();
 }
-var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {}), _ = /* @__PURE__ */ ((e) => (e.Info = "info", e.Error = "error", e.Success = "success", e.Warning = "warning", e))(_ || {}), f = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", 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.projectFiles = "studio:projectFiles", 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.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.setDragAbsolute = "studio:setDragAbsolute", e))(f || {});
+var L = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(L || {}), _ = /* @__PURE__ */ ((e) => (e.Info = "info", e.Error = "error", e.Success = "success", e.Warning = "warning", e))(_ || {}), f = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", 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.projectFiles = "studio:projectFiles", 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.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))(f || {});
 const k = {
   [L.free]: 0,
   [L.startup]: 10,
   [L.business]: 20,
   [L.enterprise]: 30
 };
-function W(e) {
+function m(e) {
   const o = e;
   return o.init = (t) => (n) => e(n, t), o;
 }
-const K = (e) => /* @__PURE__ */ W(e);
-async function V({
+const K = (e) => /* @__PURE__ */ m(e);
+async function S({
   editor: e,
   plan: o,
   pluginName: t,
   licenseKey: n,
-  cleanup: a
+  cleanup: l
 }) {
   let g = "", u = !1;
-  const r = m(), s = (i) => {
-    console.warn("Cleanup plugin:", t, "Reason:", i), a();
+  const r = F(), s = (i) => {
+    console.warn("Cleanup plugin:", t, "Reason:", i), l();
   }, c = (i = {}) => {
     var y;
-    const { error: d, sdkLicense: h } = i, l = (y = i.plan) == null ? void 0 : y.category;
+    const { error: d, sdkLicense: h } = i, a = (y = i.plan) == null ? void 0 : y.category;
     if (!(h || i.license) || d)
       s(d || "Invalid license");
-    else if (l) {
-      const b = k[o], v = k[l];
-      b > v && s({ pluginRequiredPlan: o, licensePlan: l });
+    else if (a) {
+      const b = k[o], v = k[a];
+      b > v && s({ pluginRequiredPlan: o, licensePlan: a });
     }
   };
-  e.on(C, (i) => {
+  e.on(j, (i) => {
     g = i == null ? void 0 : i.baseApiUrl, u = !0;
-  }), e.on(G, (i) => {
+  }), e.on(H, (i) => {
     c(i);
   }), setTimeout(async () => {
     if (!u) {
       if (r) return;
       if (n) {
-        const i = await Y({ licenseKey: n, pluginName: t, baseApiUrl: g });
+        const i = await V({ licenseKey: n, pluginName: t, baseApiUrl: g });
         i && c(i);
       } else
         s("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function Y(e) {
+async function V(e) {
   const { licenseKey: o, pluginName: t, baseApiUrl: n } = e;
   try {
-    return (await F({
+    return (await W({
       baseApiUrl: n,
       path: `/sdk/${o || "na"}`,
       method: "POST",
@@ -93,22 +93,22 @@ async function Y(e) {
         pn: t
       }
     })).result || {};
-  } catch (a) {
-    return console.error("Error during SDK license check:", a), !1;
+  } catch (l) {
+    return console.error("Error during SDK license check:", l), !1;
   }
 }
-const z = (e, o) => {
+const Y = (e, o) => {
   var t;
   return !!((t = e == null ? void 0 : e.hasAttribute) != null && t.call(e, o));
-}, q = "iconifyComponent", J = L.startup, X = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, w = `<svg viewBox="0 0 24 24">
+}, z = "iconifyComponent", q = L.startup, J = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, w = `<svg viewBox="0 0 24 24">
   <path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5L11 10L14 15L17 10L14 5Z" />
-</svg>`, $ = "layout-icon-picker", Z = "icons-layout-", D = "icons-list-layout", M = "gs-iconify-picker", A = "__iconify_collection", Q = "https://api.iconify.design", I = /* @__PURE__ */ new Map();
+</svg>`, $ = "layout-icon-picker", X = "icons-layout-", D = "icons-list-layout", M = "gs-iconify-picker", A = "__iconify_collection", Z = "https://api.iconify.design", I = /* @__PURE__ */ new Map();
 let T;
-const S = ({ collectionId: e }) => `https://cdn.jsdelivr.net/npm/@iconify-json/${e}@latest/icons.json`;
+const Q = ({ collectionId: e }) => `https://cdn.jsdelivr.net/npm/@iconify-json/${e}@latest/icons.json`;
 async function N({ collectionId: e, editor: o }) {
   try {
     if (I.has(e)) return I.get(e);
-    const t = await fetch(S({ collectionId: e }));
+    const t = await fetch(Q({ collectionId: e }));
     if (!t.ok) throw new Error(`Failed to fetch collection: ${t.statusText}`);
     const n = await t.json();
     return I.set(e, n), n;
@@ -120,7 +120,7 @@ async function N({ collectionId: e, editor: o }) {
 async function ee({ collectionIds: e, editor: o }) {
   try {
     if (T) return T;
-    const t = e ? `?prefixes=${e.join(",")}` : "", n = await fetch(`${Q}/collections${t}`);
+    const t = e ? `?prefixes=${e.join(",")}` : "", n = await fetch(`${Z}/collections${t}`);
     if (!n.ok) throw new Error(`Failed to fetch collections: ${n.statusText}`);
     return T = await n.json(), T;
   } catch (t) {
@@ -143,7 +143,7 @@ function O() {
 async function te({ collectionIds: e, editor: o, component: t }) {
   const n = await ee({ collectionIds: e, editor: o });
   if (!n) return;
-  const a = ({ icon: s, collectionId: c, iconId: i }) => {
+  const l = ({ icon: s, collectionId: c, iconId: i }) => {
     t.components(s), t.set({ collectionId: c, iconId: i });
   }, g = Object.entries(n).map(([s, c]) => ({ id: s, ...c })).sort((s, c) => s.name.localeCompare(c.name)), u = t.get("collectionId") ?? g[0].id;
   o.runCommand(f.layoutToggle, {
@@ -158,7 +158,7 @@ async function te({ collectionIds: e, editor: o, component: t }) {
           collectionsList: g,
           collectionId: u,
           editor: o,
-          handleClick: a
+          handleClick: l
         }),
         { id: D, type: "column", grow: !0 }
       ]
@@ -168,7 +168,7 @@ async function te({ collectionIds: e, editor: o, component: t }) {
   r && E({
     editor: o,
     collection: r,
-    handleClick: a,
+    handleClick: l,
     collectionId: u
   });
 }
@@ -180,7 +180,7 @@ function ne(e) {
 }
 function E(e) {
   const { editor: o } = e, t = {
-    id: Z,
+    id: X,
     layout: ie(e),
     header: !1,
     style: { height: "100%" },
@@ -189,7 +189,7 @@ function E(e) {
   o.runCommand(f.layoutRemove, { id: t.id, force: !0 }), setTimeout(() => o.runCommand(f.layoutAdd, t), 10);
 }
 function se(e) {
-  const { collectionsList: o, collectionId: t, editor: n, handleClick: a } = e, g = o.map(({ id: u, name: r, total: s }) => ({ id: u, label: `${r} (${s})` })).sort((u, r) => u.label.localeCompare(r.label));
+  const { collectionsList: o, collectionId: t, editor: n, handleClick: l } = e, g = o.map(({ id: u, name: r, total: s }) => ({ id: u, label: `${r} (${s})` })).sort((u, r) => u.label.localeCompare(r.label));
   return {
     type: "column",
     style: { gap: 10 },
@@ -205,7 +205,7 @@ function se(e) {
           s && (u({ value: r }), oe({ editor: n, collection: s }), E({
             editor: n,
             collection: s,
-            handleClick: a,
+            handleClick: l,
             collectionId: r
           }));
         }
@@ -226,7 +226,7 @@ function se(e) {
           u({ value: r }), E({
             editor: s,
             collection: c,
-            handleClick: a,
+            handleClick: l,
             collectionId: r,
             collectionFiltered: { ...c, icons: i }
           });
@@ -240,7 +240,7 @@ function ie({
   collectionFiltered: o,
   handleClick: t
 }) {
-  const { height: n = 24, width: a = 24, icons: g, prefix: u } = o || e, r = Object.entries(g).map(([s, { body: c }]) => ({ name: s, body: c }), {});
+  const { height: n = 24, width: l = 24, icons: g, prefix: u } = o || e, r = Object.entries(g).map(([s, { body: c }]) => ({ name: s, body: c }), {});
   return {
     type: "column",
     className: `${M}__content`,
@@ -252,22 +252,22 @@ function ie({
         {
           type: "custom",
           render: (c) => {
-            const { editor: i, addEl: d, removeEl: h } = c, l = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-            l.setAttribute("xmlns", "http://www.w3.org/2000/svg"), l.innerHTML = s.body, l.setAttribute("viewBox", `0 0 ${a} ${n}`);
-            const { cssWidth: p, cssHeight: y } = ce(a, n);
-            l.style.cssText = `width: ${p}px; height: ${y}px; cursor: pointer;`, l.addEventListener("mouseover", () => {
-              l.style.border = "2px solid currentColor", l.style.borderRadius = "4px", l.style.padding = "4px";
-            }), l.addEventListener("mouseout", () => {
-              l.style.border = "none";
+            const { editor: i, addEl: d, removeEl: h } = c, a = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            a.setAttribute("xmlns", "http://www.w3.org/2000/svg"), a.innerHTML = s.body, a.setAttribute("viewBox", `0 0 ${l} ${n}`);
+            const { cssWidth: p, cssHeight: y } = ce(l, n);
+            a.style.cssText = `width: ${p}px; height: ${y}px; cursor: pointer;`, a.addEventListener("mouseover", () => {
+              a.style.border = "2px solid currentColor", a.style.borderRadius = "4px", a.style.padding = "4px";
+            }), a.addEventListener("mouseout", () => {
+              a.style.border = "none";
             });
             const b = () => {
-              const v = l.cloneNode(!0);
+              const v = a.cloneNode(!0);
               v.removeAttribute("style");
-              const j = v.outerHTML;
-              t({ icon: j, collectionId: u, iconId: s.name }), i == null || i.runCommand(f.layoutRemove, { id: $ });
+              const G = v.outerHTML;
+              t({ icon: G, collectionId: u, iconId: s.name }), i == null || i.runCommand(f.layoutRemove, { id: $ });
             };
-            return l.addEventListener("click", b), d(l), () => {
-              l.removeEventListener("click", b), h(l);
+            return a.addEventListener("click", b), d(a), () => {
+              a.removeEventListener("click", b), h(a);
             };
           }
         }
@@ -277,8 +277,8 @@ function ie({
 }
 function ce(e, o) {
   const t = e / o;
-  let n = 48, a = 48;
-  return t > 1 ? a = 48 / t : t < 1 && (n = 48 * t), { cssWidth: n, cssHeight: a };
+  let n = 48, l = 48;
+  return t > 1 ? l = 48 / t : t < 1 && (n = 48 * t), { cssWidth: n, cssHeight: l };
 }
 function U() {
   return {
@@ -295,14 +295,14 @@ function re() {
     content: "Error fetching collection"
   };
 }
-const le = function(e, o = {}) {
-  var l;
-  const { Components: t, Blocks: n } = e, { collections: a, extendIconComponent: g = !0, licenseKey: u, block: r = {} } = o, s = "icon", c = "iconify", i = "Iconify", d = "data-type-iconify", h = {
+const ae = function(e, o = {}) {
+  var a;
+  const { Components: t, Blocks: n } = e, { collections: l, extendIconComponent: g = !0, licenseKey: u, block: r = {} } = o, s = "icon", c = "iconify", i = "Iconify", d = "data-type-iconify", h = {
     events: () => ({
       dblclick: "onActive"
     }),
     onActive() {
-      te({ collectionIds: a, editor: e, component: this.model });
+      te({ collectionIds: l, editor: e, component: this.model });
     }
   };
   if (t.addType(c, {
@@ -314,14 +314,14 @@ const le = function(e, o = {}) {
       activate: !0,
       ...r
     },
-    isComponent: (p) => z(p, d),
+    isComponent: (p) => Y(p, d),
     model: {
       defaults: {
         name: i,
         icon: w,
         droppable: !1,
         attributes: { [d]: !0 },
-        resizable: X,
+        resizable: J,
         components: w,
         style: { width: "50px", height: "50px" },
         traits: [O()]
@@ -335,7 +335,7 @@ const le = function(e, o = {}) {
     },
     view: h
   }), g) {
-    const p = (l = t.getType(s)) == null ? void 0 : l.model, [y, b, ...v] = p.getDefaults().traits;
+    const p = (a = t.getType(s)) == null ? void 0 : a.model, [y, b, ...v] = p.getDefaults().traits;
     t.addType(s, {
       model: {
         defaults: {
@@ -345,16 +345,16 @@ const le = function(e, o = {}) {
       view: h
     });
   }
-  V({
+  S({
     editor: e,
     licenseKey: u,
-    plan: J,
-    pluginName: q,
+    plan: q,
+    pluginName: z,
     cleanup: () => {
       n.remove(c), t.removeType(c);
     }
   });
-}, ae = K(le);
+}, le = K(ae);
 export {
-  ae as default
+  le as default
 };

package/dist/iconifyComponent/index.umd.js

@@ -1,3 +1,3 @@
-(function(h,y){typeof exports=="object"&&typeof module<"u"?module.exports=y():typeof define=="function"&&define.amd?define(y):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_iconifyComponent=y())})(this,function(){"use strict";const h="app.grapesjs.com",y="app-stage.grapesjs.com",O=[h,y,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],j="license:check:start",m="license:check:end",C=()=>typeof window<"u",G=({isDev:e,isStage:o})=>`${e?"":`https://${o?y:h}`}/api`,H=()=>{const e=C()&&window.location.hostname;return!!e&&(O.includes(e)||O.some(o=>e.endsWith(o)))};async function B({path:e,baseApiUrl:o,method:t="GET",headers:n={},params:a,body:d}){const r=`${o||G({isDev:!1,isStage:!1})}${e}`,s={method:t,headers:{"Content-Type":"application/json",...n}};d&&(s.body=JSON.stringify(d));const c=a?new URLSearchParams(a).toString():"",i=c?`?${c}`:"",g=await fetch(`${r}${i}`,s);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{}),x=(e=>(e.Info="info",e.Error="error",e.Success="success",e.Warning="warning",e))(x||{}),f=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",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.projectFiles="studio:projectFiles",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.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.setDragAbsolute="studio:setDragAbsolute",e))(f||{});const R={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function F(e){const o=e;return o.init=t=>n=>e(n,t),o}const W=e=>F(e);async function K({editor:e,plan:o,pluginName:t,licenseKey:n,cleanup:a}){let d="",u=!1;const r=H(),s=i=>{console.warn("Cleanup plugin:",t,"Reason:",i),a()},c=(i={})=>{var L;const{error:g,sdkLicense:v}=i,l=(L=i.plan)==null?void 0:L.category;if(!(v||i.license)||g)s(g||"Invalid license");else if(l){const T=R[o],w=R[l];T>w&&s({pluginRequiredPlan:o,licensePlan:l})}};e.on(j,i=>{d=i==null?void 0:i.baseApiUrl,u=!0}),e.on(m,i=>{c(i)}),setTimeout(async()=>{if(!u){if(r)return;if(n){const i=await V({licenseKey:n,pluginName:t,baseApiUrl:d});i&&c(i)}else s("The `licenseKey` option not provided")}},2e3)}async function V(e){const{licenseKey:o,pluginName:t,baseApiUrl:n}=e;try{return(await B({baseApiUrl:n,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const Y=(e,o)=>{var t;return!!((t=e==null?void 0:e.hasAttribute)!=null&&t.call(e,o))},z="iconifyComponent",q=b.startup,J={ratioDefault:!0,tc:!1,cl:!1,cr:!1,bc:!1},E=`<svg viewBox="0 0 24 24">
+(function(h,y){typeof exports=="object"&&typeof module<"u"?module.exports=y():typeof define=="function"&&define.amd?define(y):(h=typeof globalThis<"u"?globalThis:h||self,h.StudioSdkPlugins_iconifyComponent=y())})(this,function(){"use strict";const h="app.grapesjs.com",y="app-stage.grapesjs.com",x=[h,y,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],G="license:check:start",j="license:check:end",H=()=>typeof window<"u",B=({isDev:e,isStage:o})=>`${e?"":`https://${o?y:h}`}/api`,C=()=>{const e=H()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(o=>e.endsWith(o)))};async function m({path:e,baseApiUrl:o,method:t="GET",headers:n={},params:a,body:d}){const r=`${o||B({isDev:!1,isStage:!1})}${e}`,s={method:t,headers:{"Content-Type":"application/json",...n}};d&&(s.body=JSON.stringify(d));const c=a?new URLSearchParams(a).toString():"",i=c?`?${c}`:"",g=await fetch(`${r}${i}`,s);if(!g.ok)throw new Error(`HTTP error! status: ${g.status}`);return g.json()}var b=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(b||{}),O=(e=>(e.Info="info",e.Error="error",e.Success="success",e.Warning="warning",e))(O||{}),f=(e=>(e.toastAdd="studio:toastAdd",e.dialogOpen="studio:dialogOpen",e.dialogClose="studio:dialogClose",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.projectFiles="studio:projectFiles",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.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))(f||{});const R={[b.free]:0,[b.startup]:10,[b.business]:20,[b.enterprise]:30};function F(e){const o=e;return o.init=t=>n=>e(n,t),o}const W=e=>F(e);async function S({editor:e,plan:o,pluginName:t,licenseKey:n,cleanup:a}){let d="",u=!1;const r=C(),s=i=>{console.warn("Cleanup plugin:",t,"Reason:",i),a()},c=(i={})=>{var L;const{error:g,sdkLicense:v}=i,l=(L=i.plan)==null?void 0:L.category;if(!(v||i.license)||g)s(g||"Invalid license");else if(l){const T=R[o],w=R[l];T>w&&s({pluginRequiredPlan:o,licensePlan:l})}};e.on(G,i=>{d=i==null?void 0:i.baseApiUrl,u=!0}),e.on(j,i=>{c(i)}),setTimeout(async()=>{if(!u){if(r)return;if(n){const i=await K({licenseKey:n,pluginName:t,baseApiUrl:d});i&&c(i)}else s("The `licenseKey` option not provided")}},2e3)}async function K(e){const{licenseKey:o,pluginName:t,baseApiUrl:n}=e;try{return(await m({baseApiUrl:n,path:`/sdk/${o||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(a){return console.error("Error during SDK license check:",a),!1}}const V=(e,o)=>{var t;return!!((t=e==null?void 0:e.hasAttribute)!=null&&t.call(e,o))},Y="iconifyComponent",z=b.startup,q={ratioDefault:!0,tc:!1,cl:!1,cr:!1,bc:!1},E=`<svg viewBox="0 0 24 24">
   <path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5L11 10L14 15L17 10L14 5Z" />
-</svg>`,_="layout-icon-picker",X="icons-layout-",$="icons-list-layout",D="gs-iconify-picker",A="__iconify_collection",Z="https://api.iconify.design",P=new Map;let I;const Q=({collectionId:e})=>`https://cdn.jsdelivr.net/npm/@iconify-json/${e}@latest/icons.json`;async function M({collectionId:e,editor:o}){try{if(P.has(e))return P.get(e);const t=await fetch(Q({collectionId:e}));if(!t.ok)throw new Error(`Failed to fetch collection: ${t.statusText}`);const n=await t.json();return P.set(e,n),n}catch(t){console.error("Error fetching collection",t),o.runCommand(f.toastAdd,ce());return}}async function S({collectionIds:e,editor:o}){try{if(I)return I;const t=e?`?prefixes=${e.join(",")}`:"",n=await fetch(`${Z}/collections${t}`);if(!n.ok)throw new Error(`Failed to fetch collections: ${n.statusText}`);return I=await n.json(),I}catch(t){console.error("Error fetching collections",t),o.runCommand(f.toastAdd,U());return}}function N(){return{type:"button",label:"Open Icon Picker",name:"onActive",changeProp:!0,command(e){var o;(o=e.getSelected())==null||o.trigger("active")}}}async function ee({collectionIds:e,editor:o,component:t}){const n=await S({collectionIds:e,editor:o});if(!n)return;const a=({icon:s,collectionId:c,iconId:i})=>{t.components(s),t.set({collectionId:c,iconId:i})},d=Object.entries(n).map(([s,c])=>({id:s,...c})).sort((s,c)=>s.name.localeCompare(c.name)),u=t.get("collectionId")??d[0].id;o.runCommand(f.layoutToggle,{id:_,placer:{type:"dialog",size:"l",title:"Select Icon"},header:!1,layout:{type:"column",style:{height:500,gap:10},children:[ne({collectionsList:d,collectionId:u,editor:o,handleClick:a}),{id:$,type:"column",grow:!0}]}});const r=await M({collectionId:u,editor:o});r&&k({editor:o,collection:r,handleClick:a,collectionId:u})}function te({editor:e,collection:o}){e.em.set(A,o)}function oe(e){return e.em.get(A)}function k(e){const{editor:o}=e,t={id:X,layout:se(e),header:!1,style:{height:"100%"},placer:{type:"static",layoutId:$}};o.runCommand(f.layoutRemove,{id:t.id,force:!0}),setTimeout(()=>o.runCommand(f.layoutAdd,t),10)}function ne(e){const{collectionsList:o,collectionId:t,editor:n,handleClick:a}=e,d=o.map(({id:u,name:r,total:s})=>({id:u,label:`${r} (${s})`})).sort((u,r)=>u.label.localeCompare(r.label));return{type:"column",style:{gap:10},className:`${D}__header`,children:[{type:"selectField",value:t,options:d,emptyState:"Select an icon collection",onChange:async({setState:u,value:r})=>{const s=await M({collectionId:r,editor:n});s&&(u({value:r}),te({editor:n,collection:s}),k({editor:n,collection:s,handleClick:a,collectionId:r}))}},{type:"inputField",value:"",placeholder:"Search icons inside collection...",editorEvents:{[`change:${A}`]:({setState:u})=>u({value:""})},onInput:({setState:u,value:r,editor:s})=>{const c=oe(s);if(!c)return;const i=Object.fromEntries(Object.entries(c.icons).filter(([g])=>g.includes(r)));u({value:r}),k({editor:s,collection:c,handleClick:a,collectionId:r,collectionFiltered:{...c,icons:i}})}}]}}function se({collection:e,collectionFiltered:o,handleClick:t}){const{height:n=24,width:a=24,icons:d,prefix:u}=o||e,r=Object.entries(d).map(([s,{body:c}])=>({name:s,body:c}),{});return{type:"column",className:`${D}__content`,style:{height:"100%"},children:{type:"virtualList",items:r,itemLayout:({item:s})=>[{type:"custom",render:c=>{const{editor:i,addEl:g,removeEl:v}=c,l=document.createElementNS("http://www.w3.org/2000/svg","svg");l.setAttribute("xmlns","http://www.w3.org/2000/svg"),l.innerHTML=s.body,l.setAttribute("viewBox",`0 0 ${a} ${n}`);const{cssWidth:p,cssHeight:L}=ie(a,n);l.style.cssText=`width: ${p}px; height: ${L}px; cursor: pointer;`,l.addEventListener("mouseover",()=>{l.style.border="2px solid currentColor",l.style.borderRadius="4px",l.style.padding="4px"}),l.addEventListener("mouseout",()=>{l.style.border="none"});const T=()=>{const w=l.cloneNode(!0);w.removeAttribute("style");const re=w.outerHTML;t({icon:re,collectionId:u,iconId:s.name}),i==null||i.runCommand(f.layoutRemove,{id:_})};return l.addEventListener("click",T),g(l),()=>{l.removeEventListener("click",T),v(l)}}}]}}}function ie(e,o){const t=e/o;let n=48,a=48;return t>1?a=48/t:t<1&&(n=48*t),{cssWidth:n,cssHeight:a}}function U(){return{id:"toast-error-getCollections",header:"Error",content:"Error fetching collections",variant:x.Error}}function ce(){return{...U(),id:"toast-error-getCollection",content:"Error fetching collection"}}return W(function(e,o={}){var l;const{Components:t,Blocks:n}=e,{collections:a,extendIconComponent:d=!0,licenseKey:u,block:r={}}=o,s="icon",c="iconify",i="Iconify",g="data-type-iconify",v={events:()=>({dblclick:"onActive"}),onActive(){ee({collectionIds:a,editor:e,component:this.model})}};if(t.addType(c,{block:r&&{label:i,media:E,content:{type:c},category:"Extra",activate:!0,...r},isComponent:p=>Y(p,g),model:{defaults:{name:i,icon:E,droppable:!1,attributes:{[g]:!0},resizable:J,components:E,style:{width:"50px",height:"50px"},traits:[N()]},init(){this.listenTo(this.components(),"change add",this.disableLayers),this.disableLayers()},disableLayers(){this.components().forEach(p=>p.set({layerable:!1,locked:!0}))}},view:v}),d){const p=(l=t.getType(s))==null?void 0:l.model,[L,T,...w]=p.getDefaults().traits;t.addType(s,{model:{defaults:{traits:[L,T,N(),...w]}},view:v})}K({editor:e,licenseKey:u,plan:q,pluginName:z,cleanup:()=>{n.remove(c),t.removeType(c)}})})});
+</svg>`,_="layout-icon-picker",J="icons-layout-",$="icons-list-layout",D="gs-iconify-picker",A="__iconify_collection",X="https://api.iconify.design",P=new Map;let I;const Z=({collectionId:e})=>`https://cdn.jsdelivr.net/npm/@iconify-json/${e}@latest/icons.json`;async function M({collectionId:e,editor:o}){try{if(P.has(e))return P.get(e);const t=await fetch(Z({collectionId:e}));if(!t.ok)throw new Error(`Failed to fetch collection: ${t.statusText}`);const n=await t.json();return P.set(e,n),n}catch(t){console.error("Error fetching collection",t),o.runCommand(f.toastAdd,ce());return}}async function Q({collectionIds:e,editor:o}){try{if(I)return I;const t=e?`?prefixes=${e.join(",")}`:"",n=await fetch(`${X}/collections${t}`);if(!n.ok)throw new Error(`Failed to fetch collections: ${n.statusText}`);return I=await n.json(),I}catch(t){console.error("Error fetching collections",t),o.runCommand(f.toastAdd,U());return}}function N(){return{type:"button",label:"Open Icon Picker",name:"onActive",changeProp:!0,command(e){var o;(o=e.getSelected())==null||o.trigger("active")}}}async function ee({collectionIds:e,editor:o,component:t}){const n=await Q({collectionIds:e,editor:o});if(!n)return;const a=({icon:s,collectionId:c,iconId:i})=>{t.components(s),t.set({collectionId:c,iconId:i})},d=Object.entries(n).map(([s,c])=>({id:s,...c})).sort((s,c)=>s.name.localeCompare(c.name)),u=t.get("collectionId")??d[0].id;o.runCommand(f.layoutToggle,{id:_,placer:{type:"dialog",size:"l",title:"Select Icon"},header:!1,layout:{type:"column",style:{height:500,gap:10},children:[ne({collectionsList:d,collectionId:u,editor:o,handleClick:a}),{id:$,type:"column",grow:!0}]}});const r=await M({collectionId:u,editor:o});r&&k({editor:o,collection:r,handleClick:a,collectionId:u})}function te({editor:e,collection:o}){e.em.set(A,o)}function oe(e){return e.em.get(A)}function k(e){const{editor:o}=e,t={id:J,layout:se(e),header:!1,style:{height:"100%"},placer:{type:"static",layoutId:$}};o.runCommand(f.layoutRemove,{id:t.id,force:!0}),setTimeout(()=>o.runCommand(f.layoutAdd,t),10)}function ne(e){const{collectionsList:o,collectionId:t,editor:n,handleClick:a}=e,d=o.map(({id:u,name:r,total:s})=>({id:u,label:`${r} (${s})`})).sort((u,r)=>u.label.localeCompare(r.label));return{type:"column",style:{gap:10},className:`${D}__header`,children:[{type:"selectField",value:t,options:d,emptyState:"Select an icon collection",onChange:async({setState:u,value:r})=>{const s=await M({collectionId:r,editor:n});s&&(u({value:r}),te({editor:n,collection:s}),k({editor:n,collection:s,handleClick:a,collectionId:r}))}},{type:"inputField",value:"",placeholder:"Search icons inside collection...",editorEvents:{[`change:${A}`]:({setState:u})=>u({value:""})},onInput:({setState:u,value:r,editor:s})=>{const c=oe(s);if(!c)return;const i=Object.fromEntries(Object.entries(c.icons).filter(([g])=>g.includes(r)));u({value:r}),k({editor:s,collection:c,handleClick:a,collectionId:r,collectionFiltered:{...c,icons:i}})}}]}}function se({collection:e,collectionFiltered:o,handleClick:t}){const{height:n=24,width:a=24,icons:d,prefix:u}=o||e,r=Object.entries(d).map(([s,{body:c}])=>({name:s,body:c}),{});return{type:"column",className:`${D}__content`,style:{height:"100%"},children:{type:"virtualList",items:r,itemLayout:({item:s})=>[{type:"custom",render:c=>{const{editor:i,addEl:g,removeEl:v}=c,l=document.createElementNS("http://www.w3.org/2000/svg","svg");l.setAttribute("xmlns","http://www.w3.org/2000/svg"),l.innerHTML=s.body,l.setAttribute("viewBox",`0 0 ${a} ${n}`);const{cssWidth:p,cssHeight:L}=ie(a,n);l.style.cssText=`width: ${p}px; height: ${L}px; cursor: pointer;`,l.addEventListener("mouseover",()=>{l.style.border="2px solid currentColor",l.style.borderRadius="4px",l.style.padding="4px"}),l.addEventListener("mouseout",()=>{l.style.border="none"});const T=()=>{const w=l.cloneNode(!0);w.removeAttribute("style");const re=w.outerHTML;t({icon:re,collectionId:u,iconId:s.name}),i==null||i.runCommand(f.layoutRemove,{id:_})};return l.addEventListener("click",T),g(l),()=>{l.removeEventListener("click",T),v(l)}}}]}}}function ie(e,o){const t=e/o;let n=48,a=48;return t>1?a=48/t:t<1&&(n=48*t),{cssWidth:n,cssHeight:a}}function U(){return{id:"toast-error-getCollections",header:"Error",content:"Error fetching collections",variant:O.Error}}function ce(){return{...U(),id:"toast-error-getCollection",content:"Error fetching collection"}}return W(function(e,o={}){var l;const{Components:t,Blocks:n}=e,{collections:a,extendIconComponent:d=!0,licenseKey:u,block:r={}}=o,s="icon",c="iconify",i="Iconify",g="data-type-iconify",v={events:()=>({dblclick:"onActive"}),onActive(){ee({collectionIds:a,editor:e,component:this.model})}};if(t.addType(c,{block:r&&{label:i,media:E,content:{type:c},category:"Extra",activate:!0,...r},isComponent:p=>V(p,g),model:{defaults:{name:i,icon:E,droppable:!1,attributes:{[g]:!0},resizable:q,components:E,style:{width:"50px",height:"50px"},traits:[N()]},init(){this.listenTo(this.components(),"change add",this.disableLayers),this.disableLayers()},disableLayers(){this.components().forEach(p=>p.set({layerable:!1,locked:!0}))}},view:v}),d){const p=(l=t.getType(s))==null?void 0:l.model,[L,T,...w]=p.getDefaults().traits;t.addType(s,{model:{defaults:{traits:[L,T,N(),...w]}},view:v})}S({editor:e,licenseKey:u,plan:z,pluginName:Y,cleanup:()=>{n.remove(c),t.removeType(c)}})})});

package/dist/index.cjs.d.ts

@@ -7,6 +7,7 @@ export { default as lightGalleryComponent } from './lightGalleryComponent';
 export { default as swiperComponent } from './swiperComponent';
 export { default as accordionComponent } from './accordionComponent';
 export { default as flexComponent } from './flexComponent';
+export { default as animationComponent } from './animationComponent';
 export { default as rteTinyMce } from './rteTinyMce';
 export { default as rteProseMirror } from './prosemirror';
 export { default as canvasEmptyState } from './canvasEmptyState';