@jackuait/blok 0.6.0-beta.5 → 0.6.0-beta.7

package/dist/tools.mjs

@@ -10,8 +10,8 @@ var Tt = (i, t, e) => t in i ? ke(i, t, { enumerable: !0, configurable: !0, writ
       Le.call(t, e) && Tt(i, e, t[e]);
   return i;
 }, tt = (i, t) => xe(i, Te(t));
-import { t as v, D as E, am as Be, an as Ie, _ as De, ao as Ne, ap as He, aq as Pe, ar as _e, as as Oe, at as Me, au as Qt, av as te, aw as ee, o as We, p as Rt, a5 as Lt, a3 as $e, ax as Ge, J as ne, Q as se, P as q, ay as qe, az as Fe, a0 as oe, aA as ze, aB as Ve, aC as Ue, aD as Ke, aE as je, z as H, aF as Xe, aG as Ye, S as et, aH as Ze, l as Je, a8 as Qe } from "./chunks/inline-tool-convert-e3PyuxB6.mjs";
-import { ab as xo } from "./chunks/inline-tool-convert-e3PyuxB6.mjs";
+import { t as v, D as E, am as Be, an as Ie, _ as Ne, ao as De, ap as He, aq as Pe, ar as _e, as as Oe, at as Me, au as Qt, av as te, aw as ee, o as We, p as Rt, a5 as Lt, a3 as $e, ax as Ge, J as ne, Q as se, P as F, ay as qe, az as Fe, a0 as oe, aA as ze, aB as Ve, aC as Ue, aD as Ke, aE as je, z as H, aF as Xe, aG as Ye, S as et, aH as Ze, l as Je, a8 as Qe } from "./chunks/inline-tool-convert-5DE7c2fi.mjs";
+import { ab as xo } from "./chunks/inline-tool-convert-5DE7c2fi.mjs";
 const ie = (i) => {
   if (!i || !i.includes("data-blok-fake-background"))
     return i;
@@ -24,7 +24,7 @@ const ie = (i) => {
       s.removeChild(n);
     }
   }), t.innerHTML;
-}, dt = [
+}, ht = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
   "empty:before:cursor-text",
