@jackuait/blok 0.10.0-beta.11 → 0.10.0-beta.12

package/dist/blok.mjs

@@ -1,3 +1,3 @@
-import { n as e, t } from "./chunks/blok-LkCv5gCR.mjs";
-import { $n as n } from "./chunks/constants-CqrNvkmI.mjs";
+import { n as e, t } from "./chunks/blok-trqaO1wV.mjs";
+import { $n as n } from "./chunks/constants-UyV9cJZk.mjs";
 export { t as Blok, n as DATA_ATTR, e as version };

package/dist/chunks/{blok-LkCv5gCR.mjs → blok-trqaO1wV.mjs}

@@ -1,5 +1,5 @@
 import { t as e } from "./chunk-D6kmoKXy.mjs";
-import { $n as t, $t as n, An as r, At as i, Bn as a, Bt as o, C as s, Dn as c, E as l, En as u, Fn as d, Gn as f, Gt as p, Hn as m, In as h, It as g, Jn as _, Jt as v, Kn as ee, Kt as y, Ln as te, Mn as ne, Nn as re, On as ie, Ot as ae, Pn as oe, Qn as se, Qt as ce, Rn as le, S as ue, Sn as de, T as fe, Tn as pe, Un as b, Vn as me, Wn as he, Wt as ge, Xn as _e, Xt as ve, Yn as ye, Yt as be, Zn as x, Zt as xe, _ as Se, _n as Ce, an as we, b as S, bn as Te, dn as Ee, en as De, er as C, fn as Oe, ft as ke, g as Ae, gn as je, gt as Me, h as Ne, hn as Pe, in as w, jn as Fe, k as Ie, kn as Le, ln as Re, m as ze, mn as Be, nn as Ve, p as He, pn as Ue, qn as T, qt as We, rn as E, sn as Ge, tn as Ke, u as qe, un as Je, v as Ye, vn as Xe, vt as Ze, w as Qe, wn as D, x as $e, xn as et, y as tt, yn as nt, zn as rt, zt as it } from "./constants-CqrNvkmI.mjs";
+import { $n as t, $t as n, An as r, At as i, Bn as a, Bt as o, C as s, Dn as c, E as l, En as u, Fn as d, Gn as f, Gt as p, Hn as m, In as h, It as g, Jn as _, Jt as v, Kn as ee, Kt as y, Ln as te, Mn as ne, Nn as re, On as ie, Ot as ae, Pn as oe, Qn as se, Qt as ce, Rn as le, S as ue, Sn as de, T as fe, Tn as pe, Un as b, Vn as me, Wn as he, Wt as ge, Xn as _e, Xt as ve, Yn as ye, Yt as be, Zn as x, Zt as xe, _ as Se, _n as Ce, an as we, b as S, bn as Te, dn as Ee, en as De, er as C, fn as Oe, ft as ke, g as Ae, gn as je, gt as Me, h as Ne, hn as Pe, in as w, jn as Fe, k as Ie, kn as Le, ln as Re, m as ze, mn as Be, nn as Ve, p as He, pn as Ue, qn as T, qt as We, rn as E, sn as Ge, tn as Ke, u as qe, un as Je, v as Ye, vn as Xe, vt as Ze, w as Qe, wn as D, x as $e, xn as et, y as tt, yn as nt, zn as rt, zt as it } from "./constants-UyV9cJZk.mjs";
 import { n as at, t as O } from "./objectSpread2-CWwMYL_U.mjs";
 import { n as k, t as ot } from "./tw-CqxBf-1Y.mjs";
 import { r as st, t as ct } from "./lightweight-i18n-Cvv8CWh4.mjs";
@@ -9097,9 +9097,10 @@ var Du = class extends A {
 		if (r === e || t) return n.readOnlyEnabled;
 		if (n.supportsInPlaceToggle) {
 			var i;
+			n.Blok.ModificationsObserver.disable();
 			let t = (i = n.Blok.BlockManager.blocks) == null ? [] : i;
 			for (let n of t) n.setReadOnly(e);
-			return n.readOnlyEnabled;
+			return n.Blok.ModificationsObserver.enable(), n.readOnlyEnabled;
 		}
 		n.Blok.ModificationsObserver.disable();
 		let a = await n.Blok.Saver.save();
@@ -10645,7 +10646,7 @@ var Dd = {
 	toolbarOpened: "block",
 	toolbarClosed: "hidden",
 	content: ot("relative mx-auto max-w-blok-content"),
-	actions: ot("absolute flex opacity-0 pr-[5px]", "right-full", "pointer-events-auto", "mobile:right-auto", "group-data-[blok-rtl=true]:right-auto group-data-[blok-rtl=true]:left-[calc(-1*(var(--spacing-toolbox-btn)))]", "mobile:group-data-[blok-rtl=true]:ml-0 mobile:group-data-[blok-rtl=true]:mr-auto mobile:group-data-[blok-rtl=true]:pr-0 mobile:group-data-[blok-rtl=true]:pl-[10px]"),
+	actions: ot("absolute flex opacity-0 pr-[5px]", "right-full", "mobile:right-auto", "group-data-[blok-rtl=true]:right-auto group-data-[blok-rtl=true]:left-[calc(-1*(var(--spacing-toolbox-btn)))]", "mobile:group-data-[blok-rtl=true]:ml-0 mobile:group-data-[blok-rtl=true]:mr-auto mobile:group-data-[blok-rtl=true]:pr-0 mobile:group-data-[blok-rtl=true]:pl-[10px]"),
 	actionsOpened: "opacity-100",
 	plusButton: ot("text-dark cursor-pointer w-toolbox-btn h-toolbox-btn rounded-[7px] inline-flex justify-center items-center select-none", "shrink-0", "[&_svg]:h-6 [&_svg]:w-6", "can-hover:hover:bg-bg-light", "group-data-[blok-toolbox-opened=true]:bg-bg-light", "mobile:bg-popover-bg mobile:border mobile:border-mobile-border mobile:shadow-overlay-pane mobile:rounded-[6px] mobile:z-2", "mobile:w-toolbox-btn-mobile mobile:h-toolbox-btn-mobile", "group-data-[blok-rtl=true]:right-[calc(-1*(var(--spacing-toolbox-btn)))] group-data-[blok-rtl=true]:left-auto"),
 	plusButtonShortcutKey: "text-white",
@@ -10741,11 +10742,11 @@ var Dd = {
 		return {
 			hide: () => {
 				var e, t;
-				(e = this.nodes.actions) == null || e.classList.remove(this.CSS.actionsOpened), (t = this.nodes.actions) == null || t.removeAttribute("data-blok-opened");
+				(e = this.nodes.actions) == null || e.classList.remove(this.CSS.actionsOpened), (t = this.nodes.actions) == null || t.removeAttribute("data-blok-opened"), this.nodes.actions && (this.nodes.actions.style.pointerEvents = "none");
 			},
 			show: () => {
 				var e, t;
-				(e = this.nodes.actions) == null || e.classList.add(this.CSS.actionsOpened), (t = this.nodes.actions) == null || t.setAttribute("data-blok-opened", "true");
+				(e = this.nodes.actions) == null || e.classList.add(this.CSS.actionsOpened), (t = this.nodes.actions) == null || t.setAttribute("data-blok-opened", "true"), this.nodes.actions && (this.nodes.actions.style.pointerEvents = "auto");
 			}
 		};
 	}
@@ -10895,7 +10896,7 @@ var Dd = {
 		]);
 		e.nodes.wrapper = n, n.setAttribute(t.toolbar, ""), n.setAttribute("data-blok-testid", "toolbar");
 		let r = D.make("div", e.CSS.content), i = D.make("div", [e.CSS.actions]);
-		e.nodes.content = r, e.nodes.actions = i, i.setAttribute("data-blok-testid", "toolbar-actions"), D.append(n, r), D.append(r, i);
+		i.style.pointerEvents = "none", e.nodes.content = r, e.nodes.actions = i, i.setAttribute("data-blok-testid", "toolbar-actions"), D.append(n, r), D.append(r, i);
 		let a = e.plusButtonHandler.make(e.nodes);
 		D.append(i, a);
 		let o = e.settingsTogglerHandler.make(e.nodes);

package/dist/chunks/{constants-CqrNvkmI.mjs → constants-UyV9cJZk.mjs}

@@ -130,7 +130,7 @@ var a = {
 	RIGHT: 2,
 	BACKWARD: 3,
 	FORWARD: 4
-}, l = () => "0.10.0-beta.11", u = /* @__PURE__ */ function(e) {
+}, l = () => "0.10.0-beta.12", u = /* @__PURE__ */ function(e) {
 	return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
 }({}), d = (e, t, n = "log", r, i = "color: inherit") => {
 	let a = typeof console > "u" ? void 0 : console;

package/dist/chunks/{tools-CSgw3Aym.mjs → tools-DJJP1iOU.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, $n as t, A as n, B as r, Bt as i, Cn as a, Ct as o, D as s, Dt as c, Et as l, F as u, Ft as d, G as f, H as p, Ht as m, I as h, It as g, J as _, K as v, L as y, Lt as b, M as ee, Mt as x, N as te, Nt as ne, O as re, Ot as ie, P as ae, Pt as oe, Q as se, Qt as S, R as ce, Rt as le, St as ue, Tt as de, U as fe, Ut as pe, V as me, Vt as he, W as ge, Wt as _e, X as ve, Y as ye, Z as be, Zt as xe, _t as Se, a as Ce, at as we, bt as Te, c as Ee, cn as De, ct as Oe, d as ke, dt as Ae, en as je, er as C, et as Me, f as Ne, g as Pe, gt as Fe, h as Ie, ht as Le, i as Re, in as ze, it as Be, j as Ve, jt as He, kt as Ue, l as We, lt as Ge, mt as Ke, n as qe, nt as Je, o as Ye, ot as Xe, p as Ze, pt as Qe, q as $e, qn as et, qt as tt, r as nt, rn as w, rt, s as it, sn as at, st as ot, t as st, tt as ct, u as T, ut as lt, v as ut, wt as dt, xt as ft, yt as pt, z as mt, zt as ht } from "./constants-CqrNvkmI.mjs";
+import { $ as e, $n as t, A as n, B as r, Bt as i, Cn as a, Ct as o, D as s, Dt as c, Et as l, F as u, Ft as d, G as f, H as p, Ht as m, I as h, It as g, J as _, K as v, L as y, Lt as b, M as ee, Mt as x, N as te, Nt as ne, O as re, Ot as ie, P as ae, Pt as oe, Q as se, Qt as S, R as ce, Rt as le, St as ue, Tt as de, U as fe, Ut as pe, V as me, Vt as he, W as ge, Wt as _e, X as ve, Y as ye, Z as be, Zt as xe, _t as Se, a as Ce, at as we, bt as Te, c as Ee, cn as De, ct as Oe, d as ke, dt as Ae, en as je, er as C, et as Me, f as Ne, g as Pe, gt as Fe, h as Ie, ht as Le, i as Re, in as ze, it as Be, j as Ve, jt as He, kt as Ue, l as We, lt as Ge, mt as Ke, n as qe, nt as Je, o as Ye, ot as Xe, p as Ze, pt as Qe, q as $e, qn as et, qt as tt, r as nt, rn as w, rt, s as it, sn as at, st as ot, t as st, tt as ct, u as T, ut as lt, v as ut, wt as dt, xt as ft, yt as pt, z as mt, zt as ht } from "./constants-UyV9cJZk.mjs";
 import { t as E } from "./objectSpread2-CWwMYL_U.mjs";
 import { n as D } from "./tw-CqxBf-1Y.mjs";
 //#region src/components/utils/html.ts
@@ -5264,7 +5264,7 @@ var wr = (e) => {
 		let n = window.getSelection();
 		if (!n || n.rangeCount === 0) return;
 		let r = n.getRangeAt(0);
-		r.deleteContents();
+		r.collapsed || r.deleteContents();
 		let i = document.createDocumentFragment(), a = document.createElement("div");
 		a.innerHTML = t, Array.from(a.childNodes).forEach((e) => i.appendChild(e)), i.childNodes.length === 0 && i.appendChild(new Text());
 		let o = i.lastChild;

package/dist/full.mjs

@@ -1,7 +1,7 @@
-import { n as e, t } from "./chunks/blok-LkCv5gCR.mjs";
-import { $n as n } from "./chunks/constants-CqrNvkmI.mjs";
+import { n as e, t } from "./chunks/blok-trqaO1wV.mjs";
+import { $n as n } from "./chunks/constants-UyV9cJZk.mjs";
 import { t as r } from "./chunks/objectSpread2-CWwMYL_U.mjs";
-import { _ as i, a, c as o, g as s, i as c, l, m as u, n as d, o as f, s as p, t as m, v as h } from "./chunks/tools-CSgw3Aym.mjs";
+import { _ as i, a, c as o, g as s, i as c, l, m as u, n as d, o as f, s as p, t as m, v as h } from "./chunks/tools-DJJP1iOU.mjs";
 //#region src/full.ts
 var g = {
 	paragraph: {

package/dist/react.mjs

@@ -1,5 +1,5 @@
-import { t as e } from "./chunks/blok-LkCv5gCR.mjs";
-import "./chunks/constants-CqrNvkmI.mjs";
+import { t as e } from "./chunks/blok-trqaO1wV.mjs";
+import "./chunks/constants-UyV9cJZk.mjs";
 import { t } from "./chunks/objectSpread2-CWwMYL_U.mjs";
 import { t as n } from "./chunks/objectWithoutProperties-D0XxKB4n.mjs";
 import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";

package/dist/tools.mjs

@@ -1,3 +1,3 @@
-import { m as e } from "./chunks/constants-CqrNvkmI.mjs";
-import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v } from "./chunks/tools-CSgw3Aym.mjs";
+import { m as e } from "./chunks/constants-UyV9cJZk.mjs";
+import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v } from "./chunks/tools-DJJP1iOU.mjs";
 export { l as Bold, p as Callout, _ as Code, e as Convert, a as Divider, t as Header, m as InlineCode, r as Italic, h as Link, o as List, f as Marker, v as Paragraph, i as Quote, c as Strikethrough, s as Table, u as Toggle, n as Underline, g as defaultBlockTools, d as defaultInlineTools };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.10.0-beta.11",
+  "version": "0.10.0-beta.12",
   "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/readonly.ts

@@ -128,12 +128,16 @@ export class ReadOnly extends Module {
      * instead of the full save/clear/render cycle
      */
     if (this.supportsInPlaceToggle) {
+      this.Blok.ModificationsObserver.disable();
+
       const blocks = (this.Blok.BlockManager as { blocks?: Array<{ setReadOnly: (s: boolean) => void }> }).blocks ?? [];
 
       for (const block of blocks) {
         block.setReadOnly(state);
       }
 
+      this.Blok.ModificationsObserver.enable();
+
       return this.readOnlyEnabled;
     }
 

package/src/components/modules/toolbar/index.ts

@@ -289,11 +289,17 @@ export class Toolbar extends Module<ToolbarNodes> {
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         this.nodes.actions?.classList.remove(this.CSS.actionsOpened);
         this.nodes.actions?.removeAttribute('data-blok-opened');
+        if (this.nodes.actions) {
+          this.nodes.actions.style.pointerEvents = 'none';
+        }
       },
       show: (): void => {
         // eslint-disable-next-line @typescript-eslint/no-deprecated
         this.nodes.actions?.classList.add(this.CSS.actionsOpened);
         this.nodes.actions?.setAttribute('data-blok-opened', 'true');
+        if (this.nodes.actions) {
+          this.nodes.actions.style.pointerEvents = 'auto';
+        }
       },
     };
   }
@@ -926,6 +932,13 @@ export class Toolbar extends Module<ToolbarNodes> {
       this.CSS.actions,
     ]);
 
+    /**
+     * Start with pointer-events disabled so invisible (opacity-0) actions
+     * don't intercept clicks on elements underneath (e.g. toggle arrows).
+     * blockActions.show()/hide() toggles this inline style.
+     */
+    actions.style.pointerEvents = 'none';
+
     this.nodes.content = content;
 
     this.nodes.actions = actions;

package/src/components/modules/toolbar/styles.ts

@@ -19,8 +19,6 @@ export const getToolbarStyles = (): { [name: string]: string } => {
     actions: twJoin(
       'absolute flex opacity-0 pr-[5px]',
       'right-full',
-      // Re-enable pointer events for interactive elements
-      'pointer-events-auto',
       // Mobile styles
       'mobile:right-auto',
       // RTL styles

package/src/tools/table/index.ts

@@ -1727,7 +1727,9 @@ export class Table implements BlockTool {
 
     const range = selection.getRangeAt(0);
 
-    range.deleteContents();
+    if (!range.collapsed) {
+      range.deleteContents();
+    }
 
     const fragment = document.createDocumentFragment();
     const wrapper = document.createElement('div');