@jackuait/blok 0.4.3-beta.8 → 0.4.3-beta.9

package/dist/blok.mjs

@@ -1,5 +1,5 @@
-import { B as s, v as a } from "./chunks/blok-JdFwSTgC.mjs";
-import { D as A } from "./chunks/inline-tool-convert-MJUgGURB.mjs";
+import { B as s, v as a } from "./chunks/blok-CU-oiynu.mjs";
+import { D as A } from "./chunks/inline-tool-convert-rak34pCi.mjs";
 export {
   s as Blok,
   A as DATA_ATTR,

package/dist/chunks/{blok-JdFwSTgC.mjs → blok-CU-oiynu.mjs}

@@ -19,7 +19,7 @@ var jt = (a, t) => {
       t.indexOf(o) < 0 && Fe.call(a, o) && (e[o] = a[o]);
   return e;
 };
-import { i as N, g as _o, a as f, b as ve, c as E, l as I, S as B, d as zo, e as Uo, D as m, t as C, f as $, h as uo, P as O, j as Ht, k as j, m as A, n as wt, o as ht, p as po, q as Q, T as Xt, r as Ft, s as v, I as Ko, u as Wo, v as ct, w as ne, x as $o, y as Yo, z as jo, A as fo, B as Xo, C as go, E as mo, F as Vo, G as qo, H as Go, J as Zo, K as Jo, L as we, M as _e, N as Qo, O as ze, Q as Ue, R as tn, U as en, V as on, W as nn, X as sn, Y as se, Z as _t, _ as rn, $ as an, a0 as ln, a1 as Ke, a2 as cn, a3 as dn, a4 as hn, a5 as un, a6 as pn, a7 as fn, a8 as gn } from "./inline-tool-convert-MJUgGURB.mjs";
+import { i as N, g as _o, a as f, b as ve, c as E, l as I, S as B, d as zo, e as Uo, D as m, t as C, f as j, h as uo, P as O, j as Ht, k as Y, m as A, n as wt, o as ht, p as po, q as Q, T as Xt, r as Ft, s as v, I as Ko, u as Wo, v as ct, w as ne, x as $o, y as Yo, z as jo, A as fo, B as Xo, C as go, E as mo, F as Vo, G as qo, H as Go, J as Zo, K as Jo, L as we, M as _e, N as Qo, O as ze, Q as Ue, R as tn, U as en, V as on, W as nn, X as sn, Y as se, Z as _t, _ as rn, $ as an, a0 as ln, a1 as Ke, a2 as cn, a3 as dn, a4 as hn, a5 as un, a6 as pn, a7 as fn, a8 as gn } from "./inline-tool-convert-rak34pCi.mjs";
 function mn(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
@@ -463,7 +463,7 @@ const Bn = (a, t) => {
   const { type: e, target: o, addedNodes: n, removedNodes: s } = a;
   return a.type === "attributes" && a.attributeName === "data-blok-empty" ? !1 : t.contains(o) ? !0 : e !== "childList" ? !1 : Array.from(n).some((l) => l === t) ? !0 : Array.from(s).some((l) => l === t);
 }, ie = "redactor dom changed", yt = "block changed", bo = "fake cursor is about to be toggled", ko = "fake cursor have been set", Bt = "blok mobile layout toggled", re = "block-settings-opened", ae = "block-settings-closed", xn = "history:state-changed";
-var Y = /* @__PURE__ */ ((a) => (a.RENDERED = "rendered", a.MOVED = "moved", a.UPDATED = "updated", a.REMOVED = "removed", a.ON_PASTE = "onPaste", a))(Y || {});
+var $ = /* @__PURE__ */ ((a) => (a.RENDERED = "rendered", a.MOVED = "moved", a.UPDATED = "updated", a.REMOVED = "removed", a.ON_PASTE = "onPaste", a))($ || {});
 const z = class z extends Ct {
   /**
    * @param options - block constructor options
@@ -1038,7 +1038,7 @@ const z = class z extends Ct {
    * especially when mutation observers haven't been set up yet.
    */
   refreshToolRootElement() {
-    const t = this.holder.querySelector($(m.elementContent));
+    const t = this.holder.querySelector(j(m.elementContent));
     if (!t)
       return;
     const e = t.firstElementChild;
@@ -1181,7 +1181,7 @@ class Tn extends T {
   getBlockIndex(t) {
     const e = this.Blok.BlockManager.getBlockById(t);
     if (!e) {
-      j("There is no block with id `" + t + "`", "warn");
+      Y("There is no block with id `" + t + "`", "warn");
       return;
     }
     return this.Blok.BlockManager.getBlockIndex(e);
@@ -1193,7 +1193,7 @@ class Tn extends T {
   getBlockByIndex(t) {
     const e = this.Blok.BlockManager.getBlockByIndex(t);
     if (e === void 0) {
-      j("There is no block at index `" + t + "`", "warn");
+      Y("There is no block at index `" + t + "`", "warn");
       return;
     }
     return new V(e);
@@ -1204,7 +1204,7 @@ class Tn extends T {
    */
   getById(t) {
     const e = this.Blok.BlockManager.getBlockById(t);
-    return e === void 0 ? (j("There is no block with id `" + t + "`", "warn"), null) : new V(e);
+    return e === void 0 ? (Y("There is no block with id `" + t + "`", "warn"), null) : new V(e);
   }
   /**
    * Get Block API object by any child html element
@@ -1213,7 +1213,7 @@ class Tn extends T {
   getBlockByElement(t) {
     const e = this.Blok.BlockManager.getBlock(t);
     if (e === void 0) {
-      j("There is no block corresponding to element `" + t + "`", "warn");
+      Y("There is no block corresponding to element `" + t + "`", "warn");
       return;
     }
     return new V(e);
@@ -1233,13 +1233,13 @@ class Tn extends T {
   async delete(t = this.Blok.BlockManager.currentBlockIndex) {
     const e = this.Blok.BlockManager.getBlockByIndex(t);
     if (e === void 0) {
-      j(`There is no block at index \`${t}\``, "warn");
+      Y(`There is no block at index \`${t}\``, "warn");
       return;
     }
     try {
       await this.Blok.BlockManager.removeBlock(e);
     } catch (o) {
-      j(o, "warn");
+      Y(o, "warn");
       return;
     }
     this.Blok.BlockManager.blocks.length === 0 && this.Blok.BlockManager.insert(), this.Blok.BlockManager.currentBlock && this.Blok.Caret.setToBlock(this.Blok.BlockManager.currentBlock, this.Blok.Caret.positions.END), this.Blok.Toolbar.close();
@@ -1459,7 +1459,7 @@ class Ln {
    * @returns {Promise<NotifierModule>} loaded notifier module
    */
   loadNotifierModule() {
-    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-y3l95XAF.mjs").then((t) => {
+    return this.notifierModule !== null ? Promise.resolve(this.notifierModule) : (this.loadingPromise === null && (this.loadingPromise = import("./index-BsZmlgGN.mjs").then((t) => {
       const e = t;
       if (!this.isNotifierModule(e))
         throw new Error('notifier module does not expose a "show" method.');
@@ -1802,7 +1802,7 @@ class Jn extends T {
     var s, i;
     const t = "Blok's content can not be saved in read-only mode";
     if (this.Blok.ReadOnly.isEnabled)
-      throw j(t, "warn"), new Error(t);
+      throw Y(t, "warn"), new Error(t);
     const e = await this.Blok.Saver.save();
     if (e !== void 0)
       return e;
@@ -1939,7 +1939,7 @@ class os extends T {
    */
   toggleBlockSettings(t) {
     if (this.Blok.BlockManager.currentBlockIndex === -1) {
-      j("Could't toggle the Toolbar because there is no block selected ", "warn");
+      Y("Could't toggle the Toolbar because there is no block selected ", "warn");
       return;
     }
     (t != null ? t : !this.Blok.BlockSettings.opened) ? (this.Blok.Toolbar.moveAndOpen(), this.Blok.BlockSettings.open()) : this.Blok.BlockSettings.close();
@@ -1950,7 +1950,7 @@ class os extends T {
    */
   toggleToolbox(t) {
     if (this.Blok.BlockManager.currentBlockIndex === -1) {
-      j("Could't toggle the Toolbox because there is no block selected ", "warn");
+      Y("Could't toggle the Toolbox because there is no block selected ", "warn");
       return;
     }
     (t != null ? t : !this.Blok.Toolbar.toolbox.opened) ? (this.Blok.Toolbar.moveAndOpen(), this.Blok.Toolbar.toolbox.open()) : this.Blok.Toolbar.toolbox.close();
@@ -6381,7 +6381,7 @@ class _s extends T {
   async ensureI18nextLoaded(t, e) {
     if (this.i18nextWrapper !== null)
       return;
-    const { loadI18next: o } = await import("./i18next-loader-D0iIovKH.mjs");
+    const { loadI18next: o } = await import("./i18next-loader-FVUl5b89.mjs");
     this.i18nextWrapper = await o(t, e);
   }
   /**
@@ -7296,7 +7296,7 @@ class ee {
       fromIndex: e,
       toIndex: t
     });
-    n.call(Y.MOVED, s);
+    n.call($.MOVED, s);
   }
   /**
    * Insert new Block at passed index
@@ -7310,7 +7310,7 @@ class ee {
       return;
     }
     const n = t > this.length ? this.length : t;
-    o && (this.blocks[n].holder.remove(), this.blocks[n].call(Y.REMOVED));
+    o && (this.blocks[n].holder.remove(), this.blocks[n].call($.REMOVED));
     const s = o ? 1 : 0;
     if (this.blocks.splice(n, s, e), n > 0) {
       const r = this.blocks[n - 1];
@@ -7333,7 +7333,7 @@ class ee {
     if (this.blocks[t] === void 0)
       throw Error("Incorrect index");
     const o = this.blocks[t];
-    o.holder.replaceWith(e.holder), o.call(Y.REMOVED), this.blocks[t] = e, e.call(Y.RENDERED);
+    o.holder.replaceWith(e.holder), o.call($.REMOVED), this.blocks[t] = e, e.call($.RENDERED);
   }
   /**
    * Inserts several blocks at once
@@ -7345,14 +7345,14 @@ class ee {
     for (const n of t)
       o.appendChild(n.holder);
     if (!this.length) {
-      this.blocks.push(...t), this.workingArea.appendChild(o), t.forEach((n) => n.call(Y.RENDERED));
+      this.blocks.push(...t), this.workingArea.appendChild(o), t.forEach((n) => n.call($.RENDERED));
       return;
     }
     if (e > 0) {
       const n = Math.min(e - 1, this.length - 1);
       this.blocks[n].holder.after(o);
     }
-    e === 0 && this.workingArea.prepend(o), this.blocks.splice(e, 0, ...t), t.forEach((n) => n.call(Y.RENDERED));
+    e === 0 && this.workingArea.prepend(o), this.blocks.splice(e, 0, ...t), t.forEach((n) => n.call($.RENDERED));
   }
   /**
    * Remove block
@@ -7360,13 +7360,13 @@ class ee {
    */
   remove(t) {
     const e = isNaN(t) ? this.length - 1 : t;
-    this.blocks[e].holder.remove(), this.blocks[e].call(Y.REMOVED), this.blocks.splice(e, 1);
+    this.blocks[e].holder.remove(), this.blocks[e].call($.REMOVED), this.blocks.splice(e, 1);
   }
   /**
    * Remove all blocks
    */
   removeAll() {
-    this.workingArea.innerHTML = "", this.blocks.forEach((t) => t.call(Y.REMOVED)), this.blocks.length = 0;
+    this.workingArea.innerHTML = "", this.blocks.forEach((t) => t.call($.REMOVED)), this.blocks.length = 0;
   }
   /**
    * Insert Block after passed target
@@ -7401,7 +7401,7 @@ class ee {
    * @param {Block} target — Block related to position
    */
   insertToDOM(t, e, o) {
-    e && o !== void 0 ? o.holder.insertAdjacentElement(e, t.holder) : this.workingArea.appendChild(t.holder), t.call(Y.RENDERED);
+    e && o !== void 0 ? o.holder.insertAdjacentElement(e, t.holder) : this.workingArea.appendChild(t.holder), t.call($.RENDERED);
   }
   /**
    * Composes Block event with passed type and details
@@ -7779,7 +7779,7 @@ class Qs extends T {
       replace: o
     });
     try {
-      await n.ready, n.call(Y.ON_PASTE, e), n.refreshToolRootElement();
+      await n.ready, n.call($.ON_PASTE, e), n.refreshToolRootElement();
     } catch (s) {
       I(`${t}: onPaste callback call is failed`, "error", s);
     }
@@ -7966,7 +7966,7 @@ class Qs extends T {
     const e = f.isElement(t) ? t : t.parentNode;
     if (!e)
       return;
-    const o = this.blocksStore.nodes, n = e.closest($(m.element));
+    const o = this.blocksStore.nodes, n = e.closest(j(m.element));
     if (!n)
       return;
     const s = o.indexOf(n);
@@ -7983,10 +7983,10 @@ class Qs extends T {
     const e = f.isElement(t) ? t : t.parentNode;
     if (!e)
       return;
-    const o = e.closest($(m.element));
+    const o = e.closest(j(m.element));
     if (!o)
       return;
-    const n = o.closest($(m.editor));
+    const n = o.closest(j(m.editor));
     if (!(n == null ? void 0 : n.isEqualNode(this.Blok.UI.nodes.wrapper)) || !(o instanceof HTMLElement))
       return;
     this.currentBlockIndex = this.blocksStore.nodes.indexOf(o);
@@ -8004,7 +8004,7 @@ class Qs extends T {
     const e = f.isElement(t) ? t : t.parentNode;
     if (!e)
       return;
-    const o = e.closest($(m.element));
+    const o = e.closest(j(m.element));
     if (o)
       return this.blocks.find((n) => n.holder === o);
   }
@@ -9578,7 +9578,7 @@ class si extends T {
    * @returns Object with block and holder, or nulls if no valid target found
    */
   findDropTargetBlock(t, e, o) {
-    const n = t.closest($(m.element));
+    const n = t.closest(j(m.element));
     if (n)
       return { block: this.Blok.BlockManager.blocks.find((r) => r.holder === n), holder: n };
     const s = this.findBlockInLeftDropZone(e, o);
@@ -10279,18 +10279,21 @@ class ai extends T {
    * Init rect params
    * @param {number} pageX - X coord of mouse
    * @param {number} pageY - Y coord of mouse
+   * @param {boolean} shiftKey - whether Shift key is held for additive selection
    */
-  startSelection(t, e) {
-    const o = this.getScrollLeft(), n = this.getScrollTop(), s = document.elementFromPoint(t - o, e - n);
+  startSelection(t, e, o = !1) {
+    const { UI: n } = this.Blok, s = n.nodes.redactor;
     if (!s)
       return;
-    s.closest($(m.toolbar)) || (this.Blok.BlockSelection.allBlocksSelected = !1, this.clearSelection(), this.stackOfSelected = []);
-    const r = [
-      $(m.elementContent),
-      $(m.toolbar),
+    const i = s.getBoundingClientRect(), r = this.getScrollTop(), l = e - r;
+    if (!(l >= i.top && l <= i.bottom))
+      return;
+    const d = this.getScrollLeft(), h = document.elementFromPoint(t - d, l);
+    !h || (!h.closest(j(m.toolbar)) && !o && (this.Blok.BlockSelection.allBlocksSelected = !1, this.clearSelection(), this.stackOfSelected = []), [
+      j(m.elementContent),
+      j(m.toolbar),
       sn
-    ], l = s.closest($(m.editor)), c = r.some((d) => !!s.closest(d));
-    !l || c || (this.Blok.Toolbar.close(), this.mousedown = !0, this.startX = t, this.startY = e);
+    ].some((b) => !!h.closest(b))) || (this.Blok.Toolbar.close(), this.mousedown = !0, this.startX = t, this.startY = e);
   }
   /**
    * Clear all params to end selection
@@ -10314,22 +10317,21 @@ class ai extends T {
    * Sets Module necessary event handlers
    */
   enableModuleBindings() {
-    const { container: t } = this.genHTML();
-    this.listeners.on(t, "mousedown", (n) => {
-      this.processMouseDown(n);
+    this.genHTML(), this.listeners.on(document.body, "mousedown", (o) => {
+      this.processMouseDown(o);
     }, !1);
-    const e = se((n) => {
-      n instanceof MouseEvent && this.processMouseMove(n);
+    const t = se((o) => {
+      o instanceof MouseEvent && this.processMouseMove(o);
     }, 10);
-    this.listeners.on(document.body, "mousemove", e, {
+    this.listeners.on(document.body, "mousemove", t, {
       passive: !0
     }), this.listeners.on(document.body, "mouseleave", () => {
       this.processMouseLeave();
     });
-    const o = se((n) => {
-      this.processScroll(n);
+    const e = se((o) => {
+      this.processScroll(o);
     }, 10);
-    this.listeners.on(window, "scroll", o, {
+    this.listeners.on(window, "scroll", e, {
       passive: !0
     }), this.listeners.on(document.body, "mouseup", () => {
       this.processMouseUp();
@@ -10342,7 +10344,7 @@ class ai extends T {
   processMouseDown(t) {
     if (t.button !== this.MAIN_MOUSE_BUTTON)
       return;
-    t.target.closest(f.allInputsSelector) !== null || this.startSelection(t.pageX, t.pageY);
+    t.target.closest(f.allInputsSelector) !== null || this.startSelection(t.pageX, t.pageY, t.shiftKey);
   }
   /**
    * Handle mouse move events
@@ -10385,7 +10387,7 @@ class ai extends T {
    * @returns {Record<string, Element>}
    */
   genHTML() {
-    const { UI: t } = this.Blok, e = t.nodes.holder.querySelector($(m.editor)), o = f.make("div", [
+    const { UI: t } = this.Blok, e = t.nodes.holder.querySelector(j(m.editor)), o = f.make("div", [
       "fixed",
       "inset-0",
       "z-overlay",
@@ -10432,12 +10434,12 @@ class ai extends T {
     if (e === null)
       return;
     t.pageY !== void 0 && (this.mouseX = t.pageX, this.mouseY = t.pageY);
-    const { rightPos: o, leftPos: n, index: s } = this.genInfoForMouseSelection(), i = this.startX > o && this.mouseX > o, r = this.startX < n && this.mouseX < n;
-    if (this.rectCrossesBlocks = !(i || r), this.isRectSelectionActivated || (this.rectCrossesBlocks = !1, this.isRectSelectionActivated = !0, this.shrinkRectangleToPoint(), e.style.display = "block"), this.updateRectangleSize(), this.Blok.Toolbar.close(), s === void 0)
+    const { index: o } = this.genInfoForMouseSelection();
+    if (this.rectCrossesBlocks = o !== void 0, this.isRectSelectionActivated || (this.rectCrossesBlocks = !1, this.isRectSelectionActivated = !0, this.shrinkRectangleToPoint(), e.style.display = "block"), this.updateRectangleSize(), this.Blok.Toolbar.close(), o === void 0)
       return;
-    this.trySelectNextBlock(s), this.inverseSelection();
-    const l = B.get();
-    l && l.removeAllRanges();
+    this.trySelectNextBlock(o), this.inverseSelection();
+    const n = B.get();
+    n && n.removeAllRanges();
   }
   /**
    * Shrink rect to singular point
@@ -10476,11 +10478,12 @@ class ai extends T {
   }
   /**
    * Collects information needed to determine the behavior of the rectangle
+   * For page-wide selection, we check blocks at the center X position but at the actual mouse Y position
    * @returns {object} index - index next Block, leftPos - start of left border of Block, rightPos - right border
    */
   genInfoForMouseSelection() {
     var p;
-    const e = document.body.offsetWidth / 2, o = this.getScrollTop(), n = this.mouseY - o, s = document.elementFromPoint(e, n), i = (p = this.Blok.BlockManager.lastBlock) == null ? void 0 : p.holder, r = i == null ? void 0 : i.querySelector($(m.elementContent)), c = (r ? Number.parseInt(window.getComputedStyle(r).width, 10) : 0) / 2, d = e - c, h = e + c;
+    const e = document.body.offsetWidth / 2, o = this.getScrollTop(), n = this.mouseY - o, s = document.elementFromPoint(e, n), i = (p = this.Blok.BlockManager.lastBlock) == null ? void 0 : p.holder, r = i == null ? void 0 : i.querySelector(j(m.elementContent)), c = (r ? Number.parseInt(window.getComputedStyle(r).width, 10) : 0) / 2, d = e - c, h = e + c;
     if (!s)
       return {
         index: void 0,
@@ -10667,7 +10670,7 @@ class wi extends T {
           const { tunes: d, id: h, parent: u, content: g } = c, p = c.type, b = o.available.has(p) ? {
             tool: p,
             data: c.data
-          } : (j(`Tool «${p}» is not found. Check 'tools' property at the Blok config.`, "warn"), {
+          } : (Y(`Tool «${p}» is not found. Check 'tools' property at the Blok config.`, "warn"), {
             tool: o.stubTool,
             data: this.composeStubDataForTool(p, c.data, h)
           });
@@ -10756,7 +10759,7 @@ class yi extends T {
     } catch (s) {
       this.lastSaveError = s;
       const i = s instanceof Error ? s : new Error(String(s));
-      j("Saving failed due to the Error %o", "error", i);
+      Y("Saving failed due to the Error %o", "error", i);
       return;
     }
   }

package/dist/chunks/{i18next-loader-D0iIovKH.mjs → i18next-loader-FVUl5b89.mjs}

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

package/dist/chunks/{index-y3l95XAF.mjs → index-BsZmlgGN.mjs}

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

package/dist/chunks/{inline-tool-convert-MJUgGURB.mjs → inline-tool-convert-rak34pCi.mjs}

@@ -18,7 +18,7 @@ let nt = (o = 21) => {
   return t;
 };
 var ot = /* @__PURE__ */ ((o) => (o.VERBOSE = "VERBOSE", o.INFO = "INFO", o.WARN = "WARN", o.ERROR = "ERROR", o))(ot || {});
-const rt = () => "0.4.3-beta.8", Ct = {
+const rt = () => "0.4.3-beta.9", Ct = {
   BACKSPACE: 8,
   TAB: 9,
   ENTER: 13,

package/dist/full.mjs

@@ -10,10 +10,10 @@ var e = (a, l, o) => l in a ? n(a, l, { enumerable: !0, configurable: !0, writab
       d.call(l, o) && e(a, o, l[o]);
   return a;
 }, r = (a, l) => t(a, c(l));
-import { B as v, v as A } from "./chunks/blok-JdFwSTgC.mjs";
+import { B as v, v as A } from "./chunks/blok-CU-oiynu.mjs";
 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 H, defaultInlineTools as P } from "./tools.mjs";
-import { D as _ } from "./chunks/inline-tool-convert-MJUgGURB.mjs";
+import { D as _ } from "./chunks/inline-tool-convert-rak34pCi.mjs";
 const m = {
   paragraph: {
     class: I,

package/dist/tools.mjs

@@ -10,8 +10,8 @@ var U = (f, t, e) => t in f ? rt(f, t, { enumerable: !0, configurable: !0, writa
       at.call(t, e) && U(f, e, t[e]);
   return f;
 }, 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-MJUgGURB.mjs";
-import { a0 as Ot } from "./chunks/inline-tool-convert-MJUgGURB.mjs";
+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-rak34pCi.mjs";
+import { a0 as Ot } from "./chunks/inline-tool-convert-rak34pCi.mjs";
 const W = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
@@ -288,17 +288,17 @@ const x = class x {
    * @returns MenuConfig array
    */
   renderSettings() {
-    const t = this._settings._toolboxEntries;
-    return t !== void 0 && t.length > 0 ? this.buildSettingsFromToolboxEntries(t) : this.levels.map((e) => {
-      const n = this.api.i18n.t(e.nameKey), r = n !== e.nameKey ? n : e.name;
+    const t = this._settings._toolboxEntries, e = (t == null ? void 0 : t.length) === 1 && t[0].data === void 0;
+    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: e.icon,
-        title: r,
-        onActivate: () => this.setLevel(e.number),
+        icon: n.icon,
+        title: s,
+        onActivate: () => this.setLevel(n.number),
         closeOnActivate: !0,
-        isActive: this.currentLevel.number === e.number,
+        isActive: this.currentLevel.number === n.number,
         dataset: {
-          "blok-header-level": String(e.number)
+          "blok-header-level": String(n.number)
         }
       };
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.4.3-beta.8",
+  "version": "0.4.3-beta.9",
   "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/rectangleSelection.ts

@@ -116,11 +116,29 @@ export class RectangleSelection extends Module {
    * Init rect params
    * @param {number} pageX - X coord of mouse
    * @param {number} pageY - Y coord of mouse
+   * @param {boolean} shiftKey - whether Shift key is held for additive selection
    */
-  public startSelection(pageX: number, pageY: number): void {
-    const scrollLeft = this.getScrollLeft();
+  public startSelection(pageX: number, pageY: number, shiftKey = false): void {
+    const { UI } = this.Blok;
+    const redactor = UI.nodes.redactor;
+
+    if (!redactor) {
+      return;
+    }
+
+    const editorRect = redactor.getBoundingClientRect();
     const scrollTop = this.getScrollTop();
-    const elemWhereSelectionStart = document.elementFromPoint(pageX - scrollLeft, pageY - scrollTop);
+    const pointerY = pageY - scrollTop;
+
+    // Check if pointer is within editor's vertical bounds
+    const withinEditorVertically = pointerY >= editorRect.top && pointerY <= editorRect.bottom;
+
+    if (!withinEditorVertically) {
+      return;
+    }
+
+    const scrollLeft = this.getScrollLeft();
+    const elemWhereSelectionStart = document.elementFromPoint(pageX - scrollLeft, pointerY);
 
     if (!elemWhereSelectionStart) {
       return;
@@ -132,7 +150,11 @@ export class RectangleSelection extends Module {
      */
     const startsInsideToolbar = elemWhereSelectionStart.closest(createSelector(DATA_ATTR.toolbar));
 
-    if (!startsInsideToolbar) {
+    /**
+     * When Shift is held, preserve existing selection for additive behavior.
+     * Otherwise, clear selection state.
+     */
+    if (!startsInsideToolbar && !shiftKey) {
       this.Blok.BlockSelection.allBlocksSelected = false;
       this.clearSelection();
       this.stackOfSelected = [];
@@ -144,13 +166,12 @@ export class RectangleSelection extends Module {
       INLINE_TOOLBAR_INTERFACE_SELECTOR,
     ];
 
-    const startsInsideBlok = elemWhereSelectionStart.closest(createSelector(DATA_ATTR.editor));
     const startsInSelectorToAvoid = selectorsToAvoid.some((selector) => !!elemWhereSelectionStart.closest(selector));
 
     /**
-     * If selection starts outside of the blok or inside the blocks or on Blok UI elements, do not handle it
+     * If selection starts inside the blocks content or on Blok UI elements, do not handle it
      */
-    if (!startsInsideBlok || startsInSelectorToAvoid) {
+    if (startsInSelectorToAvoid) {
       return;
     }
 
@@ -194,9 +215,9 @@ export class RectangleSelection extends Module {
    * Sets Module necessary event handlers
    */
   private enableModuleBindings(): void {
-    const { container } = this.genHTML();
+    this.genHTML();
 
-    this.listeners.on(container, 'mousedown', (event: Event) => {
+    this.listeners.on(document.body, 'mousedown', (event: Event) => {
       this.processMouseDown(event as MouseEvent);
     }, false);
 
@@ -245,7 +266,7 @@ export class RectangleSelection extends Module {
     const startedFromContentEditable = (mouseEvent.target as Element).closest($.allInputsSelector) !== null;
 
     if (!startedFromContentEditable) {
-      this.startSelection(mouseEvent.pageX, mouseEvent.pageY);
+      this.startSelection(mouseEvent.pageX, mouseEvent.pageY, mouseEvent.shiftKey);
     }
   }
 
@@ -402,13 +423,12 @@ export class RectangleSelection extends Module {
       this.mouseY = event.pageY;
     }
 
-    const { rightPos, leftPos, index } = this.genInfoForMouseSelection();
-    // There is not new block in selection
+    const { index } = this.genInfoForMouseSelection();
 
-    const rectIsOnRighSideOfredactor = this.startX > rightPos && this.mouseX > rightPos;
-    const rectISOnLeftSideOfRedactor = this.startX < leftPos && this.mouseX < leftPos;
-
-    this.rectCrossesBlocks = !(rectIsOnRighSideOfredactor || rectISOnLeftSideOfRedactor);
+    // For page-wide selection: always consider the rectangle as crossing blocks
+    // if we have a valid block index. The vertical check in startSelection()
+    // already ensures we're within the editor's vertical bounds.
+    this.rectCrossesBlocks = index !== undefined;
 
     if (!this.isRectSelectionActivated) {
       this.rectCrossesBlocks = false;
@@ -517,6 +537,7 @@ export class RectangleSelection extends Module {
 
   /**
    * Collects information needed to determine the behavior of the rectangle
+   * For page-wide selection, we check blocks at the center X position but at the actual mouse Y position
    * @returns {object} index - index next Block, leftPos - start of left border of Block, rightPos - right border
    */
   private genInfoForMouseSelection(): {index: number | undefined; leftPos: number; rightPos: number} {
@@ -524,6 +545,9 @@ export class RectangleSelection extends Module {
     const centerOfRedactor = widthOfRedactor / 2;
     const scrollTop = this.getScrollTop();
     const y = this.mouseY - scrollTop;
+
+    // For page-wide selection: check what block is at the center X, but at the mouse's Y position
+    // This allows selection to work even when mouse is in the left/right margins
     const elementUnderMouse = document.elementFromPoint(centerOfRedactor, y);
     const lastBlockHolder = this.Blok.BlockManager.lastBlock?.holder;
     const contentElement = lastBlockHolder?.querySelector(createSelector(DATA_ATTR.elementContent));

package/src/tools/header/index.ts

@@ -206,9 +206,16 @@ export class Header implements BlockTool {
     /**
      * If user provided custom toolbox entries, use them to build settings menu.
      * This ensures block settings match the toolbox configuration.
-     * Fall back to levels config only when _toolboxEntries is empty.
+     * Entries without explicit level data will default to the configured defaultLevel.
+     *
+     * Only fall back to levels config when _toolboxEntries is not provided or empty,
+     * or when using the default single "Heading" toolbox entry (detected by having
+     * exactly one entry with no level data).
      */
-    if (toolboxEntries !== undefined && toolboxEntries.length > 0) {
+    const isDefaultToolboxEntry = toolboxEntries?.length === 1 &&
+      toolboxEntries[0].data === undefined;
+
+    if (toolboxEntries !== undefined && toolboxEntries.length > 0 && !isDefaultToolboxEntry) {
       return this.buildSettingsFromToolboxEntries(toolboxEntries);
     }