@jackuait/blok 0.7.0-beta.3 → 0.7.0-beta.4

package/dist/blok.mjs

@@ -1,5 +1,5 @@
-import { B as s, v as a } from "./chunks/blok-BlyYiZTm.mjs";
-import { D as A } from "./chunks/constants-DEy4jBO5.mjs";
+import { B as s, v as a } from "./chunks/blok-B0pAWdVk.mjs";
+import { D as A } from "./chunks/constants-DmDwNSTM.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-BlyYiZTm.mjs → blok-B0pAWdVk.mjs}

@@ -20,7 +20,7 @@ var To = (s, t) => {
   return e;
 };
 var xe = (s, t, e) => xo(s, typeof t != "symbol" ? t + "" : t, e);
-import { L as lo, l as S, c as Ji, i as ut, a as m, S as w, D as y, t as R, b as _, P as X, E as yn, g as pt, d as Qi, e as pr, f as Yo, h as $o, j as Fe, k as nt, m as wt, s as tl, n as ao, o as Bn, p as el, q as ol, r as gr, u as nl, v as I, w as Ko, x as Ae, y as ee, z as as, F as ie, A as Wo, B as wn, C as cs, G as Vo, H as V, I as ds, J as co, K as lt, M as sl, N as rl, O as je, Q as fr, R as hs, T as il, U as ll, V as Go, W as Ue, X as le, Y as Et, Z as kr, _ as Rt, $, a0 as Xo, a1 as Pt, a2 as al, a3 as cl, a4 as us, a5 as dl, a6 as hl, a7 as ul, a8 as pl, a9 as gl, aa as br, ab as fl, ac as mr, ad as vr, ae as St, af as kl, ag as yr, ah as Br, ai as bl, aj as ml, ak as vl, al as yl, am as Bl, an as wl, ao as xl, ap as wr, aq as Tl, ar as ps, as as Il, at as Sl, au as Cl, av as El, aw as Ml, ax as Al, ay as Dl } from "./constants-DEy4jBO5.mjs";
+import { L as lo, l as S, c as Ji, i as ut, a as m, S as w, D as y, t as R, b as _, P as X, E as yn, g as pt, d as Qi, e as pr, f as Yo, h as $o, j as Fe, k as nt, m as wt, s as tl, n as ao, o as Bn, p as el, q as ol, r as gr, u as nl, v as I, w as Ko, x as Ae, y as ee, z as as, F as ie, A as Wo, B as wn, C as cs, G as Vo, H as V, I as ds, J as co, K as lt, M as sl, N as rl, O as je, Q as fr, R as hs, T as il, U as ll, V as Go, W as Ue, X as le, Y as Et, Z as kr, _ as Rt, $, a0 as Xo, a1 as Pt, a2 as al, a3 as cl, a4 as us, a5 as dl, a6 as hl, a7 as ul, a8 as pl, a9 as gl, aa as br, ab as fl, ac as mr, ad as vr, ae as St, af as kl, ag as yr, ah as Br, ai as bl, aj as ml, ak as vl, al as yl, am as Bl, an as wl, ao as xl, ap as wr, aq as Tl, ar as ps, as as Il, at as Sl, au as Cl, av as El, aw as Ml, ax as Al, ay as Dl } from "./constants-DmDwNSTM.mjs";
 var Io, gs;
 function Rl() {
   if (gs) return Io;
@@ -1847,7 +1847,7 @@ class ql {
    * @returns {Promise<NotifierModule>} loaded notifier module
    */
   loadNotifierModule() {
-    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-Cu1w-sLZ.mjs").then((t) => {
+    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-DHLWzZaA.mjs").then((t) => {
       const e = t;
       if (!this.isNotifierModule(e))
         throw new Error('notifier module does not expose a "show" method.');
@@ -10293,9 +10293,10 @@ class ph {
         id: o,
         tool: e.name,
         data: { text: l },
+        needToFocus: !1,
         skipYjsSync: !0
       }, t);
-      return e.parentId !== null && this.hierarchy.setBlockParent(c, e.parentId), c;
+      return this.currentBlockIndex = n, e.parentId !== null && this.hierarchy.setBlockParent(c, e.parentId), c;
     });
   }
   /**
@@ -10333,10 +10334,10 @@ class ph {
         tool: o,
         data: n,
         index: r,
-        needToFocus: !0,
+        needToFocus: !1,
         skipYjsSync: !0
       }, i);
-      return l.parentId !== null && this.hierarchy.setBlockParent(d, l.parentId), d;
+      return this.currentBlockIndex = r, l.parentId !== null && this.hierarchy.setBlockParent(d, l.parentId), d;
     });
   }
   /**
@@ -10370,20 +10371,23 @@ class ph {
    * @param blocksStore - The blocks store to modify
    */
   async paste(t, e, o = !1, n) {
-    const r = this.yjsSync.withAtomicOperation(() => this.insert({
+    var a, c, d;
+    const r = o ? null : (c = (a = this.currentBlock) == null ? void 0 : a.parentId) != null ? c : null, i = this.yjsSync.withAtomicOperation(() => this.insert({
       tool: t,
       replace: o,
+      needToFocus: !1,
       skipYjsSync: !0
     }, n));
-    await r.ready, this.yjsSync.withAtomicOperation(() => {
-      r.call(Y.ON_PASTE, e), r.refreshToolRootElement();
-    });
-    const i = await r.save();
-    return i !== void 0 && this.dependencies.YjsManager.addBlock({
-      id: r.id,
-      type: r.name,
-      data: i.data
-    }, this.repository.getBlockIndex(r)), r;
+    this.currentBlockIndex = this.repository.getBlockIndex(i), await i.ready, this.yjsSync.withAtomicOperation(() => {
+      i.call(Y.ON_PASTE, e), i.refreshToolRootElement();
+    }), !o && r !== null && this.hierarchy.setBlockParent(i, r);
+    const l = await i.save();
+    return l !== void 0 && this.dependencies.YjsManager.addBlock({
+      id: i.id,
+      type: i.name,
+      data: l.data,
+      parent: (d = i.parentId) != null ? d : void 0
+    }, this.repository.getBlockIndex(i)), i;
   }
   /**
    * Moves the current block up by one position
@@ -13822,7 +13826,7 @@ class $h extends T {
   async ensureI18nextLoaded(t, e) {
     if (this.i18nextWrapper !== null)
       return;
-    const { loadI18next: o } = await import("./i18next-loader-Cfbv-x6v.mjs");
+    const { loadI18next: o } = await import("./i18next-loader-v9SlYZ0i.mjs");
     this.i18nextWrapper = await o(t, e);
   }
   /**

package/dist/chunks/{constants-DEy4jBO5.mjs → constants-DmDwNSTM.mjs}

@@ -286,7 +286,7 @@ const f = {
   DELETE: 46
 }, Eo = {
   LEFT: 0
-}, xo = 650, me = () => "0.7.0-beta.3";
+}, xo = 650, me = () => "0.7.0-beta.4";
 var ve = /* @__PURE__ */ ((s) => (s.VERBOSE = "VERBOSE", s.INFO = "INFO", s.WARN = "WARN", s.ERROR = "ERROR", s))(ve || {});
 const Q = (s, t, e = "log", o, n = "color: inherit") => {
   const r = typeof console == "undefined" ? void 0 : console;

package/dist/chunks/{i18next-loader-Cfbv-x6v.mjs → i18next-loader-v9SlYZ0i.mjs}

@@ -1,4 +1,4 @@
-import { e as i } from "./blok-BlyYiZTm.mjs";
+import { e as i } from "./blok-B0pAWdVk.mjs";
 const l = async (e, r) => {
   const n = (await import("./i18next-B47TKgbU.mjs")).default.createInstance(), s = {
     lng: e,

package/dist/chunks/{index-Cu1w-sLZ.mjs → index-DHLWzZaA.mjs}

@@ -1,4 +1,4 @@
-import { ae as i, t as u } from "./constants-DEy4jBO5.mjs";
+import { ae as i, t as u } from "./constants-DmDwNSTM.mjs";
 const b = {
   success: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6.25"/><path d="M5.5 8.25l1.75 1.75 3.25-3.5"/></svg>',
   error: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="6.25"/><path d="M8 5.25v3"/><circle cx="8" cy="10.75" r="0.5" fill="currentColor" stroke="none"/></svg>',

package/dist/full.mjs

@@ -12,8 +12,8 @@ var e = (o, l, a) => l in o ? n(o, l, { enumerable: !0, configurable: !0, writab
 }, i = (o, l) => t(o, c(l));
 import { Marker as d, Link as p, Italic as I, Bold as f, List as m, Header as u, Paragraph as B } from "./tools.mjs";
 import { Toggle as A, defaultBlockTools as M, defaultInlineTools as D } from "./tools.mjs";
-import { B as P, v as R } from "./chunks/blok-BlyYiZTm.mjs";
-import { D as j } from "./chunks/constants-DEy4jBO5.mjs";
+import { B as P, v as R } from "./chunks/blok-B0pAWdVk.mjs";
+import { D as j } from "./chunks/constants-DmDwNSTM.mjs";
 const L = {
   paragraph: {
     class: B,

package/dist/tools.mjs

@@ -10,8 +10,8 @@ var Ft = (r, t, e) => t in r ? Ye(r, t, { enumerable: !0, configurable: !0, writ
       Qe.call(t, e) && Ft(r, e, t[e]);
   return r;
 }, V = (r, t) => Xe(r, Ze(t));
-import { t as w, D as B, az as tn, aA as en, ar as D, aB as ke, aC as Dt, aD as nn, aE as Mt, aF as on, aG as sn, aa as rn, aH as ln, aI as an, aJ as cn, aK as dn, aL as hn, aM as un, aN as pn, aO as gn, aP as fn, aQ as Ee, aR as Ae, aS as xe, n as mn, o as qt, ah as zt, af as Cn, aT as bn, aU as Vt, P as F, aV as Te, aW as yn, aX as vn, X as Re, a1 as Be, aY as Sn, aZ as wn, a_ as kn, ac as Le, a$ as En, b0 as An, b1 as xn, b2 as Tn, b3 as Rn, b4 as Bn, O as Kt, b5 as Ln, b6 as Ut, b7 as jt, b8 as Yt, R as In, b9 as Dn, x as Hn, ba as Xt, bb as Pn, K as $, bc as On, bd as Nn, S as lt, be as _n, l as Mn, ak as Gn } from "./chunks/constants-DEy4jBO5.mjs";
-import { ao as Ii } from "./chunks/constants-DEy4jBO5.mjs";
+import { t as w, D as B, az as tn, aA as en, ar as D, aB as ke, aC as Dt, aD as nn, aE as Mt, aF as on, aG as sn, aa as rn, aH as ln, aI as an, aJ as cn, aK as dn, aL as hn, aM as un, aN as pn, aO as gn, aP as fn, aQ as Ee, aR as Ae, aS as xe, n as mn, o as qt, ah as zt, af as Cn, aT as bn, aU as Vt, P as F, aV as Te, aW as yn, aX as vn, X as Re, a1 as Be, aY as Sn, aZ as wn, a_ as kn, ac as Ie, a$ as En, b0 as An, b1 as xn, b2 as Tn, b3 as Rn, b4 as Bn, O as Kt, b5 as In, b6 as Ut, b7 as jt, b8 as Yt, R as Ln, b9 as Dn, x as Hn, ba as Xt, bb as Pn, K as $, bc as On, bd as Nn, S as lt, be as _n, l as Mn, ak as Gn } from "./chunks/constants-DmDwNSTM.mjs";
+import { ao as Li } from "./chunks/constants-DmDwNSTM.mjs";
 const Gt = (r) => {
   if (!r || !r.includes("data-blok-fake-background"))
     return r;
@@ -260,9 +260,9 @@ let Zt = ht;
 const Kn = (r) => {
   const { data: t, readOnly: e, isOpen: n, keydownHandler: o, onArrowClick: s } = r, i = document.createElement("div");
   i.className = w(nn, Dt), i.setAttribute(B.tool, Mt), i.setAttribute(D.toggleOpen, String(n));
-  const l = Ie(n, s), a = Un(t, e, o);
+  const l = Le(n, s), a = Un(t, e, o);
   return i.appendChild(l), i.appendChild(a), { wrapper: i, arrowElement: l, contentElement: a };
-}, Ie = (r, t, e = {}) => {
+}, Le = (r, t, e = {}) => {
   const n = document.createElement("span");
   return n.className = en, n.setAttribute(D.toggleArrow, ""), n.setAttribute(B.mutationFree, "true"), n.setAttribute("role", "button"), n.setAttribute("tabindex", "0"), n.setAttribute("aria-label", r ? "Collapse" : "Expand"), n.setAttribute("aria-expanded", String(r)), e.contentEditableFalse === !0 && (n.contentEditable = "false"), n.innerHTML = ke, r && (n.style.transform = "rotate(90deg)"), n.addEventListener("click", (o) => {
     o.stopPropagation(), t();
@@ -559,7 +559,7 @@ const Kn = (r) => {
    * @returns The arrow element
    */
   buildArrow() {
-    return Ie(this._isOpen, () => this.toggleOpen(), { contentEditableFalse: !0 });
+    return Le(this._isOpen, () => this.toggleOpen(), { contentEditableFalse: !0 });
   }
   /**
    * Toggle the isToggleable state on/off.
@@ -701,7 +701,7 @@ P.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0!
   { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: un, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
 let Jt = P;
-const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidden pl-0.5 leading-[1.6em]", Zn = "flex items-start pl-0.5", Jn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", Qn = "tools.list.placeholder", L = "list", De = {
+const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidden pl-0.5 leading-[1.6em]", Zn = "flex items-start pl-0.5", Jn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", Qn = "tools.list.placeholder", I = "list", De = {
   contentContainer: "list-content-container",
   checklistContent: "list-checklist-content"
 }, He = (r, t) => {
@@ -725,7 +725,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
 }, to = (r) => {
   var n;
   const { data: t } = r, e = document.createElement("div");
-  return e.className = Yn, e.setAttribute(B.tool, L), e.setAttribute("data-list-style", t.style), e.setAttribute("data-list-depth", String((n = t.depth) != null ? n : 0)), t.start !== void 0 && t.start !== 1 && e.setAttribute("data-list-start", String(t.start)), e;
+  return e.className = Yn, e.setAttribute(B.tool, I), e.setAttribute("data-list-style", t.style), e.setAttribute("data-list-depth", String((n = t.depth) != null ? n : 0)), t.start !== void 0 && t.start !== 1 && e.setAttribute("data-list-start", String(t.start)), e;
 }, eo = (r) => {
   var c;
   const { data: t, itemColor: e, itemSize: n, placeholder: o } = r, s = document.createElement("div");
@@ -925,7 +925,7 @@ class Oe {
     if (t === 0)
       return 0;
     const e = this.blocks.getBlockByIndex(t - 1);
-    return !e || e.name !== L ? 0 : this.getBlockDepth(e) + 1;
+    return !e || e.name !== I ? 0 : this.getBlockDepth(e) + 1;
   }
   /**
    * Calculate the target depth for a list item dropped at the given index.
@@ -938,10 +938,10 @@ class Oe {
     const { blockIndex: e, currentDepth: n } = t, o = this.getMaxAllowedDepth(e);
     if (n > o)
       return o;
-    const s = this.blocks.getBlockByIndex(e + 1), i = s && s.name === L, l = i ? this.getBlockDepth(s) : 0;
+    const s = this.blocks.getBlockByIndex(e + 1), i = s && s.name === I, l = i ? this.getBlockDepth(s) : 0;
     if (i && l > n && l <= o)
       return l;
-    const c = e > 0 ? this.blocks.getBlockByIndex(e - 1) : void 0, d = c && c.name === L, h = d ? this.getBlockDepth(c) : 0;
+    const c = e > 0 ? this.blocks.getBlockByIndex(e - 1) : void 0, d = c && c.name === I, h = d ? this.getBlockDepth(c) : 0;
     return d && !i && h > n && h <= o ? h : n;
   }
   /**
@@ -1010,7 +1010,7 @@ const Ao = (r, t) => {
     return;
   const a = Ne(r, e), c = _e(r, n) || "ordered", d = n.getSiblingIndex(l, a, c), u = n.getGroupStartValue(l, a, d, c) + d, p = n.formatNumber(u, a);
   i.textContent = p;
-}, Lo = (r, t, e, n, o, s, i, l) => {
+}, Io = (r, t, e, n, o, s, i, l) => {
   const a = (c) => {
     if (c >= t)
       return;
@@ -1019,7 +1019,7 @@ const Ao = (r, t) => {
       return;
     }
     const d = s.getBlockByIndex(c);
-    if (!d || d.name !== L)
+    if (!d || d.name !== I)
       return;
     const h = Ne(d, i);
     if (h < n)
@@ -1031,11 +1031,11 @@ const Ao = (r, t) => {
     _e(d, l) === o && (Me(d, s, i, l), a(c + 1));
   };
   a(r);
-}, Io = (r, t, e) => {
+}, Lo = (r, t, e) => {
   const n = r.getBlocksCount();
   Array.from({ length: n }, (o, s) => s).forEach((o) => {
     const s = r.getBlockByIndex(o);
-    if (!s || s.name !== L)
+    if (!s || s.name !== I)
       return;
     const i = s.holder;
     i != null && i.querySelector('[data-list-style="ordered"]') && Me(s, r, t, e);
@@ -1070,7 +1070,7 @@ const Ao = (r, t) => {
   const c = i.getRangeAt(0), { beforeContent: d, afterContent: h } = go(l, c), u = e && (g = t.blocks.getBlockIndex(e)) != null ? g : t.blocks.getCurrentBlockIndex();
   if (!e) {
     l.innerHTML = d, n.text = d;
-    const f = t.blocks.insert(L, {
+    const f = t.blocks.insert(I, {
       text: h,
       style: n.style,
       checked: !1,
@@ -1082,7 +1082,7 @@ const Ao = (r, t) => {
   const p = t.blocks.splitBlock(
     e,
     { text: d },
-    L,
+    I,
     {
       text: h,
       style: n.style,
@@ -1126,7 +1126,7 @@ const Ao = (r, t) => {
   const { api: e, blockId: n, data: o, syncContentFromDOM: s, getDepth: i } = r, l = e.blocks.getCurrentBlockIndex();
   if (l === 0) return;
   const a = e.blocks.getBlockByIndex(l - 1);
-  if (!a || a.name !== L) return;
+  if (!a || a.name !== I) return;
   const c = i(), d = t.getBlockDepth(a);
   if (c > d) return;
   s();
@@ -1285,7 +1285,7 @@ class We {
     if (t < 0 || n <= 0)
       return t + 1;
     const s = this.blocks.getBlockByIndex(t);
-    if (!s || s.name !== L)
+    if (!s || s.name !== I)
       return t + 1;
     const i = this.getBlockDepth(s);
     if (i < e)
@@ -1328,7 +1328,7 @@ class We {
     if (t < 0)
       return 0;
     const o = this.blocks.getBlockByIndex(t);
-    if (!o || o.name !== L)
+    if (!o || o.name !== I)
       return 0;
     const s = this.getBlockDepth(o);
     return s < e ? 0 : s > e ? this.countPrecedingAtDepth(t - 1, e, n) : this.getBlockStyle(o) !== n ? 0 : 1 + this.countPrecedingAtDepth(t - 1, e, n);
@@ -1340,7 +1340,7 @@ class We {
     if (t < 0)
       return e;
     const s = this.blocks.getBlockByIndex(t);
-    if (!s || s.name !== L)
+    if (!s || s.name !== I)
       return e;
     const i = this.getBlockDepth(s);
     return i < n ? e : i > n ? this.findGroupStartRecursive(t - 1, e, n, o) : this.getBlockStyle(s) !== o ? e : this.findGroupStartRecursive(t - 1, t, n, o);
@@ -1390,7 +1390,7 @@ class Go {
     const t = this.blocks.getBlocksCount();
     for (const e of Array.from({ length: t }, (n, o) => o)) {
       const n = this.blocks.getBlockByIndex(e);
-      if (!n || n.name !== L)
+      if (!n || n.name !== I)
         continue;
       const o = n.holder;
       o != null && o.querySelector('[data-list-style="ordered"]') && this.updateBlockMarker(n);
@@ -1422,7 +1422,7 @@ class Go {
       if (l === n)
         continue;
       const a = this.blocks.getBlockByIndex(l);
-      if (!a || a.name !== L)
+      if (!a || a.name !== I)
         return;
       const c = this.depthValidator.getBlockDepth(a);
       if (c < o)
@@ -1672,7 +1672,7 @@ class Ei {
     }));
   }
   updateAllOrderedListMarkers() {
-    Io(this.api.blocks, this.depthValidator, this.markerCalculator);
+    Lo(this.api.blocks, this.depthValidator, this.markerCalculator);
   }
   updateMarker() {
     var s;
@@ -1685,7 +1685,7 @@ class Ei {
   updateSiblingListMarkers() {
     var i;
     const t = this.blockId ? (i = this.api.blocks.getBlockIndex(this.blockId)) != null ? i : this.api.blocks.getCurrentBlockIndex() : this.api.blocks.getCurrentBlockIndex(), e = this.getDepth(), n = this._data.style, o = this.api.blocks.getBlocksCount(), s = Bo(t, e, n, this.markerCalculator);
-    Lo(s, o, t, e, n, this.api.blocks, this.depthValidator, this.markerCalculator);
+    Io(s, o, t, e, n, this.api.blocks, this.depthValidator, this.markerCalculator);
   }
   updateMarkerForDepth(t, e) {
     var o;
@@ -3407,7 +3407,7 @@ const Y = (r) => {
     s && s.setAttribute("data-blok-table-heading-col", "");
   });
 }, gt = (r) => !!(/^#[0-9a-f]{3,4}$/i.test(r) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(r) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || r === "transparent");
-class Ls {
+class Is {
   constructor(t) {
     var e, n, o;
     this.withHeadingsValue = (e = t == null ? void 0 : t.withHeadings) != null ? e : !1, this.withHeadingColumnValue = (n = t == null ? void 0 : t.withHeadingColumn) != null ? n : !1, this.stretchedValue = (o = t == null ? void 0 : t.stretched) != null ? o : !1, this.colWidthsValue = t != null && t.colWidths ? [...t.colWidths] : void 0, this.initialColWidthValue = t == null ? void 0 : t.initialColWidth, this.contentGrid = this.normalizeContent(t == null ? void 0 : t.content), this.blockCellMap = /* @__PURE__ */ new Map(), this.rebuildBlockCellMap();
@@ -3736,7 +3736,7 @@ class Ls {
     return e;
   }
 }
-const de = "data-blok-table-resize", Is = "data-blok-table-cell", Ds = "data-blok-table-row", Hs = 50, Bt = 16;
+const de = "data-blok-table-resize", Ls = "data-blok-table-cell", Ds = "data-blok-table-row", Hs = 50, Bt = 16;
 class Ps {
   constructor(t, e, n, o, s, i = !1) {
     this._enabled = !0, this.isDragging = !1, this.dragStartX = 0, this.dragColIndex = -1, this.startColWidth = 0, this.dragRowCells = null, this.handles = [], this.gridEl = t, this.colWidths = [...e], this.onChange = n, this.onDragStart = o != null ? o : null, this.onDrag = s != null ? s : null, this.needsInitialApply = i, this.boundPointerDown = this.onPointerDown.bind(this), this.boundPointerMove = this.onPointerMove.bind(this), this.boundPointerUp = this.onPointerUp.bind(this), this.gridEl.style.position = "relative", i || this.applyWidths(), this.createHandles(), this.gridEl.addEventListener("pointerdown", this.boundPointerDown);
@@ -3806,7 +3806,7 @@ class Ps {
   }
   resolveRowCells() {
     const t = this.gridEl.querySelectorAll(`[${Ds}]`);
-    return Array.from(t, (e) => Array.from(e.querySelectorAll(`[${Is}]`)));
+    return Array.from(t, (e) => Array.from(e.querySelectorAll(`[${Ls}]`)));
   }
   applyWidths(t = this.resolveRowCells()) {
     const e = this.colWidths.reduce((n, o) => n + o, 0);
@@ -4207,7 +4207,7 @@ const Fs = [
   ], o = t.getColumnCount() > 1, s = [
     { type: F.Separator },
     {
-      icon: Le,
+      icon: Ie,
       title: t.i18n.t("tools.table.deleteColumn"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4252,7 +4252,7 @@ const Fs = [
   ], o = t.getRowCount() > 1, s = [
     { type: F.Separator },
     {
-      icon: Le,
+      icon: Ie,
       title: t.i18n.t("tools.table.deleteRow"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4569,7 +4569,7 @@ class ei {
     }
   }
 }
-const ni = "data-blok-table-haze", Ce = "data-blok-table-haze-visible", Lt = 1, oi = [
+const ni = "data-blok-table-haze", Ce = "data-blok-table-haze-visible", It = 1, oi = [
   "absolute",
   "top-0",
   "bottom-0",
@@ -4634,7 +4634,7 @@ class ri {
       return;
     }
     const { scrollLeft: o, scrollWidth: s, clientWidth: i } = t, l = s - i;
-    this.setVisible(this.leftHaze, o > Lt), this.setVisible(this.rightHaze, l > Lt && o < l - Lt);
+    this.setVisible(this.leftHaze, o > It), this.setVisible(this.rightHaze, l > It && o < l - It);
   }
   setVisible(t, e) {
     t && (e ? t.setAttribute(Ce, "") : t.removeAttribute(Ce));
@@ -4657,7 +4657,7 @@ class Ai {
   constructor({ data: t, config: e, api: n, readOnly: o, block: s }) {
     this.initialContent = null, this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.scrollHaze = null, this.element = null, this.gridElement = null, this.scrollContainer = null, this.gripOverlay = null, this.pendingHighlight = null, this.isNewTable = !1, this.unregisterRestrictedTools = null, this.setDataGeneration = 0, this.structuralOpDepth = 0, this.api = n, this.readOnly = o, this.config = e != null ? e : {};
     const i = ae(t, this.config);
-    this.initialContent = i.content, this.grid = new ss({ readOnly: o }), this.model = new Ls(i), this.blockId = s == null ? void 0 : s.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Rn(this.config.restrictedTools));
+    this.initialContent = i.content, this.grid = new ss({ readOnly: o }), this.model = new Is(i), this.blockId = s == null ? void 0 : s.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Rn(this.config.restrictedTools));
   }
   /**
    * Execute a function within a structural operation lock.
@@ -4794,13 +4794,36 @@ class Ai {
       }) : i;
       this.model.replaceAll(V(T({}, this.model.snapshot()), {
         content: l
-      })), this.isNewTable && M(t, this.cellBlocks);
+      })), this.isNewTable && M(t, this.cellBlocks), this.removeGhostChildren();
     }, !0), this.model.initialColWidth === void 0) {
       const i = (o = this.model.colWidths) != null ? o : Y(t);
       this.model.setInitialColWidth(i.length > 0 ? As(i) : void 0);
     }
     this.initSubsystems(t), rt(t, this.model.snapshot().content), this.isNewTable && ((s = this.cellSelection) == null || s.selectRange({ minRow: 0, maxRow: 0, minCol: 0, maxCol: 0 }));
   }
+  /**
+   * Remove blocks that claim this table as parent but are not referenced in any cell.
+   *
+   * These "ghost children" can appear when stale data is saved — e.g. a paste or split
+   * creates a child block that never gets placed into a cell. On the next load, the
+   * Renderer creates Block instances for every saved block and appends their holders to
+   * the working area. initializeCells() only claims blocks actually listed in a cell's
+   * `blocks` array, leaving ghosts visible below the table.
+   *
+   * Must be called after initializeCells() and model.replaceAll() so the model's
+   * blockCellMap is fully populated.
+   */
+  removeGhostChildren() {
+    const t = this.blockId;
+    if (t === void 0)
+      return;
+    const n = this.api.blocks.getChildren(t).filter((o) => this.model.findCellForBlock(o.id) === null).map((o) => ({
+      id: o.id,
+      index: this.api.blocks.getBlockIndex(o.id)
+    })).filter((o) => o.index !== void 0).sort((o, s) => s.index - o.index);
+    for (const { index: o } of n)
+      this.api.blocks.delete(o);
+  }
   save(t) {
     return this.model.snapshot();
   }
@@ -4867,7 +4890,7 @@ class Ai {
         const k = (_ = v.getAttribute("style")) != null ? _ : "", x = {}, E = /background-color\s*:\s*([^;]+)/i.exec(k);
         E != null && E[1] && (x.color = Kt(E[1].trim(), "bg"));
         const A = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(k);
-        A != null && A[1] && !Ln(A[1].trim()) && (x.textColor = Kt(A[1].trim(), "text")), C.push(x);
+        A != null && A[1] && !In(A[1].trim()) && (x.textColor = Kt(A[1].trim(), "text")), C.push(x);
       }), m.length > 0 && (o.push(m), s.push(C));
     });
     const i = e.querySelector("thead") !== null, l = ((u = n[0]) == null ? void 0 : u.querySelector("th")) !== null, a = i || l;
@@ -5236,7 +5259,7 @@ class Ai {
   handleGridPaste(t, e) {
     if (this.readOnly || !t.clipboardData || t.defaultPrevented)
       return;
-    const n = t.clipboardData.getData("text/html"), o = In(n), s = o === null ? Dn(n) : null, i = o != null ? o : s;
+    const n = t.clipboardData.getData("text/html"), o = Ln(n), s = o === null ? Dn(n) : null, i = o != null ? o : s;
     if (!i || s !== null && new DOMParser().parseFromString(n, "text/html").querySelectorAll("table").length > 1)
       return;
     const l = document.activeElement;
@@ -5968,7 +5991,7 @@ const X = (r) => {
   }
 };
 G.instance = null;
-let I = G;
+let L = G;
 const vi = {
   convertLegacyTags: !0,
   normalizeWhitespace: !0,
@@ -6078,7 +6101,7 @@ class N {
    * @returns true if the element is empty and doesn't contain the preserved node
    */
   isEmptyAndSafe(t) {
-    return !(t.textContent.length === 0) || I.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && Nt(this.options.preserveNode, t));
+    return !(t.textContent.length === 0) || L.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && Nt(this.options.preserveNode, t));
   }
   /**
    * Merge a <strong> element with adjacent <strong> siblings
@@ -6285,7 +6308,7 @@ const Si = (r, t) => {
       onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (N.normalizeAroundSelection(window.getSelection()), !0),
       isRelevant: (e) => S.isSelectionInsideBlok(e)
     }), S.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
-      I.getInstance().guardBoundaryKeydown(e);
+      L.getInstance().guardBoundaryKeydown(e);
     }, !0), S.guardKeydownListenerRegistered = !0), S.ensureMutationObserver()), !0;
   }
   /**
@@ -6497,10 +6520,10 @@ const Si = (r, t) => {
     if (!t || t.rangeCount === 0)
       return;
     const e = t.getRangeAt(0), n = W(e.startContainer), o = (() => {
-      if (n && n.getAttribute(I.ATTR.COLLAPSED_ACTIVE) !== "true")
-        return I.getInstance().exit(t, n);
+      if (n && n.getAttribute(L.ATTR.COLLAPSED_ACTIVE) !== "true")
+        return L.getInstance().exit(t, n);
       const s = n != null ? n : S.getBoundaryBold(e);
-      return s ? I.getInstance().exit(t, s) : this.startCollapsedBold(e);
+      return s ? L.getInstance().exit(t, s) : this.startCollapsedBold(e);
     })();
     document.dispatchEvent(new Event("selectionchange")), o && (t.removeAllRanges(), t.addRange(o)), N.normalizeAroundSelection(t), this.notifySelectionChange();
   }
@@ -6509,14 +6532,14 @@ const Si = (r, t) => {
    * @param range - Current collapsed range
    */
   startCollapsedBold(t) {
-    const n = I.getInstance().enter(t, (s) => this.mergeAdjacentBold(s)), o = window.getSelection();
+    const n = L.getInstance().enter(t, (s) => this.mergeAdjacentBold(s)), o = window.getSelection();
     return N.normalizeAroundSelection(o), o && n && (o.removeAllRanges(), o.addRange(n)), this.notifySelectionChange(), n;
   }
   /**
    * Notify listeners that the selection state has changed
    */
   notifySelectionChange() {
-    I.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
+    L.getInstance().enforceLengths(window.getSelection()), document.dispatchEvent(new Event("selectionchange")), this.updateToolbarButtonState();
   }
   /**
    * Ensure inline toolbar button reflects the actual bold state after programmatic toggles
@@ -6542,7 +6565,7 @@ const Si = (r, t) => {
    */
   static refreshSelectionState(t) {
     const e = window.getSelection();
-    I.getInstance().enforceLengths(e), I.getInstance().maintain(), I.getInstance().synchronize(e), N.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && I.getInstance().moveCaretAfterBoundaryBold(e);
+    L.getInstance().enforceLengths(e), L.getInstance().maintain(), L.getInstance().synchronize(e), N.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && L.getInstance().moveCaretAfterBoundaryBold(e);
   }
   /**
    * Ensure mutation observer is registered to convert legacy <b> tags
@@ -7106,7 +7129,7 @@ const et = class et {
 };
 et.isInline = !0, et.title = "Link", et.titleKey = "link", et.shortcut = "CMD+K";
 let ve = et;
-const ct = (r) => r.tagName === "MARK", It = (r) => J(r, ct), Se = {
+const ct = (r) => r.tagName === "MARK", Lt = (r) => J(r, ct), Se = {
   color: "background-color",
   "background-color": "color"
 }, U = class U {
@@ -7254,7 +7277,7 @@ const ct = (r) => r.tagName === "MARK", It = (r) => J(r, ct), Se = {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return null;
-    const e = t.getRangeAt(0), n = It(e.startContainer);
+    const e = t.getRangeAt(0), n = Lt(e.startContainer);
     if (!n)
       return null;
     const o = n.style.getPropertyValue("color");
@@ -7274,7 +7297,7 @@ const ct = (r) => r.tagName === "MARK", It = (r) => J(r, ct), Se = {
    * @param range - The range to check
    */
   findContainingMark(t) {
-    const e = It(t.startContainer), n = It(t.endContainer);
+    const e = Lt(t.startContainer), n = Lt(t.endContainer);
     return e && e === n ? e : null;
   }
   /**
@@ -7448,7 +7471,7 @@ const Ti = {
 };
 export {
   be as Bold,
-  Ii as Convert,
+  Li as Convert,
   Jt as Header,
   ye as Italic,
   ve as Link,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.7.0-beta.3",
+  "version": "0.7.0-beta.4",
   "description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
   "module": "dist/blok.mjs",
   "types": "./types/index.d.ts",

package/src/components/modules/blockManager/operations.ts

@@ -750,9 +750,15 @@ export class BlockOperations {
         id: newBlockId,
         tool: currentBlock.name,
         data: { text: extractedText },
+        needToFocus: false,
         skipYjsSync: true,
       }, blocksStore);
 
+      // Update currentBlockIndex AFTER insert (and handleBlockMutation) completes.
+      // This allows the table cell claiming logic to see the original block as
+      // "current" during the mutation event, so it correctly claims the new block.
+      this.currentBlockIndex = insertIndex;
+
       // Inherit parentId from the split block so nested blocks stay nested
       if (currentBlock.parentId !== null) {
         this.hierarchy.setBlockParent(newBlock, currentBlock.parentId);
@@ -817,10 +823,15 @@ export class BlockOperations {
         tool: newBlockType,
         data: newBlockData,
         index: insertIndex,
-        needToFocus: true,
+        needToFocus: false,
         skipYjsSync: true,
       }, blocksStore);
 
+      // Update currentBlockIndex AFTER insert (and handleBlockMutation) completes.
+      // This allows the table cell claiming logic to see the original block as
+      // "current" during the mutation event, so it correctly claims the new block.
+      this.currentBlockIndex = insertIndex;
+
       // Inherit parentId from the split block so nested blocks stay nested
       if (currentBlock.parentId !== null) {
         this.hierarchy.setBlockParent(newBlock, currentBlock.parentId);
@@ -903,6 +914,12 @@ export class BlockOperations {
     replace = false,
     blocksStore: BlocksStore
   ): Promise<Block> {
+    // Capture predecessor's parentId BEFORE insert (for non-replace, the
+    // predecessor is the current block; its parentId should be inherited).
+    const predecessorParentId = !replace
+      ? this.currentBlock?.parentId ?? null
+      : null;
+
     // Insert block without syncing to Yjs yet.
     // Wrap in atomic operation so that child blocks created during rendered()
     // (e.g., table cell paragraph blocks) also skip Yjs sync.
@@ -910,10 +927,14 @@ export class BlockOperations {
       return this.insert({
         tool: toolName,
         replace,
+        needToFocus: false,
         skipYjsSync: true,
       }, blocksStore);
     });
 
+    // Update currentBlockIndex AFTER insert (and handleBlockMutation) completes.
+    this.currentBlockIndex = this.repository.getBlockIndex(block);
+
     // Wait for the block to be fully rendered before calling onPaste,
     // because onPaste may change the tool's root element and needs
     // mutation watchers to be bound first.
@@ -926,6 +947,11 @@ export class BlockOperations {
       block.refreshToolRootElement();
     });
 
+    // Inherit parentId from predecessor for non-replace inserts.
+    if (!replace && predecessorParentId !== null) {
+      this.hierarchy.setBlockParent(block, predecessorParentId);
+    }
+
     // Sync final state to Yjs as single operation
     const savedData = await block.save();
 
@@ -934,6 +960,7 @@ export class BlockOperations {
         id: block.id,
         type: block.name,
         data: savedData.data,
+        parent: block.parentId ?? undefined,
       }, this.repository.getBlockIndex(block));
     }
 

package/src/tools/table/index.ts

@@ -392,6 +392,8 @@ export class Table implements BlockTool {
       if (this.isNewTable) {
         populateNewCells(gridEl, this.cellBlocks);
       }
+
+      this.removeGhostChildren();
     }, true);
 
     if (this.model.initialColWidth === undefined) {
@@ -410,6 +412,42 @@ export class Table implements BlockTool {
     }
   }
 
+  /**
+   * Remove blocks that claim this table as parent but are not referenced in any cell.
+   *
+   * These "ghost children" can appear when stale data is saved — e.g. a paste or split
+   * creates a child block that never gets placed into a cell. On the next load, the
+   * Renderer creates Block instances for every saved block and appends their holders to
+   * the working area. initializeCells() only claims blocks actually listed in a cell's
+   * `blocks` array, leaving ghosts visible below the table.
+   *
+   * Must be called after initializeCells() and model.replaceAll() so the model's
+   * blockCellMap is fully populated.
+   */
+  private removeGhostChildren(): void {
+    const tableId = this.blockId;
+
+    if (tableId === undefined) {
+      return;
+    }
+
+    const allChildren = this.api.blocks.getChildren(tableId);
+
+    // Delete ghost children in reverse index order so removals don't shift indices
+    const ghostEntries = allChildren
+      .filter(child => this.model.findCellForBlock(child.id) === null)
+      .map(child => ({
+        id: child.id,
+        index: this.api.blocks.getBlockIndex(child.id),
+      }))
+      .filter((entry): entry is { id: string; index: number } => entry.index !== undefined)
+      .sort((a, b) => b.index - a.index);
+
+    for (const { index } of ghostEntries) {
+      void this.api.blocks.delete(index);
+    }
+  }
+
   public save(_blockContent: HTMLElement): TableData {
     return this.model.snapshot();
   }