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

package/dist/tableComponent/index.es.js

@@ -1,18 +1,18 @@
-function re(e, t, o) {
-  let l, n, s, r, a;
-  const c = t;
+function ce(e, t, o) {
+  let l, a, s, c, n;
+  const r = t;
   function h() {
-    const u = Date.now() - r;
-    u < c && u >= 0 ? l = setTimeout(h, c - u) : (l = null, a = e.apply(s, n), s = n = null);
+    const d = Date.now() - c;
+    d < r && d >= 0 ? l = setTimeout(h, r - d) : (l = null, n = e.apply(s, a), s = a = null);
   }
-  const d = function() {
-    return s = this, n = arguments, r = Date.now(), l || (l = setTimeout(h, c)), a;
+  const u = function() {
+    return s = this, a = arguments, c = Date.now(), l || (l = setTimeout(h, r)), n;
   };
-  return d.clear = function() {
+  return u.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, d.flush = function() {
-    l && (a = e.apply(s, n), s = n = null, clearTimeout(l), l = null);
-  }, d;
+  }, u.flush = function() {
+    l && (n = e.apply(s, a), s = a = null, clearTimeout(l), l = null);
+  }, u;
 }
 const O = "app.grapesjs.com", F = "app-stage.grapesjs.com", ie = "app2.grapesjs.com", he = "app-stage2.grapesjs.com", S = [
   O,
@@ -27,7 +27,11 @@ const O = "app.grapesjs.com", F = "app-stage.grapesjs.com", ie = "app2.grapesjs.
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], de = "license:check:start", ve = "license:check:end", ue = () => typeof window < "u", be = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? F : O}`}/api`, ge = () => {
+], de = "license:check:start", ve = "license:check:end", ue = () => typeof window < "u", be = ({
+  isDev: e,
+  isStage: t,
+  isPlatform: o
+}) => `${e ? "" : `https://${t ? F : O}`}/${o ? "platform-api" : "api"}`, ge = () => {
   const e = ue() && window.location.hostname;
   return !!e && (S.includes(e) || S.some((t) => e.endsWith(t)));
 };
