@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.36

package/dist/iconifyComponent/index.es.js

@@ -1,7 +1,7 @@
-const D = "app.grapesjs.com", $ = "app-stage.grapesjs.com", B = "app2.grapesjs.com", H = "app-stage2.grapesjs.com", O = [
-  D,
+const k = "app.grapesjs.com", D = "app-stage.grapesjs.com", B = "app2.grapesjs.com", H = "app-stage2.grapesjs.com", O = [
+  k,
   B,
-  $,
+  D,
   H,
   "localhost",
   "127.0.0.1",
@@ -11,209 +11,222 @@ const D = "app.grapesjs.com", $ = "app-stage.grapesjs.com", B = "app2.grapesjs.c
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], F = "license:check:start", W = "license:check:end", C = () => typeof window < "u", K = ({
-  isDev: t,
-  isStage: e,
+], F = "license:check:end", C = () => typeof window < "u", W = ({
+  isDev: e,
+  isStage: t,
   isPlatform: o
-}) => `${t ? "" : `https://${e ? $ : D}`}/${o ? "platform-api" : "api"}`, V = () => {
-  const t = C() && window.location.hostname;
-  return !!t && (O.includes(t) || O.some((e) => t.endsWith(e)));
+}) => `${e ? "" : `https://${t ? D : k}`}/${o ? "platform-api" : "api"}`, K = () => {
+  const e = C() && window.location.hostname;
+  return !!e && (O.includes(e) || O.some((t) => e.endsWith(t)));
 };
