@grapesjs/studio-sdk-plugins 1.0.35 → 1.0.37

package/dist/tableComponent/index.es.js

@@ -1,41 +1,54 @@
 function ce(e, t, o) {
-  let l, a, s, c, n;
+  let l, n, s, c, a;
   const r = t;
-  function d() {
-    const h = Date.now() - c;
-    h < r && h >= 0 ? l = setTimeout(d, r - h) : (l = null, n = e.apply(s, a), s = a = null);
+  function h() {
+    const d = Date.now() - c;
+    d < r && d >= 0 ? l = setTimeout(h, r - d) : (l = null, a = e.apply(s, n), s = n = null);
   }
-  const u = function() {
-    return s = this, a = arguments, c = Date.now(), l || (l = setTimeout(d, r)), n;
+  const v = function() {
+    return s = this, n = arguments, c = Date.now(), l || (l = setTimeout(h, r)), a;
   };
-  return u.clear = function() {
+  return v.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, u.flush = function() {
-    l && (n = e.apply(s, a), s = a = null, clearTimeout(l), l = null);
-  }, u;
+  }, v.flush = function() {
+    l && (a = e.apply(s, n), s = n = null, clearTimeout(l), l = null);
+  }, v;
 }
-const O = "app.grapesjs.com", F = "app-stage.grapesjs.com", ie = "app2.grapesjs.com", de = "app-stage2.grapesjs.com", S = [
-  O,
-  ie,
+const F = "app.grapesjs.com", U = "app-stage.grapesjs.com", ie = "app2.grapesjs.com", he = "app-stage2.grapesjs.com", S = [
   F,
-  de,
+  ie,
+  U,
+  he,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
   // For stackblitz.com demos
   ".local.webcontainer.io",
   // For stackblitz.com demos
-  "-sandpack.codesandbox.io"
+  "-sandpack.codesandbox.io",
   // For Sandpack demos
-], he = "license:check:start", ve = "license:check:end", ue = () => typeof window < "u", ge = ({
+  ".claudemcpcontent.com",
+  // For Claude mcp app
+  ".web-sandbox.oaiusercontent.com"
+  // For OpenAI mcp app
+], de = "license:check:end", ve = () => typeof window < "u", ue = ({
   isDev: e,
   isStage: t,
   isPlatform: o
-}) => `${e ? "" : `https://${t ? F : O}`}/${o ? "platform-api" : "api"}`, be = () => {
-  const e = ue() && window.location.hostname;
+}) => `${e ? "" : `https://${t ? U : F}`}/${o ? "platform-api" : "api"}`, ge = () => {
+  if (!ve()) return "";
+  const { hostname: e } = window.location;
+  if (e) return e;
+  try {
+    return window.parent.location.hostname || "";
+  } catch {
+    return "";
+  }
+}, be = () => {
+  const e = ge();
   return !!e && (S.includes(e) || S.some((t) => e.endsWith(t)));
 };
-function U(e) {
+function $(e) {
   return typeof e == "function";
 }
 async function pe({
@@ -43,10 +56,10 @@ async function pe({
   baseApiUrl: t,
   method: o = "GET",
   headers: l = {},
-  params: a,
+  params: n,
   body: s
 }) {
-  const n = `${t || ge({ isDev: !1, isStage: !1 })}${e}`, r = {
+  const a = `${t || ue({ isDev: !1, isStage: !1 })}${e}`, r = {
     method: o,
     headers: {
       "Content-Type": "application/json",
@@ -54,12 +67,12 @@ async function pe({
     }
   };
   s && (r.body = JSON.stringify(s));
-  const d = a ? new URLSearchParams(a).toString() : "", u = d ? `?${d}` : "", h = await fetch(`${n}${u}`, r);
-  if (!h.ok)
-    throw new Error(`HTTP error! status: ${h.status}`);
-  return h.json();
+  const h = n ? new URLSearchParams(n).toString() : "", v = h ? `?${h}` : "", d = await fetch(`${a}${v}`, r);
+  if (!d.ok)
+    throw new Error(`HTTP error! status: ${d.status}`);
+  return d.json();
 }
-var C = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(C || {}), $ = /* @__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.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))($ || {});
+var C = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(C || {}), x = /* @__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))(x || {});
 const E = {
   [C.free]: 0,
   [C.startup]: 10,
@@ -76,38 +89,51 @@ async function we({
   plan: t,
   pluginName: o,
   licenseKey: l,
-  onLicenseCheckResponse: a,
+  onLicenseCheckResponse: n,
   cleanup: s
 }) {
-  let c = "", n = !1;
-  const r = be(), d = (h) => {
-    console.warn("Cleanup plugin:", o, "Reason:", h), s();
-  }, u = (h = {}) => {
+  let c = "", a;
+  const r = (d) => {
+    console.warn("Cleanup plugin:", o, "Reason:", d), s();
+  }, h = (d = {}) => {
     var y;
-    const { error: p, sdkLicense: V } = h, m = (y = h.plan) == null ? void 0 : y.category;
-    if (!(V || h.license) || p)
-      d(p || "Invalid license");
+    const { error: p, sdkLicense: V } = d, m = (y = d.plan) == null ? void 0 : y.category;
+    if (!(V || d.license) || p)
+      r(p || "Invalid license");
     else if (m) {
       const z = E[t], A = E[m];
-      z > A && d({ pluginRequiredPlan: t, licensePlan: m });
+      z > A && r({ pluginRequiredPlan: t, licensePlan: m });
     }
   };
-  e.on(he, (h) => {
-    c = h == null ? void 0 : h.baseApiUrl, n = !0;
-  }), e.on(ve, (h) => {
-    a == null || a(h), u(h);
-  }), setTimeout(async () => {
-    if (!n) {
-      if (r) return;
-      if (l) {
-        const h = await ye({ licenseKey: l, pluginName: o, baseApiUrl: c });
-        a == null || a(h), h && u(h);
-      } else
-        d("The `licenseKey` option not provided");
-    }
-  }, 2e3);
+  e.Commands.has(x.settings) && (a = e.runCommand(x.settings), c = (a == null ? void 0 : a.baseUrl) || "");
+  const v = (d) => {
+    n == null || n(d), d && h(d);
+  };
+  if (!a) {
+    e.onReady(async () => {
+      if (!be())
+        if (l) {
+          const d = await Ce({ licenseKey: l, pluginName: o, baseApiUrl: c });
+          v(d);
+        } else
+          r("The `licenseKey` option not provided");
+    });
+    return;
+  }
+  if (a.licensePlan || a.licenseError) {
+    const d = ye(a);
+    v(d);
+    return;
+  }
+  e.on(de, (d) => v(d));
 }
-async function ye(e) {
+const ye = (e) => ({
+  sdkLicense: e.license,
+  license: e.license,
+  error: e.licenseError,
+  plan: e.licensePlan
+});
+async function Ce(e) {
   const { licenseKey: t, pluginName: o, baseApiUrl: l } = e;
   try {
     return (await pe({
@@ -119,13 +145,13 @@ async function ye(e) {
         pn: o
       }
     })).result || {};
-  } catch (a) {
-    return console.error("Error during SDK license check:", a), !1;
+  } catch (n) {
+    return console.error("Error during SDK license check:", n), !1;
   }
 }
-const Ce = "tableComponent", He = C.startup;
+const He = "tableComponent", Re = C.startup;
 var i = /* @__PURE__ */ ((e) => (e.table = "table", e.tableSettings = "tableSettings", e.tableDelete = "tableDelete", e.tableHead = "tableHead", e.tableFoot = "tableFoot", e.tableCellItems = "tableCellItems", e.tableCellProperties = "tableCellProperties", e.tableCellMerge = "tableCellMerge", e.tableCellSplit = "tableCellSplit", e.tableRowItems = "tableRowItems", e.tableRowInsertBefore = "tableRowInsertBefore", e.tableRowInsertAfter = "tableRowInsertAfter", e.tableRowDelete = "tableRowDelete", e.tableRowProperties = "tableRowProperties", e.tableRowCut = "tableRowCut", e.tableRowCopy = "tableRowCopy", e.tableRowPasteBefore = "tableRowPasteBefore", e.tableRowPasteAfter = "tableRowPasteAfter", e.tableColumn = "tableColumn", e.tableColumnItems = "tableColumnItems", e.tableColumnInsertBefore = "tableColumnInsertBefore", e.tableColumnInsertAfter = "tableColumnInsertAfter", e.tableColumnDelete = "tableColumnDelete", e.tableColumnCut = "tableColumnCut", e.tableColumnCopy = "tableColumnCopy", e.tableColumnPasteBefore = "tableColumnPasteBefore", e.tableColumnPasteAfter = "tableColumnPasteAfter", e))(i || {});
-const v = {
+const u = {
   table: '<svg viewBox="0 0 24 24"><path d="M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"/></svg>',
   tableSettings: '<svg viewBox="0 0 24 24"><path d="M5 4h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 4v4h6V8H5m8 0v4h6V8h-6m-8 6v4h6v-4H5m8 0v4h6v-4h-6Z"/></svg>',
   tableDelete: '<svg viewBox="0 0 24 24"><path d="M19 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h14zM5 6v12h14V6H5z"/><path d="m14.4 8.6 1 1-2.3 2.4 2.3 2.4-1 1-2.4-2.3-2.4 2.3-1-1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></svg>',
@@ -153,10 +179,10 @@ const v = {
   tableColumnCopy: '<svg viewBox="0 0 24 24"><path d="M17 6v16h-7V6h7zm-2 2h-3v12h3V8zm-2-6v2H8v15H6V2h7z"/></svg>',
   tableColumnPasteBefore: '<svg viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v2H4V5c0-1 .8-2 1.9-2h3.3A3 3 0 0 1 12 1zm-2 7v12H4V8h6zM8.5 9.5h-3v9h3v-9zM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>',
   tableColumnPasteAfter: '<svg viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12 1a3 3 0 0 1 2.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 0 1-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h3.3A3 3 0 0 1 12 1zm8 7v12h-6V8h6zm-1.5 1.5h-3v9h3v-9zM12 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>'
-}, f = "table", W = "thead", _ = "tfoot", I = "tbody", b = "row", g = "cell", D = "clipboardTable", Re = [f, W, _, I, b, g], x = (e) => e.em.get(D) || [], Pe = (e) => e.every((t) => t.is(g)), k = (e, t) => {
-  const { editor: o, event: l, opts: a } = e, s = l.currentTarget || l.target, { x: c, y: n, width: r, height: d } = s.getBoundingClientRect(), u = {
+}, f = "table", W = "thead", _ = "tfoot", M = "tbody", b = "row", g = "cell", D = "clipboardTable", Pe = [f, W, _, M, b, g], B = (e) => e.em.get(D) || [], Ve = (e) => e.every((t) => t.is(g)), T = (e, t) => {
+  const { editor: o, event: l, opts: n } = e, s = l.currentTarget || l.target, { x: c, y: a, width: r, height: h } = s.getBoundingClientRect(), v = {
     style: { width: 240, height: 300 },
-    placer: { type: "popover", closeOnClickAway: !0, x: c, y: n, w: r, h: d },
+    placer: { type: "popover", closeOnClickAway: !0, x: c, y: a, w: r, h },
     layout: {
       type: "tabs",
       value: "props",
@@ -175,42 +201,42 @@ const v = {
     },
     ...t
   };
-  U(a.openSettings) ? a.openSettings({ ...e, layoutProps: u }) : o.runCommand($.layoutToggle, u);
-}, Ve = (e, {
+  $(n.openSettings) ? n.openSettings({ ...e, layoutProps: v }) : o.runCommand(x.layoutToggle, v);
+}, ze = (e, {
   rows: t = 1,
   cells: o = 5,
   text: l
 } = {}) => ({
   type: e,
-  components: Array.from(Array(t).keys()).map((a) => ({
+  components: Array.from(Array(t).keys()).map((n) => ({
     type: b,
     components: Array.from(Array(o).keys()).map((s) => ({
       type: g,
-      components: l ? { type: "text", content: U(l) ? l({ y: a, x: s }) : l } : void 0
+      components: l ? { type: "text", content: $(l) ? l({ y: n, x: s }) : l } : void 0
     }))
   }))
 }), j = "Table settings", K = (e) => {
   const { component: t } = e;
   return t.is(f) ? t : t.closestType(f);
-}, ze = (e) => {
+}, Ae = (e) => {
   var t;
   (t = K(e)) == null || t.remove(e.opts);
-}, Ae = (e) => {
+}, xe = (e) => {
   const t = K(e);
-  t && (e.editor.select(t), k(e, {
+  t && (e.editor.select(t), T(e, {
     id: "tableSettings",
     header: { label: j }
   }));
 }, q = (e) => [{
   id: i.table,
-  icon: v[i.table],
+  icon: u[i.table],
   label: "Table",
   items: [
     {
       id: i.tableSettings,
       label: j,
-      icon: v[i.tableSettings],
-      onClick: ({ event: o }) => Ae({
+      icon: u[i.tableSettings],
+      onClick: ({ event: o }) => xe({
         ...e,
         // @ts-expect-error workaround for the build
         event: o
@@ -219,107 +245,107 @@ const v = {
     {
       id: i.tableDelete,
       label: "Delete table",
-      icon: v[i.tableDelete],
-      onClick: () => ze(e)
+      icon: u[i.tableDelete],
+      onClick: () => Ae(e)
     }
   ]
 }], X = ({ editor: e }) => {
-  const t = x(e);
-  return t.length && Pe(t);
+  const t = B(e);
+  return t.length && Ve(t);
 }, G = ({ component: e, editor: t, after: o }) => {
   if (!e.is(g)) return;
-  const l = e.closestType(f), a = e.closestType(b), s = e.index() + (o ? 1 : 0);
-  l == null || l.findType(b).forEach((n) => n.append({ type: g }, { at: s }));
-  const c = a == null ? void 0 : a.components().at(s);
+  const l = e.closestType(f), n = e.closestType(b), s = e.index() + (o ? 1 : 0);
+  l == null || l.findType(b).forEach((a) => a.append({ type: g }, { at: s }));
+  const c = n == null ? void 0 : n.components().at(s);
   c && t.select(c);
 }, Y = ({ component: e, opts: t }) => {
   if (!e.is(g)) return;
   const o = e.closestType(f), l = e.index();
-  o == null || o.findType(b).forEach((a) => {
+  o == null || o.findType(b).forEach((n) => {
     var s;
-    return (s = a.components().at(l)) == null ? void 0 : s.remove(t);
+    return (s = n.components().at(l)) == null ? void 0 : s.remove(t);
   });
 }, J = ({ component: e, editor: t }) => {
   if (!e.is(g)) return;
-  const o = e.closestType(f), l = e.index(), a = (o == null ? void 0 : o.findType(b).map((s) => s.components().at(l))) || [];
-  a.length && t.em.set(D, a);
-}, L = (e) => {
+  const o = e.closestType(f), l = e.index(), n = (o == null ? void 0 : o.findType(b).map((s) => s.components().at(l))) || [];
+  n.length && t.em.set(D, n);
+}, N = (e) => {
   const { component: t, editor: o, after: l } = e;
   if (!t.is(g) || !X(e)) return;
-  const a = x(o), s = t.closestType(f), c = t.index() + (l ? 1 : 0);
-  s == null || s.findType(b).forEach((n, r) => {
-    const d = a[r], u = (d == null ? void 0 : d.clone()) || { type: g };
-    n.append(u, { at: c });
+  const n = B(o), s = t.closestType(f), c = t.index() + (l ? 1 : 0);
+  s == null || s.findType(b).forEach((a, r) => {
+    const h = n[r], v = (h == null ? void 0 : h.clone()) || { type: g };
+    a.append(v, { at: c });
   });
-}, xe = (e) => {
+}, Be = (e) => {
   const { component: t } = e;
   t.is(g) && (J(e), Y({ ...e, opts: { temporary: !0 } }));
-}, Be = (e) => {
+}, Ie = (e) => {
   const t = X(e);
   return [{
     id: i.tableColumnItems,
-    icon: v[i.tableColumn],
+    icon: u[i.tableColumn],
     label: "Column",
     items: [
       {
         id: i.tableColumnInsertBefore,
         label: "Insert column before",
-        icon: v[i.tableColumnInsertBefore],
+        icon: u[i.tableColumnInsertBefore],
         onClick: () => G(e)
       },
       {
         id: i.tableColumnInsertAfter,
         label: "Insert column after",
-        icon: v[i.tableColumnInsertAfter],
+        icon: u[i.tableColumnInsertAfter],
         onClick: () => G({ ...e, after: !0 })
       },
       {
         id: i.tableColumnDelete,
         label: "Delete column",
-        icon: v[i.tableColumnDelete],
+        icon: u[i.tableColumnDelete],
         onClick: () => Y(e)
       },
       {
         id: i.tableColumnCut,
         label: "Cut column",
-        icon: v[i.tableColumnCut],
-        onClick: () => xe(e)
+        icon: u[i.tableColumnCut],
+        onClick: () => Be(e)
       },
       {
         id: i.tableColumnCopy,
         label: "Copy column",
-        icon: v[i.tableColumnCopy],
+        icon: u[i.tableColumnCopy],
         onClick: () => J(e)
       },
       {
         id: i.tableColumnPasteBefore,
         label: "Paste column before",
-        icon: v[i.tableColumnPasteBefore],
+        icon: u[i.tableColumnPasteBefore],
         disabled: !t,
-        onClick: () => L(e)
+        onClick: () => N(e)
       },
       {
         id: i.tableColumnPasteAfter,
         label: "Paste column after",
-        icon: v[i.tableColumnPasteAfter],
+        icon: u[i.tableColumnPasteAfter],
         disabled: !t,
-        onClick: () => L({ ...e, after: !0 })
+        onClick: () => N({ ...e, after: !0 })
       }
     ]
   }];
-}, Q = "Row settings", Ie = (e) => e.every((t) => t.is(b)), P = (e) => {
+}, Q = "Row settings", Me = (e) => e.every((t) => t.is(b)), P = (e) => {
   const { component: t } = e, o = t.is(g), l = t.is(b);
   if (!(!o && !l))
     return l ? t : t.closestType(b);
-}, N = (e) => {
-  const { component: t, editor: o, after: l } = e, a = P(e);
-  if (!a) return;
-  const s = a.index() + (l ? 1 : 0), c = a.components().length, n = Array.from(Array(c).keys()).map(() => ({ type: g })), r = a.parent();
+}, Z = (e) => {
+  const { component: t, editor: o, after: l } = e, n = P(e);
+  if (!n) return;
+  const s = n.index() + (l ? 1 : 0), c = n.components().length, a = Array.from(Array(c).keys()).map(() => ({ type: g })), r = n.parent();
   if (r) {
-    const d = r.append({ type: b, components: n }, { at: s })[0];
-    if (t.is(g) && d) {
-      const u = t.index(), h = d.components().at(u);
-      h && o.select(h);
+    const h = r.append({ type: b, components: a }, { at: s })[0];
+    if (t.is(g) && h) {
+      const v = t.index(), d = h.components().at(v);
+      d && o.select(d);
     }
   }
 }, ee = (e) => {
@@ -328,20 +354,20 @@ const v = {
 }, te = (e) => {
   const t = P(e);
   t && e.editor.em.set(D, [t]);
-}, Z = (e) => {
-  var n;
+}, O = (e) => {
+  var a;
   const { editor: t, after: o } = e, l = P(e);
   if (!l || !le(e)) return;
-  const s = x(t)[0], c = l.index() + (o ? 1 : 0);
-  s && ((n = l.parent()) == null || n.append(s.clone(), { at: c }));
-}, Me = (e) => {
+  const s = B(t)[0], c = l.index() + (o ? 1 : 0);
+  s && ((a = l.parent()) == null || a.append(s.clone(), { at: c }));
+}, ke = (e) => {
   P(e) && (te(e), ee({ ...e, opts: { temporary: !0 } }));
 }, le = ({ editor: e }) => {
-  const t = x(e);
-  return t.length && Ie(t);
+  const t = B(e);
+  return t.length && Me(t);
 }, De = (e) => {
   const t = P(e);
-  t && (e.editor.select(t), k(e, {
+  t && (e.editor.select(t), T(e, {
     id: "tableRowSettings",
     header: { label: Q }
   }));
@@ -349,31 +375,31 @@ const v = {
   const t = le(e);
   return [{
     id: i.tableRowItems,
-    icon: v[i.tableRowProperties],
+    icon: u[i.tableRowProperties],
     label: "Row",
     items: [
       {
         id: i.tableRowInsertBefore,
         label: "Insert row before",
-        icon: v[i.tableRowInsertBefore],
-        onClick: () => N(e)
+        icon: u[i.tableRowInsertBefore],
+        onClick: () => Z(e)
       },
       {
         id: i.tableRowInsertAfter,
         label: "Insert row after",
-        icon: v[i.tableRowInsertAfter],
-        onClick: () => N({ ...e, after: !0 })
+        icon: u[i.tableRowInsertAfter],
+        onClick: () => Z({ ...e, after: !0 })
       },
       {
         id: i.tableRowDelete,
         label: "Delete row",
-        icon: v[i.tableRowDelete],
+        icon: u[i.tableRowDelete],
         onClick: () => ee(e)
       },
       {
         id: i.tableRowProperties,
         label: Q,
-        icon: v[i.tableRowProperties],
+        icon: u[i.tableRowProperties],
         onClick: ({ event: l }) => De({
           ...e,
           // @ts-expect-error workaround for the build
@@ -383,51 +409,51 @@ const v = {
       {
         id: i.tableRowCut,
         label: "Cut row",
-        icon: v[i.tableRowCut],
-        onClick: () => Me(e)
+        icon: u[i.tableRowCut],
+        onClick: () => ke(e)
       },
       {
         id: i.tableRowCopy,
         label: "Copy row",
-        icon: v[i.tableRowCopy],
+        icon: u[i.tableRowCopy],
         onClick: () => te(e)
       },
       {
         id: i.tableRowPasteBefore,
         label: "Paste row before",
-        icon: v[i.tableRowPasteBefore],
+        icon: u[i.tableRowPasteBefore],
         disabled: !t,
-        onClick: () => Z(e)
+        onClick: () => O(e)
       },
       {
         id: i.tableRowPasteAfter,
         label: "Paste row after",
-        icon: v[i.tableRowPasteAfter],
+        icon: u[i.tableRowPasteAfter],
         disabled: !t,
-        onClick: () => Z({ ...e, after: !0 })
+        onClick: () => O({ ...e, after: !0 })
       }
     ]
   }, ...q(e)];
-}, T = (e) => {
+}, L = (e) => {
   const t = e.attributes.attributes || {}, o = parseInt(`${t.rowspan || 1}`, 10), l = parseInt(`${t.colspan || 1}`, 10);
   return { rowspan: o, colspan: l };
 };
-function ae(e) {
+function ne(e) {
   const t = [];
   return e.components().forEach((o, l) => {
-    o.components().each((a, s) => {
-      const { rowspan: c, colspan: n } = T(a);
+    o.components().each((n, s) => {
+      const { rowspan: c, colspan: a } = L(n);
       if (t[l])
         for (; t[l][s]; )
           s++;
       for (let r = l; r < l + c; r++) {
         t[r] || (t[r] = []);
-        for (let d = s; d < s + n; d++)
-          t[r][d] = {
-            real: r === l && d === s,
-            cell: a,
+        for (let h = s; h < s + a; h++)
+          t[r][h] = {
+            real: r === l && h === s,
+            cell: n,
             rowspan: c,
-            colspan: n
+            colspan: a
           };
       }
     });
@@ -437,86 +463,86 @@ function H(e, t, o) {
   var l;
   return (l = e[o]) == null ? void 0 : l[t];
 }
-const M = (e) => e.closestType(b);
-function ke(e, { x: t, y: o, rows: l, cols: a }) {
-  var n;
-  let s = M(e[o][t].cell), c;
+const k = (e) => e.closestType(b);
+function Te(e, { x: t, y: o, rows: l, cols: n }) {
+  var a;
+  let s = k(e[o][t].cell), c;
   for (let r = 1; r <= l; r++)
-    if (s = (n = s == null ? void 0 : s.parent()) == null ? void 0 : n.components().at(s.index() + 1), s) {
+    if (s = (a = s == null ? void 0 : s.parent()) == null ? void 0 : a.components().at(s.index() + 1), s) {
       for (c = t; c >= 0; c--) {
-        const { cell: d } = e[o + r][c], u = M(d);
-        if (u === s) {
-          for (let h = 1; h <= a; h++) {
-            const p = d.index();
-            u.append({ type: g }, { at: p + 1 });
+        const { cell: h } = e[o + r][c], v = k(h);
+        if (v === s) {
+          for (let d = 1; d <= n; d++) {
+            const p = h.index();
+            v.append({ type: g }, { at: p + 1 });
           }
           break;
         }
       }
       if (c === -1) {
-        const u = s.components().at(0).index();
-        for (let h = 1; h <= a; h++)
-          s.append({ type: g }, { at: u });
+        const v = s.components().at(0).index();
+        for (let d = 1; d <= n; d++)
+          s.append({ type: g }, { at: v });
       }
     }
 }
 function se(e) {
   for (let t = 0; t < e.length; t++)
     for (let o = 0; o < e[t].length; o++) {
-      const a = e[t][o].cell;
-      if (a.em.selected.hasComponent(a)) {
-        const { rowspan: s, colspan: c } = T(a);
+      const n = e[t][o].cell;
+      if (n.em.selected.hasComponent(n)) {
+        const { rowspan: s, colspan: c } = L(n);
         if (c > 1 || s > 1) {
-          a.addAttributes({ colspan: 1, rowspan: 1 });
-          for (let n = 0; n < c - 1; n++) {
-            const r = a.index();
-            M(a).append({ type: g }, { at: r + 1 });
+          n.addAttributes({ colspan: 1, rowspan: 1 });
+          for (let a = 0; a < c - 1; a++) {
+            const r = n.index();
+            k(n).append({ type: g }, { at: r + 1 });
           }
-          ke(e, { x: o, y: t, rows: s - 1, cols: c });
+          Te(e, { x: o, y: t, rows: s - 1, cols: c });
         }
       }
     }
 }
-function Te(e) {
+function Le(e) {
   const t = [];
   e.components().forEach((o) => {
     o.components().length || t.push(o);
   }), t.forEach((o) => o.remove());
 }
-const B = (e, t = {}) => {
+const I = (e, t = {}) => {
   var c;
-  const o = ae(e), { em: l } = e;
-  let a, s;
-  for (let n = 0; n < o.length; n++)
-    for (let r = 0; r < o[n].length; r++) {
-      const d = o[n][r];
-      if ((c = t.selected) != null && c.includes(d.cell) || l.selected.hasComponent(d.cell)) {
-        const u = { x: r, y: n };
-        a || (a = u), s = u;
+  const o = ne(e), { em: l } = e;
+  let n, s;
+  for (let a = 0; a < o.length; a++)
+    for (let r = 0; r < o[a].length; r++) {
+      const h = o[a][r];
+      if ((c = t.selected) != null && c.includes(h.cell) || l.selected.hasComponent(h.cell)) {
+        const v = { x: r, y: a };
+        n || (n = v), s = v;
       }
     }
   return {
     grid: o,
-    startPos: a,
+    startPos: n,
     endPos: s
   };
 };
 function Se(e, t = {}) {
-  const o = B(e), { startPos: l, endPos: a } = o;
+  const o = I(e), { startPos: l, endPos: n } = o;
   let { grid: s } = o;
   const { em: c } = e;
-  if (!l || !a)
+  if (!l || !n)
     return;
-  const n = l.x, r = l.y, d = a.x, u = a.y, h = H(s, n, r), p = H(s, d, u);
-  if (h && p) {
-    se(s), s = ae(e);
-    const V = [], m = H(s, n, r).cell;
+  const a = l.x, r = l.y, h = n.x, v = n.y, d = H(s, a, r), p = H(s, h, v);
+  if (d && p) {
+    se(s), s = ne(e);
+    const V = [], m = H(s, a, r).cell;
     m.addAttributes({
-      colspan: d - n + 1,
-      rowspan: u - r + 1
+      colspan: h - a + 1,
+      rowspan: v - r + 1
     });
-    for (let w = r; w <= u; w++)
-      for (let y = n; y <= d; y++) {
+    for (let w = r; w <= v; w++)
+      for (let y = a; y <= h; y++) {
         const z = H(s, y, w);
         if (!z) continue;
         const { cell: A } = z;
@@ -524,54 +550,54 @@ function Se(e, t = {}) {
       }
     V.forEach((w) => {
       t.mergeContent && m.append(w.components().models), w.remove();
-    }), c.setSelected(m), Te(e);
+    }), c.setSelected(m), Le(e);
   }
 }
-const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e.closestType(b), R = (e) => {
+const ae = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Ne = (e) => e.closestType(b), R = (e) => {
   var t;
-  return (t = Le(e)) == null ? void 0 : t.parent();
-}, Ne = (e) => {
+  return (t = Ne(e)) == null ? void 0 : t.parent();
+}, Ze = (e) => {
   const t = e.editor.getSelectedAll(), o = R(t[0]), l = t[0];
   if (!o || !(l != null && l.is(g)) || t.length > 1)
     return !1;
-  const { rowspan: a, colspan: s } = T(l);
-  return !(s < 2 && a < 2);
-}, Ze = (e) => {
-  const o = e.editor.getSelectedAll()[0], l = R(o), { grid: a } = B(l);
-  se(a);
+  const { rowspan: n, colspan: s } = L(l);
+  return !(s < 2 && n < 2);
+}, Oe = (e) => {
+  const o = e.editor.getSelectedAll()[0], l = R(o), { grid: n } = I(l);
+  se(n);
 }, re = (e) => {
   const t = e.editor.getSelectedAll(), o = R(t[0]);
-  if (!o || t.length < 2 || t.some((n) => !n.is(g) || R(n) !== o))
+  if (!o || t.length < 2 || t.some((a) => !a.is(g) || R(a) !== o))
     return !1;
-  const { grid: l, startPos: a, endPos: s } = B(o), { em: c } = o;
-  if (!a || !s) return !1;
-  for (let n = a.y; n <= s.y; n++)
-    for (let r = a.x; r <= s.x; r++) {
-      const d = H(l, r, n);
-      if (!d || !c.selected.hasComponent(d.cell))
+  const { grid: l, startPos: n, endPos: s } = I(o), { em: c } = o;
+  if (!n || !s) return !1;
+  for (let a = n.y; a <= s.y; a++)
+    for (let r = n.x; r <= s.x; r++) {
+      const h = H(l, r, a);
+      if (!h || !c.selected.hasComponent(h.cell))
         return !1;
     }
   return !0;
-}, Oe = (e) => {
+}, Fe = (e) => {
   const { editor: t } = e;
   if (!re(e)) return;
   const o = t.getSelectedAll(), l = R(o[0]);
   Se(l, { mergeContent: !0 });
-}, Fe = (e) => {
-  k(e, {
+}, Ue = (e) => {
+  T(e, {
     id: "tableCellSettings",
-    header: { label: ne }
+    header: { label: ae }
   });
-}, Ue = (e) => [{
+}, $e = (e) => [{
   id: i.tableCellItems,
-  icon: v[i.tableCellProperties],
+  icon: u[i.tableCellProperties],
   label: "Cell",
   items: [
     {
       id: i.tableCellProperties,
-      label: ne,
-      icon: v[i.tableCellProperties],
-      onClick: ({ event: o }) => Fe({
+      label: ae,
+      icon: u[i.tableCellProperties],
+      onClick: ({ event: o }) => Ue({
         ...e,
         // @ts-expect-error workaround for the build
         event: o
@@ -580,38 +606,38 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
     {
       id: i.tableCellMerge,
       label: Ee,
-      icon: v[i.tableCellMerge],
-      onClick: () => Oe(e),
+      icon: u[i.tableCellMerge],
+      onClick: () => Fe(e),
       disabled: !re(e)
     },
     {
       id: i.tableCellSplit,
       label: Ge,
-      icon: v[i.tableCellSplit],
-      onClick: () => Ze(e),
-      disabled: !Ne(e)
+      icon: u[i.tableCellSplit],
+      onClick: () => Oe(e),
+      disabled: !Ze(e)
     }
   ]
-}, ...Be(e), ...oe(e)], $e = (e) => {
+}, ...Ie(e), ...oe(e)], We = (e) => {
   const t = e[0] && R(e[0]);
   if (!t) return;
-  const { grid: o, startPos: l, endPos: a } = B(t, { selected: e });
-  if (!l || !a) return;
+  const { grid: o, startPos: l, endPos: n } = I(t, { selected: e });
+  if (!l || !n) return;
   const s = [];
-  for (let c = l.y; c <= a.y; c++)
-    for (let n = l.x; n <= a.x; n++) {
-      const r = H(o, n, c);
+  for (let c = l.y; c <= n.y; c++)
+    for (let a = l.x; a <= n.x; a++) {
+      const r = H(o, a, c);
       r && s.push(r.cell);
     }
   s.length && t.em.setSelected(s, {
     // @ts-expect-error custom option
     fromCell: !0
   });
-}, We = function(e, t = {}) {
+}, _e = function(e, t = {}) {
   const o = {
     block: {},
     ...t
-  }, { Components: l } = e, a = {
+  }, { Components: l } = e, n = {
     copyable: !1,
     emptyState: !0,
     highlightable: !1,
@@ -632,7 +658,7 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
   l.addType(f, {
     block: o.block && {
       label: "Table",
-      media: v.table,
+      media: u.table,
       category: "Extra",
       content: {
         type: f,
@@ -645,7 +671,7 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
       defaults: {
         emptyState: !0,
         highlightable: !1,
-        icon: v.table,
+        icon: u.table,
         stylable: [
           "width",
           "height",
@@ -679,22 +705,22 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
             id: "tableCaption",
             type: "checkbox",
             label: "Caption",
-            setValue({ component: c, value: n, emitUpdate: r }) {
-              const d = c.find("caption")[0];
-              n ? !d && c.append({
+            setValue({ component: c, value: a, emitUpdate: r }) {
+              const h = c.find("caption")[0];
+              a ? !h && c.append({
                 type: "text",
                 tagName: "caption",
                 components: { type: "textnode", content: "Caption" }
-              }) : d == null || d.remove(), r(), e.refresh({ tools: !0 });
+              }) : h == null || h.remove(), r(), e.refresh({ tools: !0 });
             },
             getValue(c) {
               return !!c.component.find("caption")[0];
             }
           }
         ],
-        components: Ve(I, { rows: 5 }),
-        contextMenu: ({ items: c, editor: n, component: r }) => [
-          ...q({ editor: n, component: r, opts: o }),
+        components: ze(M, { rows: 5 }),
+        contextMenu: ({ items: c, editor: a, component: r }) => [
+          ...q({ editor: a, component: r, opts: o }),
           ...c
         ]
       }
@@ -702,34 +728,34 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
   }), l.addType(W, {
     model: {
       defaults: {
-        icon: v.tableHead,
-        ...a
+        icon: u.tableHead,
+        ...n
       }
     }
   }), l.addType(_, {
     model: {
       defaults: {
-        icon: v.tableFoot,
-        ...a
+        icon: u.tableFoot,
+        ...n
       }
     }
-  }), l.addType(I, {
+  }), l.addType(M, {
     model: {
       defaults: {
-        icon: v.tableRowProperties,
-        ...a
+        icon: u.tableRowProperties,
+        ...n
       }
     }
   }), l.addType(b, {
     model: {
       defaults: {
-        icon: v.tableRowProperties,
+        icon: u.tableRowProperties,
         emptyState: !0,
         highlightable: !1,
         stylable: ["height", "text-align", "border-width", "border-style", "border-color"],
         traits: [],
-        contextMenu: ({ items: c, editor: n, component: r }) => [
-          ...oe({ editor: n, component: r, opts: o }),
+        contextMenu: ({ items: c, editor: a, component: r }) => [
+          ...oe({ editor: a, component: r, opts: o }),
           ...c
         ]
       }
@@ -737,7 +763,7 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
   }), l.addType(g, {
     model: {
       defaults: {
-        icon: v.tableCellProperties,
+        icon: u.tableCellProperties,
         emptyState: {
           styleOut: "height: 1px"
         },
@@ -779,30 +805,30 @@ const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e
             name: "scope"
           }
         ],
-        contextMenu: ({ items: c, editor: n, component: r }) => [
-          ...Ue({ editor: n, component: r, opts: o }),
+        contextMenu: ({ items: c, editor: a, component: r }) => [
+          ...$e({ editor: a, component: r, opts: o }),
           ...c
         ]
       }
     }
   });
-  const s = ce((c, n) => {
-    var h;
-    const r = e.getSelectedAll(), d = !!((h = n == null ? void 0 : n.event) != null && h.shiftKey);
-    if (r.length < 2 || !d || n.fromCell) return;
-    const u = r.map((p) => p.is(g) ? p : p.closestType(g)).filter(Boolean);
-    u.length === r.length && $e(u);
+  const s = ce((c, a) => {
+    var d;
+    const r = e.getSelectedAll(), h = !!((d = a == null ? void 0 : a.event) != null && d.shiftKey);
+    if (r.length < 2 || !h || a.fromCell) return;
+    const v = r.map((p) => p.is(g) ? p : p.closestType(g)).filter(Boolean);
+    v.length === r.length && We(v);
   }, 0);
   e.on("component:select", s), we({
     editor: e,
-    plan: He,
-    pluginName: Ce,
+    plan: Re,
+    pluginName: He,
     licenseKey: o.licenseKey,
     cleanup: () => {
-      e.off("component:select", s), e.Blocks.remove(f), Re.forEach((c) => l.removeType(c));
+      e.off("component:select", s), e.Blocks.remove(f), Pe.forEach((c) => l.removeType(c));
     }
   });
-}, _e = me(We);
+}, je = me(_e);
 export {
-  _e as default
+  je as default
 };