@@ -327,7 +327,7 @@ const O = class O {
   buildSettingsFromToolboxEntries(t) {
     return t.map((e) => {
       var c, d, h, p;
-      const n = e.data, s = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, o = O.DEFAULT_LEVELS.find((m) => m.number === s), r = (d = o == null ? void 0 : o.name) != null ? d : `Heading ${s}`, l = this.resolveToolboxEntryTitle(e, r);
+      const n = e.data, s = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, o = O.DEFAULT_LEVELS.find((f) => f.number === s), r = (d = o == null ? void 0 : o.name) != null ? d : `Heading ${s}`, l = this.resolveToolboxEntryTitle(e, r);
       return {
         icon: (p = (h = e.icon) != null ? h : o == null ? void 0 : o.icon) != null ? p : Ie,
         title: l,
@@ -348,7 +348,7 @@ const O = class O {
    * @returns Resolved title string
    */
   resolveToolboxEntryTitle(t, e) {
-    return De(this.api.i18n, t, e);
+    return Ne(this.api.i18n, t, e);
   }
   /**
    * Callback for Block's settings buttons
@@ -450,7 +450,7 @@ const O = class O {
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = v(O.BASE_STYLES, this.currentLevel.styles, dt);
+    t.innerHTML = this._data.text || "", t.className = v(O.BASE_STYLES, this.currentLevel.styles, ht);
     const { inlineStyles: e } = this.currentLevel;
     return e && Object.assign(t.style, e), t.setAttribute(E.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : Et(t, this.api.i18n.t(this._settings.placeholder || "")), t;
   }
@@ -549,7 +549,7 @@ const O = class O {
   }
 };
 O.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", O.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: Ne, styles: "text-4xl font-bold mt-8 mb-1" },
+  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: De, styles: "text-4xl font-bold mt-8 mb-1" },
   { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: He, styles: "text-3xl font-semibold mt-6 mb-px" },
   { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: Pe, styles: "text-2xl font-semibold mt-4 mb-px" },
   { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: _e, styles: "text-xl font-semibold mt-3 mb-px" },
@@ -557,7 +557,7 @@ O.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&
   { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: Me, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
 let It = O;
-const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl-0.5 leading-[1.6em]", an = "flex items-start pl-0.5", cn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", dn = "tools.list.placeholder", w = "list", re = {
+const z = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl-0.5 leading-[1.6em]", an = "flex items-start pl-0.5", cn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", dn = "tools.list.placeholder", w = "list", re = {
   contentContainer: "list-content-container",
   checklistContent: "list-checklist-content"
 }, le = (i, t) => {
@@ -585,26 +585,26 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
 }, un = (i) => {
   var c;
   const { data: t, itemColor: e, itemSize: n, placeholder: s } = i, o = document.createElement("div");
-  o.setAttribute("role", "listitem"), o.className = v(ln, "flex", ...dt), e && (o.style.color = e), n && (o.style.fontSize = n);
+  o.setAttribute("role", "listitem"), o.className = v(ln, "flex", ...ht), e && (o.style.color = e), n && (o.style.fontSize = n);
   const r = (c = t.depth) != null ? c : 0;
-  r > 0 && (o.style.marginLeft = `${r * F}px`);
+  r > 0 && (o.style.marginLeft = `${r * z}px`);
   const l = gn(t.style, r);
   l.setAttribute("data-list-marker", "true"), l.setAttribute("data-blok-mutation-free", "true"), o.appendChild(l);
   const a = document.createElement("div");
-  return a.className = v("flex-1 min-w-0 outline-none", ...dt), a.setAttribute("data-blok-testid", re.contentContainer), a.contentEditable = i.readOnly ? "false" : "true", a.innerHTML = t.text, le(a, s), o.appendChild(a), o;
+  return a.className = v("flex-1 min-w-0 outline-none", ...ht), a.setAttribute("data-blok-testid", re.contentContainer), a.contentEditable = i.readOnly ? "false" : "true", a.innerHTML = t.text, le(a, s), o.appendChild(a), o;
 }, pn = (i) => {
   var d;
   const { data: t, itemColor: e, itemSize: n, placeholder: s, readOnly: o } = i, r = document.createElement("div");
   r.setAttribute("role", "listitem"), r.className = an, e && (r.style.color = e), n && (r.style.fontSize = n);
   const l = (d = t.depth) != null ? d : 0;
-  l > 0 && (r.style.marginLeft = `${l * F}px`);
+  l > 0 && (r.style.marginLeft = `${l * z}px`);
   const a = document.createElement("input");
   a.type = "checkbox", a.className = cn, a.checked = !!t.checked, a.disabled = o;
   const c = document.createElement("div");
   return c.className = v(
     "flex-1 outline-none leading-[1.6em]",
     t.checked ? "line-through opacity-60" : "",
-    ...dt
+    ...ht
   ), c.setAttribute("data-blok-testid", re.checklistContent), c.setAttribute("data-checked", String(t.checked)), c.contentEditable = o ? "false" : "true", c.innerHTML = t.text, le(c, s), r.appendChild(a), r.appendChild(c), r;
 }, gn = (i, t) => {
   const e = document.createElement("span");
@@ -647,10 +647,10 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
   };
   return i.start !== void 0 && i.start !== 1 && (o.start = i.start), i.depth !== void 0 && i.depth > 0 && (o.depth = i.depth), o;
 }, yn = (i, t, e, n, s) => {
-  var f, y, b;
+  var m, C, b;
   if (!e)
     return { newData: i, inPlace: !1 };
-  const o = (f = i.depth) != null ? f : 0, r = (y = t.depth) != null ? y : 0, l = i.style, a = t.style;
+  const o = (m = i.depth) != null ? m : 0, r = (C = t.depth) != null ? C : 0, l = i.style, a = t.style;
   if (l !== a)
     return { newData: i, inPlace: !1 };
   const c = "depth" in t ? t.depth : 0, d = tt(x(x({}, i), t), {
@@ -689,7 +689,7 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
   if (e === null)
     return;
   const n = parseInt(e, 10);
-  return n > 0 ? { left: n * F } : void 0;
+  return n > 0 ? { left: n * z } : void 0;
 }, An = (i) => {
   const t = i.closest('[role="listitem"]') || i.querySelector('[role="listitem"]'), e = Sn(t);
   return e !== void 0 ? e : wn(i);
@@ -702,10 +702,10 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
     };
   const n = document.createRange();
   return n.setStart(t.endContainer, t.endOffset), n.setEndAfter(i.lastChild), {
-    beforeContent: Dt(e.cloneContents()),
-    afterContent: Dt(n.cloneContents())
+    beforeContent: Nt(e.cloneContents()),
+    afterContent: Nt(n.cloneContents())
   };
-}, Dt = (i) => {
+}, Nt = (i) => {
   const t = document.createElement("div");
   return t.appendChild(i), t.innerHTML;
 }, kn = (i) => {
@@ -728,7 +728,7 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
     return !1;
   const e = Object.entries(i).find(([n]) => n === "items");
   return e === void 0 ? !1 : Array.isArray(e[1]);
-}, Ln = (i) => typeof i == "object" && i !== null, Bn = (i) => typeof i == "string" ? i : "", In = (i, t) => i === "unordered" || i === "ordered" || i === "checklist" ? i : t, Dn = (i) => !!i, Nn = (i, t) => typeof i == "number" ? i : t, Hn = (i, t) => {
+}, Ln = (i) => typeof i == "object" && i !== null, Bn = (i) => typeof i == "string" ? i : "", In = (i, t) => i === "unordered" || i === "ordered" || i === "checklist" ? i : t, Nn = (i) => !!i, Dn = (i, t) => typeof i == "number" ? i : t, Hn = (i, t) => {
   const e = t.defaultStyle || "unordered";
   if (!i || typeof i != "object")
     return {
@@ -747,7 +747,7 @@ const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl
     }, i.start !== void 0 && i.start !== 1 ? { start: i.start } : {});
   }
   if (Ln(i)) {
-    const n = Bn(i.text), s = In(i.style, e), o = Dn(i.checked), r = Nn(i.depth, 0), l = i.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
+    const n = Bn(i.text), s = In(i.style, e), o = Nn(i.checked), r = Dn(i.depth, 0), l = i.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
     return x({
       text: n,
       style: s,
@@ -819,7 +819,7 @@ class ce {
     if (!t)
       return 0;
     const e = (o = (s = t.holder) == null ? void 0 : s.querySelector('[role="listitem"]')) == null ? void 0 : o.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / F) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / z) : 0;
   }
 }
 const Pn = (i, t) => {
@@ -833,8 +833,8 @@ const Pn = (i, t) => {
 }, _n = (i, t, e) => {
   i && i.setAttribute("data-list-depth", String(e));
   const n = i == null ? void 0 : i.querySelector('[role="listitem"]');
-  n instanceof HTMLElement && (n.style.marginLeft = e > 0 ? `${e * F}px` : ""), t.depth = e;
-}, de = (i, t) => t.getBlockDepth(i), he = (i, t) => t.getBlockStyle(i), On = (i, t) => t.getBulletCharacter(i), Nt = (i, t, e, n, s) => {
+  n instanceof HTMLElement && (n.style.marginLeft = e > 0 ? `${e * z}px` : ""), t.depth = e;
+}, de = (i, t) => t.getBlockDepth(i), he = (i, t) => t.getBlockStyle(i), On = (i, t) => t.getBulletCharacter(i), Dt = (i, t, e, n, s) => {
   var r;
   const o = i && (r = n.getBlockIndex(i)) != null ? r : n.getCurrentBlockIndex();
   return o <= 0 ? 0 : s.getSiblingIndex(o, t, e);
@@ -864,8 +864,8 @@ const Pn = (i, t) => {
   const l = t.getBlockIndex(i.id);
   if (l == null)
     return;
-  const a = de(i, e), c = he(i, n) || "ordered", d = n.getSiblingIndex(l, a, c), p = n.getGroupStartValue(l, a, d, c) + d, m = n.formatNumber(p, a);
-  r.textContent = m;
+  const a = de(i, e), c = he(i, n) || "ordered", d = n.getSiblingIndex(l, a, c), p = n.getGroupStartValue(l, a, d, c) + d, f = n.formatNumber(p, a);
+  r.textContent = f;
 }, $n = (i, t, e, n, s, o, r, l) => {
   const a = (c) => {
     if (c >= t)
@@ -896,7 +896,7 @@ const Pn = (i, t) => {
     const r = o.holder;
     r != null && r.querySelector('[data-list-style="ordered"]') && ue(o, i, t, e);
   });
-}, j = (i, t, e = "end") => {
+}, X = (i, t, e = "end") => {
   requestAnimationFrame(() => {
     const n = t.holder;
     if (!n) return;
@@ -912,7 +912,7 @@ const Pn = (i, t) => {
     e === "start" ? (r.setStart(s, 0), r.collapse(!0)) : (r.selectNodeContents(s), r.collapse(!1)), o.removeAllRanges(), o.addRange(r), i.caret.updateLastCaretAfterPosition();
   });
 }, qn = async (i) => {
-  var f;
+  var m;
   const { api: t, blockId: e, data: n, element: s, getContentElement: o } = i, r = window.getSelection();
   if (!r || !s) return;
   const l = o();
@@ -922,19 +922,19 @@ const Pn = (i, t) => {
     await Fn(i);
     return;
   }
-  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = En(l, c), p = e && (f = t.blocks.getBlockIndex(e)) != null ? f : t.blocks.getCurrentBlockIndex();
+  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = En(l, c), p = e && (m = t.blocks.getBlockIndex(e)) != null ? m : t.blocks.getCurrentBlockIndex();
   if (!e) {
     l.innerHTML = d, n.text = d;
-    const y = t.blocks.insert(w, {
+    const C = t.blocks.insert(w, {
       text: h,
       style: n.style,
       checked: !1,
       depth: n.depth
     }, void 0, p + 1, !0);
-    j(t, y, "start");
+    X(t, C, "start");
     return;
   }
-  const m = t.blocks.splitBlock(
+  const f = t.blocks.splitBlock(
     e,
     { text: d },
     w,
@@ -946,7 +946,7 @@ const Pn = (i, t) => {
     },
     p + 1
   );
-  n.text = d, j(t, m, "start");
+  n.text = d, X(t, f, "start");
 }, Fn = async (i) => {
   const { api: t, blockId: e, getDepth: n } = i;
   if (n() > 0) {
@@ -956,14 +956,14 @@ const Pn = (i, t) => {
   if (e === void 0)
     return;
   const o = await t.blocks.convert(e, "paragraph", { text: "" });
-  j(t, o, "start");
+  X(t, o, "start");
 }, zn = async (i, t) => {
   const { api: e, blockId: n, data: s, element: o, getContentElement: r, getDepth: l, syncContentFromDOM: a } = i, c = window.getSelection();
   if (!c || !o) return;
   const d = c.getRangeAt(0), h = r();
   if (!h) return;
   a();
-  const p = s.text, m = l();
+  const p = s.text, f = l();
   if (Tn(h, d) && !c.isCollapsed) {
     t.preventDefault(), h.innerHTML = "", s.text = "";
     const b = document.createRange();
@@ -972,11 +972,11 @@ const Pn = (i, t) => {
   }
   if (!xn(h, d) || (t.preventDefault(), n === void 0))
     return;
-  const y = await e.blocks.convert(n, "paragraph", { text: p });
-  m > 0 && requestAnimationFrame(() => {
-    const b = y.holder;
-    b && (b.style.marginLeft = `${m * F}px`, b.setAttribute("data-blok-depth", String(m)));
-  }), j(e, y, "start");
+  const C = await e.blocks.convert(n, "paragraph", { text: p });
+  f > 0 && requestAnimationFrame(() => {
+    const b = C.holder;
+    b && (b.style.marginLeft = `${f * z}px`, b.setAttribute("data-blok-depth", String(f)));
+  }), X(e, C, "start");
 }, Vn = async (i, t) => {
   const { api: e, blockId: n, data: s, syncContentFromDOM: o, getDepth: r } = i, l = e.blocks.getCurrentBlockIndex();
   if (l === 0) return;
@@ -990,7 +990,7 @@ const Pn = (i, t) => {
   const p = await e.blocks.update(n || "", tt(x({}, s), {
     depth: h
   }));
-  j(e, p);
+  X(e, p);
 }, pe = async (i) => {
   const { api: t, blockId: e, data: n, syncContentFromDOM: s, getDepth: o } = i, r = o();
   if (r === 0) return;
@@ -1000,7 +1000,7 @@ const Pn = (i, t) => {
   const a = await t.blocks.update(e || "", tt(x({}, n), {
     depth: l
   }));
-  j(t, a);
+  X(t, a);
 }, Un = (i) => {
   const { data: t, readOnly: e, placeholder: n, itemColor: s, itemSize: o, setupItemPlaceholder: r, onCheckboxChange: l, keydownHandler: a } = i, c = ae({
     data: t,
@@ -1158,7 +1158,7 @@ class ge {
     if (!t)
       return 0;
     const e = (o = (s = t.holder) == null ? void 0 : s.querySelector('[role="listitem"]')) == null ? void 0 : o.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / F) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / z) : 0;
   }
   /**
    * Get the style of a block by reading from its DOM.
@@ -1201,7 +1201,7 @@ class ge {
     return r < n ? e : r > n ? this.findGroupStartRecursive(t - 1, e, n, s) : this.getBlockStyle(o) !== s ? e : this.findGroupStartRecursive(t - 1, t, n, s);
   }
 }
-const ut = { value: !1 };
+const pt = { value: !1 };
 class Xn {
   constructor(t) {
     this.blocks = t, this.depthValidator = new ce(t), this.markerCalculator = new ge(t);
@@ -1256,8 +1256,8 @@ class Xn {
    * Uses a static flag to deduplicate multiple calls in the same frame.
    */
   scheduleUpdateAll() {
-    ut.value || (ut.value = !0, requestAnimationFrame(() => {
-      ut.value = !1, this.updateAllMarkers();
+    pt.value || (pt.value = !0, requestAnimationFrame(() => {
+      pt.value = !1, this.updateAllMarkers();
     }));
   }
   /**
@@ -1311,10 +1311,10 @@ class Xn {
     if (o == null)
       return;
     const r = this.depthValidator.getBlockDepth(t), l = this.getBlockStyle(t) || "ordered", a = this.markerCalculator.getSiblingIndex(o, r, l), c = this.markerCalculator.getGroupStartValue(o, r, a, l), h = (a === 0 && c === 1 ? (() => {
-      const m = n.closest("[data-list-start]"), f = m == null ? void 0 : m.getAttribute("data-list-start");
-      if (!f) return c;
-      const y = parseInt(f, 10);
-      return isNaN(y) ? c : y;
+      const f = n.closest("[data-list-start]"), m = f == null ? void 0 : f.getAttribute("data-list-start");
+      if (!m) return c;
+      const C = parseInt(m, 10);
+      return isNaN(C) ? c : C;
     })() : c) + a, p = this.markerCalculator.formatNumber(h, r);
     s.textContent = p;
   }
@@ -1535,7 +1535,7 @@ class vo {
     const t = (o = this._element) == null ? void 0 : o.querySelector("[data-list-marker]");
     if (!t)
       return;
-    const e = this.getDepth(), n = Nt(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), s = Ht(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+    const e = this.getDepth(), n = Dt(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), s = Ht(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
     t.textContent = s;
   }
   updateSiblingListMarkers() {
@@ -1548,7 +1548,7 @@ class vo {
     const n = (s = this._element) == null ? void 0 : s.querySelector('[aria-hidden="true"]');
     if (n instanceof HTMLElement)
       if (e === "ordered") {
-        const o = Nt(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), r = Ht(o, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+        const o = Dt(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), r = Ht(o, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
         n.textContent = r;
       } else {
         const o = On(t, this.markerCalculator);
@@ -1746,7 +1746,7 @@ const ls = "data-blok-table-add-row", as = "data-blok-table-add-col", _t = 150,
 ], $t = "12";
 class ds {
   constructor(t) {
-    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.dragState = null, this.wrapper = t.wrapper, this.grid = t.grid, this.i18n = t.i18n, this.boundAddRowClick = t.onAddRow, this.boundAddColClick = t.onAddColumn, this.onDragStart = t.onDragStart, this.onDragAddRow = t.onDragAddRow, this.onDragRemoveRow = t.onDragRemoveRow, this.onDragAddCol = t.onDragAddCol, this.onDragRemoveCol = t.onDragRemoveCol, this.onDragEnd = t.onDragEnd, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.grid.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
+    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.dragState = null, this.wrapper = t.wrapper, this.grid = t.grid, this.i18n = t.i18n, this.boundAddRowClick = t.onAddRow, this.boundAddColClick = t.onAddColumn, this.onDragStart = t.onDragStart, this.onDragAddRow = t.onDragAddRow, this.onDragRemoveRow = t.onDragRemoveRow, this.onDragAddCol = t.onDragAddCol, this.onDragRemoveCol = t.onDragRemoveCol, this.onDragEnd = t.onDragEnd, this.getNewColumnWidth = t.getNewColumnWidth, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.grid.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
   }
   /**
    * Match the add-row button width to the grid's explicit width.
@@ -1823,6 +1823,8 @@ class ds {
       const o = this.grid.querySelectorAll("[data-blok-table-row]"), r = o[o.length - 1];
       return (r == null ? void 0 : r.offsetHeight) || 30;
     }
+    if (this.getNewColumnWidth)
+      return this.getNewColumnWidth() || 100;
     const e = this.grid.querySelector("[data-blok-table-row]");
     if (!e)
       return 100;
@@ -1999,8 +2001,8 @@ class gs {
     const o = 1 - 0.5 / e;
     t.forEach((r) => {
       r.querySelectorAll(`[${u}]`).forEach((p) => {
-        const m = p, f = parseFloat(m.style.width) || 100 / e, y = Math.round(f * o * 100) / 100;
-        m.style.width = `${y}%`;
+        const f = p, m = parseFloat(f.style.width) || 100 / e, C = Math.round(m * o * 100) / 100;
+        f.style.width = `${C}%`;
       });
       const a = Math.round(100 / e / 2 * 100) / 100, c = r.querySelectorAll(`[${u}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
       if (!d) {
@@ -2139,7 +2141,7 @@ class gs {
     return n.setAttribute(k, ""), e.appendChild(n), e;
   }
 }
-const Ct = (i) => typeof i == "object" && i !== null && "blocks" in i, k = "data-blok-table-cell-blocks";
+const yt = (i) => typeof i == "object" && i !== null && "blocks" in i, k = "data-blok-table-cell-blocks";
 class fs {
   constructor(t) {
     this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.handleBlockMutation = (e) => {
@@ -2291,6 +2293,7 @@ class fs {
    * Initialize all cells with blocks.
    * - Empty cells or legacy string cells get a new paragraph block.
    * - Cells that already have block references get those blocks mounted.
+   * - If referenced blocks are missing from BlockManager, a fallback paragraph is created.
    */
   initializeCells(t) {
     const e = this.gridElement.querySelectorAll(`[${g}]`), n = [];
@@ -2304,15 +2307,16 @@ class fs {
         if (!h)
           return;
         const p = h.querySelector(`[${k}]`);
-        if (p) {
-          if (Ct(c))
-            this.mountBlocksInCell(p, c.blocks), a.push(c);
-          else {
-            const m = typeof c == "string" ? c : "", f = this.api.blocks.insert("paragraph", { text: m }, {}, this.api.blocks.getBlocksCount(), !1);
-            p.appendChild(f.holder), a.push({ blocks: [f.id] });
-          }
-          this.stripPlaceholders(p);
+        if (!p)
+          return;
+        const f = yt(c) ? this.mountBlocksInCell(p, c.blocks) : [];
+        if (f.length > 0)
+          a.push({ blocks: f });
+        else {
+          const m = typeof c == "string" ? c : "", C = this.api.blocks.insert("paragraph", { text: m }, {}, this.api.blocks.getBlocksCount(), !1);
+          p.appendChild(C.holder), a.push({ blocks: [C.id] });
         }
+        this.stripPlaceholders(p);
       }), n.push(a);
     }), n;
   }
@@ -2328,16 +2332,19 @@ class fs {
     });
   }
   /**
-   * Mount existing blocks into a cell container by their IDs
+   * Mount existing blocks into a cell container by their IDs.
+   * Returns the IDs of blocks that were successfully mounted.
    */
   mountBlocksInCell(t, e) {
-    for (const n of e) {
-      const s = this.api.blocks.getBlockIndex(n);
-      if (s === void 0)
+    const n = [];
+    for (const s of e) {
+      const o = this.api.blocks.getBlockIndex(s);
+      if (o === void 0)
         continue;
-      const o = this.api.blocks.getBlockByIndex(s);
-      o && t.appendChild(o.holder);
+      const r = this.api.blocks.getBlockByIndex(o);
+      r && (t.appendChild(r.holder), n.push(s));
     }
+    return n;
   }
   /**
    * Move a block's DOM holder into a cell's blocks container.
@@ -2447,7 +2454,7 @@ class fs {
     this.gridElement.removeEventListener("click", this.handleCellBlankSpaceClick), this.api.events.off("block changed", this.handleBlockMutation), this._activeCellWithBlocks = null, this.cellsPendingCheck.clear(), this.removedBlockCells.clear();
   }
 }
-const X = 16, ms = [
+const Y = 16, ms = [
   [2, 2],
   [8, 2],
   [2, 7],
@@ -2477,14 +2484,14 @@ const X = 16, ms = [
   }
   return t;
 }, ys = (i, t) => {
-  t === "col" ? Object.assign(i.style, { height: `${X}px` }) : Object.assign(i.style, { width: `${X}px` }), i.classList.add("bg-gray-200"), i.classList.remove("bg-gray-300");
+  t === "col" ? Object.assign(i.style, { height: `${Y}px` }) : Object.assign(i.style, { width: `${Y}px` }), i.classList.add("bg-gray-200"), i.classList.remove("bg-gray-300");
   const e = i.querySelector("svg");
   e && (e.classList.remove("opacity-0"), e.classList.add("opacity-100"));
-}, pt = (i, t, e) => {
+}, gt = (i, t, e) => {
   t === "col" ? Object.assign(i.style, { height: `${e}px` }) : Object.assign(i.style, { width: `${e}px` }), i.classList.remove("bg-gray-200"), i.classList.add("bg-gray-300");
   const n = i.querySelector("svg");
   n && (n.classList.add("opacity-0"), n.classList.remove("opacity-100"));
-}, gt = "data-blok-table-cell-selected", bs = "2px solid #3b82f6", ft = "data-blok-table-selection-pill", vs = 16, Ss = 20, Gt = 4, ws = [
+}, ft = "data-blok-table-cell-selected", bs = "2px solid #3b82f6", mt = "data-blok-table-selection-pill", vs = 16, Ss = 20, Gt = 4, ws = [
   "absolute",
   "z-[3]",
   "rounded",
@@ -2530,7 +2537,7 @@ class Es {
     if (As(this.grid) || t.button !== 0)
       return;
     const e = t.target;
-    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${ft}]`))
+    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${mt}]`))
       return;
     const n = this.resolveCellCoord(e);
     n && (this.hasSelection && this.clearSelection(), this.anchorCell = n, this.isSelecting = !1, document.addEventListener("mousemove", this.boundCancelRectangle, !0), document.addEventListener("pointermove", this.boundPointerMove), document.addEventListener("pointerup", this.boundPointerUp));
@@ -2566,7 +2573,7 @@ class Es {
   }
   handleClearSelection(t) {
     const e = t.target;
-    e instanceof HTMLElement && e.closest(`[${ft}]`) || this.pillPopover === null && (document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+    e instanceof HTMLElement && e.closest(`[${mt}]`) || this.pillPopover === null && (document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
   }
   handleKeyDown(t) {
     var e;
@@ -2579,7 +2586,7 @@ class Es {
   }
   restoreModifiedCells() {
     this.destroyPillPopover(), this.selectedCells.forEach((t) => {
-      t.removeAttribute(gt);
+      t.removeAttribute(ft);
     }), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
   }
   showProgrammaticSelection(t, e, n, s) {
@@ -2589,25 +2596,25 @@ class Es {
     });
   }
   paintSelection() {
-    var I, D;
+    var I, N;
     if (!this.anchorCell || !this.extentCell)
       return;
     this.selectedCells.forEach((M) => {
-      M.removeAttribute(gt);
+      M.removeAttribute(ft);
     }), this.selectedCells = [];
     const t = Math.min(this.anchorCell.row, this.extentCell.row), e = Math.max(this.anchorCell.row, this.extentCell.row), n = Math.min(this.anchorCell.col, this.extentCell.col), s = Math.max(this.anchorCell.col, this.extentCell.col), o = this.grid.querySelectorAll(`[${g}]`);
     this.selectedCells = this.collectCellsInRange(o, t, e, n, s), this.selectedCells.forEach((M) => {
-      M.setAttribute(gt, "");
+      M.setAttribute(ft, "");
     });
-    const r = (I = o[t]) == null ? void 0 : I.querySelectorAll(`[${u}]`)[n], l = (D = o[e]) == null ? void 0 : D.querySelectorAll(`[${u}]`)[s];
+    const r = (I = o[t]) == null ? void 0 : I.querySelectorAll(`[${u}]`)[n], l = (N = o[e]) == null ? void 0 : N.querySelectorAll(`[${u}]`)[s];
     if (!r || !l)
       return;
-    const a = this.grid.getBoundingClientRect(), c = r.getBoundingClientRect(), d = l.getBoundingClientRect(), h = getComputedStyle(this.grid), p = parseFloat(h.borderTopWidth) || 0, m = parseFloat(h.borderLeftWidth) || 0, f = d.right - c.left + 1, y = d.bottom - c.top + 1, b = c.top - a.top - p - 1, B = c.left - a.left - m - 1;
-    this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = bs, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${b}px`, this.overlay.style.left = `${B}px`, this.overlay.style.width = `${f}px`, this.overlay.style.height = `${y}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${B + f - 1}px`, this.pill.style.top = `${b + y / 2}px`;
+    const a = this.grid.getBoundingClientRect(), c = r.getBoundingClientRect(), d = l.getBoundingClientRect(), h = getComputedStyle(this.grid), p = parseFloat(h.borderTopWidth) || 0, f = parseFloat(h.borderLeftWidth) || 0, m = d.right - c.left + 1, C = d.bottom - c.top + 1, b = c.top - a.top - p - 1, B = c.left - a.left - f - 1;
+    this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = bs, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${b}px`, this.overlay.style.left = `${B}px`, this.overlay.style.width = `${m}px`, this.overlay.style.height = `${C}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${B + m - 1}px`, this.pill.style.top = `${b + C / 2}px`;
   }
   createPill() {
     const t = document.createElement("div");
-    t.setAttribute(ft, ""), t.setAttribute("contenteditable", "false"), t.className = v(ws), t.style.width = `${Gt}px`, t.style.height = `${Ss}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
+    t.setAttribute(mt, ""), t.setAttribute("contenteditable", "false"), t.className = v(ws), t.style.width = `${Gt}px`, t.style.height = `${Ss}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
     const e = fe("vertical");
     return e.classList.remove("text-gray-400"), e.classList.add("text-white"), t.appendChild(e), t.addEventListener("mouseenter", () => {
       this.pillPopover === null && this.expandPill();
@@ -2674,13 +2681,13 @@ class Es {
     return l < 0 ? null : { row: o, col: l };
   }
   clampExtentToEdge(t) {
-    var c, d, h, p, m, f;
+    var c, d, h, p, f, m;
     if (!this.anchorCell || !this.isSelecting)
       return;
     const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${g}]`), s = n.length, o = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${u}]`).length) != null ? d : 0;
     if (s === 0 || o === 0)
       return;
-    const r = this.clampAxis(t.clientY, e.top, e.bottom, s, (p = (h = this.extentCell) == null ? void 0 : h.row) != null ? p : this.anchorCell.row), l = this.clampAxis(t.clientX, e.left, e.right, o, (f = (m = this.extentCell) == null ? void 0 : m.col) != null ? f : this.anchorCell.col), a = { row: r, col: l };
+    const r = this.clampAxis(t.clientY, e.top, e.bottom, s, (p = (h = this.extentCell) == null ? void 0 : h.row) != null ? p : this.anchorCell.row), l = this.clampAxis(t.clientX, e.left, e.right, o, (m = (f = this.extentCell) == null ? void 0 : f.col) != null ? m : this.anchorCell.col), a = { row: r, col: l };
     (!this.extentCell || this.extentCell.row !== a.row || this.extentCell.col !== a.col) && (this.extentCell = a, this.paintSelection());
   }
   collectCellsInRange(t, e, n, s, o) {
@@ -2697,7 +2704,7 @@ class Es {
     return t < e ? 0 : t > n ? s - 1 : o;
   }
 }
-const J = (i) => {
+const U = (i) => {
   const t = i.querySelector(`[${g}]`);
   if (!t)
     return [];
@@ -2766,13 +2773,13 @@ const J = (i) => {
   return e.splice(t, 1), e.length > 0 ? e : void 0;
 }, Is = (i, t, e, n) => {
   var l;
-  const s = (l = e.colWidths) != null ? l : J(i), o = e.initialColWidth !== void 0 ? Math.round(e.initialColWidth / 2 * 100) / 100 : yt(s);
+  const s = (l = e.colWidths) != null ? l : U(i), o = e.initialColWidth !== void 0 ? Math.round(e.initialColWidth / 2 * 100) / 100 : dt(s);
   n.addColumn(i, t, s, o);
   const r = [...s];
   return r.splice(t, 0, o), r;
-}, yt = (i) => Math.round(
+}, dt = (i) => Math.round(
   i.reduce((t, e) => t + e, 0) / i.length / 2 * 100
-) / 100, Ds = (i) => i.length === 0 ? 0 : Math.round(i.reduce((t, e) => t + e, 0) / i.length * 100) / 100, Ns = (i, t, e) => {
+) / 100, Ns = (i) => i.length === 0 ? 0 : Math.round(i.reduce((t, e) => t + e, 0) / i.length * 100) / 100, Ds = (i, t, e) => {
   var o;
   if (!i)
     return [];
@@ -2803,7 +2810,7 @@ const J = (i) => {
     }), s.deleteBlocks(s.getBlockIdsFromCells(r));
   }
   return n.deleteColumn(i, t), Bs(e, t);
-}, V = (i, t) => {
+}, G = (i, t) => {
   i.querySelectorAll(`[${u}]`).forEach((n) => {
     t == null || t.ensureCellHasBlock(n);
   });
@@ -2822,30 +2829,30 @@ const J = (i) => {
       if (!h)
         return;
       const p = h.querySelectorAll("[data-blok-id]").length > 0;
-      if (!(!Ct(a) && p)) {
-        if (!Ct(a)) {
-          const m = typeof a == "string" ? a : "", f = e.blocks.insert(
+      if (!(!yt(a) && p)) {
+        if (!yt(a)) {
+          const f = typeof a == "string" ? a : "", m = e.blocks.insert(
             "paragraph",
-            { text: m },
+            { text: f },
             {},
             void 0,
             !0
           );
-          f != null && f.holder && h.appendChild(f.holder);
+          m != null && m.holder && h.appendChild(m.holder);
           return;
         }
-        for (const m of a.blocks) {
-          const f = e.blocks.getBlockIndex(m);
-          if (f === void 0)
+        for (const f of a.blocks) {
+          const m = e.blocks.getBlockIndex(f);
+          if (m === void 0)
             continue;
-          const y = e.blocks.getBlockByIndex(f);
-          y && h.appendChild(y.holder);
+          const C = e.blocks.getBlockByIndex(m);
+          C && h.appendChild(C.holder);
         }
       }
     });
   });
 }, _s = (i, t) => {
-  var l, a, c, d, h, p, m, f, y, b;
+  var l, a, c, d, h, p, f, m, C, b;
   if (!(typeof i == "object" && i !== null && "content" in i))
     return {
       withHeadings: (l = t.withHeadings) != null ? l : !1,
@@ -2856,8 +2863,8 @@ const J = (i) => {
   const n = i, s = (d = (c = n.content) == null ? void 0 : c[0]) == null ? void 0 : d.length, o = n.colWidths, r = o && s && o.length === s ? o : void 0;
   return {
     withHeadings: (p = (h = n.withHeadings) != null ? h : t.withHeadings) != null ? p : !1,
-    withHeadingColumn: (m = n.withHeadingColumn) != null ? m : !1,
-    stretched: (y = (f = n.stretched) != null ? f : t.stretched) != null ? y : !1,
+    withHeadingColumn: (f = n.withHeadingColumn) != null ? f : !1,
+    stretched: (C = (m = n.stretched) != null ? m : t.stretched) != null ? C : !1,
     content: (b = n.content) != null ? b : [],
     colWidths: r,
     initialColWidth: n.initialColWidth
@@ -2882,7 +2889,7 @@ const J = (i) => {
   n.forEach((s) => {
     s.removeAttribute("data-blok-table-heading");
   }), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
-}, z = (i, t) => {
+}, V = (i, t) => {
   if (!i)
     return;
   const e = i.firstElementChild;
@@ -2894,7 +2901,7 @@ const J = (i) => {
     const r = o.querySelector(`[${u}]`);
     r && r.setAttribute("data-blok-table-heading-col", "");
   });
-}, Ft = "data-blok-table-resize", Ms = "data-blok-table-cell", Ws = "data-blok-table-row", $s = 50, mt = 16;
+}, Ft = "data-blok-table-resize", Ms = "data-blok-table-cell", Ws = "data-blok-table-row", $s = 50, Ct = 16;
 class Gs {
   constructor(t, e, n, s, o, r = !1) {
     this._enabled = !0, this.isDragging = !1, this.dragStartX = 0, this.dragColIndex = -1, this.startColWidth = 0, this.handles = [], this.gridEl = t, this.colWidths = [...e], this.onChange = n, this.onDragStart = s != null ? s : null, this.onDrag = o != null ? o : null, this.needsInitialApply = r, this.boundPointerDown = this.onPointerDown.bind(this), this.boundPointerMove = this.onPointerMove.bind(this), this.boundPointerUp = this.onPointerUp.bind(this), this.gridEl.style.position = "relative", r || this.applyWidths(), this.createHandles(), this.gridEl.addEventListener("pointerdown", this.boundPointerDown);
@@ -2922,7 +2929,7 @@ class Gs {
   }
   createHandle(t) {
     const e = document.createElement("div"), n = this.getHandleLeftPx(t);
-    return e.setAttribute(Ft, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${P}px`, e.style.bottom = "0px", e.style.width = `${mt}px`, e.style.left = `${n - mt / 2}px`, e.style.cursor = "col-resize", e.style.zIndex = "2", e.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", e.style.opacity = "0", e.style.transition = "opacity 150ms ease", e.setAttribute("contenteditable", "false"), e.addEventListener("mouseenter", () => {
+    return e.setAttribute(Ft, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${P}px`, e.style.bottom = "0px", e.style.width = `${Ct}px`, e.style.left = `${n - Ct / 2}px`, e.style.cursor = "col-resize", e.style.zIndex = "2", e.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", e.style.opacity = "0", e.style.transition = "opacity 150ms ease", e.setAttribute("contenteditable", "false"), e.addEventListener("mouseenter", () => {
       this.isDragging || (e.style.opacity = "1");
     }), e.addEventListener("mouseleave", () => {
       this.isDragging || (e.style.opacity = "0");
@@ -2934,7 +2941,7 @@ class Gs {
   updateHandlePositions() {
     this.handles.forEach((t, e) => {
       const n = this.getHandleLeftPx(e), s = t;
-      s.style.left = `${n - mt / 2}px`;
+      s.style.left = `${n - Ct / 2}px`;
     });
   }
   onPointerDown(t) {
@@ -2974,7 +2981,7 @@ class Gs {
     });
   }
 }
-const zt = (i, t, e) => (e.grid.addRow(i, t), V(i, e.cellBlocks), {
+const zt = (i, t, e) => (e.grid.addRow(i, t), G(i, e.cellBlocks), {
   pendingHighlight: { type: "row", index: t },
   moveSelection: null,
   colWidths: e.data.colWidths,
@@ -2982,7 +2989,7 @@ const zt = (i, t, e) => (e.grid.addRow(i, t), V(i, e.cellBlocks), {
   withHeadingColumn: e.data.withHeadingColumn
 }), Vt = (i, t, e) => {
   const n = Is(i, t, e.data, e.grid);
-  return V(i, e.cellBlocks), {
+  return G(i, e.cellBlocks), {
     pendingHighlight: { type: "col", index: t },
     moveSelection: null,
     colWidths: n,
@@ -3322,7 +3329,7 @@ const Xs = [
 }, to = (i, t) => {
   const e = i === 0 ? [
     {
-      type: q.Html,
+      type: F.Html,
       element: ye({
         icon: Ue,
         label: t.i18n.t("tools.table.headerColumn"),
@@ -3332,7 +3339,7 @@ const Xs = [
         }
       })
     },
-    { type: q.Separator }
+    { type: F.Separator }
   ] : [], n = [
     {
       icon: qe,
@@ -3351,7 +3358,7 @@ const Xs = [
       }
     }
   ], s = t.getColumnCount() > 1, o = [
-    { type: q.Separator },
+    { type: F.Separator },
     {
       icon: oe,
       title: t.i18n.t("tools.table.deleteColumn"),
@@ -3367,7 +3374,7 @@ const Xs = [
 }, eo = (i, t) => {
   const e = i === 0 ? [
     {
-      type: q.Html,
+      type: F.Html,
       element: ye({
         icon: Ke,
         label: t.i18n.t("tools.table.headerRow"),
@@ -3377,7 +3384,7 @@ const Xs = [
         }
       })
     },
-    { type: q.Separator }
+    { type: F.Separator }
   ] : [], n = [
     {
       icon: ze,
@@ -3396,7 +3403,7 @@ const Xs = [
       }
     }
   ], s = t.getRowCount() > 1, o = [
-    { type: q.Separator },
+    { type: F.Separator },
     {
       icon: oe,
       title: t.i18n.t("tools.table.deleteRow"),
@@ -3422,7 +3429,7 @@ const Xs = [
   return l.on(se.Closed, () => {
     var a;
     s.destroyPopover(), s.applyVisibleClasses(o), s.scheduleHideAll(), (a = s.onGripPopoverClose) == null || a.call(s);
-  }), s.hideAllGripsExcept(o), s.applyActiveClasses(o), i === "col" ? o.style.height = `${X}px` : o.style.width = `${X}px`, { popover: l, grip: o };
+  }), s.hideAllGripsExcept(o), s.applyActiveClasses(o), i === "col" ? o.style.height = `${Y}px` : o.style.width = `${Y}px`, { popover: l, grip: o };
 }, Kt = "data-blok-table-grip", ot = "data-blok-table-grip-col", jt = "data-blok-table-grip-row", so = 150, oo = 24, it = 4, rt = 4, io = 20, lt = [
   "absolute",
   "z-[3]",
@@ -3473,7 +3480,7 @@ class ao {
    */
   setActiveGrip(t, e) {
     const n = t === "col" ? this.colGrips[e] : this.rowGrips[e];
-    n && (this.unlockGrip(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${X}px` : n.style.width = `${X}px`, this.lockedGrip = n, requestAnimationFrame(() => {
+    n && (this.unlockGrip(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${Y}px` : n.style.width = `${Y}px`, this.lockedGrip = n, requestAnimationFrame(() => {
       document.addEventListener("pointerdown", this.boundUnlockGrip);
     }));
   }
@@ -3507,7 +3514,7 @@ class ao {
     return n.style.width = `${s}px`, n.style.height = `${o}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid white", n.appendChild(fe(t === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
       this.isGripInteractionLocked() || ys(n, t);
     }), n.addEventListener("mouseleave", () => {
-      this.isGripInteractionLocked() || pt(n, t, r);
+      this.isGripInteractionLocked() || gt(n, t, r);
     }), n;
   }
   /**
@@ -3601,7 +3608,7 @@ class ao {
   }
   applyVisibleClasses(t) {
     const e = t, n = e.hasAttribute(ot);
-    pt(e, n ? "col" : "row", n ? it : rt), this.isInsideTable && (e.style.transition = "none"), e.className = v(lt, ro), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    gt(e, n ? "col" : "row", n ? it : rt), this.isInsideTable && (e.style.transition = "none"), e.className = v(lt, ro), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
     const r = e.querySelector("svg");
     r && (r.classList.remove("text-white"), r.classList.add("text-gray-400"));
   }
@@ -3617,7 +3624,7 @@ class ao {
   }
   applyIdleClasses(t) {
     const e = t, n = e.hasAttribute(ot), s = n ? "col" : "row", o = 12, r = n ? it + o : rt + o;
-    this.isInsideTable && (e.style.transition = "none"), pt(e, s, r), e.className = v(lt, Xt), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    this.isInsideTable && (e.style.transition = "none"), gt(e, s, r), e.className = v(lt, Xt), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
   }
   handleDragStateChange(t, e) {
     [...this.colGrips, ...this.rowGrips].forEach((n) => {
@@ -3692,7 +3699,7 @@ const co = 3, ho = 3, uo = [
 ];
 class So {
   constructor({ data: t, config: e, api: n, readOnly: s, block: o }) {
-    this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.element = null, this.pendingHighlight = null, this.api = n, this.readOnly = s, this.config = e != null ? e : {}, this.data = _s(t, e != null ? e : {}), this.grid = new gs({ readOnly: s }), this.blockId = o == null ? void 0 : o.id;
+    this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.element = null, this.pendingHighlight = null, this.isNewTable = !1, this.api = n, this.readOnly = s, this.config = e != null ? e : {}, this.data = _s(t, e != null ? e : {}), this.grid = new gs({ readOnly: s }), this.blockId = o == null ? void 0 : o.id;
   }
   static get toolbox() {
     return {
@@ -3727,9 +3734,9 @@ class So {
   render() {
     var o;
     const t = document.createElement("div");
-    t.className = v(uo, !this.readOnly && po, this.data.colWidths && Ce), t.setAttribute(E.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", "");
+    t.className = v(uo, !this.readOnly && po, this.data.colWidths && Ce), t.setAttribute(E.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", ""), this.isNewTable = this.data.content.length === 0;
     const e = this.data.content.length || this.config.rows || co, n = ((o = this.data.content[0]) == null ? void 0 : o.length) || this.config.cols || ho, s = this.grid.createGrid(e, n, this.data.colWidths);
-    return this.data.content.length > 0 && this.grid.fillGrid(s, this.data.content), this.data.colWidths && ct(s, this.data.colWidths), t.appendChild(s), this.element = t, this.data.withHeadings && st(this.element, this.data.withHeadings), this.data.withHeadingColumn && z(this.element, this.data.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), Os(s, this.cellBlocks)), t;
+    return this.data.content.length > 0 && this.grid.fillGrid(s, this.data.content), this.data.colWidths && ct(s, this.data.colWidths), t.appendChild(s), this.element = t, this.data.withHeadings && st(this.element, this.data.withHeadings), this.data.withHeadingColumn && V(this.element, this.data.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), Os(s, this.cellBlocks)), t;
   }
   rendered() {
     var e, n, s;
@@ -3741,11 +3748,14 @@ class So {
         Ps(t, this.data.content, this.api);
         return;
       }
-      if (this.data.content = (n = (e = this.cellBlocks) == null ? void 0 : e.initializeCells(this.data.content)) != null ? n : this.data.content, this.data.initialColWidth === void 0) {
-        const o = (s = this.data.colWidths) != null ? s : J(t);
-        this.data.initialColWidth = o.length > 0 ? Ds(o) : void 0;
+      if (this.data.content = (n = (e = this.cellBlocks) == null ? void 0 : e.initializeCells(this.data.content)) != null ? n : this.data.content, this.isNewTable && G(t, this.cellBlocks), this.data.initialColWidth === void 0) {
+        const o = (s = this.data.colWidths) != null ? s : U(t);
+        this.data.initialColWidth = o.length > 0 ? Ns(o) : void 0;
+      }
+      if (this.initResize(t), this.initAddControls(t), this.initRowColControls(t), this.initCellSelection(t), this.isNewTable) {
+        const o = t.querySelector('[contenteditable="true"]');
+        o == null || o.focus();
       }
-      this.initResize(t), this.initAddControls(t), this.initRowColControls(t), this.initCellSelection(t);
     }
   }
   save(t) {
@@ -3764,10 +3774,10 @@ class So {
     var d, h;
     const e = t.detail.data, n = e.querySelectorAll("tr"), s = [];
     n.forEach((p) => {
-      const m = p.querySelectorAll("td, th"), f = [];
-      m.forEach((y) => {
-        f.push(y.innerHTML);
-      }), f.length > 0 && s.push(f);
+      const f = p.querySelectorAll("td, th"), m = [];
+      f.forEach((C) => {
+        m.push(C.innerHTML);
+      }), m.length > 0 && s.push(m);
     });
     const o = e.querySelector("thead") !== null, r = ((d = n[0]) == null ? void 0 : d.querySelector("th")) !== null, l = o || r;
     if (this.data = {
@@ -3797,7 +3807,7 @@ class So {
     e && (this.data.colWidths = vt(e, t, this.data.colWidths, this.grid, this.cellBlocks));
   }
   getBlockIdsInRow(t) {
-    return Ns(this.element, this.cellBlocks, t);
+    return Ds(this.element, this.cellBlocks, t);
   }
   getBlockIdsInColumn(t) {
     return Hs(this.element, this.cellBlocks, t);
@@ -3811,21 +3821,26 @@ class So {
       wrapper: this.element,
       grid: t,
       i18n: this.api.i18n,
+      getNewColumnWidth: () => {
+        var o;
+        const s = (o = this.data.colWidths) != null ? o : U(t);
+        return this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : dt(s);
+      },
       onAddRow: () => {
         var s, o;
-        this.grid.addRow(t), V(t, this.cellBlocks), st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn), this.initResize(t), (s = this.addControls) == null || s.syncRowButtonWidth(), (o = this.rowColControls) == null || o.refresh();
+        this.grid.addRow(t), G(t, this.cellBlocks), st(this.element, this.data.withHeadings), V(this.element, this.data.withHeadingColumn), this.initResize(t), (s = this.addControls) == null || s.syncRowButtonWidth(), (o = this.rowColControls) == null || o.refresh();
       },
       onAddColumn: () => {
         var r, l, a;
-        const s = (r = this.data.colWidths) != null ? r : J(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : yt(s);
-        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], V(t, this.cellBlocks), z(this.element, this.data.withHeadingColumn), this.initResize(t), (l = this.addControls) == null || l.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
+        const s = (r = this.data.colWidths) != null ? r : U(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : dt(s);
+        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], G(t, this.cellBlocks), V(this.element, this.data.withHeadingColumn), this.initResize(t), (l = this.addControls) == null || l.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
       },
       onDragStart: () => {
         var s, o;
         this.resize && (this.resize.enabled = !1), (s = this.rowColControls) == null || s.hideAllGrips(), (o = this.rowColControls) == null || o.setGripsDisplay(!1);
       },
       onDragAddRow: () => {
-        this.grid.addRow(t), V(t, this.cellBlocks), st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn);
+        this.grid.addRow(t), G(t, this.cellBlocks), st(this.element, this.data.withHeadings), V(this.element, this.data.withHeadingColumn);
       },
       onDragRemoveRow: () => {
         const s = this.grid.getRowCount(t);
@@ -3833,8 +3848,8 @@ class So {
       },
       onDragAddCol: () => {
         var r;
-        const s = (r = this.data.colWidths) != null ? r : J(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : yt(s);
-        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], ct(t, this.data.colWidths), V(t, this.cellBlocks), z(this.element, this.data.withHeadingColumn), this.initResize(t), e.addedCols++, this.element && (this.element.scrollLeft = this.element.scrollWidth);
+        const s = (r = this.data.colWidths) != null ? r : U(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : dt(s);
+        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], ct(t, this.data.colWidths), G(t, this.cellBlocks), V(this.element, this.data.withHeadingColumn), this.initResize(t), e.addedCols++, this.element && (this.element.scrollLeft = this.element.scrollWidth);
       },
       onDragRemoveCol: () => {
         const s = this.grid.getColumnCount(t);
@@ -3884,7 +3899,7 @@ class So {
       e,
       { grid: this.grid, data: this.data, cellBlocks: this.cellBlocks }
     );
-    if (this.data.colWidths = n.colWidths, this.data.withHeadings = n.withHeadings, this.data.withHeadingColumn = n.withHeadingColumn, this.pendingHighlight = n.pendingHighlight, st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn), this.initResize(t), (r = this.addControls) == null || r.syncRowButtonWidth(), (l = this.rowColControls) == null || l.refresh(), !n.moveSelection)
+    if (this.data.colWidths = n.colWidths, this.data.withHeadings = n.withHeadings, this.data.withHeadingColumn = n.withHeadingColumn, this.pendingHighlight = n.pendingHighlight, st(this.element, this.data.withHeadings), V(this.element, this.data.withHeadingColumn), this.initResize(t), (r = this.addControls) == null || r.syncRowButtonWidth(), (l = this.rowColControls) == null || l.refresh(), !n.moveSelection)
       return;
     const { type: s, index: o } = n.moveSelection;
     s === "row" ? (a = this.cellSelection) == null || a.selectRow(o) : (c = this.cellSelection) == null || c.selectColumn(o), (d = this.rowColControls) == null || d.setActiveGrip(s, o);
@@ -3892,7 +3907,7 @@ class So {
   initResize(t) {
     var s, o;
     (s = this.resize) == null || s.destroy();
-    const e = this.data.colWidths === void 0, n = (o = this.data.colWidths) != null ? o : J(t);
+    const e = this.data.colWidths === void 0, n = (o = this.data.colWidths) != null ? o : U(t);
     e || qt(this.element), this.resize = new Gs(
       t,
       n,
@@ -3941,10 +3956,10 @@ class So {
     });
   }
 }
-const G = (i) => {
+const q = (i) => {
   const t = i.tagName;
   return t === "B" || t === "STRONG";
-}, ht = (i) => !!(i && i.nodeType === Node.ELEMENT_NODE && G(i)), be = (i) => i.textContent.length === 0, N = (i) => i ? i.nodeType === Node.ELEMENT_NODE && G(i) ? _(i) : N(i.parentNode) : null, _ = (i) => {
+}, ut = (i) => !!(i && i.nodeType === Node.ELEMENT_NODE && q(i)), be = (i) => i.textContent.length === 0, D = (i) => i ? i.nodeType === Node.ELEMENT_NODE && q(i) ? _(i) : D(i.parentNode) : null, _ = (i) => {
   if (i.tagName === "STRONG")
     return i;
   const t = document.createElement("strong");
@@ -4137,21 +4152,21 @@ const G = (i) => {
       const h = Number(c);
       if (!Number.isFinite(h))
         return;
-      const p = d, m = p.textContent;
-      if (m.length <= h)
+      const p = d, f = p.textContent;
+      if (f.length <= h)
         return;
-      const f = m.slice(0, h), y = m.slice(h);
-      p.textContent = f;
-      const b = y.match(/^[\u00A0\s]+/);
-      if (b && !a.hasAttribute(S.LEADING_WHITESPACE) && a.setAttribute(S.LEADING_WHITESPACE, b[0]), y.length === 0)
+      const m = f.slice(0, h), C = f.slice(h);
+      p.textContent = m;
+      const b = C.match(/^[\u00A0\s]+/);
+      if (b && !a.hasAttribute(S.LEADING_WHITESPACE) && a.setAttribute(S.LEADING_WHITESPACE, b[0]), C.length === 0)
         return;
-      const B = a.textContent, I = B + y, D = (kt = a.getAttribute(S.LEADING_WHITESPACE)) != null ? kt : "", W = D.length > 0 && B.length === 0 && !I.startsWith(D) ? D + I : I, $ = document.createTextNode(W);
+      const B = a.textContent, I = B + C, N = (kt = a.getAttribute(S.LEADING_WHITESPACE)) != null ? kt : "", W = N.length > 0 && B.length === 0 && !I.startsWith(N) ? N + I : I, $ = document.createTextNode(W);
       for (; a.firstChild; )
         a.removeChild(a.firstChild);
       if (a.appendChild($), !(t != null && t.isCollapsed) || !wt(t.focusNode, p))
         return;
-      const Z = document.createRange(), Ee = $.textContent.length;
-      Z.setStart($, Ee), Z.collapse(!0), t.removeAllRanges(), t.addRange(Z);
+      const J = document.createRange(), Ee = $.textContent.length;
+      J.setStart($, Ee), J.collapse(!0), t.removeAllRanges(), t.addRange(J);
     });
   }
   /**
@@ -4167,19 +4182,19 @@ const G = (i) => {
     if (!s)
       return;
     s.querySelectorAll(`strong[${S.COLLAPSED_LENGTH}]`).forEach((l) => {
-      var D, M;
+      var N, M;
       const a = l.getAttribute(S.COLLAPSED_LENGTH);
       if (!a)
         return;
       const c = Number(a), d = l.textContent;
       if (!Number.isFinite(c))
         return;
-      const h = d.length > c, p = h ? this.splitCollapsedBoldText(l, c, d) : null, m = l.getAttribute(S.PREV_LENGTH), f = m ? Number(m) : NaN, y = l.previousSibling, b = (y == null ? void 0 : y.nodeType) === Node.TEXT_NODE ? y : null, B = (D = b == null ? void 0 : b.textContent) != null ? D : "", I = !!(m && Number.isFinite(f) && b && B.length > f);
+      const h = d.length > c, p = h ? this.splitCollapsedBoldText(l, c, d) : null, f = l.getAttribute(S.PREV_LENGTH), m = f ? Number(f) : NaN, C = l.previousSibling, b = (C == null ? void 0 : C.nodeType) === Node.TEXT_NODE ? C : null, B = (N = b == null ? void 0 : b.textContent) != null ? N : "", I = !!(f && Number.isFinite(m) && b && B.length > m);
       if (I && b) {
-        const W = B.slice(0, f), $ = B.slice(f);
+        const W = B.slice(0, m), $ = B.slice(m);
         b.textContent = W;
-        const Z = document.createTextNode($);
-        (M = l.parentNode) == null || M.insertBefore(Z, l.nextSibling);
+        const J = document.createTextNode($);
+        (M = l.parentNode) == null || M.insertBefore(J, l.nextSibling);
       }
       if (I && l.removeAttribute(S.PREV_LENGTH), t != null && t.isCollapsed && p && wt(t.focusNode, l)) {
         const W = document.createRange(), $ = p.textContent.length;
@@ -4243,7 +4258,7 @@ const G = (i) => {
     const e = t.getRangeAt(0);
     if (!e.collapsed)
       return;
-    const n = N(e.startContainer);
+    const n = D(e.startContainer);
     (n == null ? void 0 : n.getAttribute(S.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(t, e) || this.moveCaretFromTextContainer(t, e));
   }
   /**
@@ -4302,7 +4317,7 @@ const G = (i) => {
       this.setCaret(t, n, o.length);
       return;
     }
-    const l = N(n);
+    const l = D(n);
     if (!l || e.startOffset !== n.textContent.length)
       return;
     const a = this.ensureFollowingTextNode(l, l.nextSibling);
@@ -4467,12 +4482,12 @@ class R {
    */
   mergeWithAdjacent(t) {
     const e = t.previousSibling;
-    if (e && ht(e)) {
+    if (e && ut(e)) {
       this.mergeStrongNodes(e, t);
       return;
     }
     const n = t.nextSibling;
-    n && ht(n) && this.mergeStrongNodes(t, n);
+    n && ut(n) && this.mergeStrongNodes(t, n);
   }
   /**
    * Merge two <strong> elements by moving children from right to left
@@ -4610,23 +4625,23 @@ const Co = (i, t) => {
   {
     acceptNode: (t) => Co(i, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
   }
-), Y = (i, t) => i ? i.nodeType === Node.ELEMENT_NODE && t(i) ? i : Y(i.parentNode, t) : null, Se = (i, t) => Y(i, t) !== null, we = (i, t, e = {}) => {
+), Z = (i, t) => i ? i.nodeType === Node.ELEMENT_NODE && t(i) ? i : Z(i.parentNode, t) : null, Se = (i, t) => Z(i, t) !== null, we = (i, t, e = {}) => {
   if (i.collapsed)
-    return Y(i.startContainer, t) !== null;
+    return Z(i.startContainer, t) !== null;
   const n = ve(i), s = [];
   for (; n.nextNode(); ) {
     const o = n.currentNode, r = o.textContent;
     e.ignoreWhitespace && r.trim().length === 0 || r.length !== 0 && s.push(o);
   }
-  return s.length === 0 ? Y(i.startContainer, t) !== null : s.every((o) => Se(o, t));
+  return s.length === 0 ? Z(i.startContainer, t) !== null : s.every((o) => Se(o, t));
 }, Ae = (i, t) => {
   const e = /* @__PURE__ */ new Set(), n = ve(i);
   for (; n.nextNode(); ) {
-    const s = Y(n.currentNode, t);
+    const s = Z(n.currentNode, t);
     s && e.add(s);
   }
   return Array.from(e);
-}, C = class C {
+}, y = class y {
   /**
    * Sanitizer Rule
    * Leave <strong> tags
@@ -4642,7 +4657,7 @@ const Co = (i, t) => {
    *
    */
   constructor() {
-    typeof document != "undefined" && (C.instances.add(this), C.initializeGlobalListeners());
+    typeof document != "undefined" && (y.instances.add(this), y.initializeGlobalListeners());
   }
   /**
    * Ensure global event listeners are registered once per document
@@ -4654,20 +4669,20 @@ const Co = (i, t) => {
     return t.hasHandler("bold") || (t.register("bold", {
       shortcut: { key: "b", meta: !0 },
       onShortcut: (e, n) => {
-        const s = C.instances.values().next().value;
+        const s = y.instances.values().next().value;
         s && s.toggleBold();
       },
       onSelectionChange: (e) => {
-        C.refreshSelectionState("selectionchange");
+        y.refreshSelectionState("selectionchange");
       },
       onInput: (e, n) => {
-        C.refreshSelectionState("input");
+        y.refreshSelectionState("input");
       },
       onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (R.normalizeAroundSelection(window.getSelection()), !0),
-      isRelevant: (e) => C.isSelectionInsideBlok(e)
-    }), C.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
+      isRelevant: (e) => y.isSelectionInsideBlok(e)
+    }), y.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
       A.getInstance().guardBoundaryKeydown(e);
-    }, !0), C.guardKeydownListenerRegistered = !0), C.ensureMutationObserver()), !0;
+    }, !0), y.guardKeydownListenerRegistered = !0), y.ensureMutationObserver()), !0;
   }
   /**
    * Merge two strong elements by moving children from right to left
@@ -4744,10 +4759,10 @@ const Co = (i, t) => {
     if (!n)
       return;
     const s = document.createElement("span"), o = t.extractContents();
-    s.setAttribute("data-blok-bold-marker", `unwrap-${C.markerSequence++}`), s.appendChild(o), this.removeNestedBold(s), t.insertNode(s);
+    s.setAttribute("data-blok-bold-marker", `unwrap-${y.markerSequence++}`), s.appendChild(o), this.removeNestedBold(s), t.insertNode(s);
     const r = document.createRange();
     for (r.selectNodeContents(s), n.removeAllRanges(), n.addRange(r); ; ) {
-      const d = N(s);
+      const d = D(s);
       if (!d)
         break;
       this.moveMarkerOutOfBold(s, d);
@@ -4768,7 +4783,7 @@ const Co = (i, t) => {
    */
   replaceRangeWithHtml(t, e) {
     var l, a;
-    const n = C.createFragmentFromHtml(e), s = (l = n.firstChild) != null ? l : null, o = (a = n.lastChild) != null ? a : null;
+    const n = y.createFragmentFromHtml(e), s = (l = n.firstChild) != null ? l : null, o = (a = n.lastChild) != null ? a : null;
     if (t.deleteContents(), !s || !o)
       return;
     t.insertNode(n);
@@ -4822,7 +4837,7 @@ const Co = (i, t) => {
    * @param options.ignoreWhitespace - Whether to ignore whitespace-only text nodes
    */
   isRangeBold(t, e) {
-    return we(t, G, e);
+    return we(t, q, e);
   }
   /**
    * Remove nested bold tags from a root node
@@ -4854,20 +4869,20 @@ const Co = (i, t) => {
    */
   findBoldElementFromRangeOrSelection(t, e) {
     if (!t)
-      return e ? N(e.focusNode) : null;
-    const n = N(t.startContainer);
+      return e ? D(e.focusNode) : null;
+    const n = D(t.startContainer);
     if (n)
       return n;
-    const s = N(t.commonAncestorContainer);
-    return s || (t.startContainer.nodeType === Node.ELEMENT_NODE && G(t.startContainer) ? t.startContainer : null);
+    const s = D(t.commonAncestorContainer);
+    return s || (t.startContainer.nodeType === Node.ELEMENT_NODE && q(t.startContainer) ? t.startContainer : null);
   }
   /**
    * Merge adjacent bold elements into a single element
    * @param element - The bold element to merge with adjacent elements
    */
   mergeAdjacentBold(t) {
-    const e = _(t), n = e.previousSibling, s = n && n.nodeType === Node.ELEMENT_NODE && G(n) ? C.mergeStrongNodes(n, e) : e, o = s.nextSibling;
-    return o && o.nodeType === Node.ELEMENT_NODE && G(o) ? C.mergeStrongNodes(s, o) : s;
+    const e = _(t), n = e.previousSibling, s = n && n.nodeType === Node.ELEMENT_NODE && q(n) ? y.mergeStrongNodes(n, e) : e, o = s.nextSibling;
+    return o && o.nodeType === Node.ELEMENT_NODE && q(o) ? y.mergeStrongNodes(s, o) : s;
   }
   /**
    * Toggle bold formatting for a collapsed selection (caret position)
@@ -4877,10 +4892,10 @@ const Co = (i, t) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return;
-    const e = t.getRangeAt(0), n = N(e.startContainer), s = (() => {
+    const e = t.getRangeAt(0), n = D(e.startContainer), s = (() => {
       if (n && n.getAttribute(A.ATTR.COLLAPSED_ACTIVE) !== "true")
         return A.getInstance().exit(t, n);
-      const o = n != null ? n : C.getBoundaryBold(e);
+      const o = n != null ? n : y.getBoundaryBold(e);
       return o ? A.getInstance().exit(t, o) : this.startCollapsedBold(e);
     })();
     document.dispatchEvent(new Event("selectionchange")), s && (t.removeAllRanges(), t.addRange(s)), R.normalizeAroundSelection(t), this.notifySelectionChange();
@@ -4929,22 +4944,22 @@ const Co = (i, t) => {
    * Ensure mutation observer is registered to convert legacy <b> tags
    */
   static ensureMutationObserver() {
-    if (typeof MutationObserver == "undefined" || C.mutationObserver)
+    if (typeof MutationObserver == "undefined" || y.mutationObserver)
       return;
     const t = new MutationObserver((e) => {
-      if (!C.isProcessingMutation) {
-        C.isProcessingMutation = !0;
+      if (!y.isProcessingMutation) {
+        y.isProcessingMutation = !0;
         try {
           const n = (s) => {
             s && new R({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(s);
           };
           e.forEach((s) => {
             s.addedNodes.forEach((o) => {
-              n(C.findBlokScopeFromNode(o));
-            }), s.type === "characterData" && n(C.findBlokScopeFromNode(s.target));
+              n(y.findBlokScopeFromNode(o));
+            }), s.type === "characterData" && n(y.findBlokScopeFromNode(s.target));
           });
         } finally {
-          C.isProcessingMutation = !1;
+          y.isProcessingMutation = !1;
         }
       }
     });
@@ -4952,7 +4967,7 @@ const Co = (i, t) => {
       subtree: !0,
       childList: !0,
       characterData: !0
-    }), C.mutationObserver = t;
+    }), y.mutationObserver = t;
   }
   /**
    * Find the blok scope element from a node for normalization
@@ -4969,7 +4984,7 @@ const Co = (i, t) => {
    */
   static getBoundaryBold(t) {
     const e = t.startContainer;
-    return e.nodeType === Node.TEXT_NODE ? C.getBoundaryBoldForText(t, e) : e.nodeType === Node.ELEMENT_NODE ? C.getBoundaryBoldForElement(t, e) : null;
+    return e.nodeType === Node.TEXT_NODE ? y.getBoundaryBoldForText(t, e) : e.nodeType === Node.ELEMENT_NODE ? y.getBoundaryBoldForElement(t, e) : null;
   }
   /**
    * Get boundary bold when caret resides inside a text node
@@ -4979,11 +4994,11 @@ const Co = (i, t) => {
   static getBoundaryBoldForText(t, e) {
     const n = e.textContent.length;
     if (t.startOffset === n)
-      return N(e);
+      return D(e);
     if (t.startOffset !== 0)
       return null;
     const s = e.previousSibling;
-    return ht(s) ? s : null;
+    return ut(s) ? s : null;
   }
   /**
    * Get boundary bold when caret container is an element
@@ -4994,7 +5009,7 @@ const Co = (i, t) => {
     if (t.startOffset <= 0)
       return null;
     const n = e.childNodes[t.startOffset - 1];
-    return ht(n) ? n : null;
+    return ut(n) ? n : null;
   }
   /**
    * Check if a selection is inside the blok
@@ -5030,15 +5045,15 @@ const Co = (i, t) => {
    * @param range - The range to search for bold ancestors
    */
   collectBoldAncestors(t) {
-    return Ae(t, G);
+    return Ae(t, q);
   }
 };
-C.isInline = !0, C.title = "Bold", C.titleKey = "bold", C.markerSequence = 0, C.isProcessingMutation = !1, C.instances = /* @__PURE__ */ new Set(), C.guardKeydownListenerRegistered = !1, C.shortcut = "CMD+B";
-let Yt = C;
+y.isInline = !0, y.title = "Bold", y.titleKey = "bold", y.markerSequence = 0, y.isProcessingMutation = !1, y.instances = /* @__PURE__ */ new Set(), y.guardKeydownListenerRegistered = !1, y.shortcut = "CMD+B";
+let Yt = y;
 const at = (i) => {
   const t = i.tagName;
   return t === "I" || t === "EM";
-}, U = class U {
+}, K = class K {
   /**
    * Sanitizer Rule
    * Leave <i> and <em> tags
@@ -5161,7 +5176,7 @@ const at = (i) => {
    * @param node - The node to start searching from
    */
   findItalicElement(t) {
-    return Y(t, at);
+    return Z(t, at);
   }
   /**
    * Collect all italic ancestor elements within a range
@@ -5255,9 +5270,9 @@ const at = (i) => {
     n.insertBefore(l, e.nextSibling), n.insertBefore(t, l);
   }
 };
-U.isInline = !0, U.title = "Italic", U.titleKey = "italic", U.shortcut = "CMD+I";
-let Zt = U;
-const K = class K {
+K.isInline = !0, K.title = "Italic", K.titleKey = "italic", K.shortcut = "CMD+I";
+let Zt = K;
+const j = class j {
   /**
    * @param api - Blok API
    */
@@ -5300,7 +5315,7 @@ const K = class K {
         width: "200px",
         items: [
           {
-            type: q.Html,
+            type: F.Html,
             // Input is created in constructor, so it's always available here
             element: this.nodes.input
           }
@@ -5485,8 +5500,8 @@ const K = class K {
     t && t.setAttribute(e, n ? "true" : "false");
   }
 };
-K.isInline = !0, K.title = "Link", K.titleKey = "link", K.shortcut = "CMD+K";
-let Jt = K;
+j.isInline = !0, j.title = "Link", j.titleKey = "link", j.shortcut = "CMD+K";
+let Jt = j;
 const wo = {
   paragraph: { preserveBlank: !0 },
   header: {},