@jackuait/blok 0.4.3-beta.1 → 0.4.3-beta.10

package/dist/tools.mjs

@@ -1,17 +1,17 @@
-var nt = Object.defineProperty, rt = Object.defineProperties;
-var st = Object.getOwnPropertyDescriptors;
-var K = Object.getOwnPropertySymbols;
-var ot = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var U = (f, t, e) => t in f ? nt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, w = (f, t) => {
+var rt = Object.defineProperty, st = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var q = Object.getOwnPropertySymbols;
+var it = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable;
+var U = (f, t, e) => t in f ? rt(f, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : f[t] = e, w = (f, t) => {
   for (var e in t || (t = {}))
-    ot.call(t, e) && U(f, e, t[e]);
-  if (K)
-    for (var e of K(t))
-      it.call(t, e) && U(f, e, t[e]);
+    it.call(t, e) && U(f, e, t[e]);
+  if (q)
+    for (var e of q(t))
+      at.call(t, e) && U(f, e, t[e]);
   return f;
-}, P = (f, t) => rt(f, st(t));
-import { t as L, D as g, a9 as et, aa as at, ab as lt, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as G, aj as j, ak as $, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-CvMDAIzb.mjs";
-import { a0 as Ot } from "./chunks/inline-tool-convert-CvMDAIzb.mjs";
+}, P = (f, t) => st(f, ot(t));
+import { t as L, D as g, a9 as nt, aa as lt, ab as G, ac as ct, ad as dt, ae as ut, af as ht, ag as ft, ah as pt, ai as j, aj as $, ak as X, f as A, al as gt, am as mt, S as H, P as Et, an as Tt, l as Ct, J as At } from "./chunks/inline-tool-convert-CYkcoF1r.mjs";
+import { a0 as Ot } from "./chunks/inline-tool-convert-CYkcoF1r.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
@@ -41,7 +41,7 @@ const W = [
   e.selectNodeContents(f), e.collapse(!0), t.removeAllRanges(), t.addRange(e);
 }, Nt = (f) => {
   bt(f) && St(f);
-}, z = (f, t, e = "data-placeholder") => {
+}, V = (f, t, e = "data-placeholder") => {
   f.setAttribute(e, t != null ? t : "");
   const n = () => Nt(f);
   f.addEventListener("focus", n), f.addEventListener("input", n);
@@ -101,7 +101,7 @@ const W = [
       yt
     ), t.setAttribute(g.tool, "paragraph"), t.contentEditable = "false";
     const e = this.buildInlineStyles();
-    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text && (t.innerHTML = this._data.text), this.readOnly ? t.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), z(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text && (t.innerHTML = this._data.text), this.readOnly ? t.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), V(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
   }
   /**
    * Return Tool's view
@@ -142,7 +142,7 @@ const W = [
    */
   save(t) {
     return {
-      text: et(t.innerHTML)
+      text: nt(t.innerHTML)
     };
   }
   /**
@@ -212,7 +212,7 @@ const W = [
    */
   static get toolbox() {
     return {
-      icon: at,
+      icon: lt,
       title: "Text",
       titleKey: "text"
     };
@@ -226,8 +226,8 @@ M.WRAPPER_CLASSES = [
   "[&>p:first-of-type]:mt-0",
   "[&>p:last-of-type]:mb-0"
 ];
-let X = M;
-const I = class I {
+let Y = M;
+const x = class x {
   /**
    * Render plugin's main Element and fill it with saved data
    *
@@ -288,20 +288,61 @@ const I = class I {
    * @returns MenuConfig array
    */
   renderSettings() {
-    return this.levels.map((t) => {
-      const e = this.api.i18n.t(t.nameKey), n = e !== t.nameKey ? e : t.name;
+    const t = this._settings._toolboxEntries, e = (t == null ? void 0 : t.length) === 1 && t[0].data === void 0 && (t[0].title === void 0 || t[0].title === "Heading");
+    return t !== void 0 && t.length > 0 && !e ? this.buildSettingsFromToolboxEntries(t) : this.levels.map((n) => {
+      const r = this.api.i18n.t(n.nameKey), s = r !== n.nameKey ? r : n.name;
       return {
-        icon: t.icon,
-        title: n,
-        onActivate: () => this.setLevel(t.number),
+        icon: n.icon,
+        title: s,
+        onActivate: () => this.setLevel(n.number),
+        closeOnActivate: !0,
+        isActive: this.currentLevel.number === n.number,
+        dataset: {
+          "blok-header-level": String(n.number)
+        }
+      };
+    });
+  }
+  /**
+   * Build settings menu items from toolbox entries.
+   * This allows users to customize which levels appear in block settings
+   * by configuring the toolbox.
+   *
+   * @param entries - Merged toolbox entries from user config
+   * @returns MenuConfig array
+   */
+  buildSettingsFromToolboxEntries(t) {
+    return t.map((e) => {
+      var d, c, h, p;
+      const n = e.data, r = (d = n == null ? void 0 : n.level) != null ? d : this.defaultLevel.number, s = x.DEFAULT_LEVELS.find((m) => m.number === r), o = (c = s == null ? void 0 : s.name) != null ? c : `Heading ${r}`, a = this.resolveToolboxEntryTitle(e, o);
+      return {
+        icon: (p = (h = e.icon) != null ? h : s == null ? void 0 : s.icon) != null ? p : G,
+        title: a,
+        onActivate: () => this.setLevel(r),
         closeOnActivate: !0,
-        isActive: this.currentLevel.number === t.number,
+        isActive: this.currentLevel.number === r,
         dataset: {
-          "blok-header-level": String(t.number)
+          "blok-header-level": String(r)
         }
       };
     });
   }
+  /**
+   * Resolves the title for a toolbox entry.
+   * Priority: custom title > i18n key translation > fallback
+   *
+   * @param entry - Toolbox entry
+   * @param fallback - Fallback title if no custom title or translation found
+   * @returns Resolved title string
+   */
+  resolveToolboxEntryTitle(t, e) {
+    if (t.title !== void 0)
+      return t.title;
+    if (t.titleKey === void 0)
+      return e;
+    const n = `toolNames.${t.titleKey}`, r = this.api.i18n.t(n);
+    return r !== n ? r : e;
+  }
   /**
    * Callback for Block's settings buttons
    *
@@ -402,9 +443,9 @@ const I = class I {
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = L(I.BASE_STYLES, this.currentLevel.styles, W);
+    t.innerHTML = this._data.text || "", t.className = L(x.BASE_STYLES, this.currentLevel.styles, W);
     const { inlineStyles: e } = this.currentLevel;
-    return e && Object.assign(t.style, e), t.setAttribute(g.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : z(t, this.api.i18n.t(this._settings.placeholder || "")), t;
+    return e && Object.assign(t.style, e), t.setAttribute(g.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : V(t, this.api.i18n.t(this._settings.placeholder || "")), t;
   }
   /**
    * Get current level
@@ -432,7 +473,7 @@ const I = class I {
    * @returns Level array
    */
   get levels() {
-    const t = this._settings.levelOverrides || {}, e = I.DEFAULT_LEVELS.map((n) => {
+    const t = this._settings.levelOverrides || {}, e = x.DEFAULT_LEVELS.map((n) => {
       var o;
       const r = t[n.number] || {}, s = {};
       return r.size && (s.fontSize = r.size), r.marginTop && (s.marginTop = r.marginTop), r.marginBottom && (s.marginBottom = r.marginBottom), {
@@ -490,21 +531,21 @@ const I = class I {
    */
   static get toolbox() {
     return {
-      icon: pt,
+      icon: G,
       title: "Heading",
       titleKey: "heading"
     };
   }
 };
-I.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", I.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: lt, styles: "text-4xl font-bold mt-8 mb-1" },
-  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: ct, styles: "text-3xl font-semibold mt-6 mb-px" },
-  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: dt, styles: "text-2xl font-semibold mt-4 mb-px" },
-  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: ut, styles: "text-xl font-semibold mt-3 mb-px" },
-  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: ht, styles: "text-base font-semibold mt-3 mb-px" },
-  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: ft, styles: "text-sm font-semibold mt-3 mb-px" }
+x.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", x.DEFAULT_LEVELS = [
+  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: ct, styles: "text-4xl font-bold mt-8 mb-1" },
+  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: dt, styles: "text-3xl font-semibold mt-6 mb-px" },
+  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: ut, styles: "text-2xl font-semibold mt-4 mb-px" },
+  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: ht, styles: "text-xl font-semibold mt-3 mb-px" },
+  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: ft, styles: "text-base font-semibold mt-3 mb-px" },
+  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: pt, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
-let Y = I;
+let J = x;
 const u = class u {
   constructor({ data: t, config: e, api: n, readOnly: r, block: s }) {
     this._element = null, this.handleBlockChanged = (o) => {
@@ -544,14 +585,14 @@ const u = class u {
     return this._settings.itemSize;
   }
   get placeholder() {
-    return this.api.i18n.t(u.DEFAULT_PLACEHOLDER);
+    return this.api.i18n.t(u.PLACEHOLDER_KEY);
   }
   applyItemStyles(t) {
     const e = t.style;
     this.itemColor && (e.color = this.itemColor), this.itemSize && (e.fontSize = this.itemSize);
   }
   setupItemPlaceholder(t) {
-    this.readOnly || z(t, this.placeholder);
+    this.readOnly || V(t, this.placeholder);
   }
   render() {
     return this._element = this.createItemElement(), this._element;
@@ -1260,7 +1301,7 @@ const u = class u {
   save() {
     if (!this._element) return this._data;
     const t = this.getContentElement(), n = {
-      text: t ? et(t.innerHTML) : this._data.text,
+      text: t ? nt(t.innerHTML) : this._data.text,
       style: this._data.style,
       checked: this._data.checked
     };
@@ -1375,21 +1416,21 @@ const u = class u {
   static get toolbox() {
     return [
       {
-        icon: G,
+        icon: j,
         title: "Bulleted list",
         titleKey: "bulletedList",
         data: { style: "unordered" },
         name: "bulleted-list"
       },
       {
-        icon: j,
+        icon: $,
         title: "Numbered list",
         titleKey: "numberedList",
         data: { style: "ordered" },
         name: "numbered-list"
       },
       {
-        icon: $,
+        icon: X,
         title: "To-do list",
         titleKey: "todoList",
         data: { style: "checklist" },
@@ -1399,11 +1440,11 @@ const u = class u {
   }
 };
 u.BASE_STYLES = "outline-none", u.ITEM_STYLES = "outline-none py-0.5 pl-0.5 leading-[1.6em]", u.CHECKLIST_ITEM_STYLES = "flex items-start py-0.5 pl-0.5", u.CHECKBOX_STYLES = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", u.STYLE_CONFIGS = [
-  { style: "unordered", name: "bulletedList", icon: G },
-  { style: "ordered", name: "numberedList", icon: j },
-  { style: "checklist", name: "todoList", icon: $ }
-], u.pendingMarkerUpdate = !1, u.DEFAULT_PLACEHOLDER = "List", u.INDENT_PER_LEVEL = 24, u.TOOL_NAME = "list";
-let J = u;
+  { style: "unordered", name: "bulletedList", icon: j },
+  { style: "ordered", name: "numberedList", icon: $ },
+  { style: "checklist", name: "todoList", icon: X }
+], u.pendingMarkerUpdate = !1, u.PLACEHOLDER_KEY = "tools.list.placeholder", u.INDENT_PER_LEVEL = 24, u.TOOL_NAME = "list";
+let Z = u;
 const i = class i {
   /**
    * Sanitizer Rule
@@ -1470,16 +1511,16 @@ const i = class i {
         }
         const p = (n = l.textContent) != null ? n : "";
         p.length > 1 && p.startsWith("​") && (l.textContent = p.slice(1));
-        const T = window.getSelection();
-        i.ensureCaretAtBoundary(T, l), i.scheduleBoundaryCaretAdjustment(l);
-        const y = (r = l.textContent) != null ? r : "", m = y.replace(/\u200B/g, ""), C = m.match(/^\s+/), E = /\S/.test(m), N = y.startsWith("​");
-        C && (o.hasLeadingSpace = !0, o.leadingWhitespace = C[0]), E && (o.hasTypedContent = !0);
-        const B = /^\s/.test(m), x = o.hasTypedContent && !N && ((s = d.textContent) != null ? s : "").length <= c, v = o.hasLeadingSpace && o.hasTypedContent && !B;
-        if (x && v) {
+        const m = window.getSelection();
+        i.ensureCaretAtBoundary(m, l), i.scheduleBoundaryCaretAdjustment(l);
+        const y = (r = l.textContent) != null ? r : "", E = y.replace(/\u200B/g, ""), C = E.match(/^\s+/), T = /\S/.test(E), N = y.startsWith("​");
+        C && (o.hasLeadingSpace = !0, o.leadingWhitespace = C[0]), T && (o.hasTypedContent = !0);
+        const B = /^\s/.test(E), v = o.hasTypedContent && !N && ((s = d.textContent) != null ? s : "").length <= c, R = o.hasLeadingSpace && o.hasTypedContent && !B;
+        if (v && R) {
           const b = y.replace(/^[\u200B\s]+/, ""), S = o.leadingWhitespace || " ";
-          l.textContent = `${S}${b}`, i.ensureCaretAtBoundary(T, l);
+          l.textContent = `${S}${b}`, i.ensureCaretAtBoundary(m, l);
         }
-        x && i.collapsedExitRecords.delete(o);
+        v && i.collapsedExitRecords.delete(o);
       }
   }
   /**
@@ -2038,27 +2079,27 @@ const i = class i {
       return;
     const s = `strong[${i.DATA_ATTR_COLLAPSED_ACTIVE}="true"]`;
     r.querySelectorAll(s).forEach((l) => {
-      var k, R, F, V, q;
+      var k, I, F, z, K;
       const d = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), c = l.previousSibling;
       if (!d || !c || c.nodeType !== Node.TEXT_NODE)
         return;
       const h = Number(d);
       if (!Number.isFinite(h))
         return;
-      const p = c, T = (k = p.textContent) != null ? k : "";
-      if (T.length <= h)
+      const p = c, m = (k = p.textContent) != null ? k : "";
+      if (m.length <= h)
         return;
-      const y = T.slice(0, h), m = T.slice(h);
+      const y = m.slice(0, h), E = m.slice(h);
       p.textContent = y;
-      const C = m.match(/^[\u00A0\s]+/);
-      if (C && !l.hasAttribute(i.DATA_ATTR_LEADING_WHITESPACE) && l.setAttribute(i.DATA_ATTR_LEADING_WHITESPACE, C[0]), m.length === 0)
+      const C = E.match(/^[\u00A0\s]+/);
+      if (C && !l.hasAttribute(i.DATA_ATTR_LEADING_WHITESPACE) && l.setAttribute(i.DATA_ATTR_LEADING_WHITESPACE, C[0]), E.length === 0)
         return;
-      const E = (R = l.textContent) != null ? R : "", N = E + m, B = (F = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? F : "", v = B.length > 0 && E.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(v);
+      const T = (I = l.textContent) != null ? I : "", N = T + E, B = (F = l.getAttribute(i.DATA_ATTR_LEADING_WHITESPACE)) != null ? F : "", R = B.length > 0 && T.length === 0 && !N.startsWith(B) ? B + N : N, b = document.createTextNode(R);
       for (; l.firstChild; )
         l.removeChild(l.firstChild);
       if (l.appendChild(b), !(t != null && t.isCollapsed) || !i.isNodeWithin(t.focusNode, p))
         return;
-      const S = document.createRange(), _ = (q = (V = b.textContent) == null ? void 0 : V.length) != null ? q : 0;
+      const S = document.createRange(), _ = (K = (z = b.textContent) == null ? void 0 : z.length) != null ? K : 0;
       S.setStart(b, _), S.collapse(!0), t.removeAllRanges(), t.addRange(S);
     });
   }
@@ -2268,23 +2309,23 @@ const i = class i {
     if (!r)
       return;
     r.querySelectorAll(`strong[${i.DATA_ATTR_COLLAPSED_LENGTH}]`).forEach((a) => {
-      var x, v, b, S, _;
+      var v, R, b, S, _;
       const l = a, d = l.getAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
       if (!d)
         return;
-      const c = Number(d), h = (x = l.textContent) != null ? x : "";
+      const c = Number(d), h = (v = l.textContent) != null ? v : "";
       if (!Number.isFinite(c))
         return;
-      const p = h.length > c, T = p ? i.splitCollapsedBoldText(l, c, h) : null, y = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), m = y ? Number(y) : NaN, C = l.previousSibling, E = (C == null ? void 0 : C.nodeType) === Node.TEXT_NODE ? C : null, N = (v = E == null ? void 0 : E.textContent) != null ? v : "", B = !!(y && Number.isFinite(m) && E && N.length > m);
-      if (B && E) {
-        const k = N.slice(0, m), R = N.slice(m);
-        E.textContent = k;
-        const F = document.createTextNode(R);
+      const p = h.length > c, m = p ? i.splitCollapsedBoldText(l, c, h) : null, y = l.getAttribute(i.DATA_ATTR_PREV_LENGTH), E = y ? Number(y) : NaN, C = l.previousSibling, T = (C == null ? void 0 : C.nodeType) === Node.TEXT_NODE ? C : null, N = (R = T == null ? void 0 : T.textContent) != null ? R : "", B = !!(y && Number.isFinite(E) && T && N.length > E);
+      if (B && T) {
+        const k = N.slice(0, E), I = N.slice(E);
+        T.textContent = k;
+        const F = document.createTextNode(I);
         (b = l.parentNode) == null || b.insertBefore(F, l.nextSibling);
       }
-      if (B && l.removeAttribute(i.DATA_ATTR_PREV_LENGTH), t != null && t.isCollapsed && T && i.isNodeWithin(t.focusNode, l)) {
-        const k = document.createRange(), R = (_ = (S = T.textContent) == null ? void 0 : S.length) != null ? _ : 0;
-        k.setStart(T, R), k.collapse(!0), t.removeAllRanges(), t.addRange(k);
+      if (B && l.removeAttribute(i.DATA_ATTR_PREV_LENGTH), t != null && t.isCollapsed && m && i.isNodeWithin(t.focusNode, l)) {
+        const k = document.createRange(), I = (_ = (S = m.textContent) == null ? void 0 : S.length) != null ? _ : 0;
+        k.setStart(m, I), k.collapse(!0), t.removeAllRanges(), t.addRange(k);
       }
       p && l.removeAttribute(i.DATA_ATTR_COLLAPSED_LENGTH);
     });
@@ -2399,19 +2440,19 @@ const i = class i {
    * @param parent - Parent node that hosts the bold element
    */
   static exitCollapsedBoldWithContent(t, e, n) {
-    var p, T, y, m, C, E;
-    e.setAttribute(i.DATA_ATTR_COLLAPSED_LENGTH, ((T = (p = e.textContent) == null ? void 0 : p.length) != null ? T : 0).toString()), e.removeAttribute(i.DATA_ATTR_PREV_LENGTH), e.removeAttribute(i.DATA_ATTR_COLLAPSED_ACTIVE), e.removeAttribute(i.DATA_ATTR_LEADING_WHITESPACE);
+    var p, m, y, E, C, T;
+    e.setAttribute(i.DATA_ATTR_COLLAPSED_LENGTH, ((m = (p = e.textContent) == null ? void 0 : p.length) != null ? m : 0).toString()), e.removeAttribute(i.DATA_ATTR_PREV_LENGTH), e.removeAttribute(i.DATA_ATTR_COLLAPSED_ACTIVE), e.removeAttribute(i.DATA_ATTR_LEADING_WHITESPACE);
     const r = e.nextSibling, s = !r || r.nodeType !== Node.TEXT_NODE, o = s ? document.createTextNode("​") : null;
     o && n.insertBefore(o, r);
     const a = o != null ? o : r;
     !s && ((y = a.textContent) != null ? y : "").length === 0 && (a.textContent = "​");
-    const l = document.createRange(), c = ((m = a.textContent) != null ? m : "").startsWith("​") ? 1 : 0;
+    const l = document.createRange(), c = ((E = a.textContent) != null ? E : "").startsWith("​") ? 1 : 0;
     l.setStart(a, c), l.collapse(!0), t.removeAllRanges(), t.addRange(l);
     const h = i.ensureStrongElement(e);
     return i.collapsedExitRecords.add({
       boundary: a,
       boldElement: h,
-      allowedLength: (E = (C = h.textContent) == null ? void 0 : C.length) != null ? E : 0,
+      allowedLength: (T = (C = h.textContent) == null ? void 0 : C.length) != null ? T : 0,
       hasLeadingSpace: !1,
       hasTypedContent: !1,
       leadingWhitespace: ""
@@ -2549,7 +2590,7 @@ const i = class i {
   }
 };
 i.isInline = !0, i.title = "Bold", i.titleKey = "bold", i.shortcutListenerRegistered = !1, i.selectionListenerRegistered = !1, i.inputListenerRegistered = !1, i.beforeInputListenerRegistered = !1, i.globalListenersInitialized = i.initializeGlobalListeners(), i.collapsedExitRecords = /* @__PURE__ */ new Set(), i.markerSequence = 0, i.isProcessingMutation = !1, i.DATA_ATTR_COLLAPSED_LENGTH = "data-blok-bold-collapsed-length", i.DATA_ATTR_COLLAPSED_ACTIVE = "data-blok-bold-collapsed-active", i.DATA_ATTR_PREV_LENGTH = "data-blok-bold-prev-length", i.DATA_ATTR_LEADING_WHITESPACE = "data-blok-bold-leading-ws", i.instances = /* @__PURE__ */ new Set(), i.pendingBoundaryCaretAdjustments = /* @__PURE__ */ new WeakSet(), i.shortcut = "CMD+B";
-let Z = i;
+let Q = i;
 const O = class O {
   /**
    * Sanitizer Rule
@@ -2822,7 +2863,7 @@ const O = class O {
   }
 };
 O.isInline = !0, O.title = "Italic", O.titleKey = "italic", O.shortcut = "CMD+I";
-let Q = O;
+let tt = O;
 const D = class D {
   /**
    * @param api - Blok API
@@ -3050,24 +3091,24 @@ const D = class D {
   }
 };
 D.isInline = !0, D.title = "Link", D.titleKey = "link", D.shortcut = "CMD+K";
-let tt = D;
+let et = D;
 const xt = {
-  paragraph: { inlineToolbar: !0, config: { preserveBlank: !0 } },
-  header: { inlineToolbar: !0 },
-  list: { inlineToolbar: !0 }
+  paragraph: { preserveBlank: !0 },
+  header: {},
+  list: {}
 }, vt = {
   bold: {},
   italic: {},
   link: {}
 };
 export {
-  Z as Bold,
+  Q as Bold,
   Ot as Convert,
-  Y as Header,
-  Q as Italic,
-  tt as Link,
-  J as List,
-  X as Paragraph,
+  J as Header,
+  tt as Italic,
+  et as Link,
+  Z as List,
+  Y as Paragraph,
   xt as defaultBlockTools,
   vt as defaultInlineTools
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.3-beta.1",
+  "version": "0.4.3-beta.10",
   "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",
@@ -146,7 +146,6 @@
     "husky": "^9.1.7",
     "jscpd": "4.0.5",
     "jsdom": "27.2.0",
-    "nanoid": "5.1.6",
     "playwright": "1.57.0",
     "postcss": "8.5.6",
     "rollup-plugin-license": "3.6.0",
@@ -162,6 +161,7 @@
     "yaml": "2.8.1"
   },
   "dependencies": {
-    "i18next": "^25.7.3"
+    "i18next": "^25.7.3",
+    "nanoid": "^5.1.6"
   }
 }

package/src/components/flipper.ts

@@ -447,12 +447,28 @@ export class Flipper {
     }
   }
 
+  /**
+   * Scrolls the given element into view using the best available method
+   * @param element - element to scroll into view
+   */
+  private scrollElementIntoView(element: HTMLElement): void {
+    const el = element as HTMLElement & { scrollIntoViewIfNeeded?: (centerIfNeeded?: boolean) => void };
+
+    if (typeof el.scrollIntoViewIfNeeded === 'function') {
+      el.scrollIntoViewIfNeeded();
+
+      return;
+    }
+
+    el.scrollIntoView({ block: 'nearest' });
+  }
+
   /**
    * Fired after flipping in any direction
    */
   private flipCallback(): void {
     if (this.iterator?.currentItem) {
-      this.iterator.currentItem.scrollIntoViewIfNeeded?.();
+      this.scrollElementIntoView(this.iterator.currentItem);
     }
 
     this.flipCallbacks.forEach(cb => cb());

package/src/components/i18n/locales/am/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "ርዕስ 4",
   "tools.header.heading5": "ርዕስ 5",
   "tools.header.heading6": "ርዕስ 6",
-  "tools.list.list": "ዝርዝር",
+  "tools.list.placeholder": "ዝርዝር",
   "blockSettings.delete": "ሰርዝ",
   "a11y.dragHandle": "ብሎኩን ለማንቀሳቀስ ይጎትቱ ወይም ለምናሌ ጠቅ ያድርጉ",
   "a11y.dragHandleRole": "መጎተቻ",

package/src/components/i18n/locales/ar/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "عنوان 4",
   "tools.header.heading5": "عنوان 5",
   "tools.header.heading6": "عنوان 6",
-  "tools.list.list": "قائمة",
+  "tools.list.placeholder": "قائمة",
   "blockSettings.delete": "حذف",
   "a11y.dragHandle": "اسحب لتحريك الكتلة أو انقر للقائمة",
   "a11y.dragHandleRole": "مقبض السحب",

package/src/components/i18n/locales/az/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Başlıq 4",
   "tools.header.heading5": "Başlıq 5",
   "tools.header.heading6": "Başlıq 6",
-  "tools.list.list": "Siyahı",
+  "tools.list.placeholder": "Siyahı",
   "blockSettings.delete": "Sil",
   "a11y.dragHandle": "Köçürmək üçün dartın və ya menyu üçün klikləyin",
   "a11y.dragHandleRole": "dartma tutacağı",

package/src/components/i18n/locales/bg/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Заглавие 4",
   "tools.header.heading5": "Заглавие 5",
   "tools.header.heading6": "Заглавие 6",
-  "tools.list.list": "Списък",
+  "tools.list.placeholder": "Списък",
   "blockSettings.delete": "Изтриване",
   "a11y.dragHandle": "Плъзнете за преместване на блок или щракнете за меню",
   "a11y.dragHandleRole": "манипулатор за плъзгане",

package/src/components/i18n/locales/bn/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "শিরোনাম 4",
   "tools.header.heading5": "শিরোনাম 5",
   "tools.header.heading6": "শিরোনাম 6",
-  "tools.list.list": "তালিকা",
+  "tools.list.placeholder": "তালিকা",
   "blockSettings.delete": "মুছুন",
   "a11y.dragHandle": "ব্লক সরাতে টানুন বা মেনুর জন্য ক্লিক করুন",
   "a11y.dragHandleRole": "টানার হ্যান্ডেল",

package/src/components/i18n/locales/bs/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Naslov 4",
   "tools.header.heading5": "Naslov 5",
   "tools.header.heading6": "Naslov 6",
-  "tools.list.list": "Lista",
+  "tools.list.placeholder": "Lista",
   "blockSettings.delete": "Obriši",
   "a11y.dragHandle": "Prevucite za premještanje bloka ili kliknite za meni",
   "a11y.dragHandleRole": "ručka za povlačenje",

package/src/components/i18n/locales/cs/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Nadpis 4",
   "tools.header.heading5": "Nadpis 5",
   "tools.header.heading6": "Nadpis 6",
-  "tools.list.list": "Seznam",
+  "tools.list.placeholder": "Seznam",
   "blockSettings.delete": "Smazat",
   "a11y.dragHandle": "Přetáhněte pro přesunutí nebo klikněte pro nabídku",
   "a11y.dragHandleRole": "úchyt pro přetažení",

package/src/components/i18n/locales/da/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Overskrift 4",
   "tools.header.heading5": "Overskrift 5",
   "tools.header.heading6": "Overskrift 6",
-  "tools.list.list": "Liste",
+  "tools.list.placeholder": "Liste",
   "blockSettings.delete": "Slet",
   "a11y.dragHandle": "Træk for at flytte blok eller klik for menu",
   "a11y.dragHandleRole": "trækhåndtag",

package/src/components/i18n/locales/de/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Überschrift 4",
   "tools.header.heading5": "Überschrift 5",
   "tools.header.heading6": "Überschrift 6",
-  "tools.list.list": "Liste",
+  "tools.list.placeholder": "Liste",
   "blockSettings.delete": "Löschen",
   "a11y.dragHandle": "Ziehen zum Verschieben oder klicken für Menü",
   "a11y.dragHandleRole": "Ziehgriff",

package/src/components/i18n/locales/dv/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "ސުރުޚީ 4",
   "tools.header.heading5": "ސުރުޚީ 5",
   "tools.header.heading6": "ސުރުޚީ 6",
-  "tools.list.list": "ލިސްޓް",
+  "tools.list.placeholder": "ލިސްޓް",
   "blockSettings.delete": "ފޮހެލާ",
   "a11y.dragHandle": "ބްލޮކް ބަދަލުކުރަން ދަމާލާ ނުވަތަ މެނޫއަށް ކްލިކް ކުރޭ",
   "a11y.dragHandleRole": "ދެމުމުގެ ހެންޑަލް",

package/src/components/i18n/locales/el/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Επικεφαλίδα 4",
   "tools.header.heading5": "Επικεφαλίδα 5",
   "tools.header.heading6": "Επικεφαλίδα 6",
-  "tools.list.list": "Λίστα",
+  "tools.list.placeholder": "Λίστα",
   "blockSettings.delete": "Διαγραφή",
   "a11y.dragHandle": "Σύρετε για μετακίνηση ή κλικ για μενού",
   "a11y.dragHandleRole": "λαβή μετακίνησης",

package/src/components/i18n/locales/en/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Heading 4",
   "tools.header.heading5": "Heading 5",
   "tools.header.heading6": "Heading 6",
-  "tools.list.list": "List",
+  "tools.list.placeholder": "List",
   "blockSettings.delete": "Delete",
   "a11y.dragHandle": "Drag to move block or click for menu",
   "a11y.dragHandleRole": "drag handle",

package/src/components/i18n/locales/es/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Encabezado 4",
   "tools.header.heading5": "Encabezado 5",
   "tools.header.heading6": "Encabezado 6",
-  "tools.list.list": "Lista",
+  "tools.list.placeholder": "Lista",
   "blockSettings.delete": "Eliminar",
   "a11y.dragHandle": "Arrastra para mover o haz clic para el menú",
   "a11y.dragHandleRole": "control de arrastre",

package/src/components/i18n/locales/et/messages.json

@@ -25,7 +25,7 @@
   "tools.header.heading4": "Pealkiri 4",
   "tools.header.heading5": "Pealkiri 5",
   "tools.header.heading6": "Pealkiri 6",
-  "tools.list.list": "Loend",
+  "tools.list.placeholder": "Loend",
   "blockSettings.delete": "Kustuta",
   "a11y.dragHandle": "Lohista ploki teisaldamiseks või klõpsa menüü jaoks",
   "a11y.dragHandleRole": "lohistamiskäepide",