@docubook/markdown 2.0.0-beta.3 → 2.0.0-beta.5

package/dist/index.js

@@ -41008,21 +41008,42 @@ function SN({ className: e, children: n }) {
 				overflowX: "auto",
 				borderBottom: "1px solid hsl(var(--border-color, 210 20% 85%))"
 			},
-			children: i.map((e) => {
-				let t = e.value === c?.value, n = `${r}-tab-${e.value}`, i = `${r}-panel-${e.value}`;
+			children: i.map((e, t) => {
+				let n = e.value === c?.value, a = `${r}-tab-${e.value}`, o = `${r}-panel-${e.value}`;
 				return /* @__PURE__ */ h("button", {
-					id: n,
+					id: a,
 					type: "button",
 					role: "tab",
-					"aria-selected": t,
-					"aria-controls": i,
-					tabIndex: t ? 0 : -1,
+					"aria-selected": n,
+					"aria-controls": o,
+					tabIndex: n ? 0 : -1,
 					onClick: () => s(e.value),
+					onKeyDown: (e) => {
+						let n;
+						switch (e.key) {
+							case "ArrowRight":
+								n = (t + 1) % i.length;
+								break;
+							case "ArrowLeft":
+								n = (t - 1 + i.length) % i.length;
+								break;
+							case "Home":
+								n = 0;
+								break;
+							case "End":
+								n = i.length - 1;
+								break;
+							default: return;
+						}
+						e.preventDefault();
+						let a = i[n].value;
+						s(a), e.currentTarget.ownerDocument.getElementById(`${r}-tab-${a}`)?.focus();
+					},
 					style: {
 						border: "none",
-						borderBottom: t ? "2px solid hsl(var(--primary, 210 81% 56%))" : "2px solid transparent",
+						borderBottom: n ? "2px solid hsl(var(--primary, 210 81% 56%))" : "2px solid transparent",
 						background: "transparent",
-						color: t ? "hsl(var(--primary, 210 81% 56%))" : "hsl(var(--foreground, 220 30% 15%))",
+						color: n ? "hsl(var(--primary, 210 81% 56%))" : "hsl(var(--foreground, 220 30% 15%))",
 						fontSize: "0.875rem",
 						fontWeight: 600,
 						lineHeight: 1.2,
@@ -41170,6 +41191,7 @@ function zN({ text: e, tip: t }) {
 			children: e ?? "?"
 		}), b ? /* @__PURE__ */ g("span", {
 			ref: o,
+			id: i,
 			role: "tooltip",
 			style: {
 				position: "fixed",
@@ -41305,7 +41327,7 @@ function ZN({ label: e, onClick: t, cell: n, children: r }) {
 	});
 }
 function QN({ chart: e, id: t, className: n }) {
-	let r = l(), i = t ?? `mermaid-${r.replace(/[:.]/g, "-")}`, a = f(null), o = f(e), s = f(null), [u, d] = p(null), [m, _] = p(!1), [v, y] = p({
+	let r = l(), i = t ?? `mermaid-${r.replace(/[:.]/g, "-")}`, a = f(null), o = f(Promise.resolve()), s = f(null), [u, d] = p(null), [m, _] = p(!1), [v, y] = p({
 		x: 0,
 		y: 0,
 		scale: 1
@@ -41316,18 +41338,21 @@ function QN({ chart: e, id: t, className: n }) {
 	}), re = f(null);
 	c(() => {
 		if (typeof window > "u" || !e) return;
-		o.current = e, d(null), _(!1);
-		let t = !1, n = null, r = null, i = null, c = UN(), l = Promise.resolve();
-		function u(e) {
-			let n = l.then(() => {
-				if (!(t || !a.current?.isConnected)) return e();
+		d(null), _(!1);
+		let t = !1, n = null, r = null, i = null, c = UN();
+		function l(n) {
+			let r = o.current.then(() => {
+				let r = a.current;
+				if (!(t || !r?.isConnected)) return r.textContent = e, r.removeAttribute("data-processed"), n();
 			});
-			return l = n.catch(() => {}), n;
+			return o.current = r.catch(() => {}), r;
 		}
-		async function f() {
+		async function u() {
 			try {
 				VN ||= import("mermaid");
-				let r = await VN, i = s.current = r.default;
+				let r = await VN;
+				if (t) return;
+				let i = s.current = r.default;
 				i.initialize({
 					startOnLoad: !1,
 					theme: UN()
@@ -41340,7 +41365,7 @@ function QN({ chart: e, id: t, className: n }) {
 				}
 				if (t || !a.current) return;
 				n = new IntersectionObserver(([e]) => {
-					!e.isIntersecting || t || !a.current || (u(() => {
+					!e.isIntersecting || t || !a.current || (l(() => {
 						let e = a.current;
 						return e ? i.run({ nodes: [e] }) : Promise.resolve();
 					}).then(() => {
@@ -41353,16 +41378,16 @@ function QN({ chart: e, id: t, className: n }) {
 				t || d("Failed to load Mermaid renderer");
 			}
 		}
-		return f(), r = new MutationObserver(() => {
+		return u(), r = new MutationObserver(() => {
 			i && clearTimeout(i), i = setTimeout(() => {
-				t || !s.current || !a.current || UN() !== c && u(() => {
+				t || !s.current || !a.current || UN() !== c && l(() => {
 					let e = s.current, t = a.current;
-					return !e || !t ? Promise.resolve() : (c = UN(), t.textContent = o.current, t.removeAttribute("data-processed"), e.initialize({
+					return !e || !t ? Promise.resolve() : (c = UN(), e.initialize({
 						startOnLoad: !1,
 						theme: c
 					}), e.run({ nodes: [t] }));
 				}).catch((e) => {
-					console.warn("[mermaid] diagram render error:", e);
+					t || console.warn("[mermaid] diagram render error:", e);
 				});
 			}, 200);
 		}), r.observe(document.documentElement, {