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

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-DgRJH56D.mjs";
+import { D as A } from "./chunks/inline-tool-convert-I0Hy4UKl.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-BCb-TePJ.mjs → blok-DgRJH56D.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-I0Hy4UKl.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-B3xelE-R.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-DrgsjMmb.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-I0Hy4UKl.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-DrgsjMmb.mjs}

@@ -1,4 +1,4 @@
-import { e as i } from "./blok-BCb-TePJ.mjs";
+import { e as i } from "./blok-DgRJH56D.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-B3xelE-R.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-I0Hy4UKl.mjs";
 const a = {
   wrapper: s(
     "fixed z-[2] bottom-5 left-5",

package/dist/chunks/{inline-tool-convert-Y0pOGkpb.mjs → inline-tool-convert-I0Hy4UKl.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.2";
 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-DgRJH56D.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-I0Hy4UKl.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-I0Hy4UKl.mjs";
+import { ab as fo } from "./chunks/inline-tool-convert-I0Hy4UKl.mjs";
 const ie = (i) => {
   if (!i || !i.includes("data-blok-fake-background"))
     return i;
@@ -326,10 +326,10 @@ const q = class q {
    */
   buildSettingsFromToolboxEntries(t) {
     return t.map((e) => {
-      var c, d, h, p;
+      var c, d, h, u;
       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);
       return {
-        icon: (p = (h = e.icon) != null ? h : o == null ? void 0 : o.icon) != null ? p : Be,
+        icon: (u = (h = e.icon) != null ? h : o == null ? void 0 : o.icon) != null ? u : Be,
         title: l,
         onActivate: () => this.setLevel(s),
         closeOnActivate: !0,
@@ -632,9 +632,9 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     keydownHandler: c
   });
   if (h.contentElement && l(h.contentElement), h.checkboxElement && !e) {
-    const p = h.checkboxElement;
-    p.addEventListener("change", () => {
-      a(p.checked, h.contentElement);
+    const u = h.checkboxElement;
+    u.addEventListener("change", () => {
+      a(u.checked, h.contentElement);
     });
   }
   return d.replaceChild(h.wrapper, r), h.wrapper;
@@ -864,7 +864,7 @@ 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);
+  const a = de(i, e), c = he(i, n) || "ordered", d = n.getSiblingIndex(l, a, c), u = n.getGroupStartValue(l, a, d, c) + d, f = n.formatNumber(u, a);
   r.textContent = f;
 }, $n = (i, t, e, n, s, o, r, l) => {
   const a = (c) => {
@@ -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), u = 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, {
@@ -930,7 +930,7 @@ const Pn = (i, t) => {
       style: n.style,
       checked: !1,
       depth: n.depth
-    }, void 0, p + 1, !0);
+    }, void 0, u + 1, !0);
     Y(t, y, "start");
     return;
   }
@@ -944,7 +944,7 @@ const Pn = (i, t) => {
       checked: !1,
       depth: n.depth
     },
-    p + 1
+    u + 1
   );
   n.text = d, Y(t, f, "start");
 }, qn = async (i) => {
@@ -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 u = s.text, f = l();
   if (xn(h, d) && !c.isCollapsed) {
     t.preventDefault(), h.innerHTML = "", s.text = "";
     const b = document.createRange();
@@ -972,7 +972,7 @@ const Pn = (i, t) => {
   }
   if (!kn(h, d) || (t.preventDefault(), n === void 0))
     return;
-  const y = await e.blocks.convert(n, "paragraph", { text: p });
+  const y = await e.blocks.convert(n, "paragraph", { text: u });
   f > 0 && requestAnimationFrame(() => {
     const b = y.holder;
     b && (b.style.marginLeft = `${f * V}px`, b.setAttribute("data-blok-depth", String(f)));
@@ -987,10 +987,10 @@ const Pn = (i, t) => {
   o();
   const h = c + 1;
   s.depth = h;
-  const p = await e.blocks.update(n || "", tt(L({}, s), {
+  const u = await e.blocks.update(n || "", tt(L({}, s), {
     depth: h
   }));
-  Y(e, p);
+  Y(e, u);
 }, pe = async (i) => {
   const { api: t, blockId: e, data: n, syncContentFromDOM: s, getDepth: o } = i, r = o();
   if (r === 0) return;
@@ -1315,8 +1315,8 @@ class jn {
       if (!m) return c;
       const y = parseInt(m, 10);
       return isNaN(y) ? c : y;
-    })() : c) + a, p = this.markerCalculator.formatNumber(h, r);
-    s.textContent = p;
+    })() : c) + a, u = this.markerCalculator.formatNumber(h, r);
+    s.textContent = u;
   }
 }
 const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
@@ -1881,7 +1881,7 @@ class cs {
     e && (e.setAttribute("width", $t), e.setAttribute("height", $t), e.setAttribute("viewBox", "0 0 24 24"), e.classList.add("text-gray-500", "pointer-events-none"));
   }
 }
-const g = "data-blok-table-row", u = "data-blok-table-cell", $ = 1, nt = `${$}px solid #d1d5db`, ds = [
+const g = "data-blok-table-row", p = "data-blok-table-cell", $ = 1, nt = `${$}px solid #d1d5db`, ds = [
   "flex"
 ], hs = [
   "py-1",
@@ -1921,7 +1921,7 @@ class ps {
   getData(t) {
     const e = t.querySelectorAll(`[${g}]`), n = [];
     return e.forEach((s) => {
-      const o = s.querySelectorAll(`[${u}]`), r = [];
+      const o = s.querySelectorAll(`[${p}]`), r = [];
       o.forEach((l) => {
         r.push(this.getCellContent(l));
       }), n.push(r);
@@ -1959,7 +1959,7 @@ class ps {
    */
   convertToPixelWidths(t, e) {
     t.forEach((n) => {
-      n.querySelectorAll(`[${u}]`).forEach((o, r) => {
+      n.querySelectorAll(`[${p}]`).forEach((o, r) => {
         if (r < e.length) {
           const l = o;
           l.style.width = `${e[r]}px`;
@@ -1971,12 +1971,12 @@ class ps {
    * Add column in px mode: keep existing widths, add new column at half the average width
    */
   addColumnPx(t, e, n) {
-    const s = t[0], o = s == null ? void 0 : s.querySelectorAll(`[${u}]`), r = Array.from(o != null ? o : []).reduce(
+    const s = t[0], o = s == null ? void 0 : s.querySelectorAll(`[${p}]`), r = Array.from(o != null ? o : []).reduce(
       (a, c) => a + (parseFloat(c.style.width) || 0),
       0
     ), l = e > 0 ? Math.round(r / e / 2 * 100) / 100 : 0;
     t.forEach((a) => {
-      const c = a.querySelectorAll(`[${u}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${l}px`);
+      const c = a.querySelectorAll(`[${p}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${l}px`);
       if (!d) {
         a.insertBefore(h, c[n]);
         return;
@@ -1990,11 +1990,11 @@ class ps {
   addColumnPercent(t, e, n) {
     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;
+      r.querySelectorAll(`[${p}]`).forEach((u) => {
+        const f = u, m = parseFloat(f.style.width) || 100 / e, y = Math.round(m * o * 100) / 100;
         f.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}%`);
+      const a = Math.round(100 / e / 2 * 100) / 100, c = r.querySelectorAll(`[${p}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
       if (!d) {
         r.insertBefore(h, c[n]);
         return;
@@ -2007,7 +2007,7 @@ class ps {
    */
   deleteColumn(t, e) {
     t.querySelectorAll(`[${g}]`).forEach((s) => {
-      const o = s.querySelectorAll(`[${u}]`);
+      const o = s.querySelectorAll(`[${p}]`);
       e >= o.length || o[e].remove();
     });
   }
@@ -2034,12 +2034,12 @@ class ps {
     if (e === n)
       return;
     t.querySelectorAll(`[${g}]`).forEach((o) => {
-      const r = Array.from(o.querySelectorAll(`[${u}]`));
+      const r = Array.from(o.querySelectorAll(`[${p}]`));
       if (e >= r.length || n >= r.length)
         return;
       const l = r[e];
       l.remove();
-      const a = Array.from(o.querySelectorAll(`[${u}]`));
+      const a = Array.from(o.querySelectorAll(`[${p}]`));
       n >= a.length ? o.appendChild(l) : o.insertBefore(l, a[n]);
     });
   }
@@ -2054,7 +2054,7 @@ class ps {
    */
   getColumnCount(t) {
     const e = t.querySelector(`[${g}]`);
-    return e ? e.querySelectorAll(`[${u}]`).length : 0;
+    return e ? e.querySelectorAll(`[${p}]`).length : 0;
   }
   /**
    * Get a specific cell element
@@ -2063,7 +2063,7 @@ class ps {
     const s = t.querySelectorAll(`[${g}]`);
     if (e >= s.length)
       return null;
-    const o = s[e].querySelectorAll(`[${u}]`);
+    const o = s[e].querySelectorAll(`[${p}]`);
     return n >= o.length ? null : o[n];
   }
   /**
@@ -2073,7 +2073,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${u}]`), s = [];
+    const n = e.querySelectorAll(`[${p}]`), s = [];
     return n.forEach((o) => {
       const r = parseFloat(o.style.width);
       s.push(isNaN(r) ? 0 : r);
@@ -2099,7 +2099,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return "%";
-    const n = e.querySelector(`[${u}]`);
+    const n = e.querySelector(`[${p}]`);
     return n && n.style.width.endsWith("px") ? "px" : "%";
   }
   /**
@@ -2109,7 +2109,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${u}]`);
+    const n = e.querySelectorAll(`[${p}]`);
     return Array.from(n).map((s) => s.style.width);
   }
   /**
@@ -2126,7 +2126,7 @@ class ps {
    */
   createCell(t) {
     const e = document.createElement("div");
-    e.className = v(hs), e.style.borderRight = nt, e.style.borderBottom = nt, e.style.flexShrink = "0", e.style.overflow = "hidden", e.style.overflowWrap = "break-word", t !== void 0 && (e.style.width = typeof t == "string" ? t : `${t}%`), e.setAttribute(u, "");
+    e.className = v(hs), e.style.borderRight = nt, e.style.borderBottom = nt, e.style.flexShrink = "0", e.style.overflow = "hidden", e.style.overflowWrap = "break-word", t !== void 0 && (e.style.width = typeof t == "string" ? t : `${t}%`), e.setAttribute(p, "");
     const n = document.createElement("div");
     return n.setAttribute(B, ""), e.appendChild(n), e;
   }
@@ -2139,7 +2139,7 @@ class gs {
         return;
       const { type: n, detail: s } = e.event;
       if (n === "block-removed") {
-        this.recordRemovedBlockCell(s), this.gridElement.querySelectorAll(`[${u}]`).forEach((h) => {
+        this.recordRemovedBlockCell(s), this.gridElement.querySelectorAll(`[${p}]`).forEach((h) => {
           this.cellsPendingCheck.add(h);
         }), this.schedulePendingCellCheck();
         return;
@@ -2272,20 +2272,20 @@ class gs {
       const r = e[o];
       if (!r)
         return;
-      const l = r.querySelectorAll(`[${u}]`), a = [];
+      const l = r.querySelectorAll(`[${p}]`), a = [];
       s.forEach((c, d) => {
         const h = l[d];
         if (!h)
           return;
-        const p = h.querySelector(`[${B}]`);
-        if (p) {
+        const u = h.querySelector(`[${B}]`);
+        if (u) {
           if (fe(c))
-            this.mountBlocksInCell(p, c.blocks), a.push(c);
+            this.mountBlocksInCell(u, 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] });
+            u.appendChild(m.holder), a.push({ blocks: [m.id] });
           }
-          this.stripPlaceholders(p);
+          this.stripPlaceholders(u);
         }
       }), n.push(a);
     }), n;
@@ -2341,7 +2341,7 @@ class gs {
   findCellForAdjacentBlock(t) {
     if (t < 0 || t >= this.api.blocks.getBlocksCount())
       return null;
-    const e = this.api.blocks.getBlockByIndex(t), n = e == null ? void 0 : e.holder.closest(`[${u}]`);
+    const e = this.api.blocks.getBlockByIndex(t), n = e == null ? void 0 : e.holder.closest(`[${p}]`);
     return n && this.gridElement.contains(n) ? n : null;
   }
   /**
@@ -2363,7 +2363,7 @@ class gs {
   recordRemovedBlockCell(t) {
     if (t.index === void 0)
       return;
-    const e = t.target.holder.closest(`[${u}]`);
+    const e = t.target.holder.closest(`[${p}]`);
     e && this.gridElement.contains(e) && this.removedBlockCells.set(t.index, e);
   }
   /**
@@ -2476,7 +2476,7 @@ class As {
    */
   selectRow(t) {
     var s, o;
-    const n = (o = (s = this.grid.querySelectorAll(`[${g}]`)[0]) == null ? void 0 : s.querySelectorAll(`[${u}]`).length) != null ? o : 0;
+    const n = (o = (s = this.grid.querySelectorAll(`[${g}]`)[0]) == null ? void 0 : s.querySelectorAll(`[${p}]`).length) != null ? o : 0;
     n !== 0 && this.showProgrammaticSelection(t, 0, t, n - 1);
   }
   /**
@@ -2562,17 +2562,17 @@ class As {
       const T = o[P];
       if (!T)
         continue;
-      const _ = T.querySelectorAll(`[${u}]`);
+      const _ = T.querySelectorAll(`[${p}]`);
       for (let H = n; H <= s; H++) {
         const J = _[H];
         J && (J.setAttribute(ht, ""), this.selectedCells.push(J));
       }
     }
-    const r = (D = o[t]) == null ? void 0 : D.querySelectorAll(`[${u}]`)[n], l = (N = o[e]) == null ? void 0 : N.querySelectorAll(`[${u}]`)[s];
+    const r = (D = o[t]) == null ? void 0 : D.querySelectorAll(`[${p}]`)[n], l = (N = o[e]) == null ? void 0 : N.querySelectorAll(`[${p}]`)[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), u = parseFloat(h.borderTopWidth) || 0, f = parseFloat(h.borderLeftWidth) || 0;
+    let m = c.top - a.top - u, y = c.left - a.left - f;
     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`;
   }
@@ -2632,7 +2632,7 @@ class As {
     }
   }
   resolveCellCoord(t) {
-    const e = t.closest(`[${u}]`);
+    const e = t.closest(`[${p}]`);
     if (!e)
       return null;
     const n = e.closest(`[${g}]`);
@@ -2641,18 +2641,18 @@ class As {
     const o = Array.from(this.grid.querySelectorAll(`[${g}]`)).indexOf(n);
     if (o < 0)
       return null;
-    const l = Array.from(n.querySelectorAll(`[${u}]`)).indexOf(e);
+    const l = Array.from(n.querySelectorAll(`[${p}]`)).indexOf(e);
     return l < 0 ? null : { row: o, col: l };
   }
   clampExtentToEdge(t) {
-    var c, d, h, p, f, m;
+    var c, d, h, u, 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;
+    const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${g}]`), s = n.length, o = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${p}]`).length) != null ? d : 0;
     if (s === 0 || o === 0)
       return;
     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;
+    t.clientY < e.top ? r = 0 : t.clientY > e.bottom ? r = s - 1 : r = (u = (h = this.extentCell) == null ? void 0 : h.row) != null ? u : 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;
     const a = { row: r, col: l };
@@ -2663,14 +2663,14 @@ const lt = (i) => {
   const t = i.querySelector(`[${g}]`);
   if (!t)
     return [];
-  const e = t.querySelectorAll(`[${u}]`);
+  const e = t.querySelectorAll(`[${p}]`);
   return Array.from(e).map(
     (n) => n.getBoundingClientRect().width
   );
 }, st = (i, t) => {
   const e = t.reduce((o, r) => o + r, 0), n = i;
   n.style.width = `${e + $}px`, i.querySelectorAll(`[${g}]`).forEach((o) => {
-    o.querySelectorAll(`[${u}]`).forEach((l, a) => {
+    o.querySelectorAll(`[${p}]`).forEach((l, a) => {
       if (a < t.length) {
         const c = l;
         c.style.width = `${t[a]}px`;
@@ -2678,10 +2678,10 @@ const lt = (i) => {
     });
   });
 }, Es = (i, t) => {
-  const e = Array.from(i.querySelectorAll(`[${g}]`)), n = e.findIndex((r) => Array.from(r.querySelectorAll(`[${u}]`)).includes(t));
+  const e = Array.from(i.querySelectorAll(`[${g}]`)), n = e.findIndex((r) => Array.from(r.querySelectorAll(`[${p}]`)).includes(t));
   if (n === -1)
     return null;
-  const o = Array.from(e[n].querySelectorAll(`[${u}]`)).indexOf(t);
+  const o = Array.from(e[n].querySelectorAll(`[${p}]`)).indexOf(t);
   return { row: n, col: o };
 }, Ce = (i) => {
   var e;
@@ -2691,19 +2691,19 @@ const lt = (i) => {
   const n = i.querySelectorAll(`[${g}]`)[t];
   if (!n)
     return !0;
-  const s = n.querySelectorAll(`[${u}]`);
+  const s = n.querySelectorAll(`[${p}]`);
   return Array.from(s).every((o) => Ce(o));
 }, xs = (i, t) => {
   const e = i.querySelectorAll(`[${g}]`);
   return Array.from(e).every((n) => {
-    const o = n.querySelectorAll(`[${u}]`)[t];
+    const o = n.querySelectorAll(`[${p}]`)[t];
     return !o || Ce(o);
   });
 }, Ts = (i) => {
   const t = i.querySelectorAll(`[${g}]`), e = t[0];
   if (!e)
     return;
-  const n = e.querySelectorAll(`[${u}]`), s = Array.from(n).reduce(
+  const n = e.querySelectorAll(`[${p}]`), s = Array.from(n).reduce(
     (r, l) => r + (parseFloat(l.style.width) || 0),
     0
   );
@@ -2711,7 +2711,7 @@ const lt = (i) => {
     return;
   const o = 100 / s;
   t.forEach((r) => {
-    r.querySelectorAll(`[${u}]`).forEach((a) => {
+    r.querySelectorAll(`[${p}]`).forEach((a) => {
       const c = a, d = parseFloat(c.style.width) || 0;
       c.style.width = `${Math.round(d * o * 100) / 100}%`;
     });
@@ -2741,20 +2741,20 @@ const lt = (i) => {
   if (!i)
     return [];
   const s = i.querySelectorAll(`[${g}]`)[e];
-  return s ? (o = t == null ? void 0 : t.getBlockIdsFromCells(s.querySelectorAll(`[${u}]`))) != null ? o : [] : [];
+  return s ? (o = t == null ? void 0 : t.getBlockIdsFromCells(s.querySelectorAll(`[${p}]`))) != null ? o : [] : [];
 }, Is = (i, t, e) => {
   var o;
   if (!i)
     return [];
   const n = i.querySelectorAll(`[${g}]`), s = [];
   return n.forEach((r) => {
-    const l = r.querySelectorAll(`[${u}]`);
+    const l = r.querySelectorAll(`[${p}]`);
     e < l.length && s.push(l[e]);
   }), (o = t == null ? void 0 : t.getBlockIdsFromCells(s)) != null ? o : [];
 }, pt = (i, t, e, n) => {
   const o = i.querySelectorAll(`[${g}]`)[t];
   if (o && n) {
-    const r = o.querySelectorAll(`[${u}]`);
+    const r = o.querySelectorAll(`[${p}]`);
     n.deleteBlocks(n.getBlockIdsFromCells(r));
   }
   e.deleteRow(i, t);
@@ -2762,13 +2762,13 @@ const lt = (i) => {
   if (s) {
     const o = i.querySelectorAll(`[${g}]`), r = [];
     o.forEach((l) => {
-      const a = l.querySelectorAll(`[${u}]`);
+      const a = l.querySelectorAll(`[${p}]`);
       t < a.length && r.push(a[t]);
     }), s.deleteBlocks(s.getBlockIdsFromCells(r));
   }
   return n.deleteColumn(i, t), Rs(e, t);
 }, W = (i, t) => {
-  i.querySelectorAll(`[${u}]`).forEach((n) => {
+  i.querySelectorAll(`[${p}]`).forEach((n) => {
     t == null || t.ensureCellHasBlock(n);
   });
 }, Ds = (i, t, e) => {
@@ -2777,24 +2777,36 @@ const lt = (i) => {
     const r = n[o];
     if (!r)
       return;
-    const l = r.querySelectorAll(`[${u}]`);
+    const l = r.querySelectorAll(`[${p}]`);
     s.forEach((a, c) => {
       const d = l[c];
       if (!d)
         return;
       const h = d.querySelector(`[${B}]`);
-      if (h && fe(a))
-        for (const p of a.blocks) {
-          const f = e.blocks.getBlockIndex(p);
+      if (h) {
+        if (!fe(a)) {
+          const u = typeof a == "string" ? a : "", f = e.blocks.insert(
+            "paragraph",
+            { text: u },
+            {},
+            void 0,
+            !0
+          );
+          f != null && f.holder && h.appendChild(f.holder);
+          return;
+        }
+        for (const u of a.blocks) {
+          const f = e.blocks.getBlockIndex(u);
           if (f === void 0)
             continue;
           const m = e.blocks.getBlockByIndex(f);
           m && h.appendChild(m.holder);
         }
+      }
     });
   });
 }, Ns = (i, t) => {
-  var l, a, c, d, h, p, f, m, y, b;
+  var l, a, c, d, h, u, f, m, y, b;
   if (!(typeof i == "object" && i !== null && "content" in i))
     return {
       withHeadings: (l = t.withHeadings) != null ? l : !1,
@@ -2804,7 +2816,7 @@ 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,
+    withHeadings: (u = (h = n.withHeadings) != null ? h : t.withHeadings) != null ? u : !1,
     withHeadingColumn: (f = n.withHeadingColumn) != null ? f : !1,
     stretched: (y = (m = n.stretched) != null ? m : t.stretched) != null ? y : !1,
     content: (b = n.content) != null ? b : [],
@@ -2812,7 +2824,7 @@ const lt = (i) => {
   };
 }, Ps = (i, t) => {
   i.addEventListener("keydown", (e) => {
-    const s = e.target.closest(`[${u}]`);
+    const s = e.target.closest(`[${p}]`);
     if (!s)
       return;
     const o = Es(i, s);
@@ -2836,10 +2848,10 @@ const lt = (i) => {
   const e = i.firstElementChild;
   if (!e)
     return;
-  e.querySelectorAll(`[${u}]`).forEach((s) => {
+  e.querySelectorAll(`[${p}]`).forEach((s) => {
     s.removeAttribute("data-blok-table-heading-col");
   }), t && e.querySelectorAll(`[${g}]`).forEach((o) => {
-    const r = o.querySelector(`[${u}]`);
+    const r = o.querySelector(`[${p}]`);
     r && r.setAttribute("data-blok-table-heading-col", "");
   });
 }, Vt = "data-blok-table-resize", _s = "data-blok-table-cell", Hs = "data-blok-table-row", Ms = 50, ft = 16;
@@ -2981,12 +2993,12 @@ const $s = [
   const h = () => {
     c.style.backgroundColor = o.active ? "#3b82f6" : "#d1d5db", d.style.left = o.active ? "16px" : "2px";
   };
-  return h(), r.addEventListener("click", (p) => {
-    p.stopPropagation(), o.active = !o.active, h(), s(o.active);
+  return h(), r.addEventListener("click", (u) => {
+    u.stopPropagation(), o.active = !o.active, h(), s(o.active);
   }), r;
 }, Kt = 10, zs = "data-blok-table-drag-ghost", bt = (i) => {
   const t = i.querySelector(`[${g}]`);
-  return t ? Array.from(t.querySelectorAll(`[${u}]`)).reduce(
+  return t ? Array.from(t.querySelectorAll(`[${p}]`)).reduce(
     (n, s) => {
       const o = n[n.length - 1];
       return [...n, o + s.offsetWidth];
@@ -3040,14 +3052,14 @@ class Vs {
     const e = t[this.dragFromIndex];
     if (!e)
       return;
-    e.querySelectorAll(`[${u}]`).forEach((s) => {
+    e.querySelectorAll(`[${p}]`).forEach((s) => {
       const o = s;
       o.style.backgroundColor = "#dbeafe", o.style.opacity = "0.6", this.dragOverlayCells.push(o);
     });
   }
   highlightColumnCells(t) {
     t.forEach((e) => {
-      const n = e.querySelectorAll(`[${u}]`);
+      const n = e.querySelectorAll(`[${p}]`);
       if (this.dragFromIndex >= n.length)
         return;
       const s = n[this.dragFromIndex];
@@ -3124,7 +3136,7 @@ class Vs {
     const t = this.grid.querySelectorAll(`[${g}]`), e = t[0], n = t[t.length - 1];
     if (!e || !n)
       return null;
-    const s = e.querySelectorAll(`[${u}]`)[this.dragFromIndex], o = n.querySelectorAll(`[${u}]`)[this.dragFromIndex];
+    const s = e.querySelectorAll(`[${p}]`)[this.dragFromIndex], o = n.querySelectorAll(`[${p}]`)[this.dragFromIndex];
     if (!s || !o)
       return null;
     const r = s.getBoundingClientRect(), l = o.getBoundingClientRect();
@@ -3135,7 +3147,7 @@ class Vs {
     if (!e || !this.ghostEl)
       return;
     const n = this.ghostEl.style;
-    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${u}]`).forEach((o) => {
+    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${p}]`).forEach((o) => {
       var a;
       const r = o, l = r.cloneNode(!0);
       l.style.width = `${r.offsetWidth}px`, l.style.flexShrink = "0", l.removeAttribute("contenteditable"), (a = this.ghostEl) == null || a.appendChild(l);
@@ -3147,7 +3159,7 @@ class Vs {
     const t = this.grid.querySelectorAll(`[${g}]`), e = this.ghostEl.style;
     e.display = "flex", e.flexDirection = "column", t.forEach((n) => {
       var l;
-      const s = n.querySelectorAll(`[${u}]`);
+      const s = n.querySelectorAll(`[${p}]`);
       if (this.dragFromIndex >= s.length)
         return;
       const o = s[this.dragFromIndex], r = o.cloneNode(!0);
@@ -3297,7 +3309,7 @@ class Zs {
   handleMouseOver(t) {
     if (this.isGripInteractionLocked())
       return;
-    const n = t.target.closest(`[${u}]`);
+    const n = t.target.closest(`[${p}]`);
     if (!n)
       return;
     this.clearHideTimeout();
@@ -3314,7 +3326,7 @@ class Zs {
     const s = Array.from(this.grid.querySelectorAll(`[${g}]`)).indexOf(e);
     if (s < 0)
       return null;
-    const r = Array.from(e.querySelectorAll(`[${u}]`)).indexOf(t);
+    const r = Array.from(e.querySelectorAll(`[${p}]`)).indexOf(t);
     return r < 0 ? null : { row: s, col: r };
   }
   /**
@@ -3590,8 +3602,8 @@ class co {
   onPaste(t) {
     var d, h;
     const e = t.detail.data, n = e.querySelectorAll("tr"), s = [];
-    n.forEach((p) => {
-      const f = p.querySelectorAll("td, th"), m = [];
+    n.forEach((u) => {
+      const f = u.querySelectorAll("td, th"), m = [];
       f.forEach((y) => {
         m.push(y.innerHTML);
       }), m.length > 0 && s.push(m);
@@ -3965,8 +3977,8 @@ const z = (i) => {
   checkForRecordDeletion(t) {
     const { boundary: e, boldElement: n, allowedLength: s } = t, o = e.textContent, r = o.replace(/\u200B/g, ""), l = o.startsWith("​"), a = /^\s/.test(r), c = t.hasTypedContent && !l && n.textContent.length <= s, d = t.hasLeadingSpace && t.hasTypedContent && !a;
     if (c && d) {
-      const h = o.replace(/^[\u200B\s]+/, ""), p = t.leadingWhitespace || " ";
-      e.textContent = `${p}${h}`;
+      const h = o.replace(/^[\u200B\s]+/, ""), u = t.leadingWhitespace || " ";
+      e.textContent = `${u}${h}`;
     }
     c && this.records.delete(t);
   }
@@ -3988,18 +4000,18 @@ const z = (i) => {
       const h = Number(c);
       if (!Number.isFinite(h))
         return;
-      const p = d, f = p.textContent;
+      const u = d, f = u.textContent;
       if (f.length <= h)
         return;
       const m = f.slice(0, h), y = f.slice(h);
-      p.textContent = m;
+      u.textContent = m;
       const b = y.match(/^[\u00A0\s]+/);
       if (b && !a.hasAttribute(S.LEADING_WHITESPACE) && a.setAttribute(S.LEADING_WHITESPACE, b[0]), y.length === 0)
         return;
       const I = a.textContent, D = I + y, N = (At = a.getAttribute(S.LEADING_WHITESPACE)) != null ? At : "", T = N.length > 0 && I.length === 0 && !D.startsWith(N) ? N + D : D, _ = document.createTextNode(T);
       for (; a.firstChild; )
         a.removeChild(a.firstChild);
-      if (a.appendChild(_), !(t != null && t.isCollapsed) || !vt(t.focusNode, p))
+      if (a.appendChild(_), !(t != null && t.isCollapsed) || !vt(t.focusNode, u))
         return;
       const H = document.createRange(), J = _.textContent.length;
       H.setStart(_, J), H.collapse(!0), t.removeAllRanges(), t.addRange(H);
@@ -4025,16 +4037,16 @@ 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, u = 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);
       if (D && b) {
         const T = I.slice(0, m), _ = I.slice(m);
         b.textContent = T;
         const H = document.createTextNode(_);
         (P = l.parentNode) == null || P.insertBefore(H, l.nextSibling);
       }
-      if (D && l.removeAttribute(S.PREV_LENGTH), t != null && t.isCollapsed && p && vt(t.focusNode, l)) {
-        const T = document.createRange(), _ = p.textContent.length;
-        T.setStart(p, _), T.collapse(!0), t.removeAllRanges(), t.addRange(T);
+      if (D && l.removeAttribute(S.PREV_LENGTH), t != null && t.isCollapsed && u && vt(t.focusNode, l)) {
+        const T = document.createRange(), _ = u.textContent.length;
+        T.setStart(u, _), T.collapse(!0), t.removeAllRanges(), t.addRange(T);
       }
       h && l.removeAttribute(S.COLLAPSED_LENGTH);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.6.0-beta.1",
+  "version": "0.6.0-beta.2",
   "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,18 @@ export const mountCellBlocksReadOnly = (
       }
 
       if (!isCellWithBlocks(cellContent)) {
+        // Handle legacy string content by creating a paragraph block
+        const legacyText = typeof cellContent === 'string' ? cellContent : '';
+        const insertedBlock = api.blocks.insert(
+          'paragraph',
+          { text: legacyText },
+          {},
+          undefined,
+          true
+        );
+
+        insertedBlock?.holder && container.appendChild(insertedBlock.holder);
+
         return;
       }