-async function Y({
-  path: t,
-  baseApiUrl: e,
+async function V({
+  path: e,
+  baseApiUrl: t,
   method: o = "GET",
-  headers: s = {},
-  params: a,
-  body: p
+  headers: i = {},
+  params: l,
+  body: g
 }) {
-  const c = `${e || K({ isDev: !1, isStage: !1 })}${t}`, n = {
+  const s = `${t || W({ isDev: !1, isStage: !1 })}${e}`, n = {
     method: o,
     headers: {
       "Content-Type": "application/json",
-      ...s
+      ...i
     }
   };
-  p && (n.body = JSON.stringify(p));
-  const r = a ? new URLSearchParams(a).toString() : "", g = r ? `?${r}` : "", i = await fetch(`${c}${g}`, n);
-  if (!i.ok)
-    throw new Error(`HTTP error! status: ${i.status}`);
-  return i.json();
+  g && (n.body = JSON.stringify(g));
+  const c = l ? new URLSearchParams(l).toString() : "", p = c ? `?${c}` : "", r = await fetch(`${s}${p}`, n);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
 }
-var v = /* @__PURE__ */ ((t) => (t.free = "free", t.startup = "startup", t.business = "business", t.enterprise = "enterprise", t))(v || {}), k = /* @__PURE__ */ ((t) => (t.Info = "info", t.Error = "error", t.Success = "success", t.Warning = "warning", t))(k || {}), w = /* @__PURE__ */ ((t) => (t.toastAdd = "studio:toastAdd", t.toastRemove = "studio:toastRemove", t.dialogOpen = "studio:dialogOpen", t.dialogClose = "studio:dialogClose", t.dialogExportCode = "studio:dialogExportCode", t.dialogImportCode = "studio:dialogImportCode", 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))(w || {});
+var w = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(w || {}), _ = /* @__PURE__ */ ((e) => (e.Info = "info", e.Error = "error", e.Success = "success", e.Warning = "warning", e))(_ || {}), y = /* @__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.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 = {
-  [v.free]: 0,
-  [v.startup]: 10,
-  [v.business]: 20,
-  [v.enterprise]: 30
+  [w.free]: 0,
+  [w.startup]: 10,
+  [w.business]: 20,
+  [w.enterprise]: 30
 };
-function z(t) {
-  const e = t;
-  return e.init = (o) => (s) => t(s, o), e;
+function Y(e) {
+  const t = e;
+  return t.init = (o) => (i) => e(i, o), t;
 }
-const q = (t) => /* @__PURE__ */ z(t);
-async function J({
-  editor: t,
-  plan: e,
+const z = (e) => /* @__PURE__ */ Y(e);
+async function q({
+  editor: e,
+  plan: t,
   pluginName: o,
-  licenseKey: s,
-  onLicenseCheckResponse: a,
-  cleanup: p
+  licenseKey: i,
+  onLicenseCheckResponse: l,
+  cleanup: g
 }) {
-  let l = "", c = !1;
-  const n = V(), r = (i) => {
-    console.warn("Cleanup plugin:", o, "Reason:", i), p();
-  }, g = (i = {}) => {
-    var h;
-    const { error: y, sdkLicense: u } = i, d = (h = i.plan) == null ? void 0 : h.category;
-    if (!(u || i.license) || y)
-      r(y || "Invalid license");
+  let a = "", s;
+  const n = (r) => {
+    console.warn("Cleanup plugin:", o, "Reason:", r), g();
+  }, c = (r = {}) => {
+    var b;
+    const { error: h, sdkLicense: u } = r, d = (b = r.plan) == null ? void 0 : b.category;
+    if (!(u || r.license) || h)
+      n(h || "Invalid license");
     else if (d) {
-      const f = x[e], b = x[d];
-      f > b && r({ pluginRequiredPlan: e, licensePlan: d });
+      const f = x[t], v = x[d];
+      f > v && n({ pluginRequiredPlan: t, licensePlan: d });
     }
   };
-  t.on(F, (i) => {
-    l = i == null ? void 0 : i.baseApiUrl, c = !0;
-  }), t.on(W, (i) => {
-    a == null || a(i), g(i);
-  }), setTimeout(async () => {
-    if (!c) {
-      if (n) return;
-      if (s) {
-        const i = await X({ licenseKey: s, pluginName: o, baseApiUrl: l });
-        a == null || a(i), i && g(i);
-      } else
-        r("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  e.Commands.has(y.settings) && (s = e.runCommand(y.settings), a = (s == null ? void 0 : s.baseUrl) || "");
+  const p = (r) => {
+    l == null || l(r), r && c(r);
+  };
+  if (!s) {
+    e.onReady(async () => {
+      if (!K())
+        if (i) {
+          const r = await m({ licenseKey: i, pluginName: o, baseApiUrl: a });
+          p(r);
+        } else
+          n("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (s.licensePlan || s.licenseError) {
+    const r = J(s);
+    p(r);
+    return;
+  }
+  e.on(F, (r) => p(r));
 }
-async function X(t) {
-  const { licenseKey: e, pluginName: o, baseApiUrl: s } = t;
+const J = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function m(e) {
+  const { licenseKey: t, pluginName: o, baseApiUrl: i } = e;
   try {
-    return (await Y({
-      baseApiUrl: s,
-      path: `/sdk/${e || "na"}`,
+    return (await V({
+      baseApiUrl: i,
+      path: `/sdk/${t || "na"}`,
       method: "POST",
       params: {
         d: window.location.hostname,
         pn: o
       }
     })).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 = (t, e) => {
+const X = (e, t) => {
   var o;
-  return !!((o = t == null ? void 0 : t.hasAttribute) != null && o.call(t, e));
-}, m = "iconifyComponent", Q = v.startup, S = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, E = `<svg viewBox="0 0 24 24">
+  return !!((o = e == null ? void 0 : e.hasAttribute) != null && o.call(e, t));
+}, Z = "iconifyComponent", Q = w.startup, S = { ratioDefault: !0, tc: !1, cl: !1, cr: !1, bc: !1 }, T = `<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>`, G = "layout-icon-picker", tt = "icons-layout-", M = "icons-list-layout", N = "gs-iconify-picker", P = "__iconify_collection", et = "https://api.iconify.design", A = /* @__PURE__ */ new Map();
-let T;
-const ot = ({ collectionId: t }) => `https://cdn.jsdelivr.net/npm/@iconify-json/${t}@latest/icons.json`;
-async function R({ collectionId: t, editor: e }) {
+</svg>`, $ = "layout-icon-picker", ee = "icons-layout-", G = "icons-list-layout", M = "gs-iconify-picker", A = "__iconify_collection", te = "https://api.iconify.design", E = /* @__PURE__ */ new Map();
+let L;
+const oe = ({ collectionId: e }) => `https://cdn.jsdelivr.net/npm/@iconify-json/${e}@latest/icons.json`;
+async function N({ collectionId: e, editor: t }) {
   try {
-    if (A.has(t)) return A.get(t);
-    const o = await fetch(ot({ collectionId: t }));
+    if (E.has(e)) return E.get(e);
+    const o = await fetch(oe({ collectionId: e }));
     if (!o.ok) throw new Error(`Failed to fetch collection: ${o.statusText}`);
-    const s = await o.json();
-    return A.set(t, s), s;
+    const i = await o.json();
+    return E.set(e, i), i;
   } catch (o) {
-    console.error("Error fetching collection", o), e.runCommand(w.toastAdd, at());
+    console.error("Error fetching collection", o), t.runCommand(y.toastAdd, ae());
     return;
   }
 }
-async function nt({ collectionIds: t, editor: e }) {
+async function ne({ collectionIds: e, editor: t }) {
   try {
-    if (T) return T;
-    const o = t ? `?prefixes=${t.join(",")}` : "", s = await fetch(`${et}/collections${o}`);
-    if (!s.ok) throw new Error(`Failed to fetch collections: ${s.statusText}`);
-    return T = await s.json(), T;
+    if (L) return L;
+    const o = e ? `?prefixes=${e.join(",")}` : "", i = await fetch(`${te}/collections${o}`);
+    if (!i.ok) throw new Error(`Failed to fetch collections: ${i.statusText}`);
+    return L = await i.json(), L;
   } catch (o) {
-    console.error("Error fetching collections", o), e.runCommand(w.toastAdd, j());
+    console.error("Error fetching collections", o), t.runCommand(y.toastAdd, j());
     return;
   }
 }
-function _() {
+function R() {
   return {
     type: "button",
     label: "Open Icon Picker",
     name: "onActive",
     changeProp: !0,
-    command(t) {
-      var e;
-      (e = t.getSelected()) == null || e.trigger("active");
+    command(e) {
+      var t;
+      (t = e.getSelected()) == null || t.trigger("active");
     }
   };
 }
-async function st({ collectionIds: t, editor: e, component: o }) {
-  const s = await nt({ collectionIds: t, editor: e });
-  if (!s) return;
-  const a = ({ icon: n, collectionId: r, iconId: g }) => {
-    o.components(n), o.set({ collectionId: r, iconId: g });
-  }, p = Object.entries(s).map(([n, r]) => ({ id: n, ...r })).sort((n, r) => n.name.localeCompare(r.name)), l = o.get("collectionId") ?? p[0].id;
-  e.runCommand(w.layoutToggle, {
-    id: G,
+async function se({ collectionIds: e, editor: t, component: o }) {
+  const i = await ne({ collectionIds: e, editor: t });
+  if (!i) return;
+  const l = ({ icon: n, collectionId: c, iconId: p }) => {
+    o.components(n), o.set({ collectionId: c, iconId: p });
+  }, g = Object.entries(i).map(([n, c]) => ({ id: n, ...c })).sort((n, c) => n.name.localeCompare(c.name)), a = o.get("collectionId") ?? g[0].id;
+  t.runCommand(y.layoutToggle, {
+    id: $,
     placer: { type: "dialog", size: "l", title: "Select Icon" },
     header: !1,
     layout: {
       type: "column",
       style: { height: 500, gap: 10 },
       children: [
-        rt({
-          collectionsList: p,
-          collectionId: l,
-          editor: e,
-          handleClick: a
+        re({
+          collectionsList: g,
+          collectionId: a,
+          editor: t,
+          handleClick: l
         }),
-        { id: M, type: "column", grow: !0 }
+        { id: G, type: "column", grow: !0 }
       ]
     }
   });
-  const c = await R({ collectionId: l, editor: e });
-  c && (U({ editor: e, collection: c }), L({
-    editor: e,
-    collection: c,
-    handleClick: a,
-    collectionId: l
+  const s = await N({ collectionId: a, editor: t });
+  s && (U({ editor: t, collection: s }), P({
+    editor: t,
+    collection: s,
+    handleClick: l,
+    collectionId: a
   }));
 }
-function U({ editor: t, collection: e }) {
-  t.em.set(P, e);
+function U({ editor: e, collection: t }) {
+  e.em.set(A, t);
 }
-function it(t) {
-  return t.em.get(P);
+function ie(e) {
+  return e.em.get(A);
 }
-function L(t) {
-  const { editor: e } = t;
-  e.runCommand(w.layoutUpdate, {
-    id: tt,
-    layout: ct(t),
+function P(e) {
+  const { editor: t } = e;
+  t.runCommand(y.layoutUpdate, {
+    id: ee,
+    layout: ce(e),
     header: !1,
     style: { height: "100%" },
-    placer: { type: "static", layoutId: M }
+    placer: { type: "static", layoutId: G }
   });
 }
-function rt(t) {
-  const { collectionsList: e, collectionId: o, editor: s, handleClick: a } = t, p = e.map(({ id: l, name: c, total: n }) => ({ id: l, label: `${c} (${n})` })).sort((l, c) => l.label.localeCompare(c.label));
+function re(e) {
+  const { collectionsList: t, collectionId: o, editor: i, handleClick: l } = e, g = t.map(({ id: a, name: s, total: n }) => ({ id: a, label: `${s} (${n})` })).sort((a, s) => a.label.localeCompare(s.label));
   return {
     type: "column",
     style: { gap: 10 },
-    className: `${N}__header`,
+    className: `${M}__header`,
     children: [
       {
         type: "selectField",
         value: o,
-        options: p,
+        options: g,
         emptyState: "Select an icon collection",
-        onChange: async ({ setState: l, value: c }) => {
-          const n = await R({ collectionId: c, editor: s });
-          n && (l({ value: c }), U({ editor: s, collection: n }), L({
-            editor: s,
+        onChange: async ({ setState: a, value: s }) => {
+          const n = await N({ collectionId: s, editor: i });
+          n && (a({ value: s }), U({ editor: i, collection: n }), P({
+            editor: i,
             collection: n,
-            handleClick: a,
-            collectionId: c
+            handleClick: l,
+            collectionId: s
           }));
         }
       },
@@ -222,54 +235,54 @@ function rt(t) {
         value: "",
         placeholder: "Search icons inside collection...",
         editorEvents: {
-          [`change:${P}`]: ({ setState: l }) => l({ value: "" })
+          [`change:${A}`]: ({ setState: a }) => a({ value: "" })
         },
-        onInput: ({ setState: l, value: c, editor: n }) => {
-          const r = it(n);
-          if (!r) return;
-          const g = Object.fromEntries(
-            Object.entries(r.icons).filter(([i]) => i.includes(c))
+        onInput: ({ setState: a, value: s, editor: n }) => {
+          const c = ie(n);
+          if (!c) return;
+          const p = Object.fromEntries(
+            Object.entries(c.icons).filter(([r]) => r.includes(s))
           );
-          l({ value: c }), L({
+          a({ value: s }), P({
             editor: n,
-            collection: r,
-            handleClick: a,
+            collection: c,
+            handleClick: l,
             collectionId: o,
-            collectionFiltered: { ...r, icons: g }
+            collectionFiltered: { ...c, icons: p }
           });
         }
       }
     ]
   };
 }
-function ct({
-  collection: t,
-  collectionFiltered: e,
+function ce({
+  collection: e,
+  collectionFiltered: t,
   handleClick: o
 }) {
-  const { height: s = 24, width: a = 24, icons: p, prefix: l } = e || t, c = Object.entries(p).map(([n, r]) => ({ name: n, ...r }), {});
+  const { height: i = 24, width: l = 24, icons: g, prefix: a } = t || e, s = Object.entries(g).map(([n, c]) => ({ name: n, ...c }), {});
   return {
     type: "column",
-    className: `${N}__content`,
+    className: `${M}__content`,
     style: { height: "100%" },
     children: {
       type: "virtualList",
-      items: c,
+      items: s,
       itemLayout: ({ item: n }) => ({
         type: "custom",
-        render: (r) => {
-          const { editor: g, addEl: i, removeEl: y } = r, u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        render: (c) => {
+          const { editor: p, addEl: r, removeEl: h } = c, u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
           u.setAttribute("xmlns", "http://www.w3.org/2000/svg"), u.innerHTML = n.body;
-          const d = n.width || a, I = n.height || s;
+          const d = n.width || l, I = n.height || i;
           u.setAttribute("viewBox", `0 0 ${d} ${I}`), u.style.cssText = "width: 48px; height: 48px; cursor: pointer; border-radius: 4px; transition: padding 0.1s ease-in-out;";
-          const h = [
+          const b = [
             [
               "click",
               () => {
                 const f = u.cloneNode(!0);
                 f.removeAttribute("style");
-                const b = f.outerHTML;
-                o({ icon: b, collectionId: l, iconId: n.name }), g == null || g.runCommand(w.layoutRemove, { id: G });
+                const v = f.outerHTML;
+                o({ icon: v, collectionId: a, iconId: n.name }), p == null || p.runCommand(y.layoutRemove, { id: $ });
               }
             ],
             [
@@ -285,8 +298,8 @@ function ct({
               }
             ]
           ];
-          return h.forEach(([f, b]) => u.addEventListener(f, b)), i(u), () => {
-            h.forEach(([f, b]) => u.removeEventListener(f, b)), y(u);
+          return b.forEach(([f, v]) => u.addEventListener(f, v)), r(u), () => {
+            b.forEach(([f, v]) => u.removeEventListener(f, v)), h(u);
           };
         }
       })
@@ -298,46 +311,46 @@ function j() {
     id: "toast-error-getCollections",
     header: "Error",
     content: "Error fetching collections",
-    variant: k.Error
+    variant: _.Error
   };
 }
-function at() {
+function ae() {
   return {
     ...j(),
     id: "toast-error-getCollection",
     content: "Error fetching collection"
   };
 }
-const lt = function(t, e = {}) {
+const le = function(e, t = {}) {
   var u;
-  const { Components: o, Blocks: s } = t, { collections: a, extendIconComponent: p = !0, licenseKey: l, block: c = {} } = e, n = "icon", r = "iconify", g = "Iconify", i = "data-type-iconify", y = {
+  const { Components: o, Blocks: i } = e, { collections: l, extendIconComponent: g = !0, licenseKey: a, block: s = {} } = t, n = "icon", c = "iconify", p = "Iconify", r = "data-type-iconify", h = {
     events: () => ({
       dblclick: "onActive"
     }),
     onActive() {
-      st({ collectionIds: a, editor: t, component: this.model });
+      se({ collectionIds: l, editor: e, component: this.model });
     }
   };
-  if (o.addType(r, {
-    block: c && {
-      label: g,
-      media: E,
-      content: { type: r },
+  if (o.addType(c, {
+    block: s && {
+      label: p,
+      media: T,
+      content: { type: c },
       category: "Extra",
       activate: !0,
-      ...c
+      ...s
     },
-    isComponent: (d) => Z(d, i),
+    isComponent: (d) => X(d, r),
     model: {
       defaults: {
-        name: g,
-        icon: E,
+        name: p,
+        icon: T,
         droppable: !1,
-        attributes: { [i]: !0 },
+        attributes: { [r]: !0 },
         resizable: S,
-        components: E,
+        components: T,
         style: { width: "50px", height: "50px" },
-        traits: [_()]
+        traits: [R()]
       },
       init() {
         this.listenTo(this.components(), "change add", this.disableLayers), this.disableLayers();
@@ -346,28 +359,28 @@ const lt = function(t, e = {}) {
         this.components().forEach((d) => d.set({ layerable: !1, locked: !0 }));
       }
     },
-    view: y
-  }), p) {
-    const d = (u = o.getType(n)) == null ? void 0 : u.model, [I, h, ...f] = d.getDefaults().traits;
+    view: h
+  }), g) {
+    const d = (u = o.getType(n)) == null ? void 0 : u.model, [I, b, ...f] = d.getDefaults().traits;
     o.addType(n, {
       model: {
         defaults: {
-          traits: [I, h, _(), ...f]
+          traits: [I, b, R(), ...f]
         }
       },
-      view: y
+      view: h
     });
   }
-  J({
-    editor: t,
-    licenseKey: l,
+  q({
+    editor: e,
+    licenseKey: a,
     plan: Q,
-    pluginName: m,
+    pluginName: Z,
     cleanup: () => {
-      s.remove(r), o.removeType(r);
+      i.remove(c), o.removeType(c);
     }
   });
-}, ut = q(lt);
+}, ue = z(le);
 export {
-  ut as default
+  ue as default
 };