@grapesjs/studio-sdk-plugins 1.0.9 → 1.0.10

package/dist/tableComponent/index.es.js

@@ -1,21 +1,21 @@
-function ce(e, t, o) {
-  let l, s, n, c, a;
-  const r = t;
+function re(e, t, o) {
+  let l, s, n, r, a;
+  const c = t;
   function h() {
-    const g = Date.now() - c;
-    g < r && g >= 0 ? l = setTimeout(h, r - g) : (l = null, a = e.apply(n, s), n = s = null);
+    const b = Date.now() - r;
+    b < c && b >= 0 ? l = setTimeout(h, c - b) : (l = null, a = e.apply(n, s), n = s = null);
   }
-  const v = function() {
-    return n = this, s = arguments, c = Date.now(), l || (l = setTimeout(h, r)), a;
+  const d = function() {
+    return n = this, s = arguments, r = Date.now(), l || (l = setTimeout(h, c)), a;
   };
-  return v.clear = function() {
+  return d.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, v.flush = function() {
+  }, d.flush = function() {
     l && (a = e.apply(n, s), n = s = null, clearTimeout(l), l = null);
-  }, v;
+  }, d;
 }
-const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", T = [
-  B,
+const $ = "app.grapesjs.com", O = "app-stage.grapesjs.com", D = [
+  $,
   O,
   "localhost",
   "127.0.0.1",
@@ -25,75 +25,99 @@ const B = "app.grapesjs.com", O = "app-stage.grapesjs.com", T = [
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], re = "license:check:start", ie = "license:check:end", _ = () => typeof window < "u", he = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? O : B}`}/api`, de = () => {
-  const e = _() && window.location.hostname;
-  return !!e && (T.includes(e) || T.some((t) => e.endsWith(t)));
-}, ve = () => (_() && window.location.hostname) === B;
-function F(e) {
+], ie = "license:check:start", he = "license:check:end", de = () => typeof window < "u", ve = ({ isDev: e, isStage: t }) => `${e ? "" : `https://${t ? O : $}`}/api`, be = () => {
+  const e = de() && window.location.hostname;
+  return !!e && (D.includes(e) || D.some((t) => e.endsWith(t)));
+};
+function W(e) {
   return typeof e == "function";
 }
-var be = {};
-const ge = be.NODE_ENV !== "production";
+var y = /* @__PURE__ */ ((e) => (e.free = "free", e.startup = "startup", e.business = "business", e.enterprise = "enterprise", e))(y || {});
 async function ue({
   path: e,
-  method: t = "GET",
-  headers: o = {},
-  body: l
+  baseApiUrl: t,
+  method: o = "GET",
+  headers: l = {},
+  params: s,
+  body: n
 }) {
-  const n = `${he({ isDev: ge, isStage: !ve() })}${e}`, c = {
-    method: t,
+  const a = `${t || ve({ isDev: !1, isStage: !1 })}${e}`, c = {
+    method: o,
     headers: {
       "Content-Type": "application/json",
-      ...o
+      ...l
     }
   };
-  l && (c.body = JSON.stringify(l));
-  const a = await fetch(n, c);
-  if (!a.ok)
-    throw new Error(`HTTP error! status: ${a.status}`);
-  return a.json();
+  n && (c.body = JSON.stringify(n));
+  const h = s ? new URLSearchParams(s).toString() : "", d = h ? `?${h}` : "", b = await fetch(`${a}${d}`, c);
+  if (!b.ok)
+    throw new Error(`HTTP error! status: ${b.status}`);
+  return b.json();
 }
-function pe(e) {
+const L = {
+  [y.free]: 0,
+  [y.startup]: 10,
+  [y.business]: 20,
+  [y.enterprise]: 30
+};
+function ge(e) {
   const t = e;
   return t.init = (o) => (l) => e(l, o), t;
 }
-const fe = (e) => /* @__PURE__ */ pe(e);
-async function me({
+const pe = (e) => /* @__PURE__ */ ge(e);
+async function fe({
   editor: e,
-  pluginName: t,
-  licenseKey: o,
-  cleanup: l
+  plan: t,
+  pluginName: o,
+  licenseKey: l,
+  cleanup: s
 }) {
-  let s = !1;
-  const n = de();
-  e.on(re, () => {
-    s = !0;
-  }), e.on(ie, ({ sdkLicense: c }) => {
-    c || l();
+  let n = "", r = !1;
+  const a = be(), c = (d) => {
+    console.warn("Cleanup plugin:", o, "Reason:", d), s();
+  }, h = (d = {}) => {
+    var m;
+    const { error: b, sdkLicense: f } = d, w = (m = d.plan) == null ? void 0 : m.category;
+    if (!(f || d.license) || b)
+      c(b || "Invalid license");
+    else if (w) {
+      const z = L[t], P = L[w];
+      z > P && c({ pluginRequiredPlan: t, licensePlan: w });
+    }
+  };
+  e.on(ie, (d) => {
+    n = d == null ? void 0 : d.baseApiUrl, r = !0;
+  }), e.on(he, (d) => {
+    h(d);
   }), setTimeout(async () => {
-    if (!s) {
-      if (n) return;
-      o && await we({ licenseKey: o, pluginName: t }) || l();
+    if (!r) {
+      if (a) return;
+      if (l) {
+        const d = await me({ licenseKey: l, pluginName: o, baseApiUrl: n });
+        d && h(d);
+      } else
+        c("The `licenseKey` option not provided");
     }
   }, 2e3);
 }
-async function we({ licenseKey: e, pluginName: t }) {
+async function me(e) {
+  const { licenseKey: t, pluginName: o, baseApiUrl: l } = e;
   try {
-    const o = await ue({
-      path: `/sdk/${e}`,
+    return (await ue({
+      baseApiUrl: l,
+      path: `/sdk/${t || "na"}`,
       method: "POST",
-      body: JSON.stringify({
+      params: {
         d: window.location.hostname,
-        pn: t
-      })
-    }), { license: l } = o.result || {};
-    return !!l;
-  } catch (o) {
-    return console.error("Error during SDK license check:", o), !1;
+        pn: o
+      }
+    })).result || {};
+  } catch (s) {
+    return console.error("Error during SDK license check:", s), !1;
   }
 }
-var W = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.projectFiles = "studio:projectFiles", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e))(W || {}), 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 d = {
+var U = /* @__PURE__ */ ((e) => (e.toastAdd = "studio:toastAdd", e.dialogOpen = "studio:dialogOpen", e.dialogClose = "studio:dialogClose", e.sidebarLeftSet = "studio:sidebarLeft:set", e.sidebarLeftGet = "studio:sidebarLeft:get", e.sidebarLeftToggle = "studio:sidebarLeft:toggle", e.sidebarRightSet = "studio:sidebarRight:set", e.sidebarRightGet = "studio:sidebarRight:get", e.sidebarRightToggle = "studio:sidebarRight:toggle", e.sidebarTopSet = "studio:sidebarTop:set", e.sidebarTopGet = "studio:sidebarTop:get", e.sidebarTopToggle = "studio:sidebarTop:toggle", e.sidebarBottomSet = "studio:sidebarBottom:set", e.sidebarBottomGet = "studio:sidebarBottom:get", e.sidebarBottomToggle = "studio:sidebarBottom:toggle", e.symbolAdd = "studio:symbolAdd", e.symbolDetach = "studio:symbolDetach", e.symbolOverride = "studio:symbolOverride", e.symbolPropagateStyles = "studio:propagateStyles", e.getPagesConfig = "studio:getPagesConfig", e.setPagesConfig = "studio:setPagesConfig", e.getPageSettings = "studio:getPageSettings", e.setPageSettings = "studio:setPageSettings", e.projectFiles = "studio:projectFiles", e.canvasReload = "studio:canvasReload", e.getBlocksPanel = "studio:getBlocksPanel", e.setBlocksPanel = "studio:setBlocksPanel", e.contextMenuComponent = "studio:contextMenuComponent", e.layoutAdd = "studio:layoutAdd", e.layoutRemove = "studio:layoutRemove", e.layoutToggle = "studio:layoutToggle", e))(U || {}), 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>',
   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>',
@@ -121,10 +145,10 @@ const d = {
   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", G = "thead", $ = "tfoot", P = "tbody", u = "row", b = "cell", k = "clipboardTable", ye = [p, G, $, P, u, b], V = (e) => e.em.get(k) || [], Ce = (e) => e.every((t) => t.is(b)), x = (e, t) => {
-  const { editor: o, event: l, opts: s } = e, n = l.currentTarget || l.target, { x: c, y: a, width: r, height: h } = n.getBoundingClientRect(), v = {
+}, p = "table", G = "thead", _ = "tfoot", x = "tbody", g = "row", u = "cell", k = "clipboardTable", we = [p, G, _, x, g, u], A = (e) => e.em.get(k) || [], ye = (e) => e.every((t) => t.is(u)), M = (e, t) => {
+  const { editor: o, event: l, opts: s } = e, n = l.currentTarget || l.target, { x: r, y: a, width: c, height: h } = n.getBoundingClientRect(), d = {
     style: { width: 240, height: 300 },
-    placer: { type: "popover", closeOnClickAway: !0, x: c, y: a, w: r, h },
+    placer: { type: "popover", closeOnClickAway: !0, x: r, y: a, w: c, h },
     layout: {
       type: "tabs",
       value: "props",
@@ -143,41 +167,41 @@ const d = {
     },
     ...t
   };
-  F(s.openSettings) ? s.openSettings({ ...e, layoutProps: v }) : o.runCommand(W.layoutToggle, v);
-}, He = (e, {
+  W(s.openSettings) ? s.openSettings({ ...e, layoutProps: d }) : o.runCommand(U.layoutToggle, d);
+}, Ce = (e, {
   rows: t = 1,
   cells: o = 5,
   text: l
 } = {}) => ({
   type: e,
   components: Array.from(Array(t).keys()).map((s) => ({
-    type: u,
+    type: g,
     components: Array.from(Array(o).keys()).map((n) => ({
-      type: b,
-      components: l ? { type: "text", content: F(l) ? l({ y: s, x: n }) : l } : void 0
+      type: u,
+      components: l ? { type: "text", content: W(l) ? l({ y: s, x: n }) : l } : void 0
     }))
   }))
-}), j = "Table settings", U = (e) => {
+}), K = "Table settings", j = (e) => {
   const { component: t } = e;
   return t.is(p) ? t : t.closestType(p);
-}, Ve = (e) => {
+}, He = (e) => {
   var t;
-  (t = U(e)) == null || t.remove(e.opts);
+  (t = j(e)) == null || t.remove(e.opts);
 }, Re = (e) => {
-  const t = U(e);
-  t && (e.editor.select(t), x(e, {
+  const t = j(e);
+  t && (e.editor.select(t), M(e, {
     id: "tableSettings",
-    header: { label: j }
+    header: { label: K }
   }));
-}, K = (e) => [{
+}, q = (e) => [{
   id: i.table,
-  icon: d[i.table],
+  icon: v[i.table],
   label: "Table",
   items: [
     {
       id: i.tableSettings,
-      label: j,
-      icon: d[i.tableSettings],
+      label: K,
+      icon: v[i.tableSettings],
       onClick: ({ event: o }) => Re({
         ...e,
         // @ts-expect-error workaround for the build
@@ -187,162 +211,162 @@ const d = {
     {
       id: i.tableDelete,
       label: "Delete table",
-      icon: d[i.tableDelete],
-      onClick: () => Ve(e)
+      icon: v[i.tableDelete],
+      onClick: () => He(e)
     }
   ]
-}], J = ({ editor: e }) => {
-  const t = V(e);
-  return t.length && Ce(t);
+}], X = ({ editor: e }) => {
+  const t = A(e);
+  return t.length && ye(t);
 }, E = ({ component: e, editor: t, after: o }) => {
-  if (!e.is(b)) return;
-  const l = e.closestType(p), s = e.closestType(u), n = e.index() + (o ? 1 : 0);
-  l == null || l.findType(u).forEach((a) => a.append({ type: b }, { at: n }));
-  const c = s == null ? void 0 : s.components().at(n);
-  c && t.select(c);
-}, X = ({ component: e, opts: t }) => {
-  if (!e.is(b)) return;
+  if (!e.is(u)) return;
+  const l = e.closestType(p), s = e.closestType(g), n = e.index() + (o ? 1 : 0);
+  l == null || l.findType(g).forEach((a) => a.append({ type: u }, { at: n }));
+  const r = s == null ? void 0 : s.components().at(n);
+  r && t.select(r);
+}, Y = ({ component: e, opts: t }) => {
+  if (!e.is(u)) return;
   const o = e.closestType(p), l = e.index();
-  o == null || o.findType(u).forEach((s) => {
+  o == null || o.findType(g).forEach((s) => {
     var n;
     return (n = s.components().at(l)) == null ? void 0 : n.remove(t);
   });
-}, Y = ({ component: e, editor: t }) => {
-  if (!e.is(b)) return;
-  const o = e.closestType(p), l = e.index(), s = (o == null ? void 0 : o.findType(u).map((n) => n.components().at(l))) || [];
+}, J = ({ component: e, editor: t }) => {
+  if (!e.is(u)) return;
+  const o = e.closestType(p), l = e.index(), s = (o == null ? void 0 : o.findType(g).map((n) => n.components().at(l))) || [];
   s.length && t.em.set(k, s);
-}, L = (e) => {
+}, Z = (e) => {
   const { component: t, editor: o, after: l } = e;
-  if (!t.is(b) || !J(e)) return;
-  const s = V(o), n = t.closestType(p), c = t.index() + (l ? 1 : 0);
-  n == null || n.findType(u).forEach((a, r) => {
-    const h = s[r], v = (h == null ? void 0 : h.clone()) || { type: b };
-    a.append(v, { at: c });
+  if (!t.is(u) || !X(e)) return;
+  const s = A(o), n = t.closestType(p), r = t.index() + (l ? 1 : 0);
+  n == null || n.findType(g).forEach((a, c) => {
+    const h = s[c], d = (h == null ? void 0 : h.clone()) || { type: u };
+    a.append(d, { at: r });
   });
-}, ze = (e) => {
+}, Ve = (e) => {
   const { component: t } = e;
-  t.is(b) && (Y(e), X({ ...e, opts: { temporary: !0 } }));
-}, Pe = (e) => {
-  const t = J(e);
+  t.is(u) && (J(e), Y({ ...e, opts: { temporary: !0 } }));
+}, ze = (e) => {
+  const t = X(e);
   return [{
     id: i.tableColumnItems,
-    icon: d[i.tableColumn],
+    icon: v[i.tableColumn],
     label: "Column",
     items: [
       {
         id: i.tableColumnInsertBefore,
         label: "Insert column before",
-        icon: d[i.tableColumnInsertBefore],
+        icon: v[i.tableColumnInsertBefore],
         onClick: () => E(e)
       },
       {
         id: i.tableColumnInsertAfter,
         label: "Insert column after",
-        icon: d[i.tableColumnInsertAfter],
+        icon: v[i.tableColumnInsertAfter],
         onClick: () => E({ ...e, after: !0 })
       },
       {
         id: i.tableColumnDelete,
         label: "Delete column",
-        icon: d[i.tableColumnDelete],
-        onClick: () => X(e)
+        icon: v[i.tableColumnDelete],
+        onClick: () => Y(e)
       },
       {
         id: i.tableColumnCut,
         label: "Cut column",
-        icon: d[i.tableColumnCut],
-        onClick: () => ze(e)
+        icon: v[i.tableColumnCut],
+        onClick: () => Ve(e)
       },
       {
         id: i.tableColumnCopy,
         label: "Copy column",
-        icon: d[i.tableColumnCopy],
-        onClick: () => Y(e)
+        icon: v[i.tableColumnCopy],
+        onClick: () => J(e)
       },
       {
         id: i.tableColumnPasteBefore,
         label: "Paste column before",
-        icon: d[i.tableColumnPasteBefore],
+        icon: v[i.tableColumnPasteBefore],
         disabled: !t,
-        onClick: () => L(e)
+        onClick: () => Z(e)
       },
       {
         id: i.tableColumnPasteAfter,
         label: "Paste column after",
-        icon: d[i.tableColumnPasteAfter],
+        icon: v[i.tableColumnPasteAfter],
         disabled: !t,
-        onClick: () => L({ ...e, after: !0 })
+        onClick: () => Z({ ...e, after: !0 })
       }
     ]
   }];
-}, q = "Row settings", Ae = (e) => e.every((t) => t.is(u)), C = (e) => {
-  const { component: t } = e, o = t.is(b), l = t.is(u);
+}, Q = "Row settings", Pe = (e) => e.every((t) => t.is(g)), R = (e) => {
+  const { component: t } = e, o = t.is(u), l = t.is(g);
   if (!(!o && !l))
-    return l ? t : t.closestType(u);
+    return l ? t : t.closestType(g);
 }, N = (e) => {
-  const { component: t, editor: o, after: l } = e, s = C(e);
+  const { component: t, editor: o, after: l } = e, s = R(e);
   if (!s) return;
-  const n = s.index() + (l ? 1 : 0), c = s.components().length, a = Array.from(Array(c).keys()).map(() => ({ type: b })), r = s.parent();
-  if (r) {
-    const h = r.append({ type: u, components: a }, { at: n })[0];
-    if (t.is(b) && h) {
-      const v = t.index(), g = h.components().at(v);
-      g && o.select(g);
+  const n = s.index() + (l ? 1 : 0), r = s.components().length, a = Array.from(Array(r).keys()).map(() => ({ type: u })), c = s.parent();
+  if (c) {
+    const h = c.append({ type: g, components: a }, { at: n })[0];
+    if (t.is(u) && h) {
+      const d = t.index(), b = h.components().at(d);
+      b && o.select(b);
     }
   }
-}, Q = (e) => {
-  var t;
-  (t = C(e)) == null || t.remove(e.opts);
 }, ee = (e) => {
-  const t = C(e);
+  var t;
+  (t = R(e)) == null || t.remove(e.opts);
+}, te = (e) => {
+  const t = R(e);
   t && e.editor.em.set(k, [t]);
-}, Z = (e) => {
+}, F = (e) => {
   var a;
-  const { editor: t, after: o } = e, l = C(e);
-  if (!l || !te(e)) return;
-  const n = V(t)[0], c = l.index() + (o ? 1 : 0);
-  n && ((a = l.parent()) == null || a.append(n.clone(), { at: c }));
+  const { editor: t, after: o } = e, l = R(e);
+  if (!l || !le(e)) return;
+  const n = A(t)[0], r = l.index() + (o ? 1 : 0);
+  n && ((a = l.parent()) == null || a.append(n.clone(), { at: r }));
+}, Ae = (e) => {
+  R(e) && (te(e), ee({ ...e, opts: { temporary: !0 } }));
+}, le = ({ editor: e }) => {
+  const t = A(e);
+  return t.length && Pe(t);
 }, Be = (e) => {
-  C(e) && (ee(e), Q({ ...e, opts: { temporary: !0 } }));
-}, te = ({ editor: e }) => {
-  const t = V(e);
-  return t.length && Ae(t);
-}, ke = (e) => {
-  const t = C(e);
-  t && (e.editor.select(t), x(e, {
+  const t = R(e);
+  t && (e.editor.select(t), M(e, {
     id: "tableRowSettings",
-    header: { label: q }
+    header: { label: Q }
   }));
-}, le = (e) => {
-  const t = te(e);
+}, oe = (e) => {
+  const t = le(e);
   return [{
     id: i.tableRowItems,
-    icon: d[i.tableRowProperties],
+    icon: v[i.tableRowProperties],
     label: "Row",
     items: [
       {
         id: i.tableRowInsertBefore,
         label: "Insert row before",
-        icon: d[i.tableRowInsertBefore],
+        icon: v[i.tableRowInsertBefore],
         onClick: () => N(e)
       },
       {
         id: i.tableRowInsertAfter,
         label: "Insert row after",
-        icon: d[i.tableRowInsertAfter],
+        icon: v[i.tableRowInsertAfter],
         onClick: () => N({ ...e, after: !0 })
       },
       {
         id: i.tableRowDelete,
         label: "Delete row",
-        icon: d[i.tableRowDelete],
-        onClick: () => Q(e)
+        icon: v[i.tableRowDelete],
+        onClick: () => ee(e)
       },
       {
         id: i.tableRowProperties,
-        label: q,
-        icon: d[i.tableRowProperties],
-        onClick: ({ event: l }) => ke({
+        label: Q,
+        icon: v[i.tableRowProperties],
+        onClick: ({ event: l }) => Be({
           ...e,
           // @ts-expect-error workaround for the build
           event: l
@@ -351,96 +375,96 @@ const d = {
       {
         id: i.tableRowCut,
         label: "Cut row",
-        icon: d[i.tableRowCut],
-        onClick: () => Be(e)
+        icon: v[i.tableRowCut],
+        onClick: () => Ae(e)
       },
       {
         id: i.tableRowCopy,
         label: "Copy row",
-        icon: d[i.tableRowCopy],
-        onClick: () => ee(e)
+        icon: v[i.tableRowCopy],
+        onClick: () => te(e)
       },
       {
         id: i.tableRowPasteBefore,
         label: "Paste row before",
-        icon: d[i.tableRowPasteBefore],
+        icon: v[i.tableRowPasteBefore],
         disabled: !t,
-        onClick: () => Z(e)
+        onClick: () => F(e)
       },
       {
         id: i.tableRowPasteAfter,
         label: "Paste row after",
-        icon: d[i.tableRowPasteAfter],
+        icon: v[i.tableRowPasteAfter],
         disabled: !t,
-        onClick: () => Z({ ...e, after: !0 })
+        onClick: () => F({ ...e, after: !0 })
       }
     ]
-  }, ...K(e)];
-}, I = (e) => {
+  }, ...q(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 oe(e) {
+function ne(e) {
   const t = [];
   return e.components().forEach((o, l) => {
     o.components().each((s, n) => {
-      const { rowspan: c, colspan: a } = I(s);
+      const { rowspan: r, colspan: a } = T(s);
       if (t[l])
         for (; t[l][n]; )
           n++;
-      for (let r = l; r < l + c; r++) {
-        t[r] || (t[r] = []);
+      for (let c = l; c < l + r; c++) {
+        t[c] || (t[c] = []);
         for (let h = n; h < n + a; h++)
-          t[r][h] = {
-            real: r === l && h === n,
+          t[c][h] = {
+            real: c === l && h === n,
             cell: s,
-            rowspan: c,
+            rowspan: r,
             colspan: a
           };
       }
     });
   }), t;
 }
-function w(e, t, o) {
+function C(e, t, o) {
   var l;
   return (l = e[o]) == null ? void 0 : l[t];
 }
-const A = (e) => e.closestType(u);
+const I = (e) => e.closestType(g);
 function xe(e, { x: t, y: o, rows: l, cols: s }) {
   var a;
-  let n = A(e[o][t].cell), c;
-  for (let r = 1; r <= l; r++)
+  let n = I(e[o][t].cell), r;
+  for (let c = 1; c <= l; c++)
     if (n = (a = n == null ? void 0 : n.parent()) == null ? void 0 : a.components().at(n.index() + 1), n) {
-      for (c = t; c >= 0; c--) {
-        const { cell: h } = e[o + r][c], v = A(h);
-        if (v === n) {
-          for (let g = 1; g <= s; g++) {
+      for (r = t; r >= 0; r--) {
+        const { cell: h } = e[o + c][r], d = I(h);
+        if (d === n) {
+          for (let b = 1; b <= s; b++) {
             const f = h.index();
-            v.append({ type: b }, { at: f + 1 });
+            d.append({ type: u }, { at: f + 1 });
           }
           break;
         }
       }
-      if (c === -1) {
-        const v = n.components().at(0).index();
-        for (let g = 1; g <= s; g++)
-          n.append({ type: b }, { at: v });
+      if (r === -1) {
+        const d = n.components().at(0).index();
+        for (let b = 1; b <= s; b++)
+          n.append({ type: u }, { at: d });
       }
     }
 }
-function ne(e) {
+function se(e) {
   for (let t = 0; t < e.length; t++)
     for (let o = 0; o < e[t].length; o++) {
       const s = e[t][o].cell;
       if (s.em.selected.hasComponent(s)) {
-        const { rowspan: n, colspan: c } = I(s);
-        if (c > 1 || n > 1) {
+        const { rowspan: n, colspan: r } = T(s);
+        if (r > 1 || n > 1) {
           s.addAttributes({ colspan: 1, rowspan: 1 });
-          for (let a = 0; a < c - 1; a++) {
-            const r = s.index();
-            A(s).append({ type: b }, { at: r + 1 });
+          for (let a = 0; a < r - 1; a++) {
+            const c = s.index();
+            I(s).append({ type: u }, { at: c + 1 });
           }
-          xe(e, { x: o, y: t, rows: n - 1, cols: c });
+          xe(e, { x: o, y: t, rows: n - 1, cols: r });
         }
       }
     }
@@ -451,16 +475,16 @@ function Ie(e) {
     o.components().length || t.push(o);
   }), t.forEach((o) => o.remove());
 }
-const R = (e, t = {}) => {
-  var c;
-  const o = oe(e), { em: l } = e;
+const B = (e, t = {}) => {
+  var r;
+  const o = ne(e), { em: l } = e;
   let s, n;
   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 };
-        s || (s = v), n = v;
+    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 };
+        s || (s = d), n = d;
       }
     }
   return {
@@ -469,76 +493,76 @@ const R = (e, t = {}) => {
     endPos: n
   };
 };
-function Me(e, t = {}) {
-  const o = R(e), { startPos: l, endPos: s } = o;
+function ke(e, t = {}) {
+  const o = B(e), { startPos: l, endPos: s } = o;
   let { grid: n } = o;
-  const { em: c } = e;
+  const { em: r } = e;
   if (!l || !s)
     return;
-  const a = l.x, r = l.y, h = s.x, v = s.y, g = w(n, a, r), f = w(n, h, v);
-  if (g && f) {
-    ne(n), n = oe(e);
-    const M = [], H = w(n, a, r).cell;
-    H.addAttributes({
+  const a = l.x, c = l.y, h = s.x, d = s.y, b = C(n, a, c), f = C(n, h, d);
+  if (b && f) {
+    se(n), n = ne(e);
+    const w = [], V = C(n, a, c).cell;
+    V.addAttributes({
       colspan: h - a + 1,
-      rowspan: v - r + 1
+      rowspan: d - c + 1
     });
-    for (let m = r; m <= v; m++)
+    for (let m = c; m <= d; m++)
       for (let z = a; z <= h; z++) {
-        const S = w(n, z, m);
-        if (!S) continue;
-        const { cell: D } = S;
-        D !== H && M.push(D);
+        const P = C(n, z, m);
+        if (!P) continue;
+        const { cell: S } = P;
+        S !== V && w.push(S);
       }
-    M.forEach((m) => {
-      t.mergeContent && H.append(m.components().models), m.remove();
-    }), c.setSelected(H), Ie(e);
+    w.forEach((m) => {
+      t.mergeContent && V.append(m.components().models), m.remove();
+    }), r.setSelected(V), Ie(e);
   }
 }
-const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e.closestType(u), y = (e) => {
+const ae = "Cell settings", Me = "Merge cells", Te = "Split cell", Se = (e) => e.closestType(g), H = (e) => {
   var t;
-  return (t = Te(e)) == null ? void 0 : t.parent();
-}, Ee = (e) => {
-  const t = e.editor.getSelectedAll(), o = y(t[0]), l = t[0];
-  if (!o || !(l != null && l.is(b)) || t.length > 1)
+  return (t = Se(e)) == null ? void 0 : t.parent();
+}, De = (e) => {
+  const t = e.editor.getSelectedAll(), o = H(t[0]), l = t[0];
+  if (!o || !(l != null && l.is(u)) || t.length > 1)
     return !1;
-  const { rowspan: s, colspan: n } = I(l);
+  const { rowspan: s, colspan: n } = T(l);
   return !(n < 2 && s < 2);
 }, Le = (e) => {
-  const o = e.editor.getSelectedAll()[0], l = y(o), { grid: s } = R(l);
-  ne(s);
-}, ae = (e) => {
-  const t = e.editor.getSelectedAll(), o = y(t[0]);
-  if (!o || t.length < 2 || t.some((a) => !a.is(b) || y(a) !== o))
+  const o = e.editor.getSelectedAll()[0], l = H(o), { grid: s } = B(l);
+  se(s);
+}, ce = (e) => {
+  const t = e.editor.getSelectedAll(), o = H(t[0]);
+  if (!o || t.length < 2 || t.some((a) => !a.is(u) || H(a) !== o))
     return !1;
-  const { grid: l, startPos: s, endPos: n } = R(o), { em: c } = o;
+  const { grid: l, startPos: s, endPos: n } = B(o), { em: r } = o;
   if (!s || !n) return !1;
   for (let a = s.y; a <= n.y; a++)
-    for (let r = s.x; r <= n.x; r++) {
-      const h = w(l, r, a);
-      if (!h || !c.selected.hasComponent(h.cell))
+    for (let c = s.x; c <= n.x; c++) {
+      const h = C(l, c, a);
+      if (!h || !r.selected.hasComponent(h.cell))
         return !1;
     }
   return !0;
-}, Ne = (e) => {
+}, Ee = (e) => {
   const { editor: t } = e;
-  if (!ae(e)) return;
-  const o = t.getSelectedAll(), l = y(o[0]);
-  Me(l, { mergeContent: !0 });
+  if (!ce(e)) return;
+  const o = t.getSelectedAll(), l = H(o[0]);
+  ke(l, { mergeContent: !0 });
 }, Ze = (e) => {
-  x(e, {
+  M(e, {
     id: "tableCellSettings",
-    header: { label: se }
+    header: { label: ae }
   });
-}, Oe = (e) => [{
+}, Ne = (e) => [{
   id: i.tableCellItems,
-  icon: d[i.tableCellProperties],
+  icon: v[i.tableCellProperties],
   label: "Cell",
   items: [
     {
       id: i.tableCellProperties,
-      label: se,
-      icon: d[i.tableCellProperties],
+      label: ae,
+      icon: v[i.tableCellProperties],
       onClick: ({ event: o }) => Ze({
         ...e,
         // @ts-expect-error workaround for the build
@@ -547,32 +571,32 @@ const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e
     },
     {
       id: i.tableCellMerge,
-      label: Se,
-      icon: d[i.tableCellMerge],
-      onClick: () => Ne(e),
-      disabled: !ae(e)
+      label: Me,
+      icon: v[i.tableCellMerge],
+      onClick: () => Ee(e),
+      disabled: !ce(e)
     },
     {
       id: i.tableCellSplit,
-      label: De,
-      icon: d[i.tableCellSplit],
+      label: Te,
+      icon: v[i.tableCellSplit],
       onClick: () => Le(e),
-      disabled: !Ee(e)
+      disabled: !De(e)
     }
   ]
-}, ...Pe(e), ...le(e)], _e = (e) => {
-  const t = e[0] && y(e[0]);
+}, ...ze(e), ...oe(e)], Fe = (e) => {
+  const t = e[0] && H(e[0]);
   if (!t) return;
-  const { grid: o, startPos: l, endPos: s } = R(t, { selected: e });
+  const { grid: o, startPos: l, endPos: s } = B(t, { selected: e });
   if (!l || !s) return;
   const n = [];
-  for (let c = l.y; c <= s.y; c++)
+  for (let r = l.y; r <= s.y; r++)
     for (let a = l.x; a <= s.x; a++) {
-      const r = w(o, a, c);
-      r && n.push(r.cell);
+      const c = C(o, a, r);
+      c && n.push(c.cell);
     }
   n.length && t.em.setSelected(n, { fromCell: !0 });
-}, Fe = "tableComponent", We = function(e, t = {}) {
+}, $e = "tableComponent", Oe = function(e, t = {}) {
   const o = {
     block: {},
     ...t
@@ -597,7 +621,7 @@ const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e
   l.addType(p, {
     block: o.block && {
       label: "Table",
-      media: d.table,
+      media: v.table,
       category: "Extra",
       content: {
         type: p,
@@ -610,7 +634,7 @@ const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e
       defaults: {
         emptyState: !0,
         highlightable: !1,
-        icon: d.table,
+        icon: v.table,
         stylable: [
           "width",
           "height",
@@ -644,65 +668,65 @@ const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e
             id: "tableCaption",
             type: "checkbox",
             label: "Caption",
-            setValue({ component: c, value: a, emitUpdate: r }) {
-              const h = c.find("caption")[0];
-              a ? !h && c.append({
+            setValue({ component: r, value: a, emitUpdate: c }) {
+              const h = r.find("caption")[0];
+              a ? !h && r.append({
                 type: "text",
                 tagName: "caption",
                 components: { type: "textnode", content: "Caption" }
-              }) : h == null || h.remove(), r(), e.refresh({ tools: !0 });
+              }) : h == null || h.remove(), c(), e.refresh({ tools: !0 });
             },
-            getValue(c) {
-              return !!c.component.find("caption")[0];
+            getValue(r) {
+              return !!r.component.find("caption")[0];
             }
           }
         ],
-        components: He(P, { rows: 5 }),
-        contextMenu: ({ items: c, editor: a, component: r }) => [
-          ...K({ editor: a, component: r, opts: o }),
-          ...c
+        components: Ce(x, { rows: 5 }),
+        contextMenu: ({ items: r, editor: a, component: c }) => [
+          ...q({ editor: a, component: c, opts: o }),
+          ...r
         ]
       }
     }
   }), l.addType(G, {
     model: {
       defaults: {
-        icon: d.tableHead,
+        icon: v.tableHead,
         ...s
       }
     }
-  }), l.addType($, {
+  }), l.addType(_, {
     model: {
       defaults: {
-        icon: d.tableFoot,
+        icon: v.tableFoot,
         ...s
       }
     }
-  }), l.addType(P, {
+  }), l.addType(x, {
     model: {
       defaults: {
-        icon: d.tableRowProperties,
+        icon: v.tableRowProperties,
         ...s
       }
     }
-  }), l.addType(u, {
+  }), l.addType(g, {
     model: {
       defaults: {
-        icon: d.tableRowProperties,
+        icon: v.tableRowProperties,
         emptyState: !0,
         highlightable: !1,
         stylable: ["height", "text-align", "border-width", "border-style", "border-color"],
         traits: [],
-        contextMenu: ({ items: c, editor: a, component: r }) => [
-          ...le({ editor: a, component: r, opts: o }),
-          ...c
+        contextMenu: ({ items: r, editor: a, component: c }) => [
+          ...oe({ editor: a, component: c, opts: o }),
+          ...r
         ]
       }
     }
-  }), l.addType(b, {
+  }), l.addType(u, {
     model: {
       defaults: {
-        icon: d.tableCellProperties,
+        icon: v.tableCellProperties,
         emptyState: {
           styleOut: "height: 1px"
         },
@@ -743,29 +767,30 @@ const se = "Cell settings", Se = "Merge cells", De = "Split cell", Te = (e) => e
             name: "scope"
           }
         ],
-        contextMenu: ({ items: c, editor: a, component: r }) => [
-          ...Oe({ editor: a, component: r, opts: o }),
-          ...c
+        contextMenu: ({ items: r, editor: a, component: c }) => [
+          ...Ne({ editor: a, component: c, opts: o }),
+          ...r
         ]
       }
     }
   });
-  const n = ce((c, a) => {
-    var g;
-    const r = e.getSelectedAll(), h = !!((g = a == null ? void 0 : a.event) != null && g.shiftKey);
-    if (r.length < 2 || !h || a.fromCell) return;
-    const v = r.map((f) => f.is(b) ? f : f.closestType(b)).filter(Boolean);
-    v.length === r.length && _e(v);
+  const n = re((r, a) => {
+    var b;
+    const c = e.getSelectedAll(), h = !!((b = a == null ? void 0 : a.event) != null && b.shiftKey);
+    if (c.length < 2 || !h || a.fromCell) return;
+    const d = c.map((f) => f.is(u) ? f : f.closestType(u)).filter(Boolean);
+    d.length === c.length && Fe(d);
   }, 0);
-  e.on("component:select", n), me({
+  e.on("component:select", n), fe({
     editor: e,
+    plan: y.free,
     licenseKey: o.licenseKey,
-    pluginName: Fe,
+    pluginName: $e,
     cleanup: () => {
-      e.off("component:select", n), e.Blocks.remove(p), ye.forEach((c) => l.removeType(c));
+      e.off("component:select", n), e.Blocks.remove(p), we.forEach((r) => l.removeType(r));
     }
   });
-}, Ge = fe(We);
+}, We = pe(Oe);
 export {
-  Ge as default
+  We as default
 };