@b10cks/client 1.12.0 → 2.0.0

package/dist/index.mjs

@@ -261,14 +261,23 @@ function f(e) {
 }
 //#endregion
 //#region src/preview-bridge.ts
-var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Array.isArray(e) && e.every((e) => typeof e == "string" || typeof e == "number" && Number.isInteger(e) && e >= 0), h = (e) => e.selectedItem === null || typeof e.selectedItem == "string", g = {
+var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Array.isArray(e) && e.every((e) => typeof e == "string" || typeof e == "number" && Number.isInteger(e) && e >= 0), h = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"p"
+], g = (e) => p(e) && (e.features === void 0 || p(e.features) && Object.values(e.features).every((e) => typeof e == "boolean")) && (e.headingLevels === void 0 || Array.isArray(e.headingLevels) && e.headingLevels.every((e) => h.some((t) => t === e))), _ = (e) => e.selectedItem === null || typeof e.selectedItem == "string", ee = {
 	CONTENT_UPDATE: (e) => p(e.content),
 	CONTENT_PATCH: (e) => m(e.path) && "value" in e && (e.itemId === void 0 || typeof e.itemId == "string"),
-	SELECT_UPDATE: h,
-	HOVER_UPDATE: h,
+	SELECT_UPDATE: _,
+	HOVER_UPDATE: _,
+	FIELD_CONFIG: (e) => typeof e.itemId == "string" && e.itemId !== "" && m(e.path) && g(e.richtext),
 	BLOCK_LABELS: (e) => p(e.labels) && Object.values(e.labels).every((e) => typeof e == "string"),
 	HIDDEN_BLOCKS: (e) => Array.isArray(e.ids) && e.ids.every((e) => typeof e == "string")
-}, _ = (e) => typeof e == "string" && Object.hasOwn(g, e), ee = "B10CKS_BRIDGE_READY", te = 2, ne = class e {
+}, te = (e) => typeof e == "string" && Object.hasOwn(ee, e), ne = "B10CKS_BRIDGE_READY", re = 3, ie = class e {
 	static instance;
 	listeners = {};
 	received = {};
@@ -286,8 +295,8 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
 				return;
 			}
 			this.allowedOrigins = e.allowedOrigins ?? null, window.addEventListener("message", this.handleMessage), this.initialized = !0, window.parent.postMessage({
-				type: ee,
-				payload: { protocol: 2 }
+				type: ne,
+				payload: { protocol: 3 }
 			}, "*");
 		}
 	}
@@ -331,6 +340,9 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
 			value: n
 		});
 	}
