@jackuait/blok 0.6.0-beta.1 → 0.6.0-beta.4

package/dist/blok.mjs

@@ -1,5 +1,5 @@
-import { B as s, v as a } from "./chunks/blok-BCb-TePJ.mjs";
-import { D as A } from "./chunks/inline-tool-convert-Y0pOGkpb.mjs";
+import { B as s, v as a } from "./chunks/blok-DK-97ZTf.mjs";
+import { D as A } from "./chunks/inline-tool-convert-BIwvipPw.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-BCb-TePJ.mjs → blok-DK-97ZTf.mjs}

@@ -20,7 +20,7 @@ var Co = (s, t) => {
   return e;
 };
 var Ie = (s, t, e) => Io(s, typeof t != "symbol" ? t + "" : t, e);
-import { L as ho, l as I, c as Zi, i as U, a as k, S as w, D as y, t as R, b as C, P as X, E as yn, g as wt, d as Ji, e as gr, f as Ye, h as st, j as A, k as le, m as zt, n as kr, s as Qi, o as uo, p as Bn, q as wn, r as T, u as Ko, v as hs, F as ae, w as Vo, x as ds, y as us, z as ut, A as tl, B as el, C as ol, I as nl, G as Wo, H as $e, J as Ke, K as Mt, M as br, N as Rt, O as K, Q as Ht, R as sl, T as rl, U as ps, V as il, W as ll, X as al, Y as cl, Z as hl, _ as mr, $ as dl, a0 as yr, a1 as Br, a2 as It, a3 as ul, a4 as wr, a5 as vr, a6 as pl, a7 as fl, a8 as gl, a9 as kl, aa as bl, ab as ml, ac as fs, ad as xr, ae as yl, af as Bl, ag as wl, ah as vl, ai as xl, aj as Tl, ak as Sl, al as Il } from "./inline-tool-convert-Y0pOGkpb.mjs";
+import { L as ho, l as I, c as Zi, i as U, a as k, S as w, D as y, t as R, b as C, P as X, E as yn, g as wt, d as Ji, e as gr, f as Ye, h as st, j as A, k as le, m as zt, n as kr, s as Qi, o as uo, p as Bn, q as wn, r as T, u as Ko, v as hs, F as ae, w as Vo, x as ds, y as us, z as ut, A as tl, B as el, C as ol, I as nl, G as Wo, H as $e, J as Ke, K as Mt, M as br, N as Rt, O as K, Q as Ht, R as sl, T as rl, U as ps, V as il, W as ll, X as al, Y as cl, Z as hl, _ as mr, $ as dl, a0 as yr, a1 as Br, a2 as It, a3 as ul, a4 as wr, a5 as vr, a6 as pl, a7 as fl, a8 as gl, a9 as kl, aa as bl, ab as ml, ac as fs, ad as xr, ae as yl, af as Bl, ag as wl, ah as vl, ai as xl, aj as Tl, ak as Sl, al as Il } from "./inline-tool-convert-BIwvipPw.mjs";
 function Cl(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
@@ -1728,7 +1728,7 @@ class Kl {
    * @returns {Promise<NotifierModule>} loaded notifier module
    */
   loadNotifierModule() {
-    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-B9OatijR.mjs").then((t) => {
+    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-jgHmMDND.mjs").then((t) => {
       const e = t;
       if (!this.isNotifierModule(e))
         throw new Error('notifier module does not expose a "show" method.');
@@ -13503,7 +13503,7 @@ class nu extends x {
   async ensureI18nextLoaded(t, e) {
     if (this.i18nextWrapper !== null)
       return;
-    const { loadI18next: o } = await import("./i18next-loader-O9hLUUxC.mjs");
+    const { loadI18next: o } = await import("./i18next-loader-CRollibS.mjs");
     this.i18nextWrapper = await o(t, e);
   }
   /**
@@ -13677,7 +13677,7 @@ class Te {
    * Process paste of single Block tool content.
    */
   async processSingleBlock(t, e) {
-    const { Caret: o, BlockManager: n } = this.Blok, { currentBlock: r } = n, { Dom: i } = await import("./inline-tool-convert-Y0pOGkpb.mjs").then((a) => a.aI), l = i;
+    const { Caret: o, BlockManager: n } = this.Blok, { currentBlock: r } = n, { Dom: i } = await import("./inline-tool-convert-BIwvipPw.mjs").then((a) => a.aI), l = i;
     if (!r || t.tool !== r.name || !l.containsOnlyInlineElements(t.content.innerHTML)) {
       await this.insertBlock(t, e);
       return;

package/dist/chunks/{i18next-loader-O9hLUUxC.mjs → i18next-loader-CRollibS.mjs}

@@ -1,4 +1,4 @@
-import { e as i } from "./blok-BCb-TePJ.mjs";
+import { e as i } from "./blok-DK-97ZTf.mjs";
 const l = async (e, r) => {
   const n = (await import("./i18next-CugVlwWp.mjs")).default.createInstance(), s = {
     lng: e,

package/dist/chunks/{index-B9OatijR.mjs → index-jgHmMDND.mjs}

@@ -1,4 +1,4 @@
-import { a2 as s, t as f } from "./inline-tool-convert-Y0pOGkpb.mjs";
+import { a2 as s, t as f } from "./inline-tool-convert-BIwvipPw.mjs";
 const a = {
   wrapper: s(
     "fixed z-[2] bottom-5 left-5",

package/dist/chunks/{inline-tool-convert-Y0pOGkpb.mjs → inline-tool-convert-BIwvipPw.mjs}

@@ -278,7 +278,7 @@ const d = {
   DELETE: 46
 }, Ae = {
   LEFT: 0
-}, Se = 650, Wt = () => "0.6.0-beta.1";
+}, Se = 650, Wt = () => "0.6.0-beta.4";
 var Vt = /* @__PURE__ */ ((n) => (n.VERBOSE = "VERBOSE", n.INFO = "INFO", n.WARN = "WARN", n.ERROR = "ERROR", n))(Vt || {});
 const V = (n, t, e = "log", o, s = "color: inherit") => {
   const i = typeof console == "undefined" ? void 0 : console;

package/dist/full.mjs

@@ -12,8 +12,8 @@ var e = (a, l, o) => l in a ? n(a, l, { enumerable: !0, configurable: !0, writab
 }, r = (a, l) => t(a, c(l));
 import { List as p, Header as f, Paragraph as I, Link as k, Italic as u, Bold as B } from "./tools.mjs";
 import { defaultBlockTools as v, defaultInlineTools as A } from "./tools.mjs";
-import { B as H, v as P } from "./chunks/blok-BCb-TePJ.mjs";
-import { D as _ } from "./chunks/inline-tool-convert-Y0pOGkpb.mjs";
+import { B as H, v as P } from "./chunks/blok-DK-97ZTf.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-BIwvipPw.mjs";
 const m = {
   paragraph: {
     class: I,

package/dist/tools.mjs

@@ -10,8 +10,8 @@ var kt = (i, t, e) => t in i ? Ee(i, t, { enumerable: !0, configurable: !0, writ
       Le.call(t, e) && kt(i, e, t[e]);
   return i;
 }, tt = (i, t) => ke(i, xe(t));
-import { t as v, D as E, am as Re, an as Be, _ as Ie, ao as De, ap as Ne, aq as Pe, ar as _e, as as He, at as Me, au as te, av as ee, aw as ne, o as Oe, p as xt, a5 as Tt, a3 as $e, J as se, ax as Ge, Q as oe, P as F, ay as We, az as qe, a0 as Lt, aA as Fe, aB as ze, aC as Ve, aD as Ue, aE as Ke, z as O, aF as je, aG as Xe, S as et, aH as Ye, l as Ze, a8 as Je } from "./chunks/inline-tool-convert-Y0pOGkpb.mjs";
-import { ab as fo } from "./chunks/inline-tool-convert-Y0pOGkpb.mjs";
+import { t as v, D as E, am as Re, an as Be, _ as Ie, ao as De, ap as Ne, aq as Pe, ar as _e, as as He, at as Me, au as te, av as ee, aw as ne, o as Oe, p as xt, a5 as Tt, a3 as $e, J as se, ax as Ge, Q as oe, P as F, ay as We, az as qe, a0 as Lt, aA as Fe, aB as ze, aC as Ve, aD as Ue, aE as Ke, z as O, aF as je, aG as Xe, S as et, aH as Ye, l as Ze, a8 as Je } from "./chunks/inline-tool-convert-BIwvipPw.mjs";
+import { ab as fo } from "./chunks/inline-tool-convert-BIwvipPw.mjs";
 const ie = (i) => {
   if (!i || !i.includes("data-blok-fake-background"))
     return i;
@@ -327,7 +327,7 @@ const q = class q {
   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 = q.DEFAULT_LEVELS.find((f) => f.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 = q.DEFAULT_LEVELS.find((m) => m.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 : Be,
         title: l,
@@ -647,10 +647,10 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "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;
 }, Cn = (i, t, e, n, s) => {
-  var m, y, b;
+  var f, y, b;
   if (!e)
     return { newData: i, inPlace: !1 };
-  const o = (m = i.depth) != null ? m : 0, r = (y = t.depth) != null ? y : 0, l = i.style, a = t.style;
+  const o = (f = i.depth) != null ? f : 0, r = (y = t.depth) != null ? y : 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(L(L({}, i), t), {
@@ -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, f = n.formatNumber(p, a);
-  r.textContent = f;
+  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;
 }, $n = (i, t, e, n, s, o, r, l) => {
   const a = (c) => {
     if (c >= t)
@@ -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();
   });
 }, Wn = async (i) => {
-  var m;
+  var f;
   const { api: t, blockId: e, data: n, element: s, getContentElement: o } = i, r = window.getSelection();
   if (!r || !s) return;
   const l = o();
@@ -922,7 +922,7 @@ const Pn = (i, t) => {
     await qn(i);
     return;
   }
-  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = An(l, c), p = e && (m = t.blocks.getBlockIndex(e)) != null ? m : t.blocks.getCurrentBlockIndex();
+  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = An(l, c), p = e && (f = t.blocks.getBlockIndex(e)) != null ? f : t.blocks.getCurrentBlockIndex();
   if (!e) {
     l.innerHTML = d, n.text = d;
     const y = t.blocks.insert(w, {
@@ -934,7 +934,7 @@ const Pn = (i, t) => {
     Y(t, y, "start");
     return;
   }
-  const f = t.blocks.splitBlock(
+  const m = t.blocks.splitBlock(
     e,
     { text: d },
     w,
@@ -946,7 +946,7 @@ const Pn = (i, t) => {
     },
     p + 1
   );
-  n.text = d, Y(t, f, "start");
+  n.text = d, Y(t, m, "start");
 }, qn = async (i) => {
   const { api: t, blockId: e, getDepth: n } = i;
   if (n() > 0) {
@@ -963,7 +963,7 @@ const Pn = (i, t) => {
   const d = c.getRangeAt(0), h = r();
   if (!h) return;
   a();
-  const p = s.text, f = l();
+  const p = s.text, m = l();
   if (xn(h, d) && !c.isCollapsed) {
     t.preventDefault(), h.innerHTML = "", s.text = "";
     const b = document.createRange();
@@ -973,9 +973,9 @@ const Pn = (i, t) => {
   if (!kn(h, d) || (t.preventDefault(), n === void 0))
     return;
   const y = await e.blocks.convert(n, "paragraph", { text: p });
-  f > 0 && requestAnimationFrame(() => {
+  m > 0 && requestAnimationFrame(() => {
     const b = y.holder;
-    b && (b.style.marginLeft = `${f * V}px`, b.setAttribute("data-blok-depth", String(f)));
+    b && (b.style.marginLeft = `${m * V}px`, b.setAttribute("data-blok-depth", String(m)));
   }), Y(e, y, "start");
 }, zn = async (i, t) => {
   const { api: e, blockId: n, data: s, syncContentFromDOM: o, getDepth: r } = i, l = e.blocks.getCurrentBlockIndex();
@@ -1311,9 +1311,9 @@ class jn {
     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 f = n.closest("[data-list-start]"), m = f == null ? void 0 : f.getAttribute("data-list-start");
-      if (!m) return c;
-      const y = parseInt(m, 10);
+      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;
     })() : c) + a, p = this.markerCalculator.formatNumber(h, r);
     s.textContent = p;
@@ -1991,8 +1991,8 @@ class ps {
     const o = 1 - 0.5 / e;
     t.forEach((r) => {
       r.querySelectorAll(`[${u}]`).forEach((p) => {
-        const f = p, m = parseFloat(f.style.width) || 100 / e, y = Math.round(m * o * 100) / 100;
-        f.style.width = `${y}%`;
+        const m = p, f = parseFloat(m.style.width) || 100 / e, y = Math.round(f * o * 100) / 100;
+        m.style.width = `${y}%`;
       });
       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) {
@@ -2282,8 +2282,8 @@ class gs {
           if (fe(c))
             this.mountBlocksInCell(p, c.blocks), a.push(c);
           else {
-            const f = typeof c == "string" ? c : "", m = this.api.blocks.insert("paragraph", { text: f }, {}, this.api.blocks.getBlocksCount(), !1);
-            p.appendChild(m.holder), a.push({ blocks: [m.id] });
+            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);
         }
@@ -2571,10 +2571,10 @@ class As {
     const r = (D = o[t]) == null ? void 0 : D.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, f = parseFloat(h.borderLeftWidth) || 0;
-    let m = c.top - a.top - p, y = c.left - a.left - f;
+    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;
+    let f = c.top - a.top - p, y = c.left - a.left - m;
     const b = d.right - c.left + 1, I = d.bottom - c.top + 1;
-    m -= 1, y -= 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 = ys, 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 = `${m}px`, this.overlay.style.left = `${y}px`, this.overlay.style.width = `${b}px`, this.overlay.style.height = `${I}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${y + b - 1}px`, this.pill.style.top = `${m + I / 2}px`;
+    f -= 1, y -= 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 = ys, 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 = `${f}px`, this.overlay.style.left = `${y}px`, this.overlay.style.width = `${b}px`, this.overlay.style.height = `${I}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${y + b - 1}px`, this.pill.style.top = `${f + I / 2}px`;
   }
   createPill() {
     const t = document.createElement("div");
@@ -2645,7 +2645,7 @@ class As {
     return l < 0 ? null : { row: o, col: l };
   }
   clampExtentToEdge(t) {
-    var c, d, h, p, f, m;
+    var c, d, h, p, m, f;
     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;
@@ -2654,7 +2654,7 @@ class As {
     let r;
     t.clientY < e.top ? r = 0 : t.clientY > e.bottom ? r = s - 1 : r = (p = (h = this.extentCell) == null ? void 0 : h.row) != null ? p : this.anchorCell.row;
     let l;
-    t.clientX < e.left ? l = 0 : t.clientX > e.right ? l = o - 1 : l = (m = (f = this.extentCell) == null ? void 0 : f.col) != null ? m : this.anchorCell.col;
+    t.clientX < e.left ? l = 0 : t.clientX > e.right ? l = o - 1 : l = (f = (m = this.extentCell) == null ? void 0 : m.col) != null ? f : this.anchorCell.col;
     const a = { row: r, col: l };
     (!this.extentCell || this.extentCell.row !== a.row || this.extentCell.col !== a.col) && (this.extentCell = a, this.paintSelection());
   }
@@ -2783,18 +2783,32 @@ const lt = (i) => {
       if (!d)
         return;
       const h = d.querySelector(`[${B}]`);
-      if (h && fe(a))
+      if (h) {
+        if (!fe(a)) {
+          if (h.querySelectorAll("[data-blok-id]").length > 0)
+            return;
+          const m = typeof a == "string" ? a : "", f = e.blocks.insert(
+            "paragraph",
+            { text: m },
+            {},
+            void 0,
+            !0
+          );
+          f != null && f.holder && h.appendChild(f.holder);
+          return;
+        }
         for (const p of a.blocks) {
-          const f = e.blocks.getBlockIndex(p);
-          if (f === void 0)
+          const m = e.blocks.getBlockIndex(p);
+          if (m === void 0)
             continue;
-          const m = e.blocks.getBlockByIndex(f);
-          m && h.appendChild(m.holder);
+          const f = e.blocks.getBlockByIndex(m);
+          f && h.appendChild(f.holder);
         }
+      }
     });
   });
 }, Ns = (i, t) => {
-  var l, a, c, d, h, p, f, m, y, b;
+  var l, a, c, d, h, p, m, f, y, b;
   if (!(typeof i == "object" && i !== null && "content" in i))
     return {
       withHeadings: (l = t.withHeadings) != null ? l : !1,
@@ -2805,8 +2819,8 @@ const lt = (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: (f = n.withHeadingColumn) != null ? f : !1,
-    stretched: (y = (m = n.stretched) != null ? m : t.stretched) != null ? y : !1,
+    withHeadingColumn: (m = n.withHeadingColumn) != null ? m : !1,
+    stretched: (y = (f = n.stretched) != null ? f : t.stretched) != null ? y : !1,
     content: (b = n.content) != null ? b : [],
     colWidths: r
   };
@@ -3591,10 +3605,10 @@ class co {
     var d, h;
     const e = t.detail.data, n = e.querySelectorAll("tr"), s = [];
     n.forEach((p) => {
-      const f = p.querySelectorAll("td, th"), m = [];
-      f.forEach((y) => {
-        m.push(y.innerHTML);
-      }), m.length > 0 && s.push(m);
+      const m = p.querySelectorAll("td, th"), f = [];
+      m.forEach((y) => {
+        f.push(y.innerHTML);
+      }), f.length > 0 && s.push(f);
     });
     const o = e.querySelector("thead") !== null, r = ((d = n[0]) == null ? void 0 : d.querySelector("th")) !== null, l = o || r;
     if (this.data = {
@@ -3988,11 +4002,11 @@ const z = (i) => {
       const h = Number(c);
       if (!Number.isFinite(h))
         return;
-      const p = d, f = p.textContent;
-      if (f.length <= h)
+      const p = d, m = p.textContent;
+      if (m.length <= h)
         return;
-      const m = f.slice(0, h), y = f.slice(h);
-      p.textContent = m;
+      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)
         return;
@@ -4025,9 +4039,9 @@ const z = (i) => {
       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, f = l.getAttribute(S.PREV_LENGTH), m = f ? Number(f) : NaN, y = l.previousSibling, b = (y == null ? void 0 : y.nodeType) === Node.TEXT_NODE ? y : null, I = (N = b == null ? void 0 : b.textContent) != null ? N : "", D = !!(f && Number.isFinite(m) && b && I.length > m);
+      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, I = (N = b == null ? void 0 : b.textContent) != null ? N : "", D = !!(m && Number.isFinite(f) && b && I.length > f);
       if (D && b) {
-        const T = I.slice(0, m), _ = I.slice(m);
+        const T = I.slice(0, f), _ = I.slice(f);
         b.textContent = T;
         const H = document.createTextNode(_);
         (P = l.parentNode) == null || P.insertBefore(H, l.nextSibling);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.6.0-beta.1",
+  "version": "0.6.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/tools/table/table-operations.ts

@@ -310,6 +310,25 @@ export const mountCellBlocksReadOnly = (
       }
 
       if (!isCellWithBlocks(cellContent)) {
+        // Handle legacy string content by creating a paragraph block
+        // Check if container already has blocks to ensure idempotency
+        const existingBlocks = container.querySelectorAll('[data-blok-id]');
+
+        if (existingBlocks.length > 0) {
+          return;
+        }
+
+        const legacyText = typeof cellContent === 'string' ? cellContent : '';
+        const insertedBlock = api.blocks.insert(
+          'paragraph',
+          { text: legacyText },
+          {},
+          undefined,
+          true
+        );
+
+        insertedBlock?.holder && container.appendChild(insertedBlock.holder);
+
         return;
       }