@@ -39,28 +43,28 @@ async function pe({
   baseApiUrl: t,
   method: o = "GET",
   headers: l = {},
-  params: n,
+  params: a,
   body: s
 }) {
-  const a = `${t || be({ isDev: !1, isStage: !1 })}${e}`, c = {
+  const n = `${t || be({ isDev: !1, isStage: !1 })}${e}`, r = {
     method: o,
     headers: {
       "Content-Type": "application/json",
       ...l
     }
   };
-  s && (c.body = JSON.stringify(s));
-  const h = n ? new URLSearchParams(n).toString() : "", d = h ? `?${h}` : "", u = await fetch(`${a}${d}`, c);
-  if (!u.ok)
-    throw new Error(`HTTP error! status: ${u.status}`);
-  return u.json();
+  s && (r.body = JSON.stringify(s));
+  const h = a ? new URLSearchParams(a).toString() : "", u = h ? `?${h}` : "", d = await fetch(`${n}${u}`, r);
+  if (!d.ok)
+    throw new Error(`HTTP error! status: ${d.status}`);
+  return d.json();
 }
-var y = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", 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.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))($ || {});
-const L = {
-  [y.free]: 0,
-  [y.startup]: 10,
-  [y.business]: 20,
-  [y.enterprise]: 30
+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.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))($ || {});
+const E = {
+  [C.free]: 0,
+  [C.startup]: 10,
+  [C.business]: 20,
+  [C.enterprise]: 30
 };
 function fe(e) {
   const t = e;
@@ -72,33 +76,34 @@ async function we({
   plan: t,
   pluginName: o,
   licenseKey: l,
-  cleanup: n
+  onLicenseCheckResponse: a,
+  cleanup: s
 }) {
-  let s = "", r = !1;
-  const a = ge(), c = (d) => {
-    console.warn("Cleanup plugin:", o, "Reason:", d), n();
-  }, h = (d = {}) => {
-    var m;
-    const { error: u, sdkLicense: f } = d, w = (m = d.plan) == null ? void 0 : m.category;
-    if (!(f || d.license) || u)
-      c(u || "Invalid license");
-    else if (w) {
-      const V = L[t], z = L[w];
-      V > z && c({ pluginRequiredPlan: t, licensePlan: w });
+  let c = "", n = !1;
+  const r = ge(), h = (d) => {
+    console.warn("Cleanup plugin:", o, "Reason:", d), s();
+  }, u = (d = {}) => {
+    var y;
+    const { error: p, sdkLicense: V } = d, m = (y = d.plan) == null ? void 0 : y.category;
+    if (!(V || d.license) || p)
+      h(p || "Invalid license");
+    else if (m) {
+      const z = E[t], A = E[m];
+      z > A && h({ pluginRequiredPlan: t, licensePlan: m });
     }
   };
   e.on(de, (d) => {
-    s = d == null ? void 0 : d.baseApiUrl, r = !0;
+    c = d == null ? void 0 : d.baseApiUrl, n = !0;
   }), e.on(ve, (d) => {
-    h(d);
+    a == null || a(d), u(d);
   }), setTimeout(async () => {
-    if (!r) {
-      if (a) return;
+    if (!n) {
+      if (r) return;
       if (l) {
-        const d = await ye({ licenseKey: l, pluginName: o, baseApiUrl: s });
-        d && h(d);
+        const d = await ye({ licenseKey: l, pluginName: o, baseApiUrl: c });
+        a == null || a(d), d && u(d);
       } else
-        c("The `licenseKey` option not provided");
+        h("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
@@ -114,11 +119,11 @@ async function ye(e) {
         pn: o
       }
     })).result || {};
-  } catch (n) {
-    return console.error("Error during SDK license check:", n), !1;
+  } catch (a) {
+    return console.error("Error during SDK license check:", a), !1;
   }
 }
-const Ce = "tableComponent", He = y.startup;
+const Ce = "tableComponent", He = 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 = {
   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>',
@@ -148,10 +153,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>'
-}, p = "table", W = "thead", _ = "tfoot", B = "tbody", g = "row", b = "cell", M = "clipboardTable", Re = [p, W, _, B, g, b], A = (e) => e.em.get(M) || [], Pe = (e) => e.every((t) => t.is(b)), k = (e, t) => {
-  const { editor: o, event: l, opts: n } = e, s = l.currentTarget || l.target, { x: r, y: a, width: c, height: h } = s.getBoundingClientRect(), d = {
+}, f = "table", W = "thead", _ = "tfoot", I = "tbody", g = "row", b = "cell", D = "clipboardTable", Re = [f, W, _, I, g, b], x = (e) => e.em.get(D) || [], Pe = (e) => e.every((t) => t.is(b)), k = (e, t) => {
+  const { editor: o, event: l, opts: a } = e, s = l.currentTarget || l.target, { x: c, y: n, width: r, height: h } = s.getBoundingClientRect(), u = {
     style: { width: 240, height: 300 },
-    placer: { type: "popover", closeOnClickAway: !0, x: r, y: a, w: c, h },
+    placer: { type: "popover", closeOnClickAway: !0, x: c, y: n, w: r, h },
     layout: {
       type: "tabs",
       value: "props",
@@ -170,23 +175,23 @@ const v = {
     },
     ...t
   };
-  U(n.openSettings) ? n.openSettings({ ...e, layoutProps: d }) : o.runCommand($.layoutToggle, d);
+  U(a.openSettings) ? a.openSettings({ ...e, layoutProps: u }) : o.runCommand($.layoutToggle, u);
 }, Ve = (e, {
   rows: t = 1,
   cells: o = 5,
   text: l
 } = {}) => ({
   type: e,
-  components: Array.from(Array(t).keys()).map((n) => ({
+  components: Array.from(Array(t).keys()).map((a) => ({
     type: g,
     components: Array.from(Array(o).keys()).map((s) => ({
       type: b,
-      components: l ? { type: "text", content: U(l) ? l({ y: n, x: s }) : l } : void 0
+      components: l ? { type: "text", content: U(l) ? l({ y: a, x: s }) : l } : void 0
     }))
   }))
 }), j = "Table settings", K = (e) => {
   const { component: t } = e;
-  return t.is(p) ? t : t.closestType(p);
+  return t.is(f) ? t : t.closestType(f);
 }, ze = (e) => {
   var t;
   (t = K(e)) == null || t.remove(e.opts);
@@ -219,32 +224,32 @@ const v = {
     }
   ]
 }], X = ({ editor: e }) => {
-  const t = A(e);
+  const t = x(e);
   return t.length && Pe(t);
-}, E = ({ component: e, editor: t, after: o }) => {
+}, G = ({ component: e, editor: t, after: o }) => {
   if (!e.is(b)) return;
-  const l = e.closestType(p), n = e.closestType(g), s = e.index() + (o ? 1 : 0);
-  l == null || l.findType(g).forEach((a) => a.append({ type: b }, { at: s }));
-  const r = n == null ? void 0 : n.components().at(s);
-  r && t.select(r);
+  const l = e.closestType(f), a = e.closestType(g), s = e.index() + (o ? 1 : 0);
+  l == null || l.findType(g).forEach((n) => n.append({ type: b }, { at: s }));
+  const c = a == null ? void 0 : a.components().at(s);
+  c && t.select(c);
 }, Y = ({ component: e, opts: t }) => {
   if (!e.is(b)) return;
-  const o = e.closestType(p), l = e.index();
-  o == null || o.findType(g).forEach((n) => {
+  const o = e.closestType(f), l = e.index();
+  o == null || o.findType(g).forEach((a) => {
     var s;
-    return (s = n.components().at(l)) == null ? void 0 : s.remove(t);
+    return (s = a.components().at(l)) == null ? void 0 : s.remove(t);
   });
 }, J = ({ component: e, editor: t }) => {
   if (!e.is(b)) return;
-  const o = e.closestType(p), l = e.index(), n = (o == null ? void 0 : o.findType(g).map((s) => s.components().at(l))) || [];
-  n.length && t.em.set(M, n);
-}, G = (e) => {
+  const o = e.closestType(f), l = e.index(), a = (o == null ? void 0 : o.findType(g).map((s) => s.components().at(l))) || [];
+  a.length && t.em.set(D, a);
+}, L = (e) => {
   const { component: t, editor: o, after: l } = e;
   if (!t.is(b) || !X(e)) return;
-  const n = A(o), s = t.closestType(p), r = t.index() + (l ? 1 : 0);
-  s == null || s.findType(g).forEach((a, c) => {
-    const h = n[c], d = (h == null ? void 0 : h.clone()) || { type: b };
-    a.append(d, { at: r });
+  const a = x(o), s = t.closestType(f), c = t.index() + (l ? 1 : 0);
+  s == null || s.findType(g).forEach((n, r) => {
+    const h = a[r], u = (h == null ? void 0 : h.clone()) || { type: b };
+    n.append(u, { at: c });
   });
 }, xe = (e) => {
   const { component: t } = e;
@@ -260,13 +265,13 @@ const v = {
         id: i.tableColumnInsertBefore,
         label: "Insert column before",
         icon: v[i.tableColumnInsertBefore],
-        onClick: () => E(e)
+        onClick: () => G(e)
       },
       {
         id: i.tableColumnInsertAfter,
         label: "Insert column after",
         icon: v[i.tableColumnInsertAfter],
-        onClick: () => E({ ...e, after: !0 })
+        onClick: () => G({ ...e, after: !0 })
       },
       {
         id: i.tableColumnDelete,
@@ -291,51 +296,51 @@ const v = {
         label: "Paste column before",
         icon: v[i.tableColumnPasteBefore],
         disabled: !t,
-        onClick: () => G(e)
+        onClick: () => L(e)
       },
       {
         id: i.tableColumnPasteAfter,
         label: "Paste column after",
         icon: v[i.tableColumnPasteAfter],
         disabled: !t,
-        onClick: () => G({ ...e, after: !0 })
+        onClick: () => L({ ...e, after: !0 })
       }
     ]
   }];
-}, Q = "Row settings", Ie = (e) => e.every((t) => t.is(g)), R = (e) => {
+}, Q = "Row settings", Ie = (e) => e.every((t) => t.is(g)), P = (e) => {
   const { component: t } = e, o = t.is(b), l = t.is(g);
   if (!(!o && !l))
     return l ? t : t.closestType(g);
 }, N = (e) => {
-  const { component: t, editor: o, after: l } = e, n = R(e);
-  if (!n) return;
-  const s = n.index() + (l ? 1 : 0), r = n.components().length, a = Array.from(Array(r).keys()).map(() => ({ type: b })), c = n.parent();
-  if (c) {
-    const h = c.append({ type: g, components: a }, { at: s })[0];
+  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: b })), r = a.parent();
+  if (r) {
+    const h = r.append({ type: g, components: n }, { at: s })[0];
     if (t.is(b) && h) {
-      const d = t.index(), u = h.components().at(d);
-      u && o.select(u);
+      const u = t.index(), d = h.components().at(u);
+      d && o.select(d);
     }
   }
 }, ee = (e) => {
   var t;
-  (t = R(e)) == null || t.remove(e.opts);
+  (t = P(e)) == null || t.remove(e.opts);
 }, te = (e) => {
-  const t = R(e);
-  t && e.editor.em.set(M, [t]);
+  const t = P(e);
+  t && e.editor.em.set(D, [t]);
 }, Z = (e) => {
-  var a;
-  const { editor: t, after: o } = e, l = R(e);
+  var n;
+  const { editor: t, after: o } = e, l = P(e);
   if (!l || !le(e)) return;
-  const s = A(t)[0], r = l.index() + (o ? 1 : 0);
-  s && ((a = l.parent()) == null || a.append(s.clone(), { at: r }));
+  const s = x(t)[0], c = l.index() + (o ? 1 : 0);
+  s && ((n = l.parent()) == null || n.append(s.clone(), { at: c }));
 }, Me = (e) => {
-  R(e) && (te(e), ee({ ...e, opts: { temporary: !0 } }));
+  P(e) && (te(e), ee({ ...e, opts: { temporary: !0 } }));
 }, le = ({ editor: e }) => {
-  const t = A(e);
+  const t = x(e);
   return t.length && Ie(t);
-}, ke = (e) => {
-  const t = R(e);
+}, De = (e) => {
+  const t = P(e);
   t && (e.editor.select(t), k(e, {
     id: "tableRowSettings",
     header: { label: Q }
@@ -369,7 +374,7 @@ const v = {
         id: i.tableRowProperties,
         label: Q,
         icon: v[i.tableRowProperties],
-        onClick: ({ event: l }) => ke({
+        onClick: ({ event: l }) => De({
           ...e,
           // @ts-expect-error workaround for the build
           event: l
@@ -403,71 +408,71 @@ const v = {
       }
     ]
   }, ...q(e)];
-}, D = (e) => {
+}, T = (e) => {
   const t = e.attributes.attributes || {}, o = parseInt(`${t.rowspan || 1}`, 10), l = parseInt(`${t.colspan || 1}`, 10);
   return { rowspan: o, colspan: l };
 };
-function se(e) {
+function ae(e) {
   const t = [];
   return e.components().forEach((o, l) => {
-    o.components().each((n, s) => {
-      const { rowspan: r, colspan: a } = D(n);
+    o.components().each((a, s) => {
+      const { rowspan: c, colspan: n } = T(a);
       if (t[l])
         for (; t[l][s]; )
           s++;
-      for (let c = l; c < l + r; c++) {
-        t[c] || (t[c] = []);
-        for (let h = s; h < s + a; h++)
-          t[c][h] = {
-            real: c === l && h === s,
-            cell: n,
-            rowspan: r,
-            colspan: a
+      for (let r = l; r < l + c; r++) {
+        t[r] || (t[r] = []);
+        for (let h = s; h < s + n; h++)
+          t[r][h] = {
+            real: r === l && h === s,
+            cell: a,
+            rowspan: c,
+            colspan: n
           };
       }
     });
   }), t;
 }
-function C(e, t, o) {
+function H(e, t, o) {
   var l;
   return (l = e[o]) == null ? void 0 : l[t];
 }
-const I = (e) => e.closestType(g);
-function De(e, { x: t, y: o, rows: l, cols: n }) {
-  var a;
-  let s = I(e[o][t].cell), r;
-  for (let c = 1; c <= l; c++)
-    if (s = (a = s == null ? void 0 : s.parent()) == null ? void 0 : a.components().at(s.index() + 1), s) {
-      for (r = t; r >= 0; r--) {
-        const { cell: h } = e[o + c][r], d = I(h);
-        if (d === s) {
-          for (let u = 1; u <= n; u++) {
-            const f = h.index();
-            d.append({ type: b }, { at: f + 1 });
+const M = (e) => e.closestType(g);
+function ke(e, { x: t, y: o, rows: l, cols: a }) {
+  var n;
+  let s = M(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) {
+      for (c = t; c >= 0; c--) {
+        const { cell: h } = e[o + r][c], u = M(h);
+        if (u === s) {
+          for (let d = 1; d <= a; d++) {
+            const p = h.index();
+            u.append({ type: b }, { at: p + 1 });
           }
           break;
         }
       }
-      if (r === -1) {
-        const d = s.components().at(0).index();
-        for (let u = 1; u <= n; u++)
-          s.append({ type: b }, { at: d });
+      if (c === -1) {
+        const u = s.components().at(0).index();
+        for (let d = 1; d <= a; d++)
+          s.append({ type: b }, { at: u });
       }
     }
 }
-function ne(e) {
+function se(e) {
   for (let t = 0; t < e.length; t++)
     for (let o = 0; o < e[t].length; o++) {
-      const n = e[t][o].cell;
-      if (n.em.selected.hasComponent(n)) {
-        const { rowspan: s, colspan: r } = D(n);
-        if (r > 1 || s > 1) {
-          n.addAttributes({ colspan: 1, rowspan: 1 });
-          for (let a = 0; a < r - 1; a++) {
-            const c = n.index();
-            I(n).append({ type: b }, { at: c + 1 });
+      const a = e[t][o].cell;
+      if (a.em.selected.hasComponent(a)) {
+        const { rowspan: s, colspan: c } = T(a);
+        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: b }, { at: r + 1 });
           }
-          De(e, { x: o, y: t, rows: s - 1, cols: r });
+          ke(e, { x: o, y: t, rows: s - 1, cols: c });
         }
       }
     }
@@ -478,84 +483,84 @@ function Te(e) {
     o.components().length || t.push(o);
   }), t.forEach((o) => o.remove());
 }
-const x = (e, t = {}) => {
-  var r;
-  const o = se(e), { em: l } = e;
-  let n, s;
-  for (let a = 0; a < o.length; a++)
-    for (let c = 0; c < o[a].length; c++) {
-      const h = o[a][c];
-      if ((r = t.selected) != null && r.includes(h.cell) || l.selected.hasComponent(h.cell)) {
-        const d = { x: c, y: a };
-        n || (n = d), s = d;
+const B = (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 h = o[n][r];
+      if ((c = t.selected) != null && c.includes(h.cell) || l.selected.hasComponent(h.cell)) {
+        const u = { x: r, y: n };
+        a || (a = u), s = u;
       }
     }
   return {
     grid: o,
-    startPos: n,
+    startPos: a,
     endPos: s
   };
 };
 function Se(e, t = {}) {
-  const o = x(e), { startPos: l, endPos: n } = o;
+  const o = B(e), { startPos: l, endPos: a } = o;
   let { grid: s } = o;
-  const { em: r } = e;
-  if (!l || !n)
+  const { em: c } = e;
+  if (!l || !a)
     return;
-  const a = l.x, c = l.y, h = n.x, d = n.y, u = C(s, a, c), f = C(s, h, d);
-  if (u && f) {
-    ne(s), s = se(e);
-    const w = [], P = C(s, a, c).cell;
-    P.addAttributes({
-      colspan: h - a + 1,
-      rowspan: d - c + 1
+  const n = l.x, r = l.y, h = a.x, u = a.y, d = H(s, n, r), p = H(s, h, u);
+  if (d && p) {
+    se(s), s = ae(e);
+    const V = [], m = H(s, n, r).cell;
+    m.addAttributes({
+      colspan: h - n + 1,
+      rowspan: u - r + 1
     });
-    for (let m = c; m <= d; m++)
-      for (let V = a; V <= h; V++) {
-        const z = C(s, V, m);
+    for (let w = r; w <= u; w++)
+      for (let y = n; y <= h; y++) {
+        const z = H(s, y, w);
         if (!z) continue;
-        const { cell: T } = z;
-        T !== P && w.push(T);
+        const { cell: A } = z;
+        A !== m && V.push(A);
       }
-    w.forEach((m) => {
-      t.mergeContent && P.append(m.components().models), m.remove();
-    }), r.setSelected(P), Te(e);
+    V.forEach((w) => {
+      t.mergeContent && m.append(w.components().models), w.remove();
+    }), c.setSelected(m), Te(e);
   }
 }
-const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e.closestType(g), H = (e) => {
+const ne = "Cell settings", Ee = "Merge cells", Ge = "Split cell", Le = (e) => e.closestType(g), R = (e) => {
   var t;
-  return (t = Ge(e)) == null ? void 0 : t.parent();
+  return (t = Le(e)) == null ? void 0 : t.parent();
 }, Ne = (e) => {
-  const t = e.editor.getSelectedAll(), o = H(t[0]), l = t[0];
+  const t = e.editor.getSelectedAll(), o = R(t[0]), l = t[0];
   if (!o || !(l != null && l.is(b)) || t.length > 1)
     return !1;
-  const { rowspan: n, colspan: s } = D(l);
-  return !(s < 2 && n < 2);
+  const { rowspan: a, colspan: s } = T(l);
+  return !(s < 2 && a < 2);
 }, Ze = (e) => {
-  const o = e.editor.getSelectedAll()[0], l = H(o), { grid: n } = x(l);
-  ne(n);
-}, ce = (e) => {
-  const t = e.editor.getSelectedAll(), o = H(t[0]);
-  if (!o || t.length < 2 || t.some((a) => !a.is(b) || H(a) !== o))
+  const o = e.editor.getSelectedAll()[0], l = R(o), { grid: a } = B(l);
+  se(a);
+}, re = (e) => {
+  const t = e.editor.getSelectedAll(), o = R(t[0]);
+  if (!o || t.length < 2 || t.some((n) => !n.is(b) || R(n) !== o))
     return !1;
-  const { grid: l, startPos: n, endPos: s } = x(o), { em: r } = o;
-  if (!n || !s) return !1;
-  for (let a = n.y; a <= s.y; a++)
-    for (let c = n.x; c <= s.x; c++) {
-      const h = C(l, c, a);
-      if (!h || !r.selected.hasComponent(h.cell))
+  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 h = H(l, r, n);
+      if (!h || !c.selected.hasComponent(h.cell))
         return !1;
     }
   return !0;
 }, Oe = (e) => {
   const { editor: t } = e;
-  if (!ce(e)) return;
-  const o = t.getSelectedAll(), l = H(o[0]);
+  if (!re(e)) return;
+  const o = t.getSelectedAll(), l = R(o[0]);
   Se(l, { mergeContent: !0 });
 }, Fe = (e) => {
   k(e, {
     id: "tableCellSettings",
-    header: { label: ae }
+    header: { label: ne }
   });
 }, Ue = (e) => [{
   id: i.tableCellItems,
@@ -564,7 +569,7 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
   items: [
     {
       id: i.tableCellProperties,
-      label: ae,
+      label: ne,
       icon: v[i.tableCellProperties],
       onClick: ({ event: o }) => Fe({
         ...e,
@@ -574,29 +579,29 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
     },
     {
       id: i.tableCellMerge,
-      label: Le,
+      label: Ee,
       icon: v[i.tableCellMerge],
       onClick: () => Oe(e),
-      disabled: !ce(e)
+      disabled: !re(e)
     },
     {
       id: i.tableCellSplit,
-      label: Ee,
+      label: Ge,
       icon: v[i.tableCellSplit],
       onClick: () => Ze(e),
       disabled: !Ne(e)
     }
   ]
 }, ...Be(e), ...oe(e)], $e = (e) => {
-  const t = e[0] && H(e[0]);
+  const t = e[0] && R(e[0]);
   if (!t) return;
-  const { grid: o, startPos: l, endPos: n } = x(t, { selected: e });
-  if (!l || !n) return;
+  const { grid: o, startPos: l, endPos: a } = B(t, { selected: e });
+  if (!l || !a) return;
   const s = [];
-  for (let r = l.y; r <= n.y; r++)
-    for (let a = l.x; a <= n.x; a++) {
-      const c = C(o, a, r);
-      c && s.push(c.cell);
+  for (let c = l.y; c <= a.y; c++)
+    for (let n = l.x; n <= a.x; n++) {
+      const r = H(o, n, c);
+      r && s.push(r.cell);
     }
   s.length && t.em.setSelected(s, {
     // @ts-expect-error custom option
@@ -606,7 +611,7 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
   const o = {
     block: {},
     ...t
-  }, { Components: l } = e, n = {
+  }, { Components: l } = e, a = {
     copyable: !1,
     emptyState: !0,
     highlightable: !1,
@@ -624,13 +629,13 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
       "border-color"
     ]
   };
-  l.addType(p, {
+  l.addType(f, {
     block: o.block && {
       label: "Table",
       media: v.table,
       category: "Extra",
       content: {
-        type: p,
+        type: f,
         style: { width: "100%" }
       },
       select: !0,
@@ -674,23 +679,23 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
             id: "tableCaption",
             type: "checkbox",
             label: "Caption",
-            setValue({ component: r, value: a, emitUpdate: c }) {
-              const h = r.find("caption")[0];
-              a ? !h && r.append({
+            setValue({ component: c, value: n, emitUpdate: r }) {
+              const h = c.find("caption")[0];
+              n ? !h && c.append({
                 type: "text",
                 tagName: "caption",
                 components: { type: "textnode", content: "Caption" }
-              }) : h == null || h.remove(), c(), e.refresh({ tools: !0 });
+              }) : h == null || h.remove(), r(), e.refresh({ tools: !0 });
             },
-            getValue(r) {
-              return !!r.component.find("caption")[0];
+            getValue(c) {
+              return !!c.component.find("caption")[0];
             }
           }
         ],
-        components: Ve(B, { rows: 5 }),
-        contextMenu: ({ items: r, editor: a, component: c }) => [
-          ...q({ editor: a, component: c, opts: o }),
-          ...r
+        components: Ve(I, { rows: 5 }),
+        contextMenu: ({ items: c, editor: n, component: r }) => [
+          ...q({ editor: n, component: r, opts: o }),
+          ...c
         ]
       }
     }
@@ -698,21 +703,21 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
     model: {
       defaults: {
         icon: v.tableHead,
-        ...n
+        ...a
       }
     }
   }), l.addType(_, {
     model: {
       defaults: {
         icon: v.tableFoot,
-        ...n
+        ...a
       }
     }
-  }), l.addType(B, {
+  }), l.addType(I, {
     model: {
       defaults: {
         icon: v.tableRowProperties,
-        ...n
+        ...a
       }
     }
   }), l.addType(g, {
@@ -723,9 +728,9 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
         highlightable: !1,
         stylable: ["height", "text-align", "border-width", "border-style", "border-color"],
         traits: [],
-        contextMenu: ({ items: r, editor: a, component: c }) => [
-          ...oe({ editor: a, component: c, opts: o }),
-          ...r
+        contextMenu: ({ items: c, editor: n, component: r }) => [
+          ...oe({ editor: n, component: r, opts: o }),
+          ...c
         ]
       }
     }
@@ -774,19 +779,19 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
             name: "scope"
           }
         ],
-        contextMenu: ({ items: r, editor: a, component: c }) => [
-          ...Ue({ editor: a, component: c, opts: o }),
-          ...r
+        contextMenu: ({ items: c, editor: n, component: r }) => [
+          ...Ue({ editor: n, component: r, opts: o }),
+          ...c
         ]
       }
     }
   });
-  const s = re((r, a) => {
-    var u;
-    const c = e.getSelectedAll(), h = !!((u = a == null ? void 0 : a.event) != null && u.shiftKey);
-    if (c.length < 2 || !h || a.fromCell) return;
-    const d = c.map((f) => f.is(b) ? f : f.closestType(b)).filter(Boolean);
-    d.length === c.length && $e(d);
+  const s = ce((c, n) => {
+    var d;
+    const r = e.getSelectedAll(), h = !!((d = n == null ? void 0 : n.event) != null && d.shiftKey);
+    if (r.length < 2 || !h || n.fromCell) return;
+    const u = r.map((p) => p.is(b) ? p : p.closestType(b)).filter(Boolean);
+    u.length === r.length && $e(u);
   }, 0);
   e.on("component:select", s), we({
     editor: e,
@@ -794,7 +799,7 @@ const ae = "Cell settings", Le = "Merge cells", Ee = "Split cell", Ge = (e) => e
     pluginName: Ce,
     licenseKey: o.licenseKey,
     cleanup: () => {
-      e.off("component:select", s), e.Blocks.remove(p), Re.forEach((r) => l.removeType(r));
+      e.off("component:select", s), e.Blocks.remove(f), Re.forEach((c) => l.removeType(c));
     }
   });
 }, _e = me(We);