+	patchLocal(e) {
+		this.isInPreviewMode() && this.notify("CONTENT_PATCH", e);
+	}
 	blockAction(e, t) {
 		this.post("BLOCK_ACTION", {
 			itemId: e,
@@ -353,7 +365,7 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
 	handleMessage = (e) => {
 		if (!this.isOriginTrusted(e.origin) || !e.data || typeof e.data != "object") return;
 		let { type: t, payload: n } = e.data;
-		_(t) && p(n) && g[t](n) && (!this.parentOrigin && e.origin && e.origin !== "null" && (this.parentOrigin = e.origin), this.notify(t, n));
+		te(t) && p(n) && ee[t](n) && (!this.parentOrigin && e.origin && e.origin !== "null" && (this.parentOrigin = e.origin), this.notify(t, n));
 	};
 	isOriginTrusted(e) {
 		return this.parentOrigin ? e === this.parentOrigin : !this.allowedOrigins || this.allowedOrigins.includes(e);
@@ -363,16 +375,16 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
 		let n = this.listeners[e];
 		if (n) for (let e of n) e(t);
 	}
-}, v = ne.getInstance(), y = "rgb(59, 130, 246)", re = 2, ie = `
+}, v = ie.getInstance(), y = "rgb(59, 130, 246)", ae = 2, oe = `
   :host { all: initial; position: fixed; inset: 0; pointer-events: none; z-index: 2147483647; }
   [hidden] { display: none !important; }
   .box {
     position: fixed; top: 0; left: 0; box-sizing: border-box;
-    border: ${re}px solid ${y}; border-radius: 2px;
+    border: ${ae}px solid ${y}; border-radius: 2px;
   }
   .box.hover { border-style: dashed; border-color: rgba(59, 130, 246, 0.6); }
   .label {
-    position: absolute; left: 6px; bottom: 100%; margin-bottom: ${re}px;
+    position: absolute; left: 6px; bottom: 100%; margin-bottom: ${ae}px;
     display: flex; align-items: center; padding: 0 6px; border-radius: 3px 3px 0 0; white-space: nowrap;
     font: 500 11px/16px system-ui, -apple-system, sans-serif;
     color: #fff; background: ${y};
@@ -402,7 +414,7 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
     position: fixed; top: 0; left: 0; border-radius: 2px;
     background: ${y}; box-shadow: 0 0 0 1px #fff;
   }
-`, ae = [
+`, se = [
 	{
 		action: "move-up",
 		label: "Move up",
@@ -433,12 +445,12 @@ var p = (e) => typeof e == "object" && !!e && !Array.isArray(e), m = (e) => Arra
 		label: "Delete",
 		icon: "<path d=\"M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3\"/>"
 	}
-], oe = "<path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>", se = "<path d=\"M10.7 5.1A10.4 10.4 0 0 1 12 5c6.5 0 10 7 10 7a17 17 0 0 1-1.7 2.6M6.6 6.6A17 17 0 0 0 2 12s3.5 7 10 7a9.7 9.7 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2M2 2l20 20\"/>", ce = "<g fill=\"currentColor\" stroke=\"none\"><circle cx=\"9\" cy=\"6\" r=\"1.5\"/><circle cx=\"15\" cy=\"6\" r=\"1.5\"/><circle cx=\"9\" cy=\"12\" r=\"1.5\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\"/><circle cx=\"9\" cy=\"18\" r=\"1.5\"/><circle cx=\"15\" cy=\"18\" r=\"1.5\"/></g>", le = "Alt/Option-click to use links and buttons on the page";
-function ue(e) {
+], ce = "<path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/>", le = "<path d=\"M10.7 5.1A10.4 10.4 0 0 1 12 5c6.5 0 10 7 10 7a17 17 0 0 1-1.7 2.6M6.6 6.6A17 17 0 0 0 2 12s3.5 7 10 7a9.7 9.7 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2M2 2l20 20\"/>", ue = "<g fill=\"currentColor\" stroke=\"none\"><circle cx=\"9\" cy=\"6\" r=\"1.5\"/><circle cx=\"15\" cy=\"6\" r=\"1.5\"/><circle cx=\"9\" cy=\"12\" r=\"1.5\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\"/><circle cx=\"9\" cy=\"18\" r=\"1.5\"/><circle cx=\"15\" cy=\"18\" r=\"1.5\"/></g>", de = "Alt/Option-click to use links and buttons on the page";
+function fe(e) {
 	let t = document.createElement("div");
 	t.id = "b10cks-overlay";
 	let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
-	r.textContent = ie, n.appendChild(r);
+	r.textContent = oe, n.appendChild(r);
 	let i = b("div", "box hover");
 	i.hidden = !0;
 	let a = b("div", "label name");
@@ -446,13 +458,13 @@ function ue(e) {
 	let o = b("div", "box selected");
 	o.hidden = !0;
 	let s = b("div", "label bar"), c = b("span", "crumbs"), l = b("span", "name");
-	l.title = le;
+	l.title = de;
 	let u = b("div", "tools");
 	u.setAttribute("role", "toolbar"), u.setAttribute("aria-label", "Block actions");
 	let d = b("div", "tool handle");
-	d.title = "Drag to move", d.setAttribute("aria-hidden", "true"), d.innerHTML = x(ce), d.addEventListener("pointerdown", (t) => e.onDragStart(t, d)), u.appendChild(d);
+	d.title = "Drag to move", d.setAttribute("aria-hidden", "true"), d.innerHTML = x(ue), d.addEventListener("pointerdown", (t) => e.onDragStart(t, d)), u.appendChild(d);
 	let f = /* @__PURE__ */ new Map();
-	for (let t of ae) {
+	for (let t of se) {
 		let n = b("button", "tool");
 		n.type = "button", n.title = t.label, n.setAttribute("aria-label", t.label), n.innerHTML = x(t.icon), n.addEventListener("click", () => e.onAction(t.action)), f.set(t.action, n), u.appendChild(n);
 	}
@@ -461,7 +473,7 @@ function ue(e) {
 	let h = (e) => {
 		p = e;
 		let t = p ? "Show" : "Hide";
-		m.title = t, m.setAttribute("aria-label", t), m.setAttribute("aria-pressed", String(p)), m.innerHTML = x(p ? se : oe);
+		m.title = t, m.setAttribute("aria-label", t), m.setAttribute("aria-pressed", String(p)), m.innerHTML = x(p ? le : ce);
 	};
 	h(!1), u.insertBefore(m, f.get("delete") ?? null), s.append(c, l, u), o.appendChild(s);
 	let g = b("div", "indicator");
@@ -483,7 +495,7 @@ function ue(e) {
 		renderBar(t) {
 			if (s.hidden = !t || !t.label && t.crumbs.length === 0 && !t.actions, !t) return;
 			let n = t.crumbs.map((e) => `${e.id}\u0000${e.label}`).join("
");
-			n !== _ && (_ = n, c.replaceChildren(...de(t.crumbs, e.onSelect))), l.textContent = t.label, u.hidden = !t.actions, pe(f.get("move-up"), !t.actions?.canMoveUp), pe(f.get("move-down"), !t.actions?.canMoveDown);
+			n !== _ && (_ = n, c.replaceChildren(...pe(t.crumbs, e.onSelect))), l.textContent = t.label, u.hidden = !t.actions, he(f.get("move-up"), !t.actions?.canMoveUp), he(f.get("move-down"), !t.actions?.canMoveDown);
 			let r = t.actions?.hidden ?? null;
 			m.hidden = r === null, r !== null && r !== p && h(r);
 		},
@@ -492,23 +504,23 @@ function ue(e) {
 		}
 	};
 }
-function de(e, t) {
+function pe(e, t) {
 	let n = [], r = e.slice(0, -3);
 	if (r.length > 0) {
 		let e = b("span", "more");
-		e.textContent = "…", e.title = r.map((e) => e.label).join(" › "), n.push(e, fe());
+		e.textContent = "…", e.title = r.map((e) => e.label).join(" › "), n.push(e, me());
 	}
 	for (let r of e.slice(-3)) {
 		let e = b("button", "crumb");
-		e.type = "button", e.textContent = r.label, e.title = `Select ${r.label}`, e.addEventListener("click", () => t(r.id)), n.push(e, fe());
+		e.type = "button", e.textContent = r.label, e.title = `Select ${r.label}`, e.addEventListener("click", () => t(r.id)), n.push(e, me());
 	}
 	return n;
 }
-function fe() {
+function me() {
 	let e = b("span", "sep");
 	return e.textContent = "›", e.setAttribute("aria-hidden", "true"), e;
 }
-function pe(e, t) {
+function he(e, t) {
 	e && (e.disabled = t);
 }
 function b(e, t) {
@@ -520,168 +532,168 @@ function x(e) {
 }
 //#endregion
 //#region src/preview-overlay.ts
-var S = {
+var ge = {
 	selected: "b10cks-selected",
 	hover: "b10cks-hover"
-}, C = "b10cks-hidden", w = 2, me = 24, T = 3, E = /* @__PURE__ */ new Map(), D = {
+}, _e = "b10cks-hidden", S = 2, ve = 24, C = 3, w = /* @__PURE__ */ new Map(), T = {
 	selected: null,
 	hover: null
-}, O = null, k = null, A = null, j = null, M = null, N = !1, P = !1, F = !1, I = null;
-function he(e, t) {
-	return E.set(e, t), t.kind === "block" && e.classList.toggle(C, Ie(t.id) === !0), k ||= ge(), t.kind === "block" && t.id === O && G(), () => {
-		if (E.get(e) === t) {
-			E.delete(e), t.kind === "block" && e.classList.remove(C);
-			for (let t of ["selected", "hover"]) D[t] === e && (D[t] = null, e.classList.remove(S[t]));
-			E.size === 0 ? (k?.(), k = null) : G();
+}, E = null, D = null, O = null, k = null, A = null, j = !1, M = !1, N = !1, P = null;
+function F(e, t) {
+	return w.set(e, t), t.kind === "block" && e.classList.toggle(_e, ze(t.id) === !0), D ||= ye(), t.kind === "block" && t.id === E && W(), () => {
+		if (w.get(e) === t) {
+			w.delete(e), t.kind === "block" && e.classList.remove(_e);
+			for (let t of ["selected", "hover"]) T[t] === e && (T[t] = null, e.classList.remove(ge[t]));
+			w.size === 0 ? (D?.(), D = null) : W();
 		}
 	};
 }
-function ge() {
-	O = v.latest("SELECT_UPDATE")?.selectedItem ?? O, O && G();
+function ye() {
+	E = v.latest("SELECT_UPDATE")?.selectedItem ?? E, E && W();
 	let e = v.on("SELECT_UPDATE", ({ selectedItem: e }) => {
-		O = e || null;
-		let t = D.selected && E.get(D.selected);
-		(t?.kind !== "field" || e && e !== t.id) && K("selected", B(O));
+		E = e || null;
+		let t = T.selected && w.get(T.selected);
+		(t?.kind !== "field" || e && e !== t.id) && G("selected", z(E));
 	}), t = v.on("HOVER_UPDATE", ({ selectedItem: e }) => {
-		K("hover", B(e || null));
-	}), n = v.on("BLOCK_LABELS", q), r = v.on("HIDDEN_BLOCKS", ({ ids: e }) => {
+		G("hover", z(e || null));
+	}), n = v.on("BLOCK_LABELS", K), r = v.on("HIDDEN_BLOCKS", ({ ids: e }) => {
 		let t = new Set(e);
-		for (let [e, n] of E) n.kind === "block" && e.classList.toggle(C, t.has(n.id));
-		q();
+		for (let [e, n] of w) n.kind === "block" && e.classList.toggle(_e, t.has(n.id));
+		K();
 	}), i = {
 		capture: !0,
 		passive: !0
 	};
-	return window.addEventListener("click", L, !0), window.addEventListener("auxclick", L, !0), window.addEventListener("keydown", _e, !0), document.addEventListener("pointerover", xe, !0), document.addEventListener("pointerout", Se, !0), window.addEventListener("scroll", J, i), window.addEventListener("resize", J), j = typeof ResizeObserver > "u" ? null : new ResizeObserver(J), M = typeof MutationObserver > "u" ? null : new MutationObserver(q), () => {
-		W(), e(), t(), n(), r(), window.removeEventListener("click", L, !0), window.removeEventListener("auxclick", L, !0), window.removeEventListener("keydown", _e, !0), document.removeEventListener("pointerover", xe, !0), document.removeEventListener("pointerout", Se, !0), window.removeEventListener("scroll", J, i), window.removeEventListener("resize", J), j?.disconnect(), j = null, M?.disconnect(), M = null, D.selected = null, D.hover = null, A?.host.remove(), A = null;
+	return window.addEventListener("click", I, !0), window.addEventListener("auxclick", I, !0), window.addEventListener("keydown", be, !0), document.addEventListener("pointerover", we, !0), document.addEventListener("pointerout", Te, !0), window.addEventListener("scroll", q, i), window.addEventListener("resize", q), k = typeof ResizeObserver > "u" ? null : new ResizeObserver(q), A = typeof MutationObserver > "u" ? null : new MutationObserver(K), () => {
+		U(), e(), t(), n(), r(), window.removeEventListener("click", I, !0), window.removeEventListener("auxclick", I, !0), window.removeEventListener("keydown", be, !0), document.removeEventListener("pointerover", we, !0), document.removeEventListener("pointerout", Te, !0), window.removeEventListener("scroll", q, i), window.removeEventListener("resize", q), k?.disconnect(), k = null, A?.disconnect(), A = null, T.selected = null, T.hover = null, O?.host.remove(), O = null;
 	};
 }
-function L(e) {
+function I(e) {
 	if (e.altKey) return;
-	let t = Ce(e);
-	t && (R(e), e.type === "click" && z(t, e));
+	let t = Ee(e);
+	t && !w.get(t)?.isEditing?.() && (L(e), e.type === "click" && R(t, e));
 }
-function _e(e) {
-	if (I) {
-		e.key === "Escape" && (R(e), W());
+function be(e) {
+	if (P) {
+		e.key === "Escape" && (L(e), U());
 		return;
 	}
-	let t = D.selected;
-	if (!t?.isConnected || e.defaultPrevented || ve(e) || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+	let t = T.selected;
+	if (!t?.isConnected || e.defaultPrevented || xe(e) || e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
 	let n = null;
-	e.key === "Escape" ? n = H(t)[0] ?? null : e.key === "ArrowUp" ? n = U(t, -1) : e.key === "ArrowDown" && (n = U(t, 1)), n && (R(e), z(n));
+	e.key === "Escape" ? n = V(t)[0] ?? null : e.key === "ArrowUp" ? n = H(t, -1) : e.key === "ArrowDown" && (n = H(t, 1)), n && (L(e), R(n));
 }
-function ve(e) {
+function xe(e) {
 	let t = e.composedPath()[0];
 	return t instanceof HTMLElement && (t.isContentEditable || t.matches("input, textarea, select"));
 }
-function R(e) {
+function L(e) {
 	e.preventDefault(), e.stopImmediatePropagation();
 }
-function z(e, t) {
-	let n = E.get(e);
-	n && (n.activate(t), n.kind === "block" && (O = n.id), K("selected", e));
+function R(e, t) {
+	let n = w.get(e);
+	n && (n.activate(t), n.kind === "block" && (E = n.id), G("selected", e));
 }
-function ye(e) {
-	let t = B(e);
-	t && z(t);
+function Se(e) {
+	let t = z(e);
+	t && R(t);
 }
-function be(e) {
-	let t = D.selected && E.get(D.selected);
+function Ce(e) {
+	let t = T.selected && w.get(T.selected);
 	t?.kind === "block" && v.blockAction(t.id, e);
 }
-function xe(e) {
-	K("hover", Ce(e));
+function we(e) {
+	G("hover", Ee(e));
 }
-function Se(e) {
-	e.relatedTarget || K("hover", null);
+function Te(e) {
+	e.relatedTarget || G("hover", null);
 }
-function Ce(e) {
-	for (let t of e.composedPath()) if (t instanceof HTMLElement && E.has(t)) return t;
+function Ee(e) {
+	for (let t of e.composedPath()) if (t instanceof HTMLElement && w.has(t)) return t;
 	return null;
 }
-function B(e) {
+function z(e) {
 	if (!e) return null;
 	let t = null;
-	for (let [n, r] of E) r.kind === "block" && r.id === e && n.isConnected && (!t || t.contains(n)) && (t = n);
+	for (let [n, r] of w) r.kind === "block" && r.id === e && n.isConnected && (!t || t.contains(n)) && (t = n);
 	return t;
 }
-function V(e) {
+function B(e) {
 	if (e.parentElement) return e.parentElement;
 	let t = e.parentNode;
 	return t instanceof ShadowRoot ? t.host : null;
 }
-function H(e) {
-	let t = [], n = E.get(e), r = n?.kind === "block" ? n.id : null;
-	for (let n = V(e); n; n = V(n)) {
+function V(e) {
+	let t = [], n = w.get(e), r = n?.kind === "block" ? n.id : null;
+	for (let n = B(e); n; n = B(n)) {
 		if (!(n instanceof HTMLElement)) continue;
-		let e = E.get(n);
+		let e = w.get(n);
 		e?.kind === "block" && e.id !== r && (t.push(n), r = e.id);
 	}
 	return t;
 }
-function we(e) {
-	let t = H(e)[0];
-	return (t && E.get(t)?.id) ?? null;
+function De(e) {
+	let t = V(e)[0];
+	return (t && w.get(t)?.id) ?? null;
 }
-function U(e, t) {
-	let n = E.get(e);
+function H(e, t) {
+	let n = w.get(e);
 	if (n?.kind !== "block") return null;
-	let r = we(e), i = t === 1 ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING, a = null;
-	for (let [t, o] of E) o.kind === "block" && o.id !== n.id && t.isConnected && e.compareDocumentPosition(t) & i && (!a || t.compareDocumentPosition(a) & i) && we(t) === r && (a = t);
-	return a && B(E.get(a)?.id ?? null);
+	let r = De(e), i = t === 1 ? Node.DOCUMENT_POSITION_FOLLOWING : Node.DOCUMENT_POSITION_PRECEDING, a = null;
+	for (let [t, o] of w) o.kind === "block" && o.id !== n.id && t.isConnected && e.compareDocumentPosition(t) & i && (!a || t.compareDocumentPosition(a) & i) && De(t) === r && (a = t);
+	return a && z(w.get(a)?.id ?? null);
 }
-function Te(e) {
-	let t = E.get(e);
+function Oe(e) {
+	let t = w.get(e);
 	if (!t) return null;
-	let n = H(e).reverse().flatMap((e) => {
-		let t = E.get(e);
+	let n = V(e).reverse().flatMap((e) => {
+		let t = w.get(e);
 		return t ? [{
 			id: t.id,
-			label: Y(t) || "Block"
+			label: J(t) || "Block"
 		}] : [];
 	});
 	return {
-		label: Y(t),
+		label: J(t),
 		crumbs: n,
-		actions: t.kind === "block" && Fe() ? {
-			canMoveUp: !!U(e, -1),
-			canMoveDown: !!U(e, 1),
-			hidden: Ie(t.id)
+		actions: t.kind === "block" && Re() ? {
+			canMoveUp: !!H(e, -1),
+			canMoveDown: !!H(e, 1),
+			hidden: ze(t.id)
 		} : null
 	};
 }
-function Ee(e, t) {
-	let n = D.selected, r = n && E.get(n);
-	n && r?.kind === "block" && e.button === 0 && (e.preventDefault(), e.isTrusted && t.setPointerCapture(e.pointerId), I = {
+function ke(e, t) {
+	let n = T.selected, r = n && w.get(n);
+	n && r?.kind === "block" && e.button === 0 && (e.preventDefault(), e.isTrusted && t.setPointerCapture(e.pointerId), P = {
 		id: r.id,
 		el: n,
 		drop: null
-	}, A?.setDragging(!0), window.addEventListener("pointermove", De, !0), window.addEventListener("pointerup", Oe, !0), window.addEventListener("pointercancel", W, !0));
+	}, O?.setDragging(!0), window.addEventListener("pointermove", Ae, !0), window.addEventListener("pointerup", je, !0), window.addEventListener("pointercancel", U, !0));
 }
-function De(e) {
-	I && (I.drop = ke(I, e.clientX, e.clientY), K("hover", I.drop?.el ?? null), J());
+function Ae(e) {
+	P && (P.drop = Me(P, e.clientX, e.clientY), G("hover", P.drop?.el ?? null), q());
 }
-function Oe(e) {
-	let t = I, n = t && ke(t, e.clientX, e.clientY);
-	W(), t && n && v.moveBlock(t.id, n.id, n.position);
+function je(e) {
+	let t = P, n = t && Me(t, e.clientX, e.clientY);
+	U(), t && n && v.moveBlock(t.id, n.id, n.position);
 }
-function W() {
-	I && (I = null, window.removeEventListener("pointermove", De, !0), window.removeEventListener("pointerup", Oe, !0), window.removeEventListener("pointercancel", W, !0), A?.setDragging(!1), K("hover", null), J());
+function U() {
+	P && (P = null, window.removeEventListener("pointermove", Ae, !0), window.removeEventListener("pointerup", je, !0), window.removeEventListener("pointercancel", U, !0), O?.setDragging(!1), G("hover", null), q());
 }
-function ke(e, t, n) {
-	let r = document.elementsFromPoint(t, n).find((e) => e !== A?.host), i = null;
-	for (let t = r ?? null; t; t = V(t)) {
+function Me(e, t, n) {
+	let r = document.elementsFromPoint(t, n).find((e) => e !== O?.host), i = null;
+	for (let t = r ?? null; t; t = B(t)) {
 		if (!(t instanceof HTMLElement)) continue;
-		let n = E.get(t);
+		let n = w.get(t);
 		if (n?.kind === "block") {
 			if (n.id === e.id) return null;
 			i ??= t;
 		}
 	}
-	let a = i && E.get(i);
+	let a = i && w.get(i);
 	if (!i || !a || i.contains(e.el)) return null;
-	let o = i.getBoundingClientRect(), s = e.drop?.el === i ? e.drop.horizontal : Ae(i, o), c = s ? t < o.left + o.width / 2 : n < o.top + o.height / 2;
+	let o = i.getBoundingClientRect(), s = e.drop?.el === i ? e.drop.horizontal : Ne(i, o), c = s ? t < o.left + o.width / 2 : n < o.top + o.height / 2;
 	return {
 		el: i,
 		id: a.id,
@@ -689,90 +701,90 @@ function ke(e, t, n) {
 		horizontal: s
 	};
 }
-function Ae(e, t) {
-	let n = U(e, 1) ?? U(e, -1);
+function Ne(e, t) {
+	let n = H(e, 1) ?? H(e, -1);
 	if (!n) return !1;
 	let r = n.getBoundingClientRect();
 	return r.top < t.bottom && r.bottom > t.top;
 }
-function G() {
-	P || (P = !0, queueMicrotask(() => {
-		P = !1;
-		let e = D.selected;
-		e?.isConnected && E.get(e)?.kind === "field" || K("selected", B(O));
+function W() {
+	M || (M = !0, queueMicrotask(() => {
+		M = !1;
+		let e = T.selected;
+		e?.isConnected && w.get(e)?.kind === "field" || G("selected", z(E));
 	}));
 }
-function K(e, t) {
-	let n = D[e];
-	n !== t && (D[e] = t, n && (n.classList.remove(S[e]), je(n, e, !1)), t && (t.classList.add(S[e]), je(t, e, !0), e === "selected" && E.get(t)?.scrollOnSelect && t.scrollIntoView?.({
+function G(e, t) {
+	let n = T[e];
+	n !== t && (T[e] = t, n && (n.classList.remove(ge[e]), Pe(n, e, !1)), t && (t.classList.add(ge[e]), Pe(t, e, !0), e === "selected" && w.get(t)?.scrollOnSelect && t.scrollIntoView?.({
 		block: "nearest",
 		behavior: "smooth"
-	})), j && (j.disconnect(), j.observe(document.documentElement), D.selected && j.observe(D.selected), D.hover && j.observe(D.hover)), e === "selected" && (M?.disconnect(), t && M?.observe(document.body, {
+	})), k && (k.disconnect(), k.observe(document.documentElement), T.selected && k.observe(T.selected), T.hover && k.observe(T.hover)), e === "selected" && (A?.disconnect(), t && A?.observe(document.body, {
 		childList: !0,
 		subtree: !0
-	}), F = !0), J());
+	}), N = !0), q());
 }
-function je(e, t, n) {
-	let r = E.get(e);
+function Pe(e, t, n) {
+	let r = w.get(e);
 	t === "selected" ? r?.onSelectChange?.(n) : r?.onHoverChange?.(n);
 }
-function q() {
-	F = !0, J();
+function K() {
+	N = !0, q();
 }
-function J() {
-	N || (N = !0, requestAnimationFrame(() => {
-		N = !1, Me();
+function q() {
+	j || (j = !0, requestAnimationFrame(() => {
+		j = !1, Fe();
 	}));
 }
-function Me() {
-	if (!k) return;
-	let { selected: e } = D, t = D.hover === e ? null : D.hover;
-	if (!A && !e && !t) return;
-	A ??= ue({
-		onAction: be,
-		onSelect: ye,
-		onDragStart: Ee
-	}), F && (F = !1, A.renderBar(e?.isConnected ? Te(e) : null));
-	let n = Y(t ? E.get(t) : void 0);
-	A.hover.name.textContent !== n && (A.hover.name.textContent = n), Ne(A.selected, e), Ne(A.hover, t), Pe(A.indicator, I?.drop ?? null);
-}
-function Ne(e, t) {
+function Fe() {
+	if (!D) return;
+	let { selected: e } = T, t = T.hover === e ? null : T.hover;
+	if (!O && !e && !t) return;
+	O ??= fe({
+		onAction: Ce,
+		onSelect: Se,
+		onDragStart: ke
+	}), N && (N = !1, O.renderBar(e?.isConnected ? Oe(e) : null));
+	let n = J(t ? w.get(t) : void 0);
+	O.hover.name.textContent !== n && (O.hover.name.textContent = n), Ie(O.selected, e), O.selected.label.style.visibility = e && w.get(e)?.isEditing?.() ? "hidden" : "", Ie(O.hover, t), Le(O.indicator, P?.drop ?? null);
+}
+function Ie(e, t) {
 	if (!t?.isConnected) {
 		e.box.hidden = !0;
 		return;
 	}
 	let { box: n, label: r } = e, i = t.getBoundingClientRect(), a = r.offsetWidth, o = r.offsetHeight, s = document.documentElement.clientWidth;
-	n.hidden = !1, n.style.transform = `translate(${i.left - w}px, ${i.top - w}px)`, n.style.width = `${i.width + 4}px`, n.style.height = `${i.height + 4}px`;
-	let c = i.top < me;
+	n.hidden = !1, n.style.transform = `translate(${i.left - S}px, ${i.top - S}px)`, n.style.width = `${i.width + 4}px`, n.style.height = `${i.height + 4}px`;
+	let c = i.top < ve;
 	n.toggleAttribute("data-inside", c);
-	let l = Math.min(w - i.top, i.height + 4 - o);
+	let l = Math.min(S - i.top, i.height + 4 - o);
 	r.style.top = c ? `${Math.max(0, l)}px` : "";
-	let u = i.left - w + 8, d = u + a - s;
+	let u = i.left - S + 8, d = u + a - s;
 	r.style.marginLeft = d > 0 ? `${-Math.min(d, u)}px` : "";
 }
-function Pe(e, t) {
+function Le(e, t) {
 	if (!t?.el.isConnected) {
 		e.hidden = !0;
 		return;
 	}
 	let n = t.el.getBoundingClientRect(), r = t.position === "before", { style: i } = e;
-	if (e.hidden = !1, t.horizontal) i.transform = `translate(${(r ? n.left : n.right) - T / 2}px, ${n.top}px)`, i.width = `${T}px`, i.height = `${n.height}px`;
+	if (e.hidden = !1, t.horizontal) i.transform = `translate(${(r ? n.left : n.right) - C / 2}px, ${n.top}px)`, i.width = `${C}px`, i.height = `${n.height}px`;
 	else {
 		let e = r ? n.top : n.bottom;
-		i.transform = `translate(${n.left}px, ${e - T / 2}px)`, i.width = `${n.width}px`, i.height = `${T}px`;
+		i.transform = `translate(${n.left}px, ${e - C / 2}px)`, i.width = `${n.width}px`, i.height = `${C}px`;
 	}
 }
-function Fe() {
+function Re() {
 	return v.latest("BLOCK_LABELS") !== void 0;
 }
-function Ie(e) {
+function ze(e) {
 	return v.latest("HIDDEN_BLOCKS")?.ids.includes(e) ?? null;
 }
-function Y(e) {
+function J(e) {
 	let t = e?.label;
-	return t ? (e.kind === "block" ? v.latest("BLOCK_LABELS")?.labels[t] : void 0) ?? Le(t) : "";
+	return t ? (e.kind === "block" ? v.latest("BLOCK_LABELS")?.labels[t] : void 0) ?? Be(t) : "";
 }
-function Le(e) {
+function Be(e) {
 	if (!e) return "";
 	if (!/^[a-z][a-z0-9]*([_-][a-z0-9]+)*$/.test(e)) return e;
 	let t = e.replace(/[_-]+/g, " ");
@@ -780,26 +792,26 @@ function Le(e) {
 }
 //#endregion
 //#region src/editable.ts
-var Re = "b10cks-preview-style", ze = "--b10cks-scroll-offset";
-function X() {
-	if (typeof document > "u" || document.getElementById(Re)) return;
+var Ve = "b10cks-preview-style", He = "--b10cks-scroll-offset";
+function Y() {
+	if (typeof document > "u" || document.getElementById(Ve)) return;
 	let e = document.createElement("style");
-	e.id = Re, e.textContent = `
-    .b10cks-preview { scroll-margin-top: var(${ze}, 0px); }
+	e.id = Ve, e.textContent = `
+    .b10cks-preview { scroll-margin-top: var(${He}, 0px); }
     .b10cks-preview.b10cks-hidden { opacity: 0.4 !important; }
   `, document.head.appendChild(e);
 }
-function Be(e) {
+function Ue(e) {
 	if (typeof document > "u") return;
 	let t = typeof e == "number" ? `${e}px` : e;
-	document.documentElement.style.setProperty(ze, t);
+	document.documentElement.style.setProperty(He, t);
 }
-function Ve(e, t) {
+function We(e, t) {
 	if (!v.isInPreviewMode() || !t.id) return () => {};
-	X();
+	Y();
 	let { id: n, label: r, onSelectChange: i, onHoverChange: a, scrollOnSelect: o = !0 } = t;
 	e.classList.add("b10cks-preview");
-	let s = he(e, {
+	let s = F(e, {
 		id: n,
 		kind: "block",
 		label: r,
@@ -812,15 +824,15 @@ function Ve(e, t) {
 		s(), e.classList.remove("b10cks-preview", "b10cks-selected", "b10cks-hover");
 	};
 }
-function He(e, t) {
+function Ge(e, t) {
 	if (!v.isInPreviewMode() || !t.id) return () => {};
 	let { id: n, field: r, path: i, mode: a = "inline", label: o } = t;
 	if (a === "select") {
-		X(), e.classList.add("b10cks-preview");
-		let t = he(e, {
+		Y(), e.classList.add("b10cks-preview");
+		let t = F(e, {
 			id: n,
 			kind: "field",
-			label: o ?? Ue(i) ?? r,
+			label: o ?? Ke(i) ?? r,
 			activate: () => i ? v.selectField(n, i) : v.selectItem(n)
 		});
 		return () => {
@@ -836,12 +848,12 @@ function He(e, t) {
 		e.removeEventListener("input", s), e.removeAttribute("contenteditable");
 	};
 }
-function Ue(e) {
+function Ke(e) {
 	return e?.findLast((e) => typeof e == "string");
 }
 //#endregion
 //#region src/preview-store.ts
-function We(e, t) {
+function qe(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (typeof n != "object" || !n) return;
@@ -849,18 +861,18 @@ function We(e, t) {
 	}
 	return n;
 }
-function Z(e, t, n) {
+function X(e, t, n) {
 	if (t.length === 0) return n;
 	let [r, ...i] = t;
 	if (r === void 0) return n;
 	if (typeof r == "number") {
 		let t = Array.isArray(e) ? e.slice() : [];
-		return t[r] = Z(t[r], i, n), t;
+		return t[r] = X(t[r], i, n), t;
 	}
 	let a = e && typeof e == "object" && !Array.isArray(e) ? { ...e } : {};
-	return a[r] = Z(a[r], i, n), a;
+	return a[r] = X(a[r], i, n), a;
 }
-function Q(e, t) {
+function Je(e, t) {
 	let n = (e, r) => {
 		if (Array.isArray(e)) {
 			for (let t = 0; t < e.length; t++) {
@@ -883,16 +895,16 @@ function Q(e, t) {
 	};
 	return n(e, []);
 }
-function Ge(e, t) {
+function Ye(e, t) {
 	if (!t || typeof t != "object") return e;
 	let n = typeof t.id == "string" ? t.id : void 0;
 	if (!n || !e || typeof e != "object") return t;
 	let r = e, i = typeof r.id == "string" ? r.id : void 0;
 	if (i === n) return t;
-	let a = Q(e, n);
-	return a ? Z(e, a, t) : !i && r.block !== void 0 && r.block === t.block ? t : e;
+	let a = Je(e, n);
+	return a ? X(e, a, t) : !i && r.block !== void 0 && r.block === t.block ? t : e;
 }
-var Ke = class {
+var Xe = class {
 	content;
 	listeners = /* @__PURE__ */ new Set();
 	constructor(e) {
@@ -906,23 +918,23 @@ var Ke = class {
 		this.content = e, this.emit();
 	}
 	applyContentUpdate(e) {
-		let t = Ge(this.content, e);
+		let t = Ye(this.content, e);
 		t !== this.content && (this.content = t, this.emit());
 	}
 	patch(e, t, n) {
 		let r = [];
 		if (n && this.content?.id !== n) {
-			let e = Q(this.content, n);
+			let e = Je(this.content, n);
 			if (!e) return;
 			r = e;
 		}
-		this.content = Z(this.content, [...r, ...e], t), this.emit();
+		this.content = X(this.content, [...r, ...e], t), this.emit();
 	}
 	emit() {
 		for (let e of this.listeners) e();
 	}
 };
-function qe(e) {
+function Ze(e) {
 	let t = v.on("CONTENT_UPDATE", ({ content: t }) => {
 		e.applyContentUpdate(t);
 	}), n = v.on("CONTENT_PATCH", ({ itemId: t, path: n, value: r }) => {
@@ -933,18 +945,114 @@ function qe(e) {
 	};
 }
 //#endregion
+//#region src/rich-text-field.ts
+var Qe = 300, $e = 2e3, et = {
+	type: "doc",
+	content: []
+}, tt = null;
+function nt() {
+	return tt ??= import("@b10cks/richtext/editor").catch(() => (tt = null, null)), tt;
+}
+function rt(e, t) {
+	if (!v.isInPreviewMode() || !t.id) return {
+		update() {},
+		destroy() {}
+	};
+	Y();
+	let { id: n, path: r, render: i, onEditingChange: a } = t, o = t.document ?? et, s = null, c = 0, l = o, u = null, d, f = () => {
+		clearTimeout(d), d = void 0;
+		let e = u;
+		u = null, e && !Z(e, l) && (l = e, o = e, v.updateFieldAt(n, r, e), v.patchLocal({
+			itemId: n,
+			path: r,
+			value: e
+		}));
+	}, p = (e) => {
+		u = e, d ??= setTimeout(f, Qe);
+	}, m = () => {
+		c++, s && (f(), s.destroy(), s = null, a?.(!1));
+	}, h = async (t) => {
+		if (s) return;
+		let u = ++c, d = it(n, r);
+		v.selectField(n, r);
+		let [h, g] = await Promise.all([nt(), d]);
+		u === c && h && g && e.isConnected && (s = h.createRichTextEditor(e, {
+			document: o,
+			config: g,
+			render: i,
+			at: t && {
+				x: t.clientX,
+				y: t.clientY
+			},
+			onChange: p,
+			onBlur: f,
+			onExit: () => {
+				m(), Se(n);
+			}
+		}), s && (l = o, a?.(!0)));
+	};
+	e.classList.add("b10cks-preview");
+	let g = F(e, {
+		id: n,
+		kind: "field",
+		label: t.label ?? r.findLast((e) => typeof e == "string"),
+		activate: (e) => void h(e),
+		isEditing: () => s !== null,
+		onSelectChange: (e) => {
+			e || m();
+		},
+		onHoverChange: (e) => {
+			e && nt();
+		}
+	});
+	return {
+		update(e) {
+			let t = e ?? et;
+			if (!s) {
+				o = l = t;
+				return;
+			}
+			if (!Z(t, l)) {
+				if (!s.setDocument(t)) {
+					m();
+					return;
+				}
+				o = l = t, u &&= s.getDocument();
+			}
+		},
+		destroy() {
+			m(), g(), e.classList.remove("b10cks-preview", "b10cks-selected", "b10cks-hover");
+		}
+	};
+}
+function it(e, t) {
+	return new Promise((n) => {
+		let r = (e) => {
+			i(), clearTimeout(a), n(e);
+		}, i = v.on("FIELD_CONFIG", (n) => {
+			n.itemId === e && Z(n.path, t) && r(n.richtext);
+		}), a = setTimeout(() => r(null), $e);
+	});
+}
+function Z(e, t) {
+	if (e === t) return !0;
+	if (typeof e != "object" || typeof t != "object" || e === null || t === null || Array.isArray(e) !== Array.isArray(t)) return !1;
+	let n = Object.entries(e), r = { ...t };
+	return n.length === Object.keys(r).length && n.every(([e, t]) => e in r && Z(t, r[e]));
+}
+//#endregion
 //#region src/sitemap.ts
-function Je(e) {
+function at(e) {
 	return (e ?? "").trim().replace(/^\/+|\/+$/g, "");
 }
-function Ye(e, t) {
-	let n = Je(e), r = Je(t);
+function ot(e, t) {
+	let n = at(e), r = at(t);
 	if (!r) return n && n !== "home" ? `/${n}` : "/";
 	if (!n || n === "home") return `/${r}`;
 	let i = `${r}/`;
 	return n === r || n.startsWith(i) ? `/${n}` : `/${r}/${n}`;
 }
-function Xe(e, t) {
+function st(e, t) {
 	if (!t) return null;
 	try {
 		return new URL(e, t).toString();
@@ -952,51 +1060,51 @@ function Xe(e, t) {
 		return null;
 	}
 }
-function Ze(e) {
+function Q(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function Qe(e, t, n) {
+function ct(e, t, n) {
 	let { localePrefix: r = "auto", defaultLocale: i } = t;
-	return r === "always" || r === "auto" && n || r === "except-default" && e.language_iso !== i ? Ye(e.full_slug, e.language_iso) : Ye(e.full_slug, null);
+	return r === "always" || r === "auto" && n || r === "except-default" && e.language_iso !== i ? ot(e.full_slug, e.language_iso) : ot(e.full_slug, null);
 }
-function $e(e) {
+function lt(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e) if (n.language_iso && t.add(n.language_iso), t.size > 1) return !0;
 	return !1;
 }
-function et(e, t = {}) {
-	let { siteUrl: n, locale: r } = t, i = /* @__PURE__ */ new Set(), a = $e(e);
+function ut(e, t = {}) {
+	let { siteUrl: n, locale: r } = t, i = /* @__PURE__ */ new Set(), a = lt(e);
 	return e.filter((e) => {
 		if (r && e.language_iso !== r) return !1;
 		let o = e.meta?.robots?.toLowerCase();
 		if (o?.includes("noindex") || o?.includes("none")) return !1;
-		let s = Qe(e, t, a), c = n ? Xe(s, n) ?? s : s;
+		let s = ct(e, t, a), c = n ? st(s, n) ?? s : s;
 		return !i.has(c) && (i.add(c), !0);
 	});
 }
-function tt(e, t, n = {}) {
-	let r = $e(e);
+function dt(e, t, n = {}) {
+	let r = lt(e);
 	return [
 		"<?xml version=\"1.0\" encoding=\"UTF-8\"?>",
 		"<urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">",
 		e.map((e) => {
-			let i = Qe(e, n, r), a = t ? Xe(i, t) : i;
+			let i = ct(e, n, r), a = t ? st(i, t) : i;
 			if (!a) return "";
-			let o = ["  <url>", `    <loc>${Ze(a)}</loc>`];
-			return e.published_at && o.push(`    <lastmod>${Ze(e.published_at)}</lastmod>`), o.push("  </url>"), o.join("\n");
+			let o = ["  <url>", `    <loc>${Q(a)}</loc>`];
+			return e.published_at && o.push(`    <lastmod>${Q(e.published_at)}</lastmod>`), o.push("  </url>"), o.join("\n");
 		}).filter(Boolean).join("\n"),
 		"</urlset>"
 	].join("\n");
 }
-function nt(e, t) {
+function ft(e, t) {
 	return [
 		"<?xml version=\"1.0\" encoding=\"UTF-8\"?>",
 		"<sitemapindex xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\">",
 		e.map((e) => {
-			let n = t ? Xe(e, t) : e;
+			let n = t ? st(e, t) : e;
 			return n ? [
 				"  <sitemap>",
-				`    <loc>${Ze(n)}</loc>`,
+				`    <loc>${Q(n)}</loc>`,
 				"  </sitemap>"
 			].join("\n") : "";
 		}).filter(Boolean).join("\n"),
@@ -1005,14 +1113,14 @@ function nt(e, t) {
 }
 //#endregion
 //#region src/types.ts
-var rt = /* @__PURE__ */ t({}), $ = class extends Error {
+var pt = /* @__PURE__ */ t({}), $ = class extends Error {
 	status;
 	endpoint;
 	body;
 	constructor(e, t, n, r) {
 		super(e), this.status = t, this.endpoint = n, this.body = r, this.name = "ApiError";
 	}
-}, it = (e) => e === 429 || e >= 500 && e <= 599, at = (e) => new Promise((t) => setTimeout(t, e)), ot = class {
+}, mt = (e) => e === 429 || e >= 500 && e <= 599, ht = (e) => new Promise((t) => setTimeout(t, e)), gt = class {
 	baseUrl;
 	token;
 	vid;
@@ -1075,8 +1183,8 @@ var rt = /* @__PURE__ */ t({}), $ = class extends Error {
 			let n = await this.fetchWithTimeout(e);
 			return await this.parseResponse(n, t);
 		} catch (e) {
-			if (n = e, !(r < this.retries && (!(e instanceof $) || e.status === 0 || it(e.status)))) throw e;
-			await at(200 * 2 ** r);
+			if (n = e, !(r < this.retries && (!(e instanceof $) || e.status === 0 || mt(e.status)))) throw e;
+			await ht(200 * 2 ** r);
 		}
 		throw n;
 	}
@@ -1178,6 +1286,6 @@ var rt = /* @__PURE__ */ t({}), $ = class extends Error {
 	}
 };
 //#endregion
-export { ot as ApiClient, $ as ApiError, d as B10cksDataApi, te as BRIDGE_PROTOCOL, ne as PreviewBridge, Ke as PreviewStore, Ve as attachEditable, He as attachEditableField, qe as bindPreviewStore, o as blockAnchorAttrs, r as breadcrumbJsonLd, Ye as buildLocalizedPath, f as createB10cksDataApi, X as ensurePreviewStyles, et as filterSitemapEntries, Q as findPathById, We as getAtPath, Ge as mergeContentUpdate, Je as normalizePathSegment, v as previewBridge, nt as renderSitemapIndex, tt as renderSitemapXml, a as resolveB10cksLink, c as serializeFilter, Z as setAtPath, Be as setPreviewScrollOffset, i as toRootBlock, rt as types };
+export { gt as ApiClient, $ as ApiError, d as B10cksDataApi, re as BRIDGE_PROTOCOL, ie as PreviewBridge, Xe as PreviewStore, We as attachEditable, Ge as attachEditableField, rt as attachRichTextField, Ze as bindPreviewStore, o as blockAnchorAttrs, r as breadcrumbJsonLd, ot as buildLocalizedPath, f as createB10cksDataApi, Y as ensurePreviewStyles, ut as filterSitemapEntries, Je as findPathById, qe as getAtPath, Ye as mergeContentUpdate, at as normalizePathSegment, v as previewBridge, ft as renderSitemapIndex, dt as renderSitemapXml, a as resolveB10cksLink, c as serializeFilter, X as setAtPath, Ue as setPreviewScrollOffset, i as toRootBlock, pt as types };
 
 //# sourceMappingURL=index.mjs.map