@jackuait/blok 0.10.8 → 0.10.10

package/dist/chunks/{tools-HQPJLj5m.mjs → tools-CqBnZUYU.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, D as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, I as h, It as g, J as _, Jt as v, K as y, Kt as b, L as ee, Lt as x, M as te, Mt as S, Nn as ne, Nt as re, O as ie, Ot as C, P as ae, Pt as oe, Q as se, Qt as ce, R as le, Rn as w, Rt as ue, St as de, Tt as fe, U as pe, Ut as me, V as he, W as ge, Wt as _e, X as ve, Xt as ye, Y as be, Yt as xe, Z as Se, Zt as Ce, _n as we, _t as Te, a as Ee, at as De, bt as Oe, c as ke, cn as T, ct as Ae, d as je, dr as E, dt as Me, en as Ne, et as Pe, f as Fe, ft as Ie, g as Le, gt as Re, h as ze, ht as Be, i as Ve, ir as He, it as Ue, j as We, jt as Ge, k as Ke, kt as qe, l as Je, ln as Ye, lt as Xe, mn as Ze, mt as Qe, n as $e, nt as et, o as tt, ot as nt, p as rt, pn as D, pt as it, q as at, qt as ot, r as st, rn as ct, rt as lt, s as ut, sn as dt, st as ft, t as pt, tt as mt, u as O, un as ht, ur as k, ut as gt, v as _t, vn as vt, vt as yt, wt as bt, xt, z as St, zt as Ct } from "./constants-BoE5frJm.mjs";
+import { $ as e, $t as t, A as n, At as r, B as i, Bt as a, Ct as o, D as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, I as h, It as g, J as _, Jt as v, K as y, Kt as b, L as ee, Lt as x, M as te, Mt as S, Nn as ne, Nt as re, O as ie, Ot as C, P as ae, Pt as oe, Q as se, Qt as ce, R as le, Rn as w, Rt as ue, St as de, Tt as fe, U as pe, Ut as me, V as he, W as ge, Wt as _e, X as ve, Xt as ye, Y as be, Yt as xe, Z as Se, Zt as Ce, _n as we, _t as Te, a as Ee, at as De, bt as Oe, c as ke, cn as T, ct as Ae, d as je, dr as E, dt as Me, en as Ne, et as Pe, f as Fe, ft as Ie, g as Le, gt as Re, h as ze, ht as Be, i as Ve, ir as He, it as Ue, j as We, jt as Ge, k as Ke, kt as qe, l as Je, ln as Ye, lt as Xe, mn as Ze, mt as Qe, n as $e, nt as et, o as tt, ot as nt, p as rt, pn as D, pt as it, q as at, qt as ot, r as st, rn as ct, rt as lt, s as ut, sn as dt, st as ft, t as pt, tt as mt, u as O, un as ht, ur as k, ut as gt, v as _t, vn as vt, vt as yt, wt as bt, xt, z as St, zt as Ct } from "./constants-BYv7qYbw.mjs";
 import { t as A } from "./objectSpread2-CWwMYL_U.mjs";
 import { n as j } from "./tw-CqxBf-1Y.mjs";
 //#region src/components/utils/html.ts
@@ -12,7 +12,7 @@ var wt = (e) => {
 			t.removeChild(e);
 		}
 	}), t.innerHTML;
-}, Tt = [
+}, M = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -21,7 +21,7 @@ var wt = (e) => {
 	"data-[blok-empty=true]:before:text-gray-text",
 	"data-[blok-empty=true]:before:cursor-text",
 	"data-[blok-empty=true]:before:content-[attr(data-placeholder)]"
-], Et = [
+], Tt = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var wt = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], Dt = [
+], Et = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var wt = (e) => {
 	"[&[data-empty=true]:focus]:before:text-gray-text",
 	"[&[data-empty=true]:focus]:before:cursor-text",
 	"[&[data-empty=true]:focus]:before:content-[attr(data-blok-placeholder-active)]"
-], Ot = [
+], Dt = [
 	"empty:in-data-[blok-empty=true]:before:pointer-events-none",
 	"empty:in-data-[blok-empty=true]:before:text-gray-text",
 	"empty:in-data-[blok-empty=true]:before:cursor-text",
@@ -48,29 +48,29 @@ var wt = (e) => {
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:text-gray-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:cursor-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:content-[attr(data-blok-placeholder-active)]"
-], kt = (e) => {
+], Ot = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, At = (e) => {
+}, kt = (e) => {
 	e.innerHTML === "<br>" && (e.innerHTML = "");
 	let t = window.getSelection();
 	if (!t) return;
 	let n = document.createRange();
 	n.selectNodeContents(e), n.collapse(!0), t.removeAllRanges(), t.addRange(n);
-}, jt = (e) => {
-	kt(e) && At(e);
-}, M = (e, t, n = "data-placeholder") => {
+}, At = (e) => {
+	Ot(e) && kt(e);
+}, N = (e, t, n = "data-placeholder") => {
 	e.setAttribute(n, t == null ? "" : t);
-	let r = () => jt(e);
+	let r = () => At(e);
 	return e.addEventListener("focus", r), () => {
 		e.removeEventListener("focus", r), e.removeAttribute(n);
 	};
-}, Mt, Nt = (e) => {
+}, jt, Mt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Pt = class e {
+}, Nt = class e {
 	static get DEFAULT_PLACEHOLDER() {
 		return "tools.paragraph.placeholder";
 	}
@@ -89,20 +89,20 @@ var wt = (e) => {
 	}
 	drawView() {
 		let t = document.createElement("DIV");
-		t.className = j(this.api.styles.block, e.WRAPPER_CLASSES, Dt, Ot), t.setAttribute(k.tool, "paragraph"), t.contentEditable = "false";
+		t.className = j(this.api.styles.block, e.WRAPPER_CLASSES, Et, Dt), t.setAttribute(k.tool, "paragraph"), t.contentEditable = "false";
 		let n = this.buildInlineStyles();
-		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = M(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = N(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
 	}
 	render() {
 		return this._element || (this._element = this.drawView()), this._element;
 	}
 	setReadOnly(e) {
-		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), kt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = M(this._element, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
+		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), Ot(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = N(this._element, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
 	}
 	merge(e) {
 		if (!this._element) return;
 		this._data.text += e.text;
-		let t = Nt(e.text);
+		let t = Mt(e.text);
 		this._element.appendChild(t), this._element.normalize();
 	}
 	validate(e) {
@@ -153,7 +153,7 @@ var wt = (e) => {
 		};
 	}
 };
-Mt = Pt, Mt.WRAPPER_CLASSES = [
+jt = Nt, jt.WRAPPER_CLASSES = [
 	"leading-[1.5]",
 	"outline-hidden",
 	"mt-px",
@@ -163,14 +163,14 @@ Mt = Pt, Mt.WRAPPER_CLASSES = [
 ];
 //#endregion
 //#region src/tools/toggle/dom-builder.ts
-var Ft = (e) => {
+var Pt = (e) => {
 	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
-	s.className = Ee, s.setAttribute(k.tool, rt), s.setAttribute(O.toggleOpen, String(r));
+	s.className = Ee, s.setAttribute(k.tool, rt), s.setAttribute(O.toggleOpen, String(r)), s.setAttribute(O.toggleEmpty, "true");
 	let c = document.createElement("div");
 	c.className = Fe;
-	let l = It(r, a, {}, e.ariaLabels), u = Rt(t, n, i);
+	let l = Ft(r, a, {}, e.ariaLabels), u = Lt(t, n, i);
 	c.appendChild(l), c.appendChild(u);
-	let d = Lt(o, e.bodyPlaceholderText), f = document.createElement("div");
+	let d = It(o, e.bodyPlaceholderText), f = document.createElement("div");
 	return f.className = je, f.setAttribute(O.toggleChildren, ""), f.setAttribute(k.nestedBlocks, ""), f.setAttribute("data-blok-mutation-free", "true"), f.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, l.setAttribute("aria-controls", f.id), s.appendChild(c), s.appendChild(d), s.appendChild(f), {
 		wrapper: s,
 		arrowElement: l,
@@ -178,7 +178,7 @@ var Ft = (e) => {
 		bodyPlaceholderElement: d,
 		childContainerElement: f
 	};
-}, It = (e, t, n = {}, r = {
+}, Ft = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
@@ -190,17 +190,22 @@ var Ft = (e) => {
 	}), i.addEventListener("keydown", (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), t());
 	})), i;
-}, Lt = (e, t) => {
+}, It = (e, t) => {
 	let n = document.createElement("div");
 	return n.className = ut, n.setAttribute(O.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
-}, Rt = (e, t, n) => {
+}, Lt = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = j(ke, Et, Ot), r.setAttribute(O.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
-}, zt = (e, t) => {
+	return r.className = j(ke, Tt, Dt), r.setAttribute(O.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+}, Rt = (e, t) => {
 	for (let n of t) n.holder.parentElement !== e && (n.holder.closest(`[${k.nestedBlocks}]`) || e.appendChild(n.holder));
+}, zt = (e, t) => {
+	var n;
+	if (e === null) return;
+	let r = ((n = t == null ? void 0 : t.textContent) == null ? "" : n).trim() === "";
+	e.setAttribute(O.toggleEmpty, String(r));
 }, Bt = (e) => {
-	let t = Ft(e);
-	return t.contentElement && M(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
+	let t = Pt(e);
+	return t.contentElement && N(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
 }, Vt = (e, t, n, r = {
 	collapse: "Collapse",
 	expand: "Expand"
@@ -209,7 +214,7 @@ var Ft = (e) => {
 	i && (i.style.transform = n ? "rotate(90deg)" : ""), e.setAttribute("aria-label", n ? r.collapse : r.expand), e.setAttribute("aria-expanded", String(n)), t.setAttribute(O.toggleOpen, String(n));
 }, Ht = (e, t, n, r, i) => {
 	let a = e.blocks.getChildren(t);
-	!n && r && i && r.contains(document.activeElement) && i.focus(), r && zt(r, a);
+	!n && r && i && r.contains(document.activeElement) && i.focus(), r && Rt(r, a);
 	for (let e of a) n ? e.holder.classList.remove("hidden") : e.holder.classList.add("hidden");
 	r && (n ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", "true"));
 }, Ut = (e, t, n, r, i) => {
@@ -296,7 +301,9 @@ var Ft = (e) => {
 }, Xt, Zt = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		var a;
-		this.placeholderCleanup = null, this._arrowElement = null, this._wrapper = null, this._headerRow = null, this._childContainerElement = null, this._bodyPlaceholderElement = null, this.handleKeyDown = (e) => {
+		this.placeholderCleanup = null, this._arrowElement = null, this._wrapper = null, this._headerRow = null, this._childContainerElement = null, this._bodyPlaceholderElement = null, this.handleChildContainerInput = () => {
+			zt(this._wrapper, this._childContainerElement);
+		}, this.handleKeyDown = (e) => {
 			if (e.key === "Enter" && !e.shiftKey) {
 				e.preventDefault(), this.handleEnter();
 				return;
@@ -346,7 +353,7 @@ var Ft = (e) => {
 		else {
 			this._element.contentEditable = "true", this._data.isToggleable && this._element.addEventListener("keydown", this.handleKeyDown);
 			let e = this.api.i18n.t(this.currentLevel.nameKey), t = this.resolvePlaceholderText(e);
-			this.placeholderCleanup = M(this._element, t);
+			this.placeholderCleanup = N(this._element, t);
 		}
 	}
 	expand() {
@@ -430,13 +437,13 @@ var Ft = (e) => {
 			e.innerHTML = this._element.innerHTML, this._element.parentNode.replaceChild(e, this._element), this._element = e;
 		}
 		if (t.text !== void 0 && (this._element.innerHTML = this._data.text || ""), this._data.isToggleable) {
-			if (this._element.setAttribute(O.toggleOpen, String(this._isOpen)), this._element.className = j(e.BASE_STYLES, this.currentLevel.styles, Tt, "pl-8"), !this._wrapper) this.createToggleWrapper();
+			if (this._element.setAttribute(O.toggleOpen, String(this._isOpen)), this._element.className = j(e.BASE_STYLES, this.currentLevel.styles, M, "pl-8"), !this._wrapper) this.createToggleWrapper();
 			else if (!this._wrapper.querySelector(`[${O.toggleArrow}]`)) {
 				var n;
 				let e = this.buildArrow();
 				this._arrowElement = e, ((n = this._headerRow) == null ? this._wrapper : n).prepend(e);
 			}
-		} else if (this._element.removeAttribute(O.toggleOpen), this._element.className = j(e.BASE_STYLES, this.currentLevel.styles, Tt), this._arrowElement = null, this._wrapper) {
+		} else if (this._element.removeAttribute(O.toggleOpen), this._element.className = j(e.BASE_STYLES, this.currentLevel.styles, M), this._arrowElement = null, this._wrapper) {
 			let e = this._wrapper.parentNode;
 			e && e.replaceChild(this._element, this._wrapper), this._wrapper = null, this._headerRow = null;
 		}
@@ -446,32 +453,34 @@ var Ft = (e) => {
 	}
 	getTag() {
 		let t = document.createElement(this.currentLevel.tag);
-		t.innerHTML = this._data.text || "", t.className = j(e.BASE_STYLES, this.currentLevel.styles, Tt, this._data.isToggleable ? "pl-8" : "");
+		t.innerHTML = this._data.text || "", t.className = j(e.BASE_STYLES, this.currentLevel.styles, M, this._data.isToggleable ? "pl-8" : "");
 		let { inlineStyles: n } = this.currentLevel;
 		n && Object.assign(t.style, n), t.setAttribute(k.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(O.toggleOpen, String(this._isOpen));
 		let r = this.api.i18n.t(this.currentLevel.nameKey), i = this.resolvePlaceholderText(r);
-		return this.readOnly ? t.setAttribute("data-placeholder", i) : this.placeholderCleanup = M(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : this.placeholderCleanup = N(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
-		let e = It(this._isOpen, () => this.toggleOpen(), {}, {
+		let e = Ft(this._isOpen, () => this.toggleOpen(), {}, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		});
 		return e.classList.add("absolute", "left-0", "top-1/2", "-translate-y-1/2"), e;
 	}
 	buildWrapper() {
-		let e = document.createElement("div"), t = document.createElement("div");
+		let e = document.createElement("div");
+		e.setAttribute(O.toggleEmpty, "true");
+		let t = document.createElement("div");
 		t.className = "relative", this._headerRow = t;
 		let n = this.buildArrow();
 		this._arrowElement = n, t.appendChild(n), t.appendChild(this._element), e.appendChild(t);
 		let r = document.createElement("div");
 		r.className = j(ut, "pl-8"), r.setAttribute(O.toggleBodyPlaceholder, ""), r.setAttribute("data-blok-mutation-free", "true"), r.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || r.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = r, e.appendChild(r);
 		let i = document.createElement("div");
-		return i.className = "pl-8", i.setAttribute(O.toggleChildren, ""), i.setAttribute(k.nestedBlocks, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
+		return i.className = "pl-8", i.setAttribute(O.toggleChildren, ""), i.setAttribute(k.nestedBlocks, ""), i.setAttribute("data-blok-mutation-free", "true"), i.addEventListener("input", this.handleChildContainerInput), this._childContainerElement = i, e.appendChild(i), e;
 	}
 	createToggleWrapper() {
 		let e = this._element.parentNode;
-		this._wrapper = document.createElement("div");
+		this._wrapper = document.createElement("div"), this._wrapper.setAttribute(O.toggleEmpty, "true");
 		let t = document.createElement("div");
 		t.className = "relative", this._headerRow = t;
 		let n = this.buildArrow();
@@ -504,7 +513,7 @@ var Ft = (e) => {
 		this.blockId !== void 0 && Ht(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && Ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && (Ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly), zt(this._wrapper, this._childContainerElement));
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -695,7 +704,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 }, ln = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a, markerDepth: o } = e, s = document.createElement("div");
-	s.setAttribute("role", "listitem"), s.className = j($t, "flex", ...Tt), r && (s.style.color = r), i && (s.style.fontSize = i);
+	s.setAttribute("role", "listitem"), s.className = j($t, "flex", ...M), r && (s.style.color = r), i && (s.style.fontSize = i);
 	let c = (t = n.depth) == null ? 0 : t;
 	if (c > 0) {
 		let e = n.style === "ordered" ? 26 : 27;
@@ -704,7 +713,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	let l = dn(n.style, o == null ? c : o);
 	l.setAttribute("data-list-marker", "true"), l.setAttribute("data-blok-mutation-free", "true"), s.appendChild(l);
 	let u = document.createElement("div");
-	return u.className = j("flex-1 min-w-0 outline-hidden", ...Tt), u.setAttribute("data-blok-testid", an.contentContainer), u.contentEditable = e.readOnly ? "false" : "true", u.innerHTML = n.text, on(u, a), s.appendChild(u), s;
+	return u.className = j("flex-1 min-w-0 outline-hidden", ...M), u.setAttribute("data-blok-testid", an.contentContainer), u.contentEditable = e.readOnly ? "false" : "true", u.innerHTML = n.text, on(u, a), s.appendChild(u), s;
 }, un = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a, readOnly: o } = e, s = document.createElement("div");
@@ -714,7 +723,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	let l = document.createElement("input");
 	l.type = "checkbox", l.className = tn, l.checked = !!n.checked, l.disabled = o;
 	let u = document.createElement("div");
-	return u.className = j("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...Tt), u.setAttribute("data-blok-testid", an.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, on(u, a), s.appendChild(l), s.appendChild(u), s;
+	return u.className = j("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...M), u.setAttribute("data-blok-testid", an.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, on(u, a), s.appendChild(l), s.appendChild(u), s;
 }, dn = (e, t) => {
 	let n = document.createElement("span");
 	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = j(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = fn(t), n.className = j(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial", n.style.lineHeight = "1.5rem"), n;
@@ -1421,7 +1430,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		return this.api.i18n.t(nn);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || (this.placeholderCleanup = M(e, this.placeholder));
+		this.readOnly || (this.placeholderCleanup = N(e, this.placeholder));
 	}
 	render() {
 		var e, t;
@@ -1447,7 +1456,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		let t = this.getContentElement();
 		t && (t.contentEditable = e ? "false" : "true");
 		let n = this._element.querySelector("input[type=\"checkbox\"]");
-		n && (n.disabled = e), e ? (this.boundHandleKeyDown && this._element.removeEventListener("keydown", this.boundHandleKeyDown), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null)) : (this.boundHandleKeyDown && this._element.addEventListener("keydown", this.boundHandleKeyDown), t && (this.placeholderCleanup = M(t, this.placeholder)));
+		n && (n.disabled = e), e ? (this.boundHandleKeyDown && this._element.removeEventListener("keydown", this.boundHandleKeyDown), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null)) : (this.boundHandleKeyDown && this._element.addEventListener("keydown", this.boundHandleKeyDown), t && (this.placeholderCleanup = N(t, this.placeholder)));
 	}
 	rendered() {
 		this.updateMarkersAfterPositionChange();
@@ -1845,7 +1854,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		let t = e.querySelector("svg");
 		t && (t.setAttribute("width", Tr), t.setAttribute("height", Tr), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, N = "data-blok-table-row", P = "data-blok-table-cell", F = "data-blok-table-cell-row", I = "data-blok-table-cell-col", Dr = "1px solid var(--blok-table-border)", Or = [
+}, P = "data-blok-table-row", F = "data-blok-table-cell", I = "data-blok-table-cell-row", L = "data-blok-table-cell-col", Dr = "1px solid var(--blok-table-border)", Or = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1882,7 +1891,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		let i = document.createElement("tbody");
 		return Array.from({ length: e.rows }).forEach((t, n) => {
 			let r = document.createElement("tr");
-			r.setAttribute(N, ""), Array.from({ length: e.cols }).forEach((t, i) => {
+			r.setAttribute(P, ""), Array.from({ length: e.cols }).forEach((t, i) => {
 				if (e.isSpannedCell(n, i)) return;
 				let a = this.createCell(n, i), o = e.getCellSpan(n, i);
 				o.colspan > 1 && (a.colSpan = o.colspan), o.rowspan > 1 && (a.rowSpan = o.rowspan), r.appendChild(a);
@@ -1891,11 +1900,11 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	}
 	addRow(e, t) {
 		var n;
-		let r = this.getColumnCount(e), i = this.createRow(r), a = (n = e.querySelector("tbody")) == null ? e : n, o = a.querySelectorAll(`[${N}]`);
+		let r = this.getColumnCount(e), i = this.createRow(r), a = (n = e.querySelector("tbody")) == null ? e : n, o = a.querySelectorAll(`[${P}]`);
 		return t !== void 0 && t < o.length ? a.insertBefore(i, o[t]) : a.appendChild(i), this.reindexCoordinates(e), i;
 	}
 	deleteRow(e, t) {
-		let n = e.querySelectorAll(`[${N}]`);
+		let n = e.querySelectorAll(`[${P}]`);
 		t < n.length && n[t].remove(), this.reindexCoordinates(e);
 	}
 	addColumn(e, t, n, r) {
@@ -1933,8 +1942,8 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 			let i = r.querySelectorAll("col");
 			t === void 0 || t >= i.length ? r.appendChild(e) : r.insertBefore(e, i[t]);
 		}
-		e.querySelectorAll(`[${N}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${P}]`), r = t === void 0 || t >= n.length, i = this.createCell();
+		e.querySelectorAll(`[${P}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${F}]`), r = t === void 0 || t >= n.length, i = this.createCell();
 			r ? e.appendChild(i) : e.insertBefore(i, n[t]);
 		});
 	}
@@ -1944,39 +1953,39 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 			let e = n.querySelectorAll("col");
 			t < e.length && e[t].remove();
 		}
-		e.querySelectorAll(`[${N}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${P}]`);
+		e.querySelectorAll(`[${P}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${F}]`);
 			t >= n.length || n[t].remove();
 		}), this.reindexCoordinates(e);
 	}
 	moveRow(e, t, n) {
 		var r;
 		if (t === n) return;
-		let i = (r = e.querySelector("tbody")) == null ? e : r, a = Array.from(i.querySelectorAll(`[${N}]`));
+		let i = (r = e.querySelector("tbody")) == null ? e : r, a = Array.from(i.querySelectorAll(`[${P}]`));
 		if (t >= a.length || n >= a.length) return;
 		let o = a[t];
 		o.remove();
-		let s = Array.from(i.querySelectorAll(`[${N}]`));
+		let s = Array.from(i.querySelectorAll(`[${P}]`));
 		n >= s.length ? i.appendChild(o) : i.insertBefore(o, s[n]), this.reindexCoordinates(e);
 	}
 	moveColumn(e, t, n) {
-		t !== n && (this.reorderColElement(e, t, n), e.querySelectorAll(`[${N}]`).forEach((e) => {
-			let r = Array.from(e.querySelectorAll(`[${P}]`));
+		t !== n && (this.reorderColElement(e, t, n), e.querySelectorAll(`[${P}]`).forEach((e) => {
+			let r = Array.from(e.querySelectorAll(`[${F}]`));
 			if (t >= r.length || n >= r.length) return;
 			let i = r[t];
 			i.remove();
-			let a = Array.from(e.querySelectorAll(`[${P}]`));
+			let a = Array.from(e.querySelectorAll(`[${F}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		}), this.reindexCoordinates(e));
 	}
 	reindexCoordinates(e) {
-		let t = Array.from(e.querySelectorAll(`[${N}]`)), n = /* @__PURE__ */ new Map();
+		let t = Array.from(e.querySelectorAll(`[${P}]`)), n = /* @__PURE__ */ new Map();
 		t.forEach((e, t) => {
 			var r;
-			let i = Array.from(e.querySelectorAll(`[${P}]`)), a = (r = n.get(t)) == null ? /* @__PURE__ */ new Set() : r;
+			let i = Array.from(e.querySelectorAll(`[${F}]`)), a = (r = n.get(t)) == null ? /* @__PURE__ */ new Set() : r;
 			i.reduce((e, r) => {
 				let i = r, o = (e) => a.has(e) ? o(e + 1) : e, s = o(e);
-				r.setAttribute(F, String(t)), r.setAttribute(I, String(s));
+				r.setAttribute(I, String(t)), r.setAttribute(L, String(s));
 				let c = i.colSpan || 1, l = i.rowSpan || 1;
 				return l > 1 && this.blockRowspanCols(n, t, s, l, c), s + c;
 			}, 0), n.delete(t);
@@ -1993,20 +2002,20 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${N}]`).length;
+		return e.querySelectorAll(`[${P}]`).length;
 	}
 	getColumnCount(e) {
 		let t = e.querySelector("colgroup");
 		if (t) return t.querySelectorAll("col").length;
-		let n = e.querySelector(`[${N}]`);
-		return n ? n.querySelectorAll(`[${P}]`).length : 0;
+		let n = e.querySelector(`[${P}]`);
+		return n ? n.querySelectorAll(`[${F}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelector(`[${F}="${t}"][${I}="${n}"]`);
+		let r = e.querySelector(`[${I}="${t}"][${L}="${n}"]`);
 		if (r) return r;
-		let i = e.querySelectorAll(`[${N}]`);
+		let i = e.querySelectorAll(`[${P}]`);
 		if (t >= i.length) return null;
-		let a = i[t].querySelectorAll(`[${P}]`);
+		let a = i[t].querySelectorAll(`[${F}]`);
 		return n >= a.length ? null : a[n];
 	}
 	getColWidths(e) {
@@ -2051,17 +2060,17 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	}
 	createRow(e, t) {
 		let n = document.createElement("tr");
-		return n.setAttribute(N, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.setAttribute(P, ""), Array.from({ length: e }).forEach((e, r) => {
 			n.appendChild(this.createCell(t, t === void 0 ? void 0 : r));
 		}), n;
 	}
 	createCell(e, t) {
 		let n = document.createElement("td");
-		n.className = j(Or), n.style.borderRight = Dr, n.style.borderBottom = Dr, n.style.overflow = "hidden", n.style.overflowWrap = "break-word", n.style.height = "0", n.setAttribute(P, ""), e !== void 0 && t !== void 0 && (n.setAttribute(F, String(e)), n.setAttribute(I, String(t)));
+		n.className = j(Or), n.style.borderRight = Dr, n.style.borderBottom = Dr, n.style.overflow = "hidden", n.style.overflowWrap = "break-word", n.style.height = "0", n.setAttribute(F, ""), e !== void 0 && t !== void 0 && (n.setAttribute(I, String(e)), n.setAttribute(L, String(t)));
 		let r = document.createElement("div");
-		return r.setAttribute(R, ""), r.setAttribute(k.nestedBlocks, ""), r.style.display = "flex", r.style.flexDirection = "column", r.style.minHeight = "100%", n.appendChild(r), n;
+		return r.setAttribute(z, ""), r.setAttribute(k.nestedBlocks, ""), r.style.display = "flex", r.style.flexDirection = "column", r.style.minHeight = "100%", n.appendChild(r), n;
 	}
-}, L = (e) => typeof e == "object" && !!e && "blocks" in e, R = "data-blok-table-cell-blocks", jr = class {
+}, R = (e) => typeof e == "object" && !!e && "blocks" in e, z = "data-blok-table-cell-blocks", jr = class {
 	constructor(e) {
 		var t;
 		this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.isExitingTable = !1, this.handleBlockMutation = (e) => {
@@ -2087,9 +2096,9 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 				this.claimBlockForCell(i.cell, n.target.id), this.syncBlockToModel(i.cell, n.target.id), this.cellsPendingCheck.delete(i.cell);
 				return;
 			}
-			let a = n.target.holder, o = a.closest(`[${R}]`);
+			let a = n.target.holder, o = a.closest(`[${z}]`);
 			o && this.stripPlaceholders(o);
-			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${P}]`) : null;
+			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${F}]`) : null;
 			if (s && this.syncBlockToModel(s, n.target.id), o) return;
 			if (!this.gridElement.contains(a)) {
 				let e = this.api.blocks.getBlockIndex(this.tableBlockId), t = e === void 0 ? null : this.api.blocks.getBlockByIndex(e);
@@ -2105,11 +2114,11 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(P), r = t.hasAttribute(R);
+			let n = t.hasAttribute(F), r = t.hasAttribute(z);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${P}]`);
+			let i = n ? t : t.closest(`[${F}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${R}]`) : t;
+			let a = n ? i.querySelector(`[${z}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2207,7 +2216,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${R}]`);
+		let i = r.querySelector(`[${z}]`);
 		if (!i) return;
 		let a = i.querySelectorAll("[contenteditable=\"true\"]");
 		a.length !== 0 && ((t ? a[a.length - 1] : a[0]).focus(), (n = this.onNavigateToCell) == null || n.call(this, e));
@@ -2228,21 +2237,21 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		return r ? (n = r.querySelector(`[data-blok-table-cell-col="${t}"]`)) == null ? null : n : null;
 	}
 	initializeCells(e) {
-		let t = this.gridElement.querySelectorAll(`[${N}]`), n = [];
+		let t = this.gridElement.querySelectorAll(`[${P}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
 			let a = [];
 			e.forEach((e, t) => {
-				let n = i.querySelector(`[${I}="${t}"]`);
+				let n = i.querySelector(`[${L}="${t}"]`);
 				if (!n) return;
-				let r = n.querySelector(`[${R}]`);
+				let r = n.querySelector(`[${z}]`);
 				if (!r) return;
-				let o = L(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
+				let o = R(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
 					mountedIds: [],
 					replacements: /* @__PURE__ */ new Map()
 				}, l = {};
-				if (L(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
+				if (R(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
 					let e = o == null ? s : o, t = c.size > 0 ? e.map((e) => {
 						var t;
 						return (t = c.get(e)) == null ? e : t;
@@ -2274,14 +2283,14 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 			let t = this.api.blocks.getBlockIndex(i);
 			if (t === void 0) continue;
 			let a = this.api.blocks.getBlockByIndex(t);
-			if (a) {
-				if (a.holder.closest(`[${k.nestedBlocks}]`)) {
-					let t = this.api.blocks.insert(a.name, a.preservedData, {}, this.api.blocks.getBlocksCount(), !1);
-					e.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), n.push(t.id), r.set(i, t.id);
-					continue;
-				}
-				e.appendChild(a.holder), this.api.blocks.setBlockParent(i, this.tableBlockId), n.push(i);
+			if (!a) continue;
+			let o = a.parentId != null && a.parentId !== "" && a.parentId !== this.tableBlockId;
+			if (a.holder.closest(`[${k.nestedBlocks}]`) || o) {
+				let t = this.api.blocks.insert(a.name, a.preservedData, {}, this.api.blocks.getBlocksCount(), !1);
+				e.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), n.push(t.id), r.set(i, t.id);
+				continue;
 			}
+			e.appendChild(a.holder), this.api.blocks.setBlockParent(i, this.tableBlockId), n.push(i);
 		}
 		return {
 			mountedIds: n,
@@ -2290,26 +2299,28 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	}
 	claimBlockForCell(e, t) {
 		var n, r;
-		let i = e.querySelector(`[${R}]`);
+		let i = e.querySelector(`[${z}]`);
 		if (!i) return;
 		let a = this.api.blocks.getBlockIndex(t);
 		if (a === void 0) return;
 		let o = this.api.blocks.getBlockByIndex(a);
-		if (!o || o.holder.contains(i) || o.holder.closest(`[${k.nestedBlocks}]`)) return;
-		let s = this.api.blocks.getBlocksCount(), c = (n = (r = Array.from({ length: s - a - 1 }, (e, t) => this.api.blocks.getBlockByIndex(a + 1 + t)).find((e) => (e == null ? void 0 : e.holder.parentElement) === i)) == null ? void 0 : r.holder) == null ? null : n;
-		i.insertBefore(o.holder, c), this.api.blocks.setBlockParent(t, this.tableBlockId), this.stripPlaceholders(i);
+		if (!o || o.holder.contains(i)) return;
+		let s = o.parentId != null && o.parentId !== "" && o.parentId !== this.tableBlockId;
+		if (o.holder.closest(`[${k.nestedBlocks}]`) || s) return;
+		let c = this.api.blocks.getBlocksCount(), l = (n = (r = Array.from({ length: c - a - 1 }, (e, t) => this.api.blocks.getBlockByIndex(a + 1 + t)).find((e) => (e == null ? void 0 : e.holder.parentElement) === i)) == null ? void 0 : r.holder) == null ? null : n;
+		i.insertBefore(o.holder, l), this.api.blocks.setBlockParent(t, this.tableBlockId), this.stripPlaceholders(i);
 	}
 	findCellForNewBlock(e) {
 		return this.findCellForAdjacentBlock(e - 1) || this.findCellForAdjacentBlock(e + 1);
 	}
 	findCellForAdjacentBlock(e) {
 		if (e < 0 || e >= this.api.blocks.getBlocksCount()) return null;
-		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${P}]`);
+		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${F}]`);
 		return n && this.gridElement.contains(n) ? n : null;
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${R}]`);
+		let r = e.querySelector(`[${z}]`);
 		r && r.querySelector("[data-blok-id]") === null && ((t = (n = this.api.blocks).transactWithoutCapture) == null || t.call(n, () => {
 			let t = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
 			r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), this.syncBlockToModel(e, t.id), this.stripPlaceholders(r);
@@ -2335,11 +2346,11 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		n && this.model.addBlockToCell(n.row, n.col, t);
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${N}]`);
+		let t = e.closest(`[${P}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${N}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${P}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${P}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${F}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2347,7 +2358,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	}
 	recordRemovedBlockCell(e) {
 		if (e.index === void 0) return;
-		let t = e.target.holder.closest(`[${P}]`);
+		let t = e.target.holder.closest(`[${F}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2395,7 +2406,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${R}]`);
+			let n = e.querySelector(`[${z}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2409,7 +2420,7 @@ var Qt = "outline-hidden py-[7px] mt-[2px] mb-px", $t = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${P}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${F}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2613,7 +2624,7 @@ var Ir = (e) => {
 		t !== 0 && this.showProgrammaticSelection(e, 0, e, t - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${N}]`).length;
+		let t = this.grid.querySelectorAll(`[${P}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2747,7 +2758,7 @@ var Ir = (e) => {
 			minCol: n,
 			maxCol: r
 		});
-		let { minRow: i, maxRow: a, minCol: o, maxCol: s } = this.lastPaintedRange, c = this.grid.querySelectorAll(`[${N}]`);
+		let { minRow: i, maxRow: a, minCol: o, maxCol: s } = this.lastPaintedRange, c = this.grid.querySelectorAll(`[${P}]`);
 		this.selectedCells = this.collectCellsInRange(c, i, a, o, s), this.selectedCells.forEach((e) => {
 			e.setAttribute(Jr, "");
 		});
@@ -2759,7 +2770,7 @@ var Ir = (e) => {
 	repositionOverlay() {
 		let e = this.lastPaintedRange;
 		if (!e || !this.overlay) return;
-		let t = this.grid.querySelectorAll(`[${N}]`), n = this.findCellByCoordOrIndex(t, e.minRow, e.minCol), r = this.findCellByCoordOrIndex(t, e.maxRow, e.maxCol);
+		let t = this.grid.querySelectorAll(`[${P}]`), n = this.findCellByCoordOrIndex(t, e.minRow, e.minCol), r = this.findCellByCoordOrIndex(t, e.maxRow, e.maxCol);
 		if (!n || !r) return;
 		let i = this.grid.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r.getBoundingClientRect(), s = getComputedStyle(this.grid), c = parseFloat(s.borderTopWidth) || 0, l = parseFloat(s.borderLeftWidth) || 0, u = o.right - a.left + 1, d = o.bottom - a.top + 1, f = a.top - i.top - c - 1, p = a.left - i.left - l - 1;
 		this.overlay.style.top = `${f}px`, this.overlay.style.left = `${p}px`, this.overlay.style.width = `${u}px`, this.overlay.style.height = `${d}px`, this.pill && (this.pill.style.left = `${p + u - 1}px`, this.pill.style.top = `${f + d / 2}px`);
@@ -2913,11 +2924,11 @@ var Ir = (e) => {
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${P}]`);
+		let t = e.closest(`[${F}]`);
 		if (!t) return null;
-		let n = t.closest(`[${N}]`);
+		let n = t.closest(`[${P}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = t.getAttribute(F), i = t.getAttribute(I);
+		let r = t.getAttribute(I), i = t.getAttribute(L);
 		if (r !== null && i !== null) {
 			let e = parseInt(r, 10), t = parseInt(i, 10);
 			if (!isNaN(e) && !isNaN(t)) return {
@@ -2925,9 +2936,9 @@ var Ir = (e) => {
 				col: t
 			};
 		}
-		let a = Array.from(this.grid.querySelectorAll(`[${N}]`)).indexOf(n);
+		let a = Array.from(this.grid.querySelectorAll(`[${P}]`)).indexOf(n);
 		if (a < 0) return null;
-		let o = Array.from(n.querySelectorAll(`[${P}]`)).indexOf(t);
+		let o = Array.from(n.querySelectorAll(`[${F}]`)).indexOf(t);
 		return o < 0 ? null : {
 			row: a,
 			col: o
@@ -2936,7 +2947,7 @@ var Ir = (e) => {
 	clampExtentToEdge(e) {
 		var t, n, r, i;
 		if (!this.anchorCell || !this.isSelecting) return;
-		let a = this.grid.getBoundingClientRect(), o = this.grid.querySelectorAll(`[${N}]`).length, s = this.getLogicalColumnCount();
+		let a = this.grid.getBoundingClientRect(), o = this.grid.querySelectorAll(`[${P}]`).length, s = this.getLogicalColumnCount();
 		if (o === 0 || s === 0) return;
 		let c = {
 			row: this.clampAxis(e.clientY, a.top, a.bottom, o, (t = (n = this.extentCell) == null ? void 0 : n.row) == null ? this.anchorCell.row : t),
@@ -2946,12 +2957,12 @@ var Ir = (e) => {
 	}
 	collectCellsInRange(e, t, n, r, i) {
 		if (this.grid.querySelector("[data-blok-table-cell-row]") === null) return Array.from(e).slice(t, n + 1).flatMap((e) => {
-			let t = e.querySelectorAll(`[${P}]`);
+			let t = e.querySelectorAll(`[${F}]`);
 			return Array.from(t).slice(r, i + 1).filter((e) => e instanceof HTMLElement);
 		});
-		let a = this.grid.querySelectorAll(`[${P}]`);
+		let a = this.grid.querySelectorAll(`[${F}]`);
 		return Array.from(a).filter((e) => {
-			let a = e.getAttribute(F), o = e.getAttribute(I);
+			let a = e.getAttribute(I), o = e.getAttribute(L);
 			if (a === null || o === null) return !1;
 			let s = Number(a), c = Number(o), l = e, u = s + (l.rowSpan || 1) - 1, d = c + (l.colSpan || 1) - 1;
 			return s <= n && u >= t && c <= i && d >= r;
@@ -2959,8 +2970,8 @@ var Ir = (e) => {
 	}
 	findCellByCoordOrIndex(e, t, n) {
 		var r, i, a;
-		return this.grid.querySelector(`[${F}="${t}"][${I}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${P}]`)[n]) || Array.from((i = (a = e[t]) == null ? void 0 : a.querySelectorAll("[data-blok-table-cell]")) == null ? [] : i).find((e) => {
-			let t = Number(e.getAttribute(I)), r = e.colSpan || 1;
+		return this.grid.querySelector(`[${I}="${t}"][${L}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${F}]`)[n]) || Array.from((i = (a = e[t]) == null ? void 0 : a.querySelectorAll("[data-blok-table-cell]")) == null ? [] : i).find((e) => {
+			let t = Number(e.getAttribute(L)), r = e.colSpan || 1;
 			return t <= n && t + r - 1 >= n;
 		});
 	}
@@ -2968,22 +2979,22 @@ var Ir = (e) => {
 		var e, t;
 		let n = (e = this.grid.querySelector("colgroup")) == null ? void 0 : e.querySelectorAll("col").length;
 		if (n !== void 0 && n > 0) return n;
-		let r = this.grid.querySelector(`[${N}]`);
+		let r = this.grid.querySelector(`[${P}]`);
 		return (t = r == null ? void 0 : r.querySelectorAll("[data-blok-table-cell]").length) == null ? 0 : t;
 	}
 	clampAxis(e, t, n, r, i) {
 		return e < t ? 0 : e > n ? r - 1 : i;
 	}
-}, z = (e) => {
+}, B = (e) => {
 	let t = e.querySelector("colgroup");
 	if (!t) return [];
 	let n = t.querySelectorAll("col"), r = n[0];
 	if (r && r.style.width.endsWith("%")) {
-		let t = e.querySelector(`[${N}]`);
-		if (t) return Array.from(t.querySelectorAll(`[${P}]`)).map((e) => Math.round(e.getBoundingClientRect().width));
+		let t = e.querySelector(`[${P}]`);
+		if (t) return Array.from(t.querySelectorAll(`[${F}]`)).map((e) => Math.round(e.getBoundingClientRect().width));
 	}
 	return Array.from(n).map((e) => parseFloat(e.style.width) || 0);
-}, B = (e, t) => {
+}, V = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
 	r.style.width = `${n + 1}px`;
 	let i = e.querySelector("colgroup");
@@ -2993,24 +3004,24 @@ var Ir = (e) => {
 		t < a.length && (a[t].style.width = `${e}px`);
 	});
 }, ri = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${N}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${P}]`)).includes(t));
+	let n = Array.from(e.querySelectorAll(`[${P}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${F}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
-		col: Array.from(n[r].querySelectorAll(`[${P}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${F}]`)).indexOf(t)
 	};
 }, ii = (e) => {
 	var t;
-	let n = e.querySelector(`[${R}]`);
+	let n = e.querySelector(`[${z}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
 }, ai = (e, t) => {
-	let n = e.querySelectorAll(`[${N}]`)[t];
+	let n = e.querySelectorAll(`[${P}]`)[t];
 	if (!n) return !0;
-	let r = n.querySelectorAll(`[${P}]`);
+	let r = n.querySelectorAll(`[${F}]`);
 	return Array.from(r).every((e) => ii(e));
 }, oi = (e, t) => {
-	let n = e.querySelectorAll(`[${N}]`);
+	let n = e.querySelectorAll(`[${P}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelector(`[${I}="${t}"]`);
+		let n = e.querySelector(`[${L}="${t}"]`);
 		return !n || ii(n);
 	});
 }, si = (e) => {
@@ -3032,40 +3043,40 @@ var Ir = (e) => {
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
 }, ui = (e, t, n, r, i) => {
-	let a = n == null ? z(e) : n, o = r === void 0 ? V(a) : Math.round(r / 2 * 100) / 100;
+	let a = n == null ? B(e) : n, o = r === void 0 ? H(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, V = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, di = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, fi = (e, t, n) => {
+}, H = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, di = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, fi = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${N}]`)[n];
+	let i = e.querySelectorAll(`[${P}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
 }, pi = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${N}]`), a = [];
+	let i = e.querySelectorAll(`[${P}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelector(`[${I}="${n}"]`);
+		let t = e.querySelector(`[${L}="${n}"]`);
 		t && a.push(t);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, H = (e, t) => {
-	e.querySelectorAll(`[${P}]`).forEach((e) => {
+}, U = (e, t) => {
+	e.querySelectorAll(`[${F}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
 }, mi = (e, t, n, r) => {
-	let i = e.querySelectorAll(`[${N}]`);
+	let i = e.querySelectorAll(`[${P}]`);
 	t.forEach((e, t) => {
 		let a = i[t];
 		a && e.forEach((e, t) => {
 			var i;
-			let o = a.querySelector(`[${I}="${t}"]`);
+			let o = a.querySelector(`[${L}="${t}"]`);
 			if (!o) return;
-			let s = o.querySelector(`[${R}]`);
+			let s = o.querySelector(`[${z}]`);
 			if (!s) return;
 			let c = s.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!L(e) && c)) {
-				if (!L(e)) {
+			if (!(!R(e) && c)) {
+				if (!R(e)) {
 					let t = document.createElement("div");
 					t.className = "leading-[1.5]", t.innerHTML = e, s.replaceChildren(t);
 					return;
@@ -3113,7 +3124,7 @@ var Ir = (e) => {
 	};
 }, gi = (e, t) => {
 	let n = (n) => {
-		let r = n.target.closest(`[${P}]`);
+		let r = n.target.closest(`[${F}]`);
 		if (!r) return;
 		let i = ri(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
@@ -3123,35 +3134,35 @@ var Ir = (e) => {
 	};
 }, _i = ["overflow-x-auto", "overflow-y-hidden"], vi = (e) => {
 	e == null || e.classList.add(..._i);
-}, U = (e, t) => {
+}, W = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${N}]`);
+	let n = e.querySelectorAll(`[${P}]`);
 	n.forEach((e) => {
 		e.removeAttribute("data-blok-table-heading");
 	}), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
 }, yi = (e, t) => {
-	let n = e.querySelectorAll(`[${N}]`);
+	let n = e.querySelectorAll(`[${P}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
-			let i = n[t].querySelector(`[${I}="${r}"]`);
-			i && (L(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", L(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
+			let i = n[t].querySelector(`[${L}="${r}"]`);
+			i && (R(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", R(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
 		});
 	});
 }, bi = (e, t) => {
-	let n = e.querySelectorAll(`[${N}]`);
+	let n = e.querySelectorAll(`[${P}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
-			let i = n[t].querySelector(`[${I}="${r}"]`);
+			let i = n[t].querySelector(`[${L}="${r}"]`);
 			if (!i) return;
-			let a = i.querySelector(`[${R}]`);
-			a && (L(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
+			let a = i.querySelector(`[${z}]`);
+			a && (R(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
 		});
 	});
-}, W = (e, t) => {
-	e && (e.querySelectorAll(`[${P}]`).forEach((e) => {
+}, G = (e, t) => {
+	e && (e.querySelectorAll(`[${F}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${N}]`).forEach((e) => {
-		let t = e.querySelector(`[${P}]`);
+	}), t && e.querySelectorAll(`[${P}]`).forEach((e) => {
+		let t = e.querySelector(`[${F}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
 }, xi = (e) => !!(/^#[0-9a-f]{3,4}$/i.test(e) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || e === "transparent"), Si = class {
@@ -3216,6 +3227,13 @@ var Ir = (e) => {
 	setCellBlocks(e, t, n) {
 		if (this.isInBounds(e, t) && !this.isSpannedCell(e, t)) {
 			for (let n of this.contentGrid[e][t].blocks) this.blockCellMap.delete(n);
+			for (let r of n) {
+				let n = this.blockCellMap.get(r);
+				if (n !== void 0 && (n.row !== e || n.col !== t)) {
+					let e = this.contentGrid[n.row][n.col];
+					e.blocks = e.blocks.filter((e) => e !== r);
+				}
+			}
 			this.contentGrid[e][t].blocks = [...n];
 			for (let r of n) this.blockCellMap.set(r, {
 				row: e,
@@ -3678,10 +3696,15 @@ var Ir = (e) => {
 		});
 	}
 	normalizeContent(e) {
-		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
+		if (!e || !Array.isArray(e)) return [];
+		let t = /* @__PURE__ */ new Set();
+		return e.map((e) => (e == null ? [] : e).map((e) => {
+			let n = this.normalizeCell(e);
+			return n.blocks = n.blocks.filter((e) => t.has(e) ? !1 : (t.add(e), !0)), n;
+		}));
 	}
 	normalizeCell(e) {
-		if (L(e)) {
+		if (R(e)) {
 			let t = { blocks: [...e.blocks] };
 			return e.color !== void 0 && xi(e.color) && (t.color = e.color), e.textColor !== void 0 && xi(e.textColor) && (t.textColor = e.textColor), e.placement !== void 0 && (t.placement = e.placement), e.colspan !== void 0 && e.colspan > 1 && (t.colspan = e.colspan), e.rowspan !== void 0 && e.rowspan > 1 && (t.rowspan = e.rowspan), e.mergedInto !== void 0 && (t.mergedInto = [...e.mergedInto]), t;
 		}
@@ -3792,7 +3815,7 @@ var Ir = (e) => {
 			}
 		});
 	}
-}, Di = (e, t, n) => (n.grid.addRow(e, t), H(e, n.cellBlocks), {
+}, Di = (e, t, n) => (n.grid.addRow(e, t), U(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3803,7 +3826,7 @@ var Ir = (e) => {
 	withHeadingColumn: n.data.withHeadingColumn
 }), Oi = (e, t, n) => {
 	let r = ui(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return H(e, n.cellBlocks), {
+	return U(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3847,7 +3870,7 @@ var Ir = (e) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
 	let a = li(n.data.colWidths, t);
-	return a ? B(e, a) : si(e), {
+	return a ? V(e, a) : si(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3894,8 +3917,8 @@ var Ir = (e) => {
 		let n = e[e.length - 1], r = t.offsetWidth || parseFloat(t.style.width) || 0;
 		return [...e, n + r];
 	}, [0]);
-	let n = e.querySelector(`[${N}]`);
-	return n ? Array.from(n.querySelectorAll(`[${P}]`)).reduce((e, t) => {
+	let n = e.querySelector(`[${P}]`);
+	return n ? Array.from(n.querySelectorAll(`[${F}]`)).reduce((e, t) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
@@ -3939,7 +3962,7 @@ var Ir = (e) => {
 		this.grid.style.userSelect = "none", document.body.style.cursor = "grabbing", (e = this.onDragStateChange) == null || e.call(this, !0, this.dragType), this.highlightSourceCells(), this.createDropIndicator(), this.createGhost();
 	}
 	highlightSourceCells() {
-		let e = this.grid.querySelectorAll(`[${N}]`);
+		let e = this.grid.querySelectorAll(`[${P}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3950,7 +3973,7 @@ var Ir = (e) => {
 		let t = e[this.dragFromIndex];
 		if (!t) return;
 		let n = this.getDragSourceBg();
-		t.querySelectorAll(`[${P}]`).forEach((e) => {
+		t.querySelectorAll(`[${F}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = n, t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
@@ -3958,7 +3981,7 @@ var Ir = (e) => {
 	highlightColumnCells(e) {
 		let t = this.getDragSourceBg();
 		e.forEach((e) => {
-			let n = e.querySelector(`[${I}="${this.dragFromIndex}"]`);
+			let n = e.querySelector(`[${L}="${this.dragFromIndex}"]`);
 			n && (n.style.backgroundColor = t, n.style.opacity = "0.7", this.dragOverlayCells.push(n));
 		});
 	}
@@ -3975,7 +3998,7 @@ var Ir = (e) => {
 		let e = this.dropIndicator.style;
 		if (e.position = "absolute", e.backgroundColor = "#3b82f6", e.borderRadius = "1.5px", e.zIndex = "5", e.pointerEvents = "none", this.dropIndicator.setAttribute("contenteditable", "false"), this.dragType === "row") e.height = "3px", e.left = "-1px", e.right = "0", e.transition = "top 100ms ease";
 		else {
-			let t = this.grid.querySelectorAll(`[${N}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
+			let t = this.grid.querySelectorAll(`[${P}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
 			e.width = "3px", e.top = "-1px", e.height = `${r + 1}px`, e.transition = "left 100ms ease";
 		}
 		this.grid.appendChild(this.dropIndicator);
@@ -4037,22 +4060,22 @@ var Ir = (e) => {
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${N}]`)[this.dragFromIndex];
+		let t = this.grid.querySelectorAll(`[${P}]`)[this.dragFromIndex];
 		return (e = t == null ? void 0 : t.getBoundingClientRect()) == null ? null : e;
 	}
 	getColSourceRect() {
-		let e = this.grid.querySelectorAll(`[${N}]`), t = e[0], n = e[e.length - 1];
+		let e = this.grid.querySelectorAll(`[${P}]`), t = e[0], n = e[e.length - 1];
 		if (!t || !n) return null;
-		let r = t.querySelector(`[${I}="${this.dragFromIndex}"]`), i = n.querySelector(`[${I}="${this.dragFromIndex}"]`);
+		let r = t.querySelector(`[${L}="${this.dragFromIndex}"]`), i = n.querySelector(`[${L}="${this.dragFromIndex}"]`);
 		if (!r || !i) return null;
 		let a = r.getBoundingClientRect(), o = i.getBoundingClientRect();
 		return new DOMRect(a.left, a.top, a.width, o.bottom - a.top);
 	}
 	buildRowGhost() {
-		let e = this.grid.querySelectorAll(`[${N}]`)[this.dragFromIndex];
+		let e = this.grid.querySelectorAll(`[${P}]`)[this.dragFromIndex];
 		if (!e || !this.ghostEl) return;
 		let t = this.ghostEl.style;
-		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${P}]`).forEach((e) => {
+		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${F}]`).forEach((e) => {
 			var t;
 			let n = e, r = n.cloneNode(!0);
 			r.style.width = `${n.offsetWidth}px`, r.style.flexShrink = "0", r.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(r);
@@ -4060,10 +4083,10 @@ var Ir = (e) => {
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${N}]`), t = this.ghostEl.style;
+		let e = this.grid.querySelectorAll(`[${P}]`), t = this.ghostEl.style;
 		t.display = "flex", t.flexDirection = "column", e.forEach((e) => {
 			var t;
-			let n = e.querySelector(`[${I}="${this.dragFromIndex}"]`);
+			let n = e.querySelector(`[${L}="${this.dragFromIndex}"]`);
 			if (!n) return;
 			let r = n.cloneNode(!0);
 			r.style.width = `${n.offsetWidth}px`, r.style.height = `${n.offsetHeight}px`, r.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(r);
@@ -4075,7 +4098,7 @@ var Ir = (e) => {
 		this.dragType === "row" && (t.top = `${e.clientY - this.ghostOffsetY}px`), this.dragType === "col" && (t.left = `${e.clientX - this.ghostOffsetX}px`);
 	}
 	getRowDropIndex(e) {
-		let t = Array.from(this.grid.querySelectorAll(`[${N}]`)), n = t.map((e) => e.offsetTop);
+		let t = Array.from(this.grid.querySelectorAll(`[${P}]`)), n = t.map((e) => e.offsetTop);
 		if (t.length > 0) {
 			let e = t[t.length - 1];
 			n.push(e.offsetTop + e.offsetHeight);
@@ -4084,7 +4107,7 @@ var Ir = (e) => {
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${N}]`);
+		let t = this.grid.querySelectorAll(`[${P}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -4329,7 +4352,7 @@ var Ir = (e) => {
 	}
 	handleUnlockGrip(e) {
 		document.removeEventListener("pointerdown", this.boundUnlockGrip), this.lockedGrip && (this.applyIdleClasses(this.lockedGrip), this.lockedGrip = null);
-		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${P}]`);
+		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${F}]`);
 		if (n) {
 			let e = this.getCellPosition(n);
 			e && (this.clearHideTimeout(), this.showColGrip(e.col), this.showRowGrip(e.row), this.isInsideTable = !0);
@@ -4385,7 +4408,7 @@ var Ir = (e) => {
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${N}]`);
+		let e = this.grid.querySelectorAll(`[${P}]`);
 		if (!e[0]) return;
 		let t = Ii(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
 		this.colGrips.forEach((e, i) => {
@@ -4394,7 +4417,7 @@ var Ir = (e) => {
 			o.top = `${-1 / 2}px`, o.left = `${a}px`, this.overlay && (o.visibility = a < 0 || a > r ? "hidden" : "");
 		}), this.rowGrips.forEach((t, n) => {
 			if (n >= e.length) return;
-			let r = e[n], i = this.grid.querySelectorAll(`[${F}="${n}"]`), a = Array.from(i).reduce((e, t) => {
+			let r = e[n], i = this.grid.querySelectorAll(`[${I}="${n}"]`), a = Array.from(i).reduce((e, t) => {
 				let n = t, r = e === null ? 0 : e.rowSpan || 1;
 				return (n.rowSpan || 1) > r ? n : e;
 			}, null);
@@ -4412,7 +4435,7 @@ var Ir = (e) => {
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${N}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${P}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -4422,7 +4445,7 @@ var Ir = (e) => {
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${P}]`);
+		let t = e.target.closest(`[${F}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -4432,7 +4455,7 @@ var Ir = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.getAttribute(F), n = e.getAttribute(I);
+		let t = e.getAttribute(I), n = e.getAttribute(L);
 		if (t === null || n === null) return null;
 		let r = parseInt(t, 10), i = parseInt(n, 10);
 		return isNaN(r) || isNaN(i) ? null : {
@@ -4736,9 +4759,9 @@ var Ir = (e) => {
 		e.forEach((e, i) => {
 			e.forEach((e, a) => {
 				if (typeof e == "string" || e.mergedInto) return;
-				let o = t.querySelector(`[${F}="${i}"][${I}="${a}"]`);
+				let o = t.querySelector(`[${I}="${i}"][${L}="${a}"]`);
 				if (!o) return;
-				let s = o.querySelector(`[${R}]`);
+				let s = o.querySelector(`[${z}]`);
 				s && e.blocks.forEach((e) => {
 					let t = n.get(e);
 					t && !r.has(e) && (s.appendChild(t), r.add(e));
@@ -4834,7 +4857,7 @@ var Ir = (e) => {
 			var c;
 			this.grid.fillGrid(s, (c = this.initialContent) == null ? [] : c);
 		}
-		if (this.model.colWidths && B(s, this.model.colWidths), this.gridElement = s, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && V(s, this.model.colWidths), this.gridElement = s, this.model.colWidths || !this.readOnly) {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-scroll", "");
 			let t = this.model.colWidths ? _i : [];
@@ -4844,7 +4867,7 @@ var Ir = (e) => {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", i.appendChild(e), this.gripOverlay = e;
 		}
-		return this.element = i, this.model.withHeadings && U(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && W(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), this.keyboardNavCleanup = gi(s, this.cellBlocks)), i;
+		return this.element = i, this.model.withHeadings && W(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && G(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), this.keyboardNavCleanup = gi(s, this.cellBlocks)), i;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4860,14 +4883,14 @@ var Ir = (e) => {
 		}
 		if (this.runTransactedStructuralOp(() => {
 			var n, r;
-			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${N}]`), (e) => {
-				let t = e.querySelectorAll(`[${P}]`).length;
+			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${P}]`), (e) => {
+				let t = e.querySelectorAll(`[${F}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(A(A({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && H(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(A(A({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && U(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? z(e) : r;
+			let t = (r = this.model.colWidths) == null ? B(e) : r;
 			this.model.setInitialColWidth(t.length > 0 ? di(t) : void 0);
 		}
 		this.initSubsystems(e);
@@ -4903,16 +4926,17 @@ var Ir = (e) => {
 		for (let { index: e } of t) this.api.blocks.delete(e);
 	}
 	save(e) {
-		let t = this.model.snapshot();
-		return t.content = t.content.map((e) => e.map((e) => {
-			if (!L(e)) return e;
+		var t;
+		let n = this.model.snapshot(), r = (t = this.blockId) == null ? "" : t;
+		return n.content = n.content.map((e) => e.map((e) => {
+			if (!R(e)) return e;
 			let t = e.blocks.filter((e) => {
-				var t, n;
-				let r = (t = (n = this.api.blocks).getById) == null ? void 0 : t.call(n, e);
-				return !r || r.parentId === this.blockId;
+				var t, n, i;
+				let a = (t = (n = this.api.blocks).getById) == null ? void 0 : t.call(n, e);
+				return a != null && ((i = a.parentId) == null ? "" : i) === r;
 			});
 			return A(A({}, e), {}, { blocks: t });
-		})), t;
+		})), n;
 	}
 	validate(e) {
 		return e.content.length > 0;
@@ -4943,11 +4967,11 @@ var Ir = (e) => {
 			let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
 			if (o === this.setDataGeneration) {
 				if (this.api.blocks.isSyncingFromYjs && i.length === 0 && f) {
-					let e = Array.from(f.querySelectorAll(`[${N}]`), (e) => {
-						let t = e.querySelectorAll(`[${P}]`).length;
+					let e = Array.from(f.querySelectorAll(`[${P}]`), (e) => {
+						let t = e.querySelectorAll(`[${F}]`).length;
 						return Array.from({ length: t }, () => ({ blocks: [] }));
 					});
-					this.model.replaceAll(A(A({}, this.model.snapshot()), {}, { content: e })), H(f, this.cellBlocks);
+					this.model.replaceAll(A(A({}, this.model.snapshot()), {}, { content: e })), U(f, this.cellBlocks);
 				} else this.model.replaceAll(A(A({}, this.model.snapshot()), {}, { content: i }));
 				this.initialContent = null;
 			}
@@ -5038,20 +5062,20 @@ var Ir = (e) => {
 			}),
 			getNewColumnWidth: () => {
 				var t;
-				let n = (t = this.model.colWidths) == null ? z(e) : t;
-				return this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+				let n = (t = this.model.colWidths) == null ? B(e) : t;
+				return this.model.initialColWidth === void 0 ? H(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
+					this.grid.addRow(e), this.model.addRow(), U(e, this.cellBlocks), W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
 				});
 			},
 			onAddColumn: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					let i = (t = this.model.colWidths) == null ? z(e) : t, a = this.model.initialColWidth === void 0 ? V(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
+					let i = (t = this.model.colWidths) == null ? B(e) : t, a = this.model.initialColWidth === void 0 ? H(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), U(e, this.cellBlocks), G(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			},
 			onDragStart: () => {
@@ -5060,7 +5084,7 @@ var Ir = (e) => {
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), U(e, this.cellBlocks), W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
@@ -5076,8 +5100,8 @@ var Ir = (e) => {
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					let r = (t = this.model.colWidths) == null ? z(e) : t, i = this.model.initialColWidth === void 0 ? V(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
-					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), B(e, a), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+					let r = (t = this.model.colWidths) == null ? B(e) : t, i = this.model.initialColWidth === void 0 ? H(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
+					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), V(e, a), U(e, this.cellBlocks), G(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
 				});
 			},
 			onDragRemoveCol: () => {
@@ -5088,7 +5112,7 @@ var Ir = (e) => {
 					let { blocksToDelete: i } = this.model.deleteColumn(r - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(i), this.grid.deleteColumn(e, r - 1);
 					let a = this.model.colWidths;
-					a && B(e, a), this.initResize(e), n.addedCols--;
+					a && V(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -5104,14 +5128,14 @@ var Ir = (e) => {
 			gridEl: e,
 			onAddRow: () => {
 				this.runStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), U(e, this.cellBlocks), W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onAddColumn: () => {
 				this.runStructuralOp(() => {
 					var t;
-					let n = (t = this.model.colWidths) == null ? z(e) : t, r = this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
-					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), B(e, i), vi(this.ensureScrollContainer()), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn);
+					let n = (t = this.model.colWidths) == null ? B(e) : t, r = this.model.initialColWidth === void 0 ? H(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
+					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), V(e, i), vi(this.ensureScrollContainer()), U(e, this.cellBlocks), G(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onRemoveLastRow: () => {
@@ -5131,7 +5155,7 @@ var Ir = (e) => {
 					let { blocksToDelete: r } = this.model.deleteColumn(n - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(r), this.grid.deleteColumn(e, n - 1);
 					let i = this.model.colWidths;
-					i && B(e, i);
+					i && V(e, i);
 				});
 			},
 			onDragStart: () => {
@@ -5151,9 +5175,9 @@ var Ir = (e) => {
 			onClickAdd: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
-					let i = (t = this.model.colWidths) == null ? z(e) : t, a = this.model.initialColWidth === void 0 ? V(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), B(e, o), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
+					this.grid.addRow(e), this.model.addRow(), U(e, this.cellBlocks), W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn);
+					let i = (t = this.model.colWidths) == null ? B(e) : t, a = this.model.initialColWidth === void 0 ? H(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), V(e, o), U(e, this.cellBlocks), G(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			}
 		}));
@@ -5220,7 +5244,7 @@ var Ir = (e) => {
 				blocksToDelete: o
 			});
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
+			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
 				var c;
 				(c = this.rowColControls) == null || c.refresh();
 			}
@@ -5266,7 +5290,7 @@ var Ir = (e) => {
 	initResize(e) {
 		var t, n;
 		(t = this.resize) == null || t.destroy();
-		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? z(e) : n;
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? B(e) : n;
 		r || vi(this.ensureScrollContainer()), this.resize = new Ei(e, i, (e) => {
 			var t, n, r;
 			this.model.setColWidths(e), vi(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
@@ -5319,7 +5343,7 @@ var Ir = (e) => {
 				let e = ri(n, r);
 				if (!e) continue;
 				this.model.setCellPlacement(e.row, e.col, t === "top-left" ? void 0 : t);
-				let i = r.querySelector(`[${R}]`);
+				let i = r.querySelector(`[${z}]`);
 				i && (t === "top-left" ? i.removeAttribute("data-blok-cell-placement") : i.setAttribute("data-blok-cell-placement", t));
 			}
 		});
@@ -5327,7 +5351,7 @@ var Ir = (e) => {
 	collectCellBlockData(e) {
 		return this.gridElement ? e.map((e) => {
 			var t, n, r;
-			let i = parseInt((t = e.getAttribute("data-blok-table-cell-row")) == null ? "0" : t, 10), a = parseInt((n = e.getAttribute("data-blok-table-cell-col")) == null ? "0" : n, 10), o = e.querySelector(`[${R}]`), s = [];
+			let i = parseInt((t = e.getAttribute("data-blok-table-cell-row")) == null ? "0" : t, 10), a = parseInt((n = e.getAttribute("data-blok-table-cell-col")) == null ? "0" : n, 10), o = e.querySelector(`[${z}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -5443,7 +5467,7 @@ var Ir = (e) => {
 		if (!s || o !== null && new DOMParser().parseFromString(i, "text/html").querySelectorAll("table").length > 1) return;
 		let c = document.activeElement;
 		if (!c) return;
-		let l = c.closest(`[${P}]`);
+		let l = c.closest(`[${F}]`);
 		if (!l || !t.contains(l) || !l.closest("[data-blok-table-row]")) return;
 		if (s.rows === 1 && s.cols === 1) {
 			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(s.cells[0][0]);
@@ -5471,11 +5495,11 @@ var Ir = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${N}]`);
+			let o = e.querySelectorAll(`[${P}]`);
 			Array.from({ length: t.rows }, (e, t) => t).forEach((e) => {
 				let i = o[n + e];
 				if (!i) return;
-				let a = i.querySelectorAll(`[${P}]`);
+				let a = i.querySelectorAll(`[${F}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -5490,7 +5514,7 @@ var Ir = (e) => {
 				});
 			}), this.initResize(e), (i = this.addControls) == null || i.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
 		});
-		let i = e.querySelectorAll(`[${N}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${P}]`)[r + t.cols - 1];
+		let i = e.querySelectorAll(`[${P}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${F}]`)[r + t.cols - 1];
 		if (!a || !this.cellBlocks || !this.api.caret) return;
 		let o = this.cellBlocks.getBlockIdsFromCells([a]), s = o[o.length - 1];
 		s !== void 0 && this.api.caret.setToBlock(s, "end");
@@ -5498,11 +5522,11 @@ var Ir = (e) => {
 	expandGridForPaste(e, t, n) {
 		let r = this.grid.getRowCount(e), i = this.grid.getColumnCount(e);
 		Array.from({ length: Math.max(0, t - r) }).forEach(() => {
-			this.grid.addRow(e), this.model.addRow(), H(e, this.cellBlocks), U(this.gridElement, this.model.withHeadings), W(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), U(e, this.cellBlocks), W(this.gridElement, this.model.withHeadings), G(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? z(e) : t, r = this.model.initialColWidth === void 0 ? V(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), H(e, this.cellBlocks), W(this.gridElement, this.model.withHeadingColumn);
+			let n = (t = this.model.colWidths) == null ? B(e) : t, r = this.model.initialColWidth === void 0 ? H(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), U(e, this.cellBlocks), G(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -5510,7 +5534,7 @@ var Ir = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${R}]`);
+		let n = e.querySelector(`[${z}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -5558,7 +5582,9 @@ var Ir = (e) => {
 }, Ta = class e {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		var a;
-		this._element = null, this._contentElement = null, this._arrowElement = null, this._bodyPlaceholderElement = null, this._childContainerElement = null, this.handleBlockChanged = (e) => {
+		this._element = null, this._contentElement = null, this._arrowElement = null, this._bodyPlaceholderElement = null, this._childContainerElement = null, this.handleChildContainerInput = () => {
+			zt(this._element, this._childContainerElement);
+		}, this.handleBlockChanged = (e) => {
 			this.isBlockChangedPayload(e) && (e.event.type === "block-removed" || e.event.type === "block-added") && this.updateBodyPlaceholderVisibility();
 		}, this.api = n, this.readOnly = r, this._settings = t || {}, this._data = this.normalizeData(e), this._isOpen = (a = this._data.isOpen) == null ? !0 : a, i && (this.blockId = i.id), r || this.api.events.on("block changed", this.handleBlockChanged);
 	}
@@ -5593,7 +5619,7 @@ var Ir = (e) => {
 				expand: this.api.i18n.t($e)
 			}
 		});
-		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
+		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._childContainerElement.addEventListener("input", this.handleChildContainerInput), this._element;
 	}
 	rendered() {
 		this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
@@ -5662,7 +5688,7 @@ var Ir = (e) => {
 		this.blockId !== void 0 && Ht(this.api, this.blockId, this._isOpen, this._childContainerElement, this._arrowElement);
 	}
 	updateBodyPlaceholderVisibility() {
-		this.blockId !== void 0 && Ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly);
+		this.blockId !== void 0 && (Ut(this._bodyPlaceholderElement, this.api, this.blockId, this._isOpen, this.readOnly), zt(this._element, this._childContainerElement));
 	}
 	handleBodyPlaceholderClick() {
 		var e;
@@ -5757,27 +5783,24 @@ var Ir = (e) => {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, Ea = "callout", Da = "tools.callout.color", Oa = "tools.callout.editIcon", ka = "tools.callout.addEmoji", Aa = "tools.callout.removeEmoji", ja = "tools.callout.filterEmojis", Ma = "tools.callout.calloutEmojiCategory", Na = "tools.callout.noEmojisFound", Pa = "tools.callout.pickRandom", Fa = "tools.callout.skinTone", Ia = "tools.callout.emojiCategoryPeople", La = "tools.callout.emojiCategoryNature", Ra = "tools.callout.emojiCategoryFood", za = "tools.callout.emojiCategoryActivity", Ba = "tools.callout.emojiCategoryTravel", Va = "tools.callout.emojiCategoryObjects", Ha = "tools.callout.emojiCategorySymbols", Ua = "tools.callout.emojiCategoryFlags", Wa = "💡", Ga = "rounded-xl pl-8 pr-4 py-[5px] my-1 flex items-start gap-2 relative", Ka = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", qa = "flex-1 min-w-0", Ja = "absolute left-0 top-0 h-full cursor-grab select-none";
+}, Ea = "callout", Da = "tools.callout.color", Oa = "tools.callout.editIcon", ka = "tools.callout.addEmoji", Aa = "tools.callout.removeEmoji", ja = "tools.callout.filterEmojis", Ma = "tools.callout.calloutEmojiCategory", Na = "tools.callout.noEmojisFound", Pa = "tools.callout.pickRandom", Fa = "tools.callout.skinTone", Ia = "tools.callout.emojiCategoryPeople", La = "tools.callout.emojiCategoryNature", Ra = "tools.callout.emojiCategoryFood", za = "tools.callout.emojiCategoryActivity", Ba = "tools.callout.emojiCategoryTravel", Va = "tools.callout.emojiCategoryObjects", Ha = "tools.callout.emojiCategorySymbols", Ua = "tools.callout.emojiCategoryFlags", Wa = "💡", Ga = "rounded-xl pl-8 pr-4 py-[5px] my-1 flex items-start gap-2 relative", Ka = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", qa = "flex-1 min-w-0";
 //#endregion
 //#region src/tools/callout/dom-builder.ts
-function Ya(e) {
+function Ja(e) {
 	let { emoji: t, readOnly: n, addEmojiLabel: r } = e, i = document.createElement("div");
 	i.className = Ga;
 	let a = document.createElement("button");
 	a.type = "button", a.className = Ka, a.textContent = t || "", a.setAttribute("aria-label", t === "" ? r : t), a.setAttribute("tabindex", "0"), a.setAttribute("data-blok-testid", "callout-emoji-btn"), n && (a.disabled = !0);
 	let o = document.createElement("div");
-	o.className = qa, o.setAttribute(O.toggleChildren, ""), o.setAttribute(k.nestedBlocks, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o);
-	let s = document.createElement("span");
-	return s.className = Ja, s.style.width = "32px", s.setAttribute("data-callout-drag-zone", ""), i.prepend(s), {
+	return o.className = qa, o.setAttribute(O.toggleChildren, ""), o.setAttribute(k.nestedBlocks, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o), {
 		wrapper: i,
 		emojiButton: a,
-		childContainer: o,
-		dragZone: s
+		childContainer: o
 	};
 }
 //#endregion
 //#region src/tools/callout/block-operations.ts
-function Xa(e) {
+function Ya(e) {
 	return {
 		emoji: e.emoji,
 		textColor: e.textColor,
@@ -5786,7 +5809,7 @@ function Xa(e) {
 }
 //#endregion
 //#region src/tools/callout/callout-keyboard.ts
-async function Za(e) {
+async function Xa(e) {
 	if (e.calloutBlockId === void 0) return;
 	let t = e.api.blocks.getChildren(e.calloutBlockId);
 	if (e.event.preventDefault(), t.length <= 1) {
@@ -5800,7 +5823,7 @@ async function Za(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-data.ts
-var Qa = [
+var Za = [
 	"💡",
 	"👉",
 	"☝️",
@@ -5821,8 +5844,8 @@ var Qa = [
 	"📢",
 	"🛠️",
 	"⚙️"
-], $a = { data: null };
-function eo(e, t) {
+], Qa = { data: null };
+function $a(e, t) {
 	let n = [];
 	for (let r of e.emojis) {
 		let i = t[r];
@@ -5839,12 +5862,12 @@ function eo(e, t) {
 	}
 	return n;
 }
-async function to() {
-	if ($a.data !== null) return $a.data;
-	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => eo(e, t.emojis));
-	return $a.data = n, n;
+async function eo() {
+	if (Qa.data !== null) return Qa.data;
+	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => $a(e, t.emojis));
+	return Qa.data = n, n;
 }
-function no(e, t, n) {
+function to(e, t, n) {
 	let r = t.toLowerCase();
 	return e.filter((e) => {
 		if (e.name.toLowerCase().includes(r) || e.keywords.some((e) => e.includes(r))) return !0;
@@ -5852,7 +5875,7 @@ function no(e, t, n) {
 		return t === void 0 ? !1 : t.n.toLowerCase().includes(r) || t.k !== void 0 && t.k.some((e) => e.toLowerCase().includes(r));
 	});
 }
-function ro(e) {
+function no(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		var n;
@@ -5863,7 +5886,7 @@ function ro(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-locale.ts
-var io = /* @__PURE__ */ new Map(), ao = {
+var ro = /* @__PURE__ */ new Map(), io = {
 	am: () => import("./am-Bbd7cTHS.mjs"),
 	ar: () => import("./ar-Bo71sCQE.mjs"),
 	az: () => import("./az-BnNrO_xK.mjs"),
@@ -5930,22 +5953,22 @@ var io = /* @__PURE__ */ new Map(), ao = {
 	vi: () => import("./vi--gW42cZG.mjs"),
 	zh: () => import("./zh-DgQ6P8Lu.mjs")
 };
-async function oo(e) {
+async function ao(e) {
 	if (e === "en") return null;
-	let t = io.get(e);
+	let t = ro.get(e);
 	if (t !== void 0) return t;
-	let n = ao[e];
+	let n = io[e];
 	if (n === void 0) return null;
 	try {
 		let t = (await n()).default;
-		return io.set(e, t), t;
+		return ro.set(e, t), t;
 	} catch (e) {
 		return null;
 	}
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/index.ts
-var so = {
+var oo = {
 	callout: Ma,
 	people: Ia,
 	nature: La,
@@ -5955,7 +5978,7 @@ var so = {
 	objects: Va,
 	symbols: Ha,
 	flags: Ua
-}, co = [
+}, so = [
 	["callout", be],
 	["people", at],
 	["nature", _],
@@ -5965,17 +5988,17 @@ var so = {
 	["objects", y],
 	["symbols", d],
 	["flags", pe]
-], lo = [
+], co = [
 	"✋",
 	"✋🏻",
 	"✋🏼",
 	"✋🏽",
 	"✋🏾",
 	"✋🏿"
-], uo = "blok-emoji-skin-tone";
-function fo() {
+], lo = "blok-emoji-skin-tone";
+function uo() {
 	try {
-		let e = localStorage.getItem(uo);
+		let e = localStorage.getItem(lo);
 		if (e === null) return 0;
 		let t = parseInt(e, 10);
 		return t >= 0 && t <= 5 ? t : 0;
@@ -5983,12 +6006,12 @@ function fo() {
 		return 0;
 	}
 }
-function po(e) {
+function fo(e) {
 	try {
-		localStorage.setItem(uo, String(e));
+		localStorage.setItem(lo, String(e));
 	} catch (e) {}
 }
-var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", ho = class {
+var po = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", mo = class {
 	constructor(e) {
 		this._localeData = null, this._open = !1, this._allEmojis = [], this._skinTone = 0, this._showingEmptyState = !1, this._anchorEl = null, this._backdrop = null, this._savedOverflow = "", this._navButtons = /* @__PURE__ */ new Map(), this._sectionEls = /* @__PURE__ */ new Map(), this._activeNavId = "", this._navRafId = 0, this._skinToneButtons = [], this.onSelect = e.onSelect, this.onRemove = e.onRemove, this.i18n = e.i18n, this._locale = e.locale, this._element = this.buildElement();
 		let t = this._element.querySelector("[data-emoji-picker-body]"), n = this._element.querySelector("[data-emoji-picker-nav]"), r = this._element.querySelector("input[type=\"text\"]");
@@ -6006,13 +6029,13 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	async open(e) {
 		var t = this;
 		t._anchorEl = e, t._open = !0, t._filterInput.value = "", t._element.setAttribute("data-theme", t.resolveTheme());
-		let n = fo();
+		let n = uo();
 		if (n !== t._skinTone) {
-			t._skinTone = n, t._skinToneToggle.textContent = lo[n];
+			t._skinTone = n, t._skinToneToggle.textContent = co[n];
 			for (let [e, r] of t._skinToneButtons.entries()) t.applySkinToneActiveStyle(r, e === n);
 		}
-		if (t._allEmojis.length === 0 && (t._allEmojis = await to()), t._locale !== "en" && t._localeData === null) {
-			let e = await oo(t._locale);
+		if (t._allEmojis.length === 0 && (t._allEmojis = await eo()), t._locale !== "en" && t._localeData === null) {
+			let e = await ao(t._locale);
 			e !== null && (t._localeData = e);
 		}
 		t.renderEmojiGrid(t._allEmojis), t.showBackdrop(), t._element.style.animation = "none", t._element.hidden = !1, t.position(e), t._element.offsetHeight, t._element.style.animation = "", t._filterInput.focus();
@@ -6050,14 +6073,14 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"text-[14px] leading-none cursor-pointer select-none",
 			"hover:bg-neutral-100 theme-dark:hover:bg-neutral-800",
 			"active:scale-90 transition-all duration-100"
-		].join(" "), o.textContent = lo[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
+		].join(" "), o.textContent = co[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
 		let s = document.createElement("button");
 		s.type = "button", s.setAttribute("data-emoji-picker-random", ""), s.setAttribute("aria-label", this.i18n.t(Pa)), s.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
 			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
 			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
 			"transition-colors duration-100 cursor-pointer"
-		].join(" "), s.innerHTML = mo, s.addEventListener("click", () => this.pickRandom()), T(s, this.i18n.t(Pa), { placement: "bottom" });
+		].join(" "), s.innerHTML = po, s.addEventListener("click", () => this.pickRandom()), T(s, this.i18n.t(Pa), { placement: "bottom" });
 		let c = document.createElement("button");
 		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(Aa)), c.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
@@ -6093,7 +6116,7 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"bg-white border border-neutral-200/70 shadow-lg",
 			"theme-dark:bg-neutral-800 theme-dark:border-neutral-700/50"
 		].join(" "), e.hidden = !0, this._skinToneButtons = [];
-		for (let [t, n] of lo.entries()) {
+		for (let [t, n] of co.entries()) {
 			let r = document.createElement("button");
 			r.type = "button", r.textContent = n, r.setAttribute("aria-label", `${this.i18n.t(Fa)} ${t + 1}`), r.className = [
 				"w-[32px] h-[32px] flex items-center justify-center rounded-lg",
@@ -6127,7 +6150,7 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		e ? this._skinToneToggle.classList.add(...t) : this._skinToneToggle.classList.remove(...t);
 	}
 	setSkinTone(e) {
-		this._skinTone = e, po(e), this._skinToneToggle.textContent = lo[e];
+		this._skinTone = e, fo(e), this._skinToneToggle.textContent = co[e];
 		for (let [t, n] of this._skinToneButtons.entries()) this.applySkinToneActiveStyle(n, t === e);
 		let t = Array.from(this._body.querySelectorAll("[data-emoji-native]"));
 		for (let e of t) {
@@ -6144,7 +6167,7 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	buildCategoryNav(e) {
 		this._nav.innerHTML = "", this._navButtons.clear(), this._activeNavId = "";
-		for (let [t, n] of co) {
+		for (let [t, n] of so) {
 			if (!e.has(t)) continue;
 			let r = this.translateCategory(t), i = document.createElement("button");
 			i.type = "button", i.innerHTML = n, i.title = r, i.setAttribute("aria-label", r), i.setAttribute("data-emoji-nav", t), i.className = [
@@ -6184,11 +6207,11 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			return;
 		}
 		this._nav.hidden = !0;
-		let t = no(this._allEmojis, e, this._localeData);
+		let t = to(this._allEmojis, e, this._localeData);
 		if (t.length === 0) this._showingEmptyState || this.renderEmptyState();
 		else {
 			this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-			let e = ro(t);
+			let e = no(t);
 			for (let [t, n] of e) {
 				let e = this.buildSection(this.translateCategory(t), n);
 				e.setAttribute("data-emoji-section", t), this._sectionEls.set(t, e), this._body.appendChild(e);
@@ -6197,13 +6220,13 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	renderEmojiGrid(e) {
 		this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-		let t = /* @__PURE__ */ new Set(), n = Qa.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
+		let t = /* @__PURE__ */ new Set(), n = Za.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
 		if (n.length > 0) {
 			t.add("callout");
 			let e = this.buildSection(this.translateCategory("callout"), n);
 			e.setAttribute("data-emoji-section", "callout"), this._sectionEls.set("callout", e), this._body.appendChild(e);
 		}
-		let r = new Set(Qa), i = ro(e.filter((e) => !r.has(e.native)));
+		let r = new Set(Za), i = no(e.filter((e) => !r.has(e.native)));
 		for (let [e, n] of i) {
 			t.add(e);
 			let r = this.buildSection(this.translateCategory(e), n);
@@ -6225,7 +6248,7 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(Na), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
 	}
 	translateCategory(e) {
-		let t = so[e];
+		let t = oo[e];
 		return t === void 0 ? e : this.i18n.t(t);
 	}
 	buildSection(e, t) {
@@ -6280,10 +6303,10 @@ var mo = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 };
 //#endregion
 //#region src/tools/callout/index.ts
-function go(e) {
+function ho(e) {
 	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : Wa;
 }
-var _o = {
+var go = {
 	general: null,
 	note: "blue",
 	important: "purple",
@@ -6291,9 +6314,9 @@ var _o = {
 	additional: "yellow",
 	recommendation: "green",
 	caution: "red"
-}, vo = class {
+}, _o = class {
 	constructor({ data: e, api: t, readOnly: n, block: r }) {
-		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this._dragZone = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
+		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
 	}
 	normalizeData(e) {
 		let t = e;
@@ -6304,21 +6327,21 @@ var _o = {
 		};
 	}
 	normalizeLegacyData(e) {
-		let t = typeof e.variant == "string" ? e.variant : "general", n = t in _o ? _o[t] : null;
+		let t = typeof e.variant == "string" ? e.variant : "general", n = t in go ? go[t] : null;
 		return {
-			emoji: go(e),
+			emoji: ho(e),
 			textColor: null,
 			backgroundColor: n == null ? null : n
 		};
 	}
 	render() {
 		if (this._dom) return this._dom.wrapper;
-		let e = Ya({
+		let e = Ja({
 			emoji: this._data.emoji,
 			readOnly: this.readOnly,
 			addEmojiLabel: this.api.i18n.t(ka)
 		});
-		return this._dom = e, this._dragZone = e.dragZone, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
+		return this._dom = e, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.openEmojiPicker());
 		}), e.childContainer.addEventListener("keydown", (e) => {
 			e.key === "Backspace" && this.handleChildBackspace(e);
@@ -6327,7 +6350,7 @@ var _o = {
 	rendered() {
 		if (this.blockId === void 0 || this._dom === null) return;
 		let e = this.api.blocks.getChildren(this.blockId);
-		if (zt(this._dom.childContainer, e), e.length === 0) {
+		if (Rt(this._dom.childContainer, e), e.length === 0) {
 			let e = this.api.blocks.getBlockIndex(this.blockId);
 			if (e !== void 0) {
 				let t = this.api.blocks.insertInsideParent(this.blockId, e + 1);
@@ -6336,7 +6359,7 @@ var _o = {
 		}
 	}
 	save() {
-		return Xa({
+		return Ya({
 			emoji: this._data.emoji,
 			textColor: this._data.textColor,
 			backgroundColor: this._data.backgroundColor
@@ -6395,9 +6418,6 @@ var _o = {
 	setReadOnly(e) {
 		this.readOnly = e, this._dom && (this._dom.emojiButton.disabled = e);
 	}
-	get dragZone() {
-		return this._dragZone;
-	}
 	syncPickerActiveColors() {
 		if (this._colorPicker === null) return;
 		let e = this._data.textColor, t = this._data.backgroundColor;
@@ -6418,7 +6438,7 @@ var _o = {
 		let n = t[0], r = e.target;
 		if (!n.holder.contains(r)) return;
 		let i = window.getSelection(), a = i !== null && i.rangeCount > 0 && i.getRangeAt(0).startOffset === 0 && i.getRangeAt(0).collapsed;
-		n.holder.textContent !== "" || !a || Za({
+		n.holder.textContent !== "" || !a || Xa({
 			api: this.api,
 			calloutBlockId: this.blockId,
 			firstChildBlockId: n.id,
@@ -6426,7 +6446,7 @@ var _o = {
 		});
 	}
 	openEmojiPicker() {
-		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new ho({
+		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new mo({
 			onSelect: (e) => this.setEmoji(e),
 			onRemove: () => this.setEmoji(""),
 			i18n: this.api.i18n,
@@ -6480,39 +6500,39 @@ var _o = {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, yo = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-function bo(e, t, n) {
+}, vo = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+function yo(e, t, n) {
 	let r = n[0];
 	if (t != null && e >= t) throw Error(e + " >= " + t);
 	if (e.slice(-1) === r || t && t.slice(-1) === r) throw Error("trailing zero");
 	if (t) {
 		let i = 0;
 		for (; (e[i] || r) === t[i];) i++;
-		if (i > 0) return t.slice(0, i) + bo(e.slice(i), t.slice(i), n);
+		if (i > 0) return t.slice(0, i) + yo(e.slice(i), t.slice(i), n);
 	}
 	let i = e ? n.indexOf(e[0]) : 0, a = t == null ? n.length : n.indexOf(t[0]);
-	return a - i > 1 ? n[Math.round(.5 * (i + a))] : t && t.length > 1 ? t.slice(0, 1) : n[i] + bo(e.slice(1), null, n);
+	return a - i > 1 ? n[Math.round(.5 * (i + a))] : t && t.length > 1 ? t.slice(0, 1) : n[i] + yo(e.slice(1), null, n);
 }
-function xo(e) {
-	if (e.length !== So(e[0])) throw Error("invalid integer part of order key: " + e);
+function bo(e) {
+	if (e.length !== xo(e[0])) throw Error("invalid integer part of order key: " + e);
 }
-function So(e) {
+function xo(e) {
 	if (e >= "a" && e <= "z") return e.charCodeAt(0) - 97 + 2;
 	if (e >= "A" && e <= "Z") return 90 - e.charCodeAt(0) + 2;
 	throw Error("invalid order key head: " + e);
 }
-function Co(e) {
-	let t = So(e[0]);
+function So(e) {
+	let t = xo(e[0]);
 	if (t > e.length) throw Error("invalid order key: " + e);
 	return e.slice(0, t);
 }
-function wo(e, t) {
+function Co(e, t) {
 	if (e === "A" + t[0].repeat(26)) throw Error("invalid order key: " + e);
-	let n = Co(e);
+	let n = So(e);
 	if (e.slice(n.length).slice(-1) === t[0]) throw Error("invalid order key: " + e);
 }
-function To(e, t) {
-	xo(e);
+function wo(e, t) {
+	bo(e);
 	let [n, ...r] = e.split(""), i = !0;
 	for (let e = r.length - 1; i && e >= 0; e--) {
 		let n = t.indexOf(r[e]) + 1;
@@ -6525,8 +6545,8 @@ function To(e, t) {
 		return e > "a" ? r.push(t[0]) : r.pop(), e + r.join("");
 	} else return n + r.join("");
 }
-function Eo(e, t) {
-	xo(e);
+function To(e, t) {
+	bo(e);
 	let [n, ...r] = e.split(""), i = !0;
 	for (let e = r.length - 1; i && e >= 0; e--) {
 		let n = t.indexOf(r[e]) - 1;
@@ -6539,30 +6559,30 @@ function Eo(e, t) {
 		return e < "Z" ? r.push(t.slice(-1)) : r.pop(), e + r.join("");
 	} else return n + r.join("");
 }
-function Do(e, t, n = yo) {
-	if (e != null && wo(e, n), t != null && wo(t, n), e != null && t != null && e >= t) throw Error(e + " >= " + t);
+function Eo(e, t, n = vo) {
+	if (e != null && Co(e, n), t != null && Co(t, n), e != null && t != null && e >= t) throw Error(e + " >= " + t);
 	if (e == null) {
 		if (t == null) return "a" + n[0];
-		let e = Co(t), r = t.slice(e.length);
-		if (e === "A" + n[0].repeat(26)) return e + bo("", r, n);
+		let e = So(t), r = t.slice(e.length);
+		if (e === "A" + n[0].repeat(26)) return e + yo("", r, n);
 		if (e < t) return e;
-		let i = Eo(e, n);
+		let i = To(e, n);
 		if (i == null) throw Error("cannot decrement any more");
 		return i;
 	}
 	if (t == null) {
-		let t = Co(e), r = e.slice(t.length), i = To(t, n);
-		return i == null ? t + bo(r, null, n) : i;
+		let t = So(e), r = e.slice(t.length), i = wo(t, n);
+		return i == null ? t + yo(r, null, n) : i;
 	}
-	let r = Co(e), i = e.slice(r.length), a = Co(t), o = t.slice(a.length);
-	if (r === a) return r + bo(i, o, n);
-	let s = To(r, n);
+	let r = So(e), i = e.slice(r.length), a = So(t), o = t.slice(a.length);
+	if (r === a) return r + yo(i, o, n);
+	let s = wo(r, n);
 	if (s == null) throw Error("cannot increment any more");
-	return s < t ? s : r + bo(i, null, n);
+	return s < t ? s : r + yo(i, null, n);
 }
 //#endregion
 //#region src/tools/database/database-model.ts
-var Oo = class e {
+var Do = class e {
 	constructor(t) {
 		if (this.rows = [], (t == null ? void 0 : t.schema) !== void 0 && t.schema.length > 0 ? this.schema = t.schema.map((e) => A({}, e)) : this.schema = e.createDefaultSchema(), (t == null ? void 0 : t.views) !== void 0 && t.views.length > 0) this.views = t.views.map((e) => A(A({}, e), {}, {
 			sorts: [...e.sorts],
@@ -6586,7 +6606,7 @@ var Oo = class e {
 			id: w(),
 			name: e,
 			type: t,
-			position: Do(r, null)
+			position: Eo(r, null)
 		}, n === void 0 ? {} : { config: n });
 		return this.schema.push(i), i;
 	}
@@ -6610,7 +6630,7 @@ var Oo = class e {
 		let t = this.getOrderedRows(), n = t.length > 0 ? t[t.length - 1].position : null;
 		return {
 			id: w(),
-			position: Do(n, null),
+			position: Eo(n, null),
 			properties: e == null ? {} : e
 		};
 	}
@@ -6639,7 +6659,7 @@ var Oo = class e {
 			id: w(),
 			name: e,
 			type: t,
-			position: Do(s, null),
+			position: Eo(s, null),
 			groupBy: n.groupBy,
 			sorts: (r = n.sorts) == null ? [] : r,
 			filters: (i = n.filters) == null ? [] : i,
@@ -6668,7 +6688,7 @@ var Oo = class e {
 		return e == null ? "" : typeof e == "string" ? e : typeof e == "boolean" || typeof e == "number" ? String(e) : "";
 	}
 	static positionBetween(e, t) {
-		return Do(e, t);
+		return Eo(e, t);
 	}
 	static createDefaultSchema() {
 		return [{
@@ -6715,7 +6735,7 @@ var Oo = class e {
 			visibleProperties: []
 		};
 	}
-}, ko = class {
+}, Oo = class {
 	constructor({ readOnly: e, i18n: t, options: n, getRows: r, titlePropertyId: i, onTitleEdit: a }) {
 		this.readOnly = e, this.i18n = t, this.options = n, this.getRows = r, this.titlePropertyId = i, this.onTitleEdit = a;
 	}
@@ -6836,7 +6856,7 @@ var Oo = class e {
 			n.textContent = String(t);
 		}
 	}
-}, Ao = class {
+}, ko = class {
 	constructor({ readOnly: e, i18n: t, rows: n, titlePropertyId: r, schema: i, visiblePropertyIds: a, options: o, getRows: s }) {
 		this.readOnly = e, this.i18n = t, this.rows = n, this.titlePropertyId = r, this.schema = i, this.visiblePropertyIds = a, this.groupOptions = o, this.getGroupRows = s;
 	}
@@ -6940,7 +6960,7 @@ var Oo = class e {
 		let t = document.createElement("button");
 		return t.setAttribute("data-blok-database-add-row", ""), t.setAttribute("aria-label", this.i18n.t("tools.database.addRow")), t.textContent = "+ " + this.i18n.t("tools.database.newRow"), e !== void 0 && t.setAttribute("data-option-id", e), t;
 	}
-}, jo = 500, Mo = class {
+}, Ao = 500, jo = class {
 	constructor(e, t) {
 		this.pendingTimers = /* @__PURE__ */ new Map(), this.pendingUpdates = /* @__PURE__ */ new Map(), this.pendingPropertyTimers = /* @__PURE__ */ new Map(), this.pendingPropertyUpdates = /* @__PURE__ */ new Map(), this.adapter = e, this.onError = t;
 	}
@@ -6967,7 +6987,7 @@ var Oo = class e {
 		let r = this.pendingUpdates.get(t);
 		this.pendingUpdates.set(t, r === void 0 ? e : A(A(A({}, r), e), {}, { properties: A(A({}, r.properties), e.properties) })), this.pendingTimers.set(t, setTimeout(() => {
 			this.flushRow(t);
-		}, jo));
+		}, Ao));
 	}
 	async syncMoveRow(e) {
 		var t = this;
@@ -6987,7 +7007,7 @@ var Oo = class e {
 		let { propertyId: t } = e, n = this.pendingPropertyTimers.get(t);
 		n !== void 0 && clearTimeout(n), this.pendingPropertyUpdates.set(t, e), this.pendingPropertyTimers.set(t, setTimeout(() => {
 			this.flushProperty(t);
-		}, jo));
+		}, Ao));
 	}
 	async syncDeleteProperty(e) {
 		await this.safeCall((t) => t.deleteProperty(e));
@@ -7025,7 +7045,7 @@ var Oo = class e {
 		let n = this.pendingPropertyUpdates.get(e);
 		this.pendingPropertyUpdates.delete(e), n !== void 0 && this.safeCall((e) => e.updateProperty(n));
 	}
-}, No = 10, Po = class {
+}, Mo = 10, No = class {
 	constructor(e) {
 		this.isDragging = !1, this.rowId = "", this.startX = 0, this.startY = 0, this.ghostEl = null, this.sourceCard = null, this.sourceCardHeight = 0, this.ghostOffsetX = 0, this.ghostOffsetY = 0, this.gapTarget = null, this.gapContainer = null, this.wrapper = e.wrapper, this.onDrop = e.onDrop, this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this);
 	}
@@ -7041,7 +7061,7 @@ var Oo = class e {
 	}
 	handlePointerMove(e) {
 		let t = Math.abs(e.clientX - this.startX), n = Math.abs(e.clientY - this.startY);
-		!this.isDragging && (t > No || n > No) && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e));
+		!this.isDragging && (t > Mo || n > Mo) && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e));
 	}
 	handlePointerUp(e) {
 		this.isDragging && this.commitDrop(e), this.cleanup();
@@ -7128,7 +7148,7 @@ var Oo = class e {
 			afterRowId: c
 		});
 	}
-}, Fo = 10, Io = class {
+}, Po = 10, Fo = class {
 	constructor(e) {
 		this.isDragging = !1, this.optionId = "", this.startX = 0, this.startY = 0, this.ghostEl = null, this.sourceColumn = null, this.sourceColumnWidth = 0, this.ghostOffsetX = 0, this.gapTarget = null, this.gapContainer = null, this.wrapper = e.wrapper, this.onDrop = e.onDrop, this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this);
 	}
@@ -7144,7 +7164,7 @@ var Oo = class e {
 	}
 	handlePointerMove(e) {
 		let t = Math.abs(e.clientX - this.startX);
-		!this.isDragging && t > Fo && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e.clientX));
+		!this.isDragging && t > Po && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e.clientX));
 	}
 	handlePointerUp(e) {
 		this.isDragging && this.commitDrop(e), this.cleanup();
@@ -7216,7 +7236,7 @@ var Oo = class e {
 			afterOptionId: r
 		});
 	}
-}, Lo = class {
+}, Io = class {
 	constructor(e) {
 		this.options = e, this.i18n = e.i18n;
 	}
@@ -7278,7 +7298,7 @@ var Oo = class e {
 		}));
 	}
 	destroy() {}
-}, Ro = 10, zo = class {
+}, Lo = 10, Ro = class {
 	constructor(e) {
 		this.isDragging = !1, this.rowId = "", this.startY = 0, this.ghostEl = null, this.sourceRow = null, this.sourceRowHeight = 0, this.ghostOffsetY = 0, this.gapTarget = null, this.wrapper = e.wrapper, this.onDrop = e.onDrop, this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this);
 	}
@@ -7294,7 +7314,7 @@ var Oo = class e {
 	}
 	handlePointerMove(e) {
 		let t = Math.abs(e.clientY - this.startY);
-		!this.isDragging && t > Ro && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e));
+		!this.isDragging && t > Lo && (this.isDragging = !0, this.startActiveDrag(e)), this.isDragging && (this.updateGhostPosition(e), this.updateDropIndicator(e));
 	}
 	handlePointerUp(e) {
 		this.isDragging && this.commitDrop(e), this.cleanup();
@@ -7356,7 +7376,7 @@ var Oo = class e {
 	resolveAfterRowId(e, t, n) {
 		return e ? n > 0 ? t[n - 1].getAttribute("data-row-id") : null : t.length > 0 ? t[t.length - 1].getAttribute("data-row-id") : null;
 	}
-}, Bo = [
+}, zo = [
 	{
 		type: "text",
 		icon: re,
@@ -7392,7 +7412,7 @@ var Oo = class e {
 		icon: Se,
 		label: "URL"
 	}
-], Vo = class {
+], Bo = class {
 	constructor(e) {
 		this.popoverEl = null, this.boundOutsideClick = null, this.onSelect = e.onSelect;
 	}
@@ -7404,7 +7424,7 @@ var Oo = class e {
 		t.style.top = `${n.bottom + 4}px`, t.style.left = `${n.left}px`;
 		let r = document.createElement("div");
 		r.setAttribute("data-blok-database-property-type-heading", ""), r.textContent = "Property type", t.appendChild(r);
-		for (let e of Bo) {
+		for (let e of zo) {
 			let n = document.createElement("div");
 			n.setAttribute("data-blok-database-property-type-option", e.type);
 			let r = document.createElement("div");
@@ -7425,7 +7445,7 @@ var Oo = class e {
 	destroy() {
 		this.close();
 	}
-}, Ho = class {
+}, Vo = class {
 	constructor(e) {
 		this.drawer = null, this.currentRowId = null, this.currentRow = null, this.blokInstance = null, this.escapeHandler = null, this.outsideClickHandler = null, this.propertyTypePopover = null, this.wrapper = e.wrapper, this.readOnly = e.readOnly, this.i18n = e.i18n, this.toolsConfig = e.toolsConfig, this.titlePropertyId = e.titlePropertyId, this.descriptionPropertyId = e.descriptionPropertyId, this.schema = e.schema, this.onTitleChange = e.onTitleChange, this.onDescriptionChange = e.onDescriptionChange, this.onClose = e.onClose, this.onAddProperty = e.onAddProperty;
 	}
@@ -7519,7 +7539,7 @@ var Oo = class e {
 		if (!this.readOnly) {
 			let e = document.createElement("button");
 			e.setAttribute("data-blok-database-drawer-add-prop", ""), e.textContent = "+ Add a property", e.addEventListener("click", () => {
-				this.propertyTypePopover === null && (this.propertyTypePopover = new Vo({ onSelect: (e) => {
+				this.propertyTypePopover === null && (this.propertyTypePopover = new Bo({ onSelect: (e) => {
 					var t, n;
 					(t = this.onAddProperty) == null || t.call(this, e), (n = this.propertyTypePopover) == null || n.close();
 				} })), this.propertyTypePopover.open(e);
@@ -7600,7 +7620,7 @@ var Oo = class e {
 			}));
 		}).catch(() => {});
 	}
-}, Uo = class {
+}, Ho = class {
 	constructor(e) {
 		this.boundKeydown = null, this.wrapper = e.wrapper, this.onEscape = e.onEscape;
 	}
@@ -7612,7 +7632,7 @@ var Oo = class e {
 	destroy() {
 		this.boundKeydown && (this.wrapper.removeEventListener("keydown", this.boundKeydown), this.boundKeydown = null);
 	}
-}, Wo = [{
+}, Uo = [{
 	type: "board",
 	icon: s,
 	label: "Board",
@@ -7622,7 +7642,7 @@ var Oo = class e {
 	icon: it,
 	label: "List",
 	description: "A simple linear view"
-}], Go = class {
+}], Wo = class {
 	constructor(e) {
 		this.popover = null, this.onSelect = e.onSelect, this.onClose = e.onClose;
 	}
@@ -7633,7 +7653,7 @@ var Oo = class e {
 			items: [{
 				type: D.Html,
 				element: t
-			}, ...Wo.map((e) => {
+			}, ...Uo.map((e) => {
 				let t = this.createViewItem(e);
 				return {
 					type: D.Html,
@@ -7678,10 +7698,10 @@ var Oo = class e {
 	destroy() {
 		this.close();
 	}
-}, Ko = 10, qo = {
+}, Go = 10, Ko = {
 	board: s,
 	list: it
-}, Jo = class {
+}, qo = class {
 	constructor(e) {
 		var t;
 		this.element = null, this.barEl = null, this.addBtnEl = null, this.viewPopover = null, this.contextPopover = null, this.overflowDropdownEl = null, this.boundOverflowClose = null, this.moreBtnEl = null, this.isDragging = !1, this.dragViewId = "", this.dragStartX = 0, this.ghostEl = null, this.options = e, this.views = e.views, this.onReorder = e.onReorder, this.readOnly = (t = e.readOnly) == null ? !1 : t, this.boundDragMove = this.handleDragMove.bind(this), this.boundDragUp = this.handleDragUp.bind(this), this.boundDragCancel = this.cleanupDrag.bind(this), this.boundDragKeyDown = (e) => {
@@ -7732,7 +7752,7 @@ var Oo = class e {
 		let n = document.createElement("div");
 		n.setAttribute("data-blok-database-tab", ""), n.setAttribute("data-view-id", e.id), e.id === this.options.activeViewId && n.setAttribute("data-active", "");
 		let r = document.createElement("span");
-		r.innerHTML = (t = qo[e.type]) == null ? "" : t, n.appendChild(r);
+		r.innerHTML = (t = Ko[e.type]) == null ? "" : t, n.appendChild(r);
 		let i = document.createElement("span");
 		return i.setAttribute("data-blok-database-tab-name", ""), i.textContent = e.name, n.appendChild(i), n;
 	}
@@ -7801,7 +7821,7 @@ var Oo = class e {
 	}
 	openViewPopover(e) {
 		var t;
-		this.viewPopover !== null && this.viewPopover.destroy(), e.setAttribute("data-popover-open", ""), (t = this.barEl) == null || t.setAttribute("data-popover-open", ""), this.viewPopover = new Go({
+		this.viewPopover !== null && this.viewPopover.destroy(), e.setAttribute("data-popover-open", ""), (t = this.barEl) == null || t.setAttribute("data-popover-open", ""), this.viewPopover = new Wo({
 			onSelect: (e) => {
 				this.options.onAddView(e);
 			},
@@ -7839,7 +7859,7 @@ var Oo = class e {
 			let t = document.createElement("div");
 			t.setAttribute("data-blok-database-tab-overflow-item", ""), t.setAttribute("data-view-id", e.id), e.id === this.options.activeViewId && t.setAttribute("data-active", "");
 			let r = document.createElement("span");
-			r.innerHTML = (a = qo[e.type]) == null ? "" : a, t.appendChild(r);
+			r.innerHTML = (a = Ko[e.type]) == null ? "" : a, t.appendChild(r);
 			let i = document.createElement("span");
 			i.textContent = e.name, t.appendChild(i), t.addEventListener("click", () => {
 				e.id !== this.options.activeViewId && this.options.onTabClick(e.id), this.closeOverflowDropdown();
@@ -7860,7 +7880,7 @@ var Oo = class e {
 	}
 	handleDragMove(e) {
 		let t = Math.abs(e.clientX - this.dragStartX);
-		if (!(!this.isDragging && t < Ko)) {
+		if (!(!this.isDragging && t < Go)) {
 			if (!this.isDragging) {
 				var n, r;
 				this.isDragging = !0, (n = this.element) == null || n.setAttribute("data-dragging", "");
@@ -7883,7 +7903,7 @@ var Oo = class e {
 		let a = Array.from((t = (n = this.element) == null ? void 0 : n.querySelectorAll("[data-blok-database-tab]")) == null ? [] : t).filter((e) => e.getAttribute("data-view-id") !== this.dragViewId), o = a.findIndex((t) => {
 			let n = t.getBoundingClientRect();
 			return e.clientX < (n.left + n.right) / 2;
-		}), s = o >= 0 ? a[o].getAttribute("data-view-id") : null, c = o > 0 ? a[o - 1].getAttribute("data-view-id") : o === -1 && a.length > 0 ? a[a.length - 1].getAttribute("data-view-id") : null, l = [...this.views].sort((e, t) => e.position < t.position ? -1 : 1), u = s === null ? null : l.find((e) => e.id === s), d = c === null ? null : l.find((e) => e.id === c), f = Do((r = d == null ? void 0 : d.position) == null ? null : r, (i = u == null ? void 0 : u.position) == null ? null : i);
+		}), s = o >= 0 ? a[o].getAttribute("data-view-id") : null, c = o > 0 ? a[o - 1].getAttribute("data-view-id") : o === -1 && a.length > 0 ? a[a.length - 1].getAttribute("data-view-id") : null, l = [...this.views].sort((e, t) => e.position < t.position ? -1 : 1), u = s === null ? null : l.find((e) => e.id === s), d = c === null ? null : l.find((e) => e.id === c), f = Eo((r = d == null ? void 0 : d.position) == null ? null : r, (i = u == null ? void 0 : u.position) == null ? null : i);
 		this.cleanupDrag(), this.onReorder(this.dragViewId, f);
 	}
 	cleanupDrag() {
@@ -7904,10 +7924,10 @@ var Oo = class e {
 	getAddBtnEl() {
 		return this.addBtnEl;
 	}
-}, Yo = class {
+}, Jo = class {
 	constructor({ data: e, config: t, api: n, block: r, readOnly: i }) {
 		var a, o;
-		this.element = null, this.titleElement = null, this.titleRowElement = null, this.boardContainer = null, this.tabBar = null, this.cardDrag = null, this.columnDrag = null, this.columnControls = null, this.listRowDrag = null, this.cardDrawer = null, this.keyboard = null, this.cardMenuPopover = null, this.api = n, this.block = r, this.readOnly = i, this.config = t == null ? {} : t, this.title = (a = e == null ? void 0 : e.title) == null ? "" : a, this.model = new Oo(e);
+		this.element = null, this.titleElement = null, this.titleRowElement = null, this.boardContainer = null, this.tabBar = null, this.cardDrag = null, this.columnDrag = null, this.columnControls = null, this.listRowDrag = null, this.cardDrawer = null, this.keyboard = null, this.cardMenuPopover = null, this.api = n, this.block = r, this.readOnly = i, this.config = t == null ? {} : t, this.title = (a = e == null ? void 0 : e.title) == null ? "" : a, this.model = new Do(e);
 		let s = this.model.getViews();
 		this.activeViewId = (o = e == null ? void 0 : e.activeViewId) == null ? s.length > 0 ? s[0].id : "" : o, this.activateView(this.activeViewId);
 	}
@@ -7955,7 +7975,7 @@ var Oo = class e {
 	}
 	createTitleElement() {
 		let e = document.createElement("div");
-		return e.setAttribute("data-blok-database-title", ""), e.textContent = this.title, e.style.fontSize = "1.5rem", e.style.fontWeight = "600", e.style.lineHeight = "1.3", e.style.color = "var(--blok-text-primary)", e.style.outline = "none", e.style.cursor = "text", e.style.wordBreak = "break-word", e.className = Tt.join(" "), M(e, "New database"), this.readOnly || (e.setAttribute("contenteditable", "true"), e.addEventListener("keydown", (t) => {
+		return e.setAttribute("data-blok-database-title", ""), e.textContent = this.title, e.style.fontSize = "1.5rem", e.style.fontWeight = "600", e.style.lineHeight = "1.3", e.style.color = "var(--blok-text-primary)", e.style.outline = "none", e.style.cursor = "text", e.style.wordBreak = "break-word", e.className = M.join(" "), N(e, "New database"), this.readOnly || (e.setAttribute("contenteditable", "true"), e.addEventListener("keydown", (t) => {
 			(t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), e.blur());
 		})), e;
 	}
@@ -8021,7 +8041,7 @@ var Oo = class e {
 		n !== void 0 && (n.call("updatePosition", { position: t }), n.dispatchChange()), this.syncRowsFromBlocks();
 	}
 	activateView(e) {
-		this.model.getView(e) !== void 0 && (this.activeViewId = e, this.sync = new Mo(this.config.adapter, (e) => {
+		this.model.getView(e) !== void 0 && (this.activeViewId = e, this.sync = new jo(this.config.adapter, (e) => {
 			this.api.notifier.show({
 				message: String(e),
 				style: "error"
@@ -8100,7 +8120,7 @@ var Oo = class e {
 		}), !this.readOnly && n !== null && e !== null && !e.contains(n) && e.appendChild(n), e instanceof HTMLElement && (e.style.display = t.length >= 2 ? "" : "none"));
 	}
 	createTabBar() {
-		return new Jo({
+		return new qo({
 			views: this.model.getViews(),
 			activeViewId: this.activeViewId,
 			onTabClick: (e) => this.switchView(e),
@@ -8119,7 +8139,7 @@ var Oo = class e {
 	}
 	renderBoardView(e, t) {
 		let n = t === void 0 ? [] : this.model.getSelectOptions(t), r = t === void 0 ? /* @__PURE__ */ new Map() : this.model.getRowsGroupedBy(t);
-		return this.view = new ko({
+		return this.view = new Oo({
 			readOnly: this.readOnly,
 			i18n: this.api.i18n,
 			options: n,
@@ -8142,7 +8162,7 @@ var Oo = class e {
 		let r = this.model.getSchema();
 		if (t !== void 0) {
 			let i = this.model.getSelectOptions(t), a = this.model.getRowsGroupedBy(t);
-			this.view = new Ao({
+			this.view = new ko({
 				readOnly: this.readOnly,
 				i18n: this.api.i18n,
 				rows: [],
@@ -8155,7 +8175,7 @@ var Oo = class e {
 					return (t = a.get(e)) == null ? [] : t;
 				}
 			});
-		} else this.view = new Ao({
+		} else this.view = new ko({
 			readOnly: this.readOnly,
 			i18n: this.api.i18n,
 			rows: this.model.getOrderedRows(),
@@ -8273,7 +8293,7 @@ var Oo = class e {
 		let o = a.config.options, s = o.length > 0 ? o[o.length - 1].position : null, c = {
 			id: w(),
 			label: this.api.i18n.t("tools.database.columnTitlePlaceholder"),
-			position: Oo.positionBetween(s, null)
+			position: Do.positionBetween(s, null)
 		};
 		this.model.updateProperty(i, { config: { options: [...o, c] } }), (t = (n = this.view).appendGroup) == null || t.call(n, e, c), this.sync.syncUpdateProperty({
 			propertyId: i,
@@ -8284,16 +8304,16 @@ var Oo = class e {
 		var t;
 		if (this.element === null) return;
 		let n = this.model.getView(this.activeViewId), r = (n == null ? void 0 : n.type) === "list", i = this.model.getSchema().find((e) => e.type === "title"), a = (t = i == null ? void 0 : i.id) == null ? "" : t, o = this.model.getSchema().find((e) => e.type === "richText"), s = o == null ? void 0 : o.id;
-		r ? this.listRowDrag = new zo({
+		r ? this.listRowDrag = new Ro({
 			wrapper: e,
 			onDrop: (e) => this.handleListRowDrop(e)
-		}) : (this.cardDrag = new Po({
+		}) : (this.cardDrag = new No({
 			wrapper: e,
 			onDrop: (e) => this.handleRowDrop(e)
-		}), this.columnDrag = new Io({
+		}), this.columnDrag = new Fo({
 			wrapper: e,
 			onDrop: (e) => this.handleGroupDrop(e)
-		}), this.columnControls = new Lo({
+		}), this.columnControls = new Io({
 			i18n: this.api.i18n,
 			onRename: (e, t) => this.handleOptionRename(e, t),
 			onDelete: (t) => this.handleOptionDelete(t, e),
@@ -8311,7 +8331,7 @@ var Oo = class e {
 					changes: { config: { options: a } }
 				});
 			}
-		}), this.makeColumnHeadersEditable(e)), this.cardDrawer === null && (this.cardDrawer = new Ho({
+		}), this.makeColumnHeadersEditable(e)), this.cardDrawer === null && (this.cardDrawer = new Vo({
 			wrapper: this.element,
 			readOnly: this.readOnly,
 			i18n: this.api.i18n,
@@ -8345,7 +8365,7 @@ var Oo = class e {
 					position: n.position
 				}), (t = this.cardDrawer) == null || t.refreshSchema(this.model.getSchema());
 			}
-		})), this.keyboard = new Uo({
+		})), this.keyboard = new Ho({
 			wrapper: e,
 			onEscape: () => {
 				var e;
@@ -8392,7 +8412,7 @@ var Oo = class e {
 	}
 	handleListRowDrop(e) {
 		var t, n;
-		let { rowId: r, beforeRowId: i, afterRowId: a } = e, o = i === null ? void 0 : this.model.getRow(i), s = a === null ? void 0 : this.model.getRow(a), c = Oo.positionBetween((t = s == null ? void 0 : s.position) == null ? null : t, (n = o == null ? void 0 : o.position) == null ? null : n);
+		let { rowId: r, beforeRowId: i, afterRowId: a } = e, o = i === null ? void 0 : this.model.getRow(i), s = a === null ? void 0 : this.model.getRow(a), c = Do.positionBetween((t = s == null ? void 0 : s.position) == null ? null : t, (n = o == null ? void 0 : o.position) == null ? null : n);
 		this.moveRowBlock(r, c), this.rerenderView(), this.sync.syncMoveRow({
 			rowId: r,
 			position: c
@@ -8402,7 +8422,7 @@ var Oo = class e {
 		var t, n;
 		let { rowId: r, toOptionId: i, beforeRowId: a, afterRowId: o } = e, s = this.model.getView(this.activeViewId), c = s == null ? void 0 : s.groupBy;
 		if (c === void 0) return;
-		let l = a === null ? void 0 : this.model.getRow(a), u = o === null ? void 0 : this.model.getRow(o), d = Oo.positionBetween((t = u == null ? void 0 : u.position) == null ? null : t, (n = l == null ? void 0 : l.position) == null ? null : n);
+		let l = a === null ? void 0 : this.model.getRow(a), u = o === null ? void 0 : this.model.getRow(o), d = Do.positionBetween((t = u == null ? void 0 : u.position) == null ? null : t, (n = l == null ? void 0 : l.position) == null ? null : n);
 		this.updateRowBlock(r, { [c]: i }), this.moveRowBlock(r, d), this.rerenderView(), this.sync.syncUpdateRow({
 			rowId: r,
 			properties: { [c]: i }
@@ -8419,7 +8439,7 @@ var Oo = class e {
 		if ((c == null ? void 0 : c.config) === void 0) return;
 		let l = [...c.config.options], u = l.findIndex((e) => e.id === r);
 		if (u === -1) return;
-		let d = i === null ? void 0 : l.find((e) => e.id === i), f = a === null ? void 0 : l.find((e) => e.id === a), p = Oo.positionBetween((t = f == null ? void 0 : f.position) == null ? null : t, (n = d == null ? void 0 : d.position) == null ? null : n);
+		let d = i === null ? void 0 : l.find((e) => e.id === i), f = a === null ? void 0 : l.find((e) => e.id === a), p = Do.positionBetween((t = f == null ? void 0 : f.position) == null ? null : t, (n = d == null ? void 0 : d.position) == null ? null : n);
 		l[u] = A(A({}, l[u]), {}, { position: p }), this.model.updateProperty(s, { config: { options: l } }), this.moveColumnInDom(r, i), this.sync.syncUpdateProperty({
 			propertyId: s,
 			changes: { config: { options: l } }
@@ -8478,7 +8498,7 @@ var Oo = class e {
 		let m = p.querySelector("[data-blok-database-board]");
 		m !== null && (m.scrollLeft = f), this.attachViewListeners(p), this.initSubsystems(p);
 	}
-}, Xo = class {
+}, Yo = class {
 	constructor({ data: e }) {
 		var t, n;
 		this._data = {
@@ -8515,7 +8535,7 @@ var Oo = class e {
 		return !0;
 	}
 	setReadOnly(e) {}
-}, Zo = class {
+}, Xo = class {
 	constructor(e) {
 		this.element = null;
 	}
@@ -8568,7 +8588,7 @@ var Oo = class e {
 	static get sanitize() {
 		return {};
 	}
-}, Qo = "tools.quote.placeholder", $o = [
+}, Zo = "tools.quote.placeholder", Qo = [
 	"border-l-[3px]",
 	"border-current",
 	"pl-[0.9em]",
@@ -8578,7 +8598,7 @@ var Oo = class e {
 	"outline-hidden",
 	"mt-[0.3em]",
 	"mb-[0.3em]"
-], es = "text-[1.2em]", ts = class {
+], $o = "text-[1.2em]", es = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i;
 		this.placeholderCleanup = null, this._element = null, this.api = t, this.readOnly = n, this._data = {
@@ -8591,13 +8611,13 @@ var Oo = class e {
 	}
 	drawView() {
 		let e = document.createElement("blockquote");
-		return e.className = j(this.api.styles.block, $o, Dt, this._data.size === "large" ? es : ""), e.setAttribute(k.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = M(e, this.api.i18n.t(Qo), "data-blok-placeholder-active")), e;
+		return e.className = j(this.api.styles.block, Qo, Et, this._data.size === "large" ? $o : ""), e.setAttribute(k.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = N(e, this.api.i18n.t(Zo), "data-blok-placeholder-active")), e;
 	}
 	render() {
 		return this._element || (this._element = this.drawView()), this._element;
 	}
 	setReadOnly(e) {
-		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), kt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = M(this._element, this.api.i18n.t(Qo), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
+		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), Ot(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = N(this._element, this.api.i18n.t(Zo), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
 	}
 	save(e) {
 		return {
@@ -8637,7 +8657,7 @@ var Oo = class e {
 		}];
 	}
 	setSize(e) {
-		this._data.size = e, this._element && (this._element.className = j(this.api.styles.block, $o, Dt, e === "large" ? es : ""));
+		this._data.size = e, this._element && (this._element.className = j(this.api.styles.block, Qo, Et, e === "large" ? $o : ""));
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -8685,7 +8705,7 @@ var Oo = class e {
 	static get pasteConfig() {
 		return { tags: ["BLOCKQUOTE"] };
 	}
-}, ns = "tools.code.language", rs = "tools.code.copied", is = "tools.code.copyCode", as = "tools.code.searchLanguage", os = "plain text", ss = [
+}, ts = "tools.code.language", ns = "tools.code.copied", rs = "tools.code.copyCode", is = "tools.code.searchLanguage", as = "plain text", os = [
 	{
 		id: "plain text",
 		name: "Plain Text"
@@ -8810,12 +8830,12 @@ var Oo = class e {
 		id: "lua",
 		name: "Lua"
 	}
-], cs = "group/code flex flex-col rounded-xl border border-border-secondary bg-bg-secondary overflow-hidden my-2", ls = "flex items-center gap-1 px-3 py-1.5 text-xs text-gray-text", us = "inline-flex items-center px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", ds = "flex items-center gap-1 opacity-0 group-hover/code:opacity-100 transition-opacity", fs = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", ps = "p-1.5 rounded-lg cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", ms = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", hs = "text-xs text-gray-text font-medium select-none", gs = new Set(["latex", "mermaid"]), _s = "tools.code.codeTab", vs = "tools.code.previewTab", ys = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", bs = "tools.code.sideBySide", xs = "flex items-center rounded-lg border border-border-secondary p-0.5 gap-0.5", Ss = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Cs = "p-1 rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", ws = "p-[6px] rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Ts = "p-[6px] rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Es = "flex flex-col overflow-hidden", Ds = "flex flex-row overflow-hidden", Os = "flex-1 min-w-0 overflow-hidden", ks = "one-light", As = "vitesse-dark", js = ".dark", Ms = new Set(ss.map((e) => e.id).filter((e) => e !== os)), Ns = "flex overflow-hidden", Ps = "select-none text-right pl-4 pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 shrink-0", Fs = "leading-relaxed";
+], ss = "group/code flex flex-col rounded-xl border border-border-secondary bg-bg-secondary overflow-hidden my-2", cs = "flex items-center gap-1 px-3 py-1.5 text-xs text-gray-text", ls = "inline-flex items-center px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", us = "flex items-center gap-1 opacity-0 group-hover/code:opacity-100 transition-opacity", ds = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", fs = "p-1.5 rounded-lg cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", ps = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", ms = "text-xs text-gray-text font-medium select-none", hs = new Set(["latex", "mermaid"]), gs = "tools.code.codeTab", _s = "tools.code.previewTab", vs = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", ys = "tools.code.sideBySide", bs = "flex items-center rounded-lg border border-border-secondary p-0.5 gap-0.5", xs = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", Ss = "p-1 rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Cs = "p-[6px] rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors flex items-center justify-center", ws = "p-[6px] rounded cursor-pointer bg-item-hover-bg border-0 text-primary transition-colors flex items-center justify-center", Ts = "flex flex-col overflow-hidden", Es = "flex flex-row overflow-hidden", Ds = "flex-1 min-w-0 overflow-hidden", Os = "one-light", ks = "vitesse-dark", As = ".dark", js = new Set(os.map((e) => e.id).filter((e) => e !== as)), Ms = "flex overflow-hidden", Ns = "select-none text-right pl-4 pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 shrink-0", Ps = "leading-relaxed";
 //#endregion
 //#region src/tools/code/dom-builder.ts
-function Is(e) {
+function Fs(e) {
 	let t = document.createElement("div");
-	t.className = xs, t.setAttribute("role", "group"), t.setAttribute("data-blok-testid", "code-view-mode");
+	t.className = bs, t.setAttribute("role", "group"), t.setAttribute("data-blok-testid", "code-view-mode");
 	let n = [
 		{
 			mode: "code",
@@ -8835,61 +8855,61 @@ function Is(e) {
 	];
 	for (let { mode: e, icon: r, label: i } of n) {
 		let n = document.createElement("button"), a = e === "preview";
-		n.type = "button", n.className = a ? ws : Ss, n.innerHTML = r, n.setAttribute("aria-label", i), n.setAttribute("aria-pressed", "false"), n.setAttribute("data-blok-testid", `code-mode-${e}`), n.setAttribute("data-mode", e), t.appendChild(n);
+		n.type = "button", n.className = a ? Cs : xs, n.innerHTML = r, n.setAttribute("aria-label", i), n.setAttribute("aria-pressed", "false"), n.setAttribute("data-blok-testid", `code-mode-${e}`), n.setAttribute("data-mode", e), t.appendChild(n);
 	}
 	let i = document.createElement("div");
-	i.className = ys, i.setAttribute("data-blok-testid", "code-preview");
+	i.className = vs, i.setAttribute("data-blok-testid", "code-preview");
 	let a = document.createElement("div");
-	return a.className = Es, a.setAttribute("data-blok-testid", "code-split-container"), {
+	return a.className = Ts, a.setAttribute("data-blok-testid", "code-split-container"), {
 		viewModeContainer: t,
 		previewElement: i,
 		splitContainer: a
 	};
 }
-function Ls(e, t) {
+function Is(e, t) {
 	let n = Array.from(e.querySelectorAll("[data-mode]"));
 	for (let e of n) {
 		let n = e.getAttribute("data-mode") === t, r = e.getAttribute("data-mode") === "preview";
-		e.setAttribute("aria-pressed", String(n)), r ? e.className = n ? Ts : ws : e.className = n ? Cs : Ss;
+		e.setAttribute("aria-pressed", String(n)), r ? e.className = n ? ws : Cs : e.className = n ? Ss : xs;
 	}
 }
-function Rs(e) {
+function Ls(e) {
 	var t, n, r;
 	let { code: i, languageName: a, readOnly: o, copyLabel: s, previewable: c, viewModeLabels: l } = e, u = document.createElement("div");
-	u.className = cs;
+	u.className = ss;
 	let d = document.createElement("div");
-	d.className = ls;
+	d.className = cs;
 	let f = document.createElement("button");
-	f.type = "button", f.className = us, f.setAttribute("aria-haspopup", "listbox"), f.setAttribute("data-blok-testid", "code-language-btn");
+	f.type = "button", f.className = ls, f.setAttribute("aria-haspopup", "listbox"), f.setAttribute("data-blok-testid", "code-language-btn");
 	let p = document.createElement("span");
 	p.textContent = a, f.appendChild(p);
 	let m = document.createElement("span");
 	m.className = "inline-flex items-center ml-0.5 -mr-0.5", m.innerHTML = te, f.appendChild(m);
 	let h = document.createElement("div");
 	h.className = "flex-1";
-	let g = !o && l ? Is(l) : null, _ = (t = g == null ? void 0 : g.viewModeContainer) == null ? null : t, v = (n = g == null ? void 0 : g.previewElement) == null ? null : n, y = (r = g == null ? void 0 : g.splitContainer) == null ? null : r;
+	let g = !o && l ? Fs(l) : null, _ = (t = g == null ? void 0 : g.viewModeContainer) == null ? null : t, v = (n = g == null ? void 0 : g.previewElement) == null ? null : n, y = (r = g == null ? void 0 : g.splitContainer) == null ? null : r;
 	_ && (_.hidden = !c);
 	let b = document.createElement("button");
-	b.type = "button", b.className = c ? ps : fs, b.innerHTML = ee, b.setAttribute("aria-label", s), b.setAttribute("data-blok-testid", "code-copy-btn");
+	b.type = "button", b.className = c ? fs : ds, b.innerHTML = ee, b.setAttribute("aria-label", s), b.setAttribute("data-blok-testid", "code-copy-btn");
 	let x = document.createElement("code");
-	x.className = ms, x.setAttribute("data-blok-testid", "code-content"), i && (x.textContent = i), o || (x.setAttribute("contenteditable", "plaintext-only"), x.setAttribute("spellcheck", "false"));
+	x.className = ps, x.setAttribute("data-blok-testid", "code-content"), i && (x.textContent = i), o || (x.setAttribute("contenteditable", "plaintext-only"), x.setAttribute("spellcheck", "false"));
 	let S = document.createElement("div");
-	S.className = Ps, S.setAttribute("aria-hidden", "true"), S.setAttribute("data-blok-testid", "code-gutter");
+	S.className = Ns, S.setAttribute("aria-hidden", "true"), S.setAttribute("data-blok-testid", "code-gutter");
 	let ne = i ? i.split("\n").length : 1;
 	Array.from({ length: ne }, (e, t) => {
 		let n = document.createElement("div");
-		n.className = Fs, n.textContent = String(t + 1), S.appendChild(n);
+		n.className = Ps, n.textContent = String(t + 1), S.appendChild(n);
 	}), d.appendChild(f), d.appendChild(h);
 	let re = document.createElement("div");
-	re.className = ds, _ && re.appendChild(_), re.appendChild(b), d.appendChild(re);
+	re.className = us, _ && re.appendChild(_), re.appendChild(b), d.appendChild(re);
 	let ie = document.createElement("pre");
 	ie.appendChild(x);
 	let C = document.createElement("div");
-	if (C.className = Ns, C.appendChild(S), C.appendChild(ie), u.appendChild(d), y && v) {
+	if (C.className = Ms, C.appendChild(S), C.appendChild(ie), u.appendChild(d), y && v) {
 		let e = document.createElement("div");
-		e.className = Os, e.appendChild(C);
+		e.className = Ds, e.appendChild(C);
 		let t = document.createElement("div");
-		t.className = Os, t.appendChild(v), y.appendChild(e), y.appendChild(t), u.appendChild(y);
+		t.className = Ds, t.appendChild(v), y.appendChild(e), y.appendChild(t), u.appendChild(y);
 	} else u.appendChild(C);
 	return {
 		wrapper: u,
@@ -8905,10 +8925,10 @@ function Rs(e) {
 }
 //#endregion
 //#region src/tools/code/code-keyboard.ts
-function zs(e, t, n) {
-	return e.key === "Enter" && e.shiftKey ? (n(), !0) : e.key === "Enter" ? (Bs(t), !0) : e.key === "Tab" && !e.shiftKey ? (Vs(), !0) : e.key === "Tab" && e.shiftKey ? (Us(t), !0) : !1;
+function Rs(e, t, n) {
+	return e.key === "Enter" && e.shiftKey ? (n(), !0) : e.key === "Enter" ? (zs(t), !0) : e.key === "Tab" && !e.shiftKey ? (Bs(), !0) : e.key === "Tab" && e.shiftKey ? (Hs(t), !0) : !1;
 }
-function Bs(e) {
+function zs(e) {
 	var t;
 	let n = window.getSelection();
 	if (!n || n.rangeCount === 0) return;
@@ -8916,9 +8936,9 @@ function Bs(e) {
 	i.selectNodeContents(e), i.setEnd(r.startContainer, r.startOffset);
 	let a = i.toString().length, o = (t = e.textContent) == null ? "" : t, s = o.substring(0, a), c = o.substring(a);
 	for (; e.firstChild;) e.removeChild(e.firstChild);
-	e.appendChild(document.createTextNode(s + "\n" + c)), Ws(e, a + 1);
+	e.appendChild(document.createTextNode(s + "\n" + c)), Us(e, a + 1);
 }
-function Vs() {
+function Bs() {
 	let e = window.getSelection();
 	if (!e || e.rangeCount === 0) return;
 	let t = e.getRangeAt(0);
@@ -8926,23 +8946,23 @@ function Vs() {
 	let n = document.createTextNode("  ");
 	t.insertNode(n), t.setStartAfter(n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 }
-function Hs(e) {
+function Vs(e) {
 	let t = Math.min(2, e.length), n = e.substring(0, t).match(/^ */);
 	return n ? n[0].length : 0;
 }
-function Us(e) {
+function Hs(e) {
 	var t;
 	let n = window.getSelection();
 	if (!n || n.rangeCount === 0) return;
 	let r = n.getRangeAt(0), i = (t = e.textContent) == null ? "" : t, a = r.cloneRange();
 	a.selectNodeContents(e), a.setEnd(r.startContainer, r.startOffset);
-	let o = a.toString().length, s = i.lastIndexOf("\n", o - 1) + 1, c = Hs(i.substring(s));
+	let o = a.toString().length, s = i.lastIndexOf("\n", o - 1) + 1, c = Vs(i.substring(s));
 	if (c === 0) return;
 	let l = i.substring(0, s) + i.substring(s + c);
 	for (; e.firstChild;) e.removeChild(e.firstChild);
-	e.appendChild(document.createTextNode(l)), Ws(e, Math.max(s, o - c));
+	e.appendChild(document.createTextNode(l)), Us(e, Math.max(s, o - c));
 }
-function Ws(e, t) {
+function Us(e, t) {
 	let n = window.getSelection();
 	if (!n) return;
 	let r = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), i = (e) => {
@@ -8961,23 +8981,23 @@ function Ws(e, t) {
 }
 //#endregion
 //#region src/tools/code/katex-loader.ts
-var Gs = {
+var Ws = {
 	katexPromise: null,
 	cssInjected: !1
 };
-function Ks() {
-	if (Gs.cssInjected) return;
-	Gs.cssInjected = !0;
+function Gs() {
+	if (Ws.cssInjected) return;
+	Ws.cssInjected = !0;
 	let e = document.createElement("link");
 	e.rel = "stylesheet", e.setAttribute("data-katex-css", ""), e.href = "https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css", document.head.appendChild(e);
 }
-async function qs() {
-	return Gs.katexPromise || (Gs.katexPromise = import("./katex-B8jUB5Cv.mjs").then((e) => e.n).then((e) => e.default)), Gs.katexPromise;
+async function Ks() {
+	return Ws.katexPromise || (Ws.katexPromise = import("./katex-B8jUB5Cv.mjs").then((e) => e.n).then((e) => e.default)), Ws.katexPromise;
 }
-async function Js(e) {
-	Ks();
+async function qs(e) {
+	Gs();
 	try {
-		return (await qs()).renderToString(e, {
+		return (await Ks()).renderToString(e, {
 			throwOnError: !1,
 			displayMode: !0
 		});
@@ -8987,21 +9007,21 @@ async function Js(e) {
 }
 //#endregion
 //#region src/tools/code/mermaid-loader.ts
-var Ys = {
+var Js = {
 	mermaidPromise: null,
 	initialized: !1
 };
-async function Xs() {
-	Ys.mermaidPromise || (Ys.mermaidPromise = import("./mermaid.core-C40gcVfv.mjs").then((e) => e.default));
-	let e = await Ys.mermaidPromise;
-	return Ys.initialized || (Ys.initialized = !0, e.initialize({
+async function Ys() {
+	Js.mermaidPromise || (Js.mermaidPromise = import("./mermaid.core-C40gcVfv.mjs").then((e) => e.default));
+	let e = await Js.mermaidPromise;
+	return Js.initialized || (Js.initialized = !0, e.initialize({
 		startOnLoad: !1,
 		securityLevel: "strict"
 	})), e;
 }
-async function Zs(e) {
+async function Xs(e) {
 	try {
-		let t = await Xs();
+		let t = await Ys();
 		if (await t.parse(e, { suppressErrors: !0 }) === !1) return "<span class=\"text-red-500 text-sm\">Invalid Mermaid syntax</span>";
 		let n = `mermaid-${crypto.randomUUID()}`;
 		return (await t.render(n, e)).svg;
@@ -9011,7 +9031,7 @@ async function Zs(e) {
 }
 //#endregion
 //#region src/tools/code/shiki-loader.ts
-var Qs = {
+var Zs = {
 	javascript: () => import("./javascript-DilE9EuZ.mjs"),
 	typescript: () => import("./typescript-DhtGMhWX.mjs").then((e) => e.n),
 	python: () => import("./python-DYiHKGPV.mjs"),
@@ -9042,29 +9062,29 @@ var Qs = {
 	lua: () => import("./lua-COOfzihE.mjs"),
 	latex: () => import("./latex-DY1HNB4U.mjs"),
 	mermaid: () => import("./mermaid-BKA834jS.mjs")
-}, $s = {
+}, Qs = {
 	highlighterPromise: null,
 	highlighter: null
 };
-function ec(e) {
-	return Ms.has(e);
+function $s(e) {
+	return js.has(e);
 }
-async function tc() {
-	return $s.highlighterPromise || ($s.highlighterPromise = (async () => {
+async function ec() {
+	return Qs.highlighterPromise || (Qs.highlighterPromise = (async () => {
 		let { createHighlighterCore: e } = await import("./core-B7mxBIHA.mjs"), { createJavaScriptRegexEngine: t } = await import("./engine-javascript-Bmmg8uL9.mjs"), n = await e({
 			themes: [import("./one-light-Di_o5Kb7.mjs"), import("./vitesse-dark-B5oAIYZ5.mjs")],
 			langs: [],
 			engine: t()
 		});
-		return $s.highlighter = n, n;
-	})()), $s.highlighterPromise;
+		return Qs.highlighter = n, n;
+	})()), Qs.highlighterPromise;
 }
-async function nc(e, t) {
+async function tc(e, t) {
 	if (e.getLoadedLanguages().includes(t)) return;
-	let n = Qs[t];
+	let n = Zs[t];
 	n && await e.loadLanguage(await n());
 }
-function rc(e) {
+function nc(e) {
 	return {
 		tokens: e.tokens.map((t) => t.map((t) => {
 			var n;
@@ -9077,52 +9097,52 @@ function rc(e) {
 		fg: e.fg
 	};
 }
-async function ic(e, t) {
-	if (!ec(t)) return null;
+async function rc(e, t) {
+	if (!$s(t)) return null;
 	try {
-		let n = await tc();
-		await nc(n, t);
+		let n = await ec();
+		await tc(n, t);
 		let r = n.codeToTokens(e, {
 			lang: t,
-			theme: ks
+			theme: Os
 		}), i = n.codeToTokens(e, {
 			lang: t,
-			theme: As
+			theme: ks
 		});
 		return {
-			light: rc(r),
-			dark: rc(i)
+			light: nc(r),
+			dark: nc(i)
 		};
 	} catch (e) {
-		return $s.highlighterPromise = null, $s.highlighter = null, null;
+		return Qs.highlighterPromise = null, Qs.highlighter = null, null;
 	}
 }
 //#endregion
 //#region src/tools/code/highlight-applier.ts
-var ac = {
+var ic = {
 	stylesheet: null,
 	knownRules: /* @__PURE__ */ new Set()
 };
-function oc() {
+function ac() {
 	return typeof CSS < "u" && "highlights" in CSS;
 }
-function sc() {
+function oc() {
 	return CSS.highlights;
 }
-function cc() {
-	return ac.stylesheet || (ac.stylesheet = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, ac.stylesheet]), ac.stylesheet;
+function sc() {
+	return ic.stylesheet || (ic.stylesheet = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, ic.stylesheet]), ic.stylesheet;
 }
-function lc(e) {
+function cc(e) {
 	let t = e.replace("#", "").toLowerCase();
 	return t.length > 6 ? t.substring(0, 6) : t;
 }
-function uc(e, t, n, r) {
+function lc(e, t, n, r) {
 	let i = `${r == null ? "" : r}::${t}`;
-	if (ac.knownRules.has(i)) return;
+	if (ic.knownRules.has(i)) return;
 	let a = r ? `${r} ::highlight(${t}) { color: ${n}; }` : `::highlight(${t}) { color: ${n}; }`;
-	e.insertRule(a, e.cssRules.length), ac.knownRules.add(i);
+	e.insertRule(a, e.cssRules.length), ic.knownRules.add(i);
 }
-function dc(e, t) {
+function uc(e, t) {
 	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = (i, a) => {
 		var o, s;
 		if (!i) {
@@ -9143,7 +9163,7 @@ function dc(e, t) {
 	};
 	return r(n.nextNode(), 0);
 }
-function fc(e) {
+function dc(e) {
 	return e.split("\n").reduce((e, t) => ({
 		offsets: [...e.offsets, e.pos],
 		pos: e.pos + t.length + 1
@@ -9152,30 +9172,30 @@ function fc(e) {
 		pos: 0
 	}).offsets;
 }
-function pc(e, t, n, r, i, a, o, s, c) {
+function fc(e, t, n, r, i, a, o, s, c) {
 	if (!r.content.trim()) return;
 	let l = n + r.offset, u = l + r.content.length;
 	if (u > t.length) return;
-	let d = dc(e, l), f = dc(e, u);
+	let d = uc(e, l), f = uc(e, u);
 	if (!(!d || !f)) try {
 		let e = new Range();
 		e.setStart(d.node, d.offset), e.setEnd(f.node, f.offset);
-		let t = `blok-${i}-${lc(r.color)}`, n = sc();
-		uc(s, t, r.color, a);
+		let t = `blok-${i}-${cc(r.color)}`, n = oc();
+		lc(s, t, r.color, a);
 		let l = n.get(t), u = l == null ? new Highlight() : l;
 		l || (u.priority = o, n.set(t, u)), u.add(e), c.push([t, e]);
 	} catch (e) {}
 }
-function mc(e, t, n, r, i, a, o, s, c) {
+function pc(e, t, n, r, i, a, o, s, c) {
 	for (let [l, u] of r.tokens.entries()) {
 		let r = n[l];
-		if (r !== void 0) for (let n of u) pc(e, t, r, n, i, a, o, s, c);
+		if (r !== void 0) for (let n of u) fc(e, t, r, n, i, a, o, s, c);
 	}
 }
-function hc(e, t) {
+function mc(e, t) {
 	var n;
-	if (!oc()) return () => {};
-	let r = cc(), i = [], a = (n = e.textContent) == null ? "" : n, o = fc(a), s = [[
+	if (!ac()) return () => {};
+	let r = sc(), i = [], a = (n = e.textContent) == null ? "" : n, o = dc(a), s = [[
 		"l",
 		t.light,
 		void 0,
@@ -9183,13 +9203,13 @@ function hc(e, t) {
 	], [
 		"d",
 		t.dark,
-		js,
+		As,
 		1
 	]];
-	for (let [t, n, c, l] of s) mc(e, a, o, n, t, c, l, r, i);
-	return () => gc(i, sc());
+	for (let [t, n, c, l] of s) pc(e, a, o, n, t, c, l, r, i);
+	return () => hc(i, oc());
 }
-function gc(e, t) {
+function hc(e, t) {
 	for (let [n, r] of e) {
 		let e = t.get(n);
 		e && (e.delete(r), e.size === 0 && t.delete(n));
@@ -9197,7 +9217,7 @@ function gc(e, t) {
 }
 //#endregion
 //#region src/tools/code/language-detector.ts
-var _c = [
+var gc = [
 	"javascript",
 	"typescript",
 	"python",
@@ -9213,8 +9233,8 @@ var _c = [
 	"yaml",
 	"markdown",
 	"php"
-], vc = 20, yc = .75, bc = 2;
-function xc(e, t) {
+], _c = 20, vc = .75, yc = 2;
+function bc(e, t) {
 	let n = e.flat(), r = n.reduce((e, t) => e + t.content.length, 0);
 	if (r === 0) return 1;
 	let { fgChars: i, nonFgColors: a } = n.reduce((e, n) => ({
@@ -9224,16 +9244,16 @@ function xc(e, t) {
 		fgChars: 0,
 		nonFgColors: /* @__PURE__ */ new Set()
 	});
-	return a.size < bc ? 1 : i / r;
+	return a.size < yc ? 1 : i / r;
 }
-async function Sc(e) {
-	if (e.length < vc) return null;
-	let t = (await Promise.all(_c.map(async (t) => ({
+async function xc(e) {
+	if (e.length < _c) return null;
+	let t = (await Promise.all(gc.map(async (t) => ({
 		lang: t,
-		tokens: await ic(e, t)
+		tokens: await rc(e, t)
 	})))).reduce((e, { lang: t, tokens: n }) => {
 		if (!n) return e;
-		let r = xc(n.light.tokens, n.light.fg);
+		let r = bc(n.light.tokens, n.light.fg);
 		return r < e.score ? {
 			lang: t,
 			score: r
@@ -9242,35 +9262,35 @@ async function Sc(e) {
 		lang: null,
 		score: Infinity
 	});
-	return t.lang === null || t.score >= yc ? null : t.lang;
+	return t.lang === null || t.score >= vc ? null : t.lang;
 }
 //#endregion
 //#region src/tools/code/index.ts
-var Cc = 1500, wc = class {
+var Sc = 1500, Cc = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i, a;
 		this._dom = null, this._lineNumbers = !0, this._picker = null, this._viewMode = "preview", this._previewContainer = null, this._disposeHighlights = null, this._highlightRafId = null, this._detectedLanguage = null, this._detectionTimeoutId = null, this.api = t, this.readOnly = n, this._data = {
 			code: (r = e == null ? void 0 : e.code) == null ? "" : r,
-			language: (i = e == null ? void 0 : e.language) == null ? os : i,
+			language: (i = e == null ? void 0 : e.language) == null ? as : i,
 			lineNumbers: e == null ? void 0 : e.lineNumbers
 		}, this._lineNumbers = (a = e == null ? void 0 : e.lineNumbers) == null ? !0 : a;
 	}
 	render() {
-		let e = gs.has(this._data.language), t = Rs({
+		let e = hs.has(this._data.language), t = Ls({
 			code: this._data.code,
 			languageName: this.getLanguageName(this._data.language),
 			readOnly: this.readOnly,
-			copyLabel: this.api.i18n.t(is),
+			copyLabel: this.api.i18n.t(rs),
 			previewable: this.readOnly ? !1 : e,
 			viewModeLabels: this.readOnly ? void 0 : {
-				code: this.api.i18n.t(_s),
-				preview: this.api.i18n.t(vs),
-				split: this.api.i18n.t(bs)
+				code: this.api.i18n.t(gs),
+				preview: this.api.i18n.t(_s),
+				split: this.api.i18n.t(ys)
 			}
 		});
 		if (this._dom = t, t.gutterElement.hidden = !this._lineNumbers, this.readOnly && e) {
 			let e = document.createElement("div");
-			e.className = ys, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
+			e.className = vs, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
 		}
 		if (!this.readOnly && e && t.previewElement && (this._viewMode = "preview", this._previewContainer = t.previewElement, this.applyViewMode(), this.renderPreview()), !this.readOnly && t.viewModeContainer) {
 			let e = Array.from(t.viewModeContainer.querySelectorAll("[data-mode]"));
@@ -9283,10 +9303,10 @@ var Cc = 1500, wc = class {
 			}
 		}
 		return this.readOnly || (t.codeElement.addEventListener("keydown", (e) => {
-			zs(e, t.codeElement, () => this.exitBlock()) && (e.preventDefault(), this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection());
+			Rs(e, t.codeElement, () => this.exitBlock()) && (e.preventDefault(), this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection());
 		}), t.codeElement.addEventListener("input", () => {
 			this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight(), this.scheduleDetection();
-		})), t.copyButton.addEventListener("click", () => this.copyCode()), T(t.copyButton, this.api.i18n.t(is), { placement: "bottom" }), this.readOnly || (this._picker = this.buildLanguagePicker(t.languageButton, t.wrapper), t.languageButton.addEventListener("click", () => {
+		})), t.copyButton.addEventListener("click", () => this.copyCode()), T(t.copyButton, this.api.i18n.t(rs), { placement: "bottom" }), this.readOnly || (this._picker = this.buildLanguagePicker(t.languageButton, t.wrapper), t.languageButton.addEventListener("click", () => {
 			var e;
 			if ((e = this._picker) != null && e.isShown) this._picker.hide();
 			else {
@@ -9308,17 +9328,17 @@ var Cc = 1500, wc = class {
 	applyViewMode() {
 		var e, t;
 		if (!((e = this._dom) != null && e.previewElement) || !this._dom.viewModeContainer || !this._dom.splitContainer) return;
-		Ls(this._dom.viewModeContainer, this._viewMode);
+		Is(this._dom.viewModeContainer, this._viewMode);
 		let n = (t = this._dom.preElement.parentElement) == null ? void 0 : t.parentElement;
 		switch (this._viewMode) {
 			case "code":
-				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0, n && (n.hidden = !1), this._dom.splitContainer.className = Es;
+				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0, n && (n.hidden = !1), this._dom.splitContainer.className = Ts;
 				break;
 			case "preview":
-				this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, n && (n.hidden = !0), this._dom.splitContainer.className = Es;
+				this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, n && (n.hidden = !0), this._dom.splitContainer.className = Ts;
 				break;
 			case "split":
-				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !1, n && (n.hidden = !1), this._dom.splitContainer.className = Ds;
+				this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !1, n && (n.hidden = !1), this._dom.splitContainer.className = Es;
 				break;
 		}
 	}
@@ -9327,7 +9347,7 @@ var Cc = 1500, wc = class {
 		let r = e._previewContainer;
 		if (!r) return;
 		let i = (t = (n = e._dom) == null ? void 0 : n.codeElement.textContent) == null ? e._data.code : t;
-		r.innerHTML = e._data.language === "mermaid" ? await Zs(i) : await Js(i);
+		r.innerHTML = e._data.language === "mermaid" ? await Xs(i) : await qs(i);
 	}
 	setReadOnly(e) {
 		this.readOnly = e, this._dom && (e ? (this._dom.codeElement.setAttribute("contenteditable", "false"), this._dom.codeElement.removeAttribute("spellcheck")) : (this._dom.codeElement.setAttribute("contenteditable", "plaintext-only"), this._dom.codeElement.setAttribute("spellcheck", "false")));
@@ -9349,7 +9369,7 @@ var Cc = 1500, wc = class {
 	renderSettings() {
 		let e = this._data.language, t = this._detectedLanguage, n = t !== null && t !== e, r = [];
 		if (n) {
-			let e = ss.find((e) => e.id === t);
+			let e = os.find((e) => e.id === t);
 			e && (r.push({
 				title: e.name,
 				secondaryLabel: "auto",
@@ -9359,14 +9379,14 @@ var Cc = 1500, wc = class {
 				isActive: () => this._data.language === e.id
 			}), r.push({ type: D.Separator }));
 		}
-		return r.push(...ss.map((t) => ({
+		return r.push(...os.map((t) => ({
 			title: t.name,
 			trailingIcon: t.id === e ? We : void 0,
 			onActivate: () => this.setLanguage(t.id),
 			closeOnActivate: !0
 		}))), [{
 			icon: h,
-			title: this.api.i18n.t(ns),
+			title: this.api.i18n.t(ts),
 			name: "code-language",
 			children: { items: r }
 		}];
@@ -9387,7 +9407,7 @@ var Cc = 1500, wc = class {
 	}
 	setLanguage(e) {
 		this._data.language = e;
-		let t = gs.has(e);
+		let t = hs.has(e);
 		if (this._dom) {
 			let n = this._dom.languageButton.querySelector("span");
 			n && (n.textContent = this.getLanguageName(e)), this._dom.viewModeContainer && (this._dom.viewModeContainer.hidden = !t), t && this._dom.previewElement && (this._previewContainer = this._dom.previewElement, this._viewMode = "preview", this.applyViewMode(), this.renderPreview()), t || (this._previewContainer = null, this._viewMode = "code", this.applyViewMode()), this._picker && this._picker.destroy(), this._picker = this.buildLanguagePicker(this._dom.languageButton, this._dom.wrapper);
@@ -9397,7 +9417,7 @@ var Cc = 1500, wc = class {
 	buildLanguagePickerItems() {
 		let e = this._data.language, t = this._detectedLanguage, n = t !== null && t !== e, r = [];
 		if (n) {
-			let e = ss.find((e) => e.id === t);
+			let e = os.find((e) => e.id === t);
 			e && (r.push({
 				title: e.name,
 				name: e.id,
@@ -9408,7 +9428,7 @@ var Cc = 1500, wc = class {
 				onActivate: () => this.setLanguage(e.id)
 			}), r.push({ type: D.Separator }));
 		}
-		return r.push(...ss.map((t) => ({
+		return r.push(...os.map((t) => ({
 			title: t.name,
 			name: t.id,
 			trailingIcon: t.id === e ? We : void 0,
@@ -9424,11 +9444,11 @@ var Cc = 1500, wc = class {
 			leftAlignElement: t,
 			searchable: !0,
 			width: "200px",
-			messages: { search: this.api.i18n.t(as) }
+			messages: { search: this.api.i18n.t(is) }
 		});
 	}
 	getLanguageName(e) {
-		let t = ss.find((t) => t.id === e);
+		let t = os.find((t) => t.id === e);
 		return t ? t.name : e;
 	}
 	copyCode() {
@@ -9437,9 +9457,9 @@ var Cc = 1500, wc = class {
 		navigator.clipboard.writeText(n).then(() => {
 			if (!this._dom) return;
 			let e = this._dom.copyButton, t = e.innerHTML;
-			e.innerHTML = `<span class="${hs}">${this.api.i18n.t(rs)}</span>`, setTimeout(() => {
+			e.innerHTML = `<span class="${ms}">${this.api.i18n.t(ns)}</span>`, setTimeout(() => {
 				e.innerHTML = t;
-			}, Cc);
+			}, Sc);
 		}).catch(() => {});
 	}
 	updateGutter() {
@@ -9448,7 +9468,7 @@ var Cc = 1500, wc = class {
 		let t = (e = this._dom.codeElement.textContent) == null ? "" : e, n = t ? t.split("\n").length : 1, r = this._dom.gutterElement;
 		r.children.length !== n && (r.innerHTML = "", Array.from({ length: n }, (e, t) => {
 			let n = document.createElement("div");
-			n.className = Fs, n.textContent = String(t + 1), r.appendChild(n);
+			n.className = Ps, n.textContent = String(t + 1), r.appendChild(n);
 		}));
 	}
 	syncTrailingBr() {
@@ -9465,14 +9485,14 @@ var Cc = 1500, wc = class {
 	scheduleDetection() {
 		this._detectionTimeoutId !== null && clearTimeout(this._detectionTimeoutId), this._detectionTimeoutId = setTimeout(() => {
 			var e, t;
-			this._detectionTimeoutId = null, Sc((e = (t = this._dom) == null ? void 0 : t.codeElement.textContent) == null ? "" : e).then((e) => {
+			this._detectionTimeoutId = null, xc((e = (t = this._dom) == null ? void 0 : t.codeElement.textContent) == null ? "" : e).then((e) => {
 				e !== this._detectedLanguage && (this._detectedLanguage = e, this._dom && (this._picker && this._picker.destroy(), this._picker = this.buildLanguagePicker(this._dom.languageButton, this._dom.wrapper)));
 			});
 		}, 600);
 	}
 	async highlightCode() {
 		var e = this, t, n, r;
-		if (!oc() || !ec(e._data.language)) {
+		if (!ac() || !$s(e._data.language)) {
 			var i;
 			(i = e._disposeHighlights) == null || i.call(e), e._disposeHighlights = null;
 			return;
@@ -9483,8 +9503,8 @@ var Cc = 1500, wc = class {
 			(o = e._disposeHighlights) == null || o.call(e), e._disposeHighlights = null;
 			return;
 		}
-		let s = await ic(a, e._data.language);
-		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = hc(e._dom.codeElement, s));
+		let s = await rc(a, e._data.language);
+		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = mc(e._dom.codeElement, s));
 	}
 	exitBlock() {
 		let e = this.api.blocks.getCurrentBlockIndex();
@@ -9532,10 +9552,10 @@ var Cc = 1500, wc = class {
 			patterns: { code: /^```/ }
 		};
 	}
-}, G = (e) => {
+}, wc = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, Tc = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && G(e)), Ec = (e) => e.textContent.length === 0, K = (e) => e ? e.nodeType === Node.ELEMENT_NODE && G(e) ? q(e) : K(e.parentNode) : null, q = (e) => {
+}, Tc = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && wc(e)), Ec = (e) => e.textContent.length === 0, K = (e) => e ? e.nodeType === Node.ELEMENT_NODE && wc(e) ? q(e) : K(e.parentNode) : null, q = (e) => {
 	if (e.tagName === "STRONG") return e;
 	let t = document.createElement("strong");
 	for (e.hasAttributes() && Array.from(e.attributes).forEach((e) => {
@@ -10129,7 +10149,7 @@ var Pc = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return Lc(e, G, t);
+		return Lc(e, wc, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -10146,11 +10166,11 @@ var Pc = (e, t) => {
 		t.removeChild(e);
 	}
 	findBoldElementFromRangeOrSelection(e, t) {
-		return e ? K(e.startContainer) || K(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && G(e.startContainer) ? e.startContainer : null) : t ? K(t.focusNode) : null;
+		return e ? K(e.startContainer) || K(e.commonAncestorContainer) || (e.startContainer.nodeType === Node.ELEMENT_NODE && wc(e.startContainer) ? e.startContainer : null) : t ? K(t.focusNode) : null;
 	}
 	mergeAdjacentBold(t) {
-		let n = q(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && G(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
-		return a && a.nodeType === Node.ELEMENT_NODE && G(a) ? e.mergeStrongNodes(i, a) : i;
+		let n = q(t), r = n.previousSibling, i = r && r.nodeType === Node.ELEMENT_NODE && wc(r) ? e.mergeStrongNodes(r, n) : n, a = i.nextSibling;
+		return a && a.nodeType === Node.ELEMENT_NODE && wc(a) ? e.mergeStrongNodes(i, a) : i;
 	}
 	toggleCollapsedSelection() {
 		let t = window.getSelection();
@@ -10249,7 +10269,7 @@ var Pc = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return Q(e, G);
+		return Q(e, wc);
 	}
 };
 $ = Bc, $.isInline = !0, $.title = "Bold", $.titleKey = "bold", $.markerSequence = 0, $.isProcessingMutation = !1, $.instances = /* @__PURE__ */ new Set(), $.guardKeydownListenerRegistered = !1, $.shortcut = "CMD+B";
@@ -11362,4 +11382,4 @@ var cl = {
 	inlineCode: {}
 };
 //#endregion
-export { ba as _, tl as a, Pt as b, Uc as c, ts as d, Zo as f, Ta as g, vo as h, il as i, Bc as l, Yo as m, ll as n, Qc as o, Xo as p, sl as r, qc as s, cl as t, wc as u, _r as v, Zt as y };
+export { ba as _, tl as a, Nt as b, Uc as c, es as d, Xo as f, Ta as g, _o as h, il as i, Bc as l, Jo as m, ll as n, Qc as o, Yo as p, sl as r, qc as s, cl as t, Cc as u, _r as v, Zt as y };