@coderminer/vue-markdown 0.0.0-stage → 1.0.0

package/dist/chunks/MermaidLiveEditor-W-qf3G-5.js

@@ -0,0 +1,416 @@
+import { n as e } from "./labels-BtHiUTQI.js";
+import { t } from "./diagnostics-CtHoJyiX.js";
+import { t as n } from "./asyncToGenerator-ChigusFD.js";
+import { n as r, r as i } from "./context-8NfW6fxI.js";
+import { r as a } from "./render-Cs8iKrgz.js";
+import { t as o } from "./codemirror-DyphMAEg.js";
+import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, h as f, nextTick as p, normalizeStyle as ee, onMounted as te, onUnmounted as ne, openBlock as re, ref as m, shallowRef as ie, unref as h, useSlots as ae, watch as g } from "vue";
+// src/components/scroll-lock.ts
+var _ = 0, v;
+function oe() {
+	typeof document < "u" && (_ === 0 && (v = document.body.style.overflow, document.body.style.overflow = "hidden"), _ += 1);
+}
+function se() {
+	if (typeof document < "u" && _ !== 0 && (--_, _ === 0)) {
+		var e;
+		document.body.style.overflow = (e = v) == null ? "" : e, v = void 0;
+	}
+}
+// src/components/MermaidLiveEditor.vue?vue&type=script&setup=true&lang.ts
+var ce = [
+	"data-vmd-theme",
+	"data-fullscreen",
+	"data-compact",
+	"aria-label"
+], le = ["data-vmd-part"], ue = {
+	"data-vmd-part": "editor-toolbar",
+	class: "vmd-editor-toolbar"
+}, de = { class: "vmd-editor-body" }, fe = [
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax"
+], pe = ["aria-label"], me = ["data-compact", "aria-label"], he = /* @__PURE__ */ d({
+	__name: "MermaidLiveEditor",
+	props: {
+		modelValue: { default: "" },
+		debounce: { default: 300 },
+		theme: { default: void 0 },
+		renderer: { default: void 0 },
+		diagnosticsFormatter: { default: void 0 },
+		compact: {
+			type: Boolean,
+			default: !1
+		},
+		rawDetails: {
+			type: Boolean,
+			default: !1
+		},
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		},
+		initialRatio: { default: .5 },
+		minRatio: { default: .2 }
+	},
+	emits: [
+		"update:modelValue",
+		"preview",
+		"error"
+	],
+	setup(_, { expose: v, emit: he }) {
+		let y = _, b = he;
+		function x(e) {
+			return typeof e == "string" ? e : "";
+		}
+		let S = x(y.modelValue), C = i(), w = ae(), T = s(() => {
+			var e, t;
+			return (e = (t = y.theme) == null ? C.theme : t) == null ? "light" : e;
+		}), E = m(S), D = m(S), O = m(y.initialRatio), k = m(S.trim() ? "pending" : "idle"), A = ie([]), j = m(!1), M = m(), N = m(), P, F, I = ie(null), L = m(), R = s(() => D.value.trim() === ""), ge = s(() => {
+			var e;
+			return !!(w.fullscreen || (e = C.slots) != null && e.fullscreen);
+		});
+		function z(e, t, n) {
+			return C.renderHostSlot(e, t, () => {
+				let i = w[e];
+				if (!i) return n();
+				let a = i(t);
+				return r(a) ? n() : a;
+			});
+		}
+		let B = !1, V = !1, H = !0;
+		function _e() {
+			B || (B = !0, oe());
+		}
+		function U() {
+			B && (B = !1, se());
+		}
+		function W(e) {
+			if (H) {
+				if (e && _e(), j.value = e, e) {
+					var t, n;
+					(t = M.value) == null || (n = t.focus) == null || n.call(t), typeof document < "u" && document.addEventListener("keydown", q);
+				} else typeof document < "u" && document.removeEventListener("keydown", q), U();
+			}
+		}
+		function G() {
+			return K.apply(this, arguments);
+		}
+		function K() {
+			return K = n(function* () {
+				let e = M.value;
+				if (typeof document < "u") {
+					if (j.value) {
+						try {
+							e && document.fullscreenElement === e && (yield document.exitFullscreen());
+						} catch (e) {}
+						if (!H) return;
+						V = !1, W(!1);
+					} else {
+						V = !1;
+						try {
+							var t;
+							if (yield e == null || (t = e.requestFullscreen) == null ? void 0 : t.call(e), !H) return;
+							V = !!e && document.fullscreenElement === e;
+						} catch (e) {}
+						if (!H) return;
+						W(!0);
+					}
+				}
+			}), K.apply(this, arguments);
+		}
+		function q(e) {
+			var t, n;
+			if (!j.value) return;
+			if (e.key === "Escape") {
+				W(!1);
+				return;
+			}
+			if (e.key !== "Tab") return;
+			let r = Array.from((t = (n = M.value) == null ? void 0 : n.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])")) == null ? [] : t).filter((e) => !e.closest("[aria-hidden=\"true\"]"));
+			if (r.length === 0) {
+				var i;
+				e.preventDefault(), (i = M.value) == null || i.focus();
+				return;
+			}
+			let a = r[0], o = r[r.length - 1];
+			a && o && (e.shiftKey ? (document.activeElement === a || document.activeElement === M.value) && (e.preventDefault(), o.focus()) : document.activeElement === o && (e.preventDefault(), a.focus()));
+		}
+		function ve() {
+			if (!H) return;
+			let e = M.value;
+			e && document.fullscreenElement === e ? V = !0 : V && (V = !1, W(!1));
+		}
+		function ye(n) {
+			var r;
+			let i = (r = y.diagnosticsFormatter) == null ? C.diagnosticsFormatter : r;
+			if (i) try {
+				return i.format(n, E.value);
+			} catch (e) {}
+			let a = /line\s+(\d+)/i.exec(n), o = a != null && a[1] ? Number(a[1]) : void 0;
+			return t("mermaid-error", o ? e(C.labels.editorSyntaxError, { line: o }) : e(C.labels.editorParseError), {
+				phase: "render",
+				details: n,
+				source: o ? {
+					start: {
+						line: o,
+						column: 1
+					},
+					end: {
+						line: o,
+						column: 1
+					}
+				} : void 0
+			});
+		}
+		function be(e) {
+			var t;
+			k.value = "error";
+			let n = ye(e);
+			L.value = e, A.value = [n], b("error", n), y.autoFocus && (t = n.source) != null && (t = t.start) != null && t.line && p(() => {
+				var e;
+				return X((e = n.source) == null ? void 0 : e.start.line);
+			});
+		}
+		function xe(e) {
+			I.value = e, L.value = void 0, k.value = "ready", A.value = [];
+		}
+		function J(e) {
+			let t = x(e);
+			E.value = t, b("update:modelValue", t);
+		}
+		function Y(e) {
+			F && clearTimeout(F), F = setTimeout(() => {
+				D.value = e, b("preview", e);
+			}, Math.max(0, y.debounce));
+		}
+		g(() => y.modelValue, (e) => {
+			let t = x(e);
+			t !== E.value && (E.value = t, P == null || P.setValue(t), Y(t));
+		}), g(E, (e) => {
+			Y(e);
+		}), g(D, (e) => {
+			e.trim() ? (k.value = "pending", L.value = void 0, A.value = []) : (I.value = null, L.value = void 0, A.value = [], k.value = "idle");
+		});
+		function X(e) {
+			e && (P == null || P.focusLine(e));
+		}
+		function Se(e) {
+			e.key === "ArrowLeft" ? (O.value = Math.max(y.minRatio, O.value - .05), e.preventDefault()) : e.key === "ArrowRight" ? (O.value = Math.min(1 - y.minRatio, O.value + .05), e.preventDefault()) : e.key === "Home" && (O.value = y.initialRatio, e.preventDefault());
+		}
+		let Z;
+		function Ce(e) {
+			var t;
+			if (typeof document > "u") return;
+			let n = (t = M.value) == null ? void 0 : t.getBoundingClientRect();
+			if (!n) return;
+			let r = (e) => {
+				let t = (e.clientX - n.left) / n.width;
+				O.value = Math.min(1 - y.minRatio, Math.max(y.minRatio, t));
+			}, i = () => {
+				document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), Z = void 0;
+			};
+			document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), Z = i, e.preventDefault();
+		}
+		te(n(function* () {
+			if (typeof document < "u" && document.addEventListener("fullscreenchange", ve), yield p(), N.value) try {
+				P = yield o(N.value, {
+					value: E.value,
+					theme: T.value,
+					onChange: J
+				});
+			} catch (e) {
+				P = void 0;
+			}
+		})), ne(() => {
+			H = !1, F && clearTimeout(F), Z == null || Z(), P == null || P.destroy(), typeof document < "u" && (document.removeEventListener("keydown", q), document.removeEventListener("fullscreenchange", ve)), U();
+		});
+		function we() {
+			P == null || P.focus();
+		}
+		function Q() {
+			F && clearTimeout(F), D.value = E.value, b("preview", E.value);
+		}
+		v({
+			focus: we,
+			refreshPreview: Q,
+			toggleFullscreen: G,
+			getDiagnostics: () => A.value
+		});
+		let $ = d({ setup() {
+			return () => {
+				let t = e(j.value ? C.labels.exitFullscreen : C.labels.fullscreen);
+				return z("fullscreen", {
+					fullscreen: j.value,
+					label: t,
+					toggle: G
+				}, () => f("button", {
+					type: "button",
+					"aria-pressed": j.value ? "true" : "false",
+					onClick: G
+				}, t));
+			};
+		} }), Te = d({ setup() {
+			function t() {
+				return [
+					f("span", { class: "vmd-editor-title" }, e(C.labels.editor)),
+					f($),
+					f("button", {
+						type: "button",
+						onClick: () => {
+							O.value = y.initialRatio;
+						}
+					}, e(C.labels.editorReset))
+				];
+			}
+			return () => {
+				var e, n;
+				let i = {
+					ratio: O.value,
+					fullscreen: j.value,
+					compact: y.compact,
+					actions: {
+						toggleFullscreen: G,
+						resetRatio: () => {
+							O.value = y.initialRatio;
+						},
+						setRatio: (e) => {
+							O.value = Math.min(1 - y.minRatio, Math.max(y.minRatio, e));
+						}
+					}
+				}, a = (e = (n = C.slots) == null ? void 0 : n.toolbar) == null ? w.toolbar : e;
+				if (!a) return t();
+				let o = a(i);
+				return r(o) ? t() : ge.value ? [o, f($)] : o;
+			};
+		} }), Ee = d({ setup() {
+			return () => z("editor", {
+				value: E.value,
+				update: J,
+				diagnostics: A.value,
+				status: k.value,
+				actions: {
+					focus: () => P == null ? void 0 : P.focus(),
+					reset: () => {
+						J(""), P == null || P.setValue("");
+					},
+					fullscreen: G
+				}
+			}, () => f("div", {
+				ref: N,
+				class: "vmd-editor-host",
+				"data-vmd-part": "editor-pane"
+			}));
+		} }), De = d({ setup() {
+			function t() {
+				return z("empty", {
+					source: D.value,
+					actions: {
+						focus: () => P == null ? void 0 : P.focus(),
+						refresh: Q
+					}
+				}, () => f("p", {
+					class: "vmd-editor-empty",
+					"data-vmd-part": "editor-empty"
+				}, e(C.labels.editorEmpty)));
+			}
+			return () => {
+				var e, n, i, o;
+				let s = {
+					source: D.value,
+					status: k.value,
+					error: L.value,
+					nodes: (e = (n = I.value) == null ? void 0 : n.nodes) == null ? [] : e,
+					actions: {
+						refresh: Q,
+						fullscreen: G,
+						focus: () => P == null ? void 0 : P.focus()
+					}
+				}, c = (i = (o = C.slots) == null ? void 0 : o.preview) == null ? w.preview : i, l = c ? c(s) : void 0, u = c ? !r(l) : !1;
+				return [R.value ? null : f(a, {
+					source: D.value,
+					renderer: y.renderer,
+					theme: T.value,
+					showErrors: !0,
+					compact: y.compact,
+					style: u ? { display: "none" } : void 0,
+					"aria-hidden": u ? "true" : void 0,
+					onError: be,
+					onRendered: xe
+				}), u ? l : R.value ? t() : null];
+			};
+		} }), Oe = d({ setup() {
+			return () => z("editor-diagnostics", {
+				diagnostics: A.value,
+				focusLine: X
+			}, () => A.value.length === 0 ? null : f("ul", {
+				class: "vmd-editor-diagnostic-list",
+				role: "status"
+			}, A.value.map((t) => {
+				var n;
+				let r = (n = t.source) == null || (n = n.start) == null ? void 0 : n.line;
+				return f("li", { key: t.message }, [
+					f("span", t.message),
+					y.rawDetails && t.details ? f("pre", { class: "vmd-editor-diagnostic-details" }, t.details) : null,
+					r ? f("button", {
+						type: "button",
+						onClick: () => X(r)
+					}, e(C.labels.editorLine, { line: r })) : null
+				]);
+			})));
+		} });
+		return (t, n) => (re(), c("div", {
+			ref_key: "root",
+			ref: M,
+			"data-vmd-part": "editor",
+			class: "vmd-editor",
+			"data-vmd-theme": T.value,
+			"data-fullscreen": j.value ? "true" : void 0,
+			"data-compact": _.compact ? "true" : void 0,
+			"aria-label": h(e)(h(C).labels.editor),
+			role: "group",
+			tabindex: "-1"
+		}, [l("div", {
+			class: "vmd-editor-surface",
+			"data-vmd-part": j.value ? "editor-fullscreen" : void 0
+		}, [
+			l("div", ue, [u(h(Te))]),
+			l("div", de, [
+				l("div", {
+					"data-vmd-part": "editor-pane",
+					class: "vmd-editor-pane",
+					style: ee({ flexBasis: `${O.value * 100}%` })
+				}, [u(h(Ee))], 4),
+				l("div", {
+					"data-vmd-part": "editor-divider",
+					class: "vmd-editor-divider",
+					role: "separator",
+					"aria-orientation": "vertical",
+					tabindex: "0",
+					"aria-label": h(e)(h(C).labels.editorSplitter),
+					"aria-valuenow": Math.round(O.value * 100),
+					"aria-valuemin": Math.round(_.minRatio * 100),
+					"aria-valuemax": Math.round((1 - _.minRatio) * 100),
+					onMousedown: Ce,
+					onKeydown: Se
+				}, null, 40, fe),
+				l("div", {
+					"data-vmd-part": "editor-preview",
+					class: "vmd-editor-preview",
+					role: "region",
+					"aria-label": h(e)(h(C).labels.preview)
+				}, [u(h(De))], 8, pe)
+			]),
+			l("div", {
+				"data-vmd-part": "editor-diagnostics",
+				class: "vmd-editor-diagnostics",
+				"data-compact": _.compact ? "true" : void 0,
+				role: "group",
+				"aria-label": h(e)(h(C).labels.editorDiagnostics)
+			}, [u(h(Oe))], 8, me)
+		], 8, le)], 8, ce));
+	}
+});
+export { he as t };
+
+//# sourceMappingURL=MermaidLiveEditor-W-qf3G-5.js.map

package/dist/chunks/MermaidLiveEditor-W-qf3G-5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidLiveEditor-W-qf3G-5.js","names":["MermaidBlock","_openBlock","_createElementBlock","_unref","_createElementVNode","_createVNode","_normalizeStyle","_sfc_main","resolveLabel","_asyncToGenerator","isEmptySlotContent","useRenderContext","MermaidBlock_default","createMermaidEditor","lockCount","previousOverflow","lockPageScroll","unlockPageScroll","_previousOverflow","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","MermaidLiveEditor_default","defineComponent","__expose","__emit","props","__props","emit","asSource","value","initialValue","context","ownSlots","useSlots","resolvedTheme","computed","_ref","_props$theme","ref","previewSource","ratio","status","diagnostics","shallowRef","fullscreen","root","editorHost","handle","previewTimer","previewResult","previewError","isEmptyPreview","hasFullscreenSlot","_context$slots","renderSlot","name","slotProps","slot","fallback","output","scrollLocked","nativeFullscreen","active","lockScroll","unlockScroll","setFullscreen","next","_root$value","_root$value$focus","onKeydown","toggleFullscreen","_toggleFullscreen","element","_unused2","_element$requestFulls","_unused","_root$value$querySele","_root$value2","event","focusables","_root$value3","first","last","onFullscreenChange","diagnosticFromError","_props$diagnosticsFor","formatter","message","_unused3","match","line","createDiagnostic","onError","_diagnostic$source","diagnostic","nextTick","_diagnostic$source2","focusLine","onRendered","result","updateValue","source","schedulePreview","watch","onDividerKeydown","dragCleanup","startDrag","_root$value4","rect","move","moveEvent","up","onMounted","error","onUnmounted","focus","refreshPreview","FullscreenSlot","label","h","ToolbarSlot","defaultToolbar","_context$slots$toolba","_context$slots2","EditorSlot","PreviewSlot","emptyPreview","_previewResult$value$","_previewResult$value","_context$slots$previe","_context$slots3","hasSlotOutput","DiagnosticsContent","_diagnostic$source3","openBlock","createElementBlock","unref","createElementVNode","createVNode","normalizeStyle"],"sources":["../../src/components/scroll-lock.ts","../../src/components/MermaidLiveEditor.vue","../../src/components/MermaidLiveEditor.vue"],"sourcesContent":["let lockCount = 0\nlet previousOverflow: string | undefined\n\n/**\n * Lock page scrolling for every fullscreen surface on the page. The original\n * overflow is restored only when the last surface releases the lock.\n */\nexport function lockPageScroll(): void {\n  if (typeof document === 'undefined') return\n  if (lockCount === 0) {\n    previousOverflow = document.body.style.overflow\n    document.body.style.overflow = 'hidden'\n  }\n  lockCount += 1\n}\n\n/** Release one page-scroll lock. Safe to call when the caller owns no lock. */\nexport function unlockPageScroll(): void {\n  if (typeof document === 'undefined' || lockCount === 0) return\n  lockCount -= 1\n  if (lockCount === 0) {\n    document.body.style.overflow = previousOverflow ?? ''\n    previousOverflow = undefined\n  }\n}\n","<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  nextTick,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  shallowRef,\r\n  useSlots,\r\n  watch,\r\n  type VNodeChild,\r\n} from 'vue'\r\nimport type {\r\n  DiagnosticFormatter,\r\n  MarkdownDiagnostic,\r\n  MarkdownTheme,\r\n  MermaidRenderResult,\r\n  MermaidRenderer,\r\n} from '../core/types'\r\nimport { createDiagnostic } from '../core/diagnostics'\r\nimport { resolveLabel } from '../core/labels'\r\nimport { isEmptySlotContent, useRenderContext } from './context'\r\nimport { lockPageScroll, unlockPageScroll } from './scroll-lock'\r\nimport MermaidBlock from './MermaidBlock.vue'\r\nimport { createMermaidEditor, type MermaidEditorHandle } from '../editor/codemirror'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    debounce?: number\r\n    theme?: 'light' | 'dark' | 'auto' | 'custom'\r\n    renderer?: MermaidRenderer\r\n    diagnosticsFormatter?: DiagnosticFormatter\r\n    compact?: boolean\r\n    rawDetails?: boolean\r\n    autoFocus?: boolean\r\n    initialRatio?: number\r\n    minRatio?: number\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    debounce: 300,\r\n    theme: undefined,\r\n    renderer: undefined,\r\n    diagnosticsFormatter: undefined,\r\n    compact: false,\r\n    rawDetails: false,\r\n    autoFocus: false,\r\n    initialRatio: 0.5,\r\n    minRatio: 0.2,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  preview: [value: string]\r\n  error: [diagnostic: MarkdownDiagnostic]\r\n}>()\r\n\r\nfunction asSource(value: unknown): string {\r\n  return typeof value === 'string' ? value : ''\r\n}\r\n\r\nconst initialValue = asSource(props.modelValue)\r\n\r\nconst context = useRenderContext()\r\nconst ownSlots = useSlots()\r\nconst resolvedTheme = computed<MarkdownTheme>(\r\n  () => props.theme ?? context.theme ?? 'light',\r\n)\r\nconst value = ref(initialValue)\r\nconst previewSource = ref(initialValue)\r\nconst ratio = ref(props.initialRatio)\r\nconst status = ref<'idle' | 'pending' | 'ready' | 'error'>(\r\n  initialValue.trim() ? 'pending' : 'idle',\r\n)\r\nconst diagnostics = shallowRef<MarkdownDiagnostic[]>([])\r\nconst fullscreen = ref(false)\r\nconst root = ref<HTMLElement>()\r\nconst editorHost = ref<HTMLElement>()\r\nlet handle: MermaidEditorHandle | undefined\r\nlet previewTimer: ReturnType<typeof setTimeout> | undefined\r\n\r\nconst previewResult = shallowRef<MermaidRenderResult | null>(null)\r\nconst previewError = ref<string | undefined>()\r\nconst isEmptyPreview = computed(() => previewSource.value.trim() === '')\r\nconst hasFullscreenSlot = computed(() =>\r\n  Boolean(ownSlots.fullscreen || context.slots?.fullscreen),\r\n)\r\n\r\nfunction renderSlot(\r\n  name: string,\r\n  slotProps: Record<string, unknown>,\r\n  fallback: () => VNodeChild,\r\n): VNodeChild {\r\n  return context.renderHostSlot(name, slotProps, () => {\r\n    const slot = ownSlots[name]\r\n    if (!slot) return fallback()\r\n    const output = slot(slotProps)\r\n    return isEmptySlotContent(output) ? fallback() : output\r\n  })\r\n}\r\n\r\nlet scrollLocked = false\r\nlet nativeFullscreen = false\r\nlet active = true\r\n\r\nfunction lockScroll(): void {\r\n  if (scrollLocked) return\r\n  scrollLocked = true\r\n  lockPageScroll()\r\n}\r\n\r\nfunction unlockScroll(): void {\r\n  if (!scrollLocked) return\r\n  scrollLocked = false\r\n  unlockPageScroll()\r\n}\r\n\r\nfunction setFullscreen(next: boolean): void {\r\n  if (!active) return\r\n  if (next) lockScroll()\r\n  fullscreen.value = next\r\n  if (next) {\r\n    root.value?.focus?.()\r\n    if (typeof document !== 'undefined') {\r\n      document.addEventListener('keydown', onKeydown)\r\n    }\r\n  } else {\r\n    if (typeof document !== 'undefined') {\r\n      document.removeEventListener('keydown', onKeydown)\r\n    }\r\n    unlockScroll()\r\n  }\r\n}\r\n\r\nasync function toggleFullscreen(): Promise<void> {\r\n  const element = root.value\r\n  if (typeof document === 'undefined') return\r\n  if (!fullscreen.value) {\r\n    nativeFullscreen = false\r\n    try {\r\n      await element?.requestFullscreen?.()\r\n      if (!active) return\r\n      nativeFullscreen = Boolean(element) && document.fullscreenElement === element\r\n    } catch {\r\n      // CSS fallback.\r\n    }\r\n    if (!active) return\r\n    setFullscreen(true)\r\n  } else {\r\n    try {\r\n      if (element && document.fullscreenElement === element) {\r\n        await document.exitFullscreen()\r\n      }\r\n    } catch {\r\n      // Ignore.\r\n    }\r\n    if (!active) return\r\n    nativeFullscreen = false\r\n    setFullscreen(false)\r\n  }\r\n}\r\n\r\nfunction onKeydown(event: KeyboardEvent): void {\r\n  if (!fullscreen.value) return\r\n  if (event.key === 'Escape') {\r\n    setFullscreen(false)\r\n    return\r\n  }\r\n  if (event.key !== 'Tab') return\r\n\r\n  const focusables = Array.from(\r\n    root.value?.querySelectorAll<HTMLElement>(\r\n      'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\r\n    ) ?? [],\r\n  ).filter((element) => !element.closest('[aria-hidden=\"true\"]'))\r\n  if (focusables.length === 0) {\r\n    event.preventDefault()\r\n    root.value?.focus()\r\n    return\r\n  }\r\n  const first = focusables[0]\r\n  const last = focusables[focusables.length - 1]\r\n  if (!first || !last) return\r\n  if (event.shiftKey) {\r\n    if (document.activeElement === first || document.activeElement === root.value) {\r\n      event.preventDefault()\r\n      last.focus()\r\n    }\r\n  } else if (document.activeElement === last) {\r\n    event.preventDefault()\r\n    first.focus()\r\n  }\r\n}\r\n\r\nfunction onFullscreenChange(): void {\r\n  if (!active) return\r\n  const element = root.value\r\n  if (element && document.fullscreenElement === element) {\r\n    nativeFullscreen = true\r\n    return\r\n  }\r\n  if (!nativeFullscreen) return\r\n  nativeFullscreen = false\r\n  setFullscreen(false)\r\n}\r\n\r\nfunction diagnosticFromError(message: string): MarkdownDiagnostic {\r\n  const formatter = props.diagnosticsFormatter ?? context.diagnosticsFormatter\r\n  if (formatter) {\r\n    try {\r\n      return formatter.format(message, value.value)\r\n    } catch {\r\n      // Fall through to the default formatter.\r\n    }\r\n  }\r\n  const match = /line\\s+(\\d+)/i.exec(message)\r\n  const line = match?.[1] ? Number(match[1]) : undefined\r\n  return createDiagnostic(\r\n    'mermaid-error',\r\n    line\r\n      ? resolveLabel(context.labels.editorSyntaxError, { line })\r\n      : resolveLabel(context.labels.editorParseError),\r\n    {\r\n      phase: 'render',\r\n      details: message,\r\n      source: line\r\n        ? {\r\n            start: { line, column: 1 },\r\n            end: { line, column: 1 },\r\n          }\r\n        : undefined,\r\n    },\r\n  )\r\n}\r\n\r\nfunction onError(message: string): void {\r\n  status.value = 'error'\r\n  const diagnostic = diagnosticFromError(message)\r\n  previewError.value = message\r\n  diagnostics.value = [diagnostic]\r\n  emit('error', diagnostic)\r\n  if (props.autoFocus && diagnostic.source?.start?.line) {\r\n    void nextTick(() => focusLine(diagnostic.source?.start.line))\r\n  }\r\n}\r\n\r\nfunction onRendered(result: MermaidRenderResult): void {\r\n  previewResult.value = result\r\n  previewError.value = undefined\r\n  status.value = 'ready'\r\n  diagnostics.value = []\r\n}\r\n\r\nfunction updateValue(next: string): void {\r\n  const source = asSource(next)\r\n  value.value = source\r\n  emit('update:modelValue', source)\r\n}\r\n\r\nfunction schedulePreview(next: string): void {\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  previewTimer = setTimeout(() => {\r\n    previewSource.value = next\r\n    emit('preview', next)\r\n  }, Math.max(0, props.debounce))\r\n}\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (next) => {\r\n    const source = asSource(next)\r\n    if (source === value.value) return\r\n    value.value = source\r\n    handle?.setValue(source)\r\n    schedulePreview(source)\r\n  },\r\n)\r\n\r\nwatch(value, (next) => {\r\n  schedulePreview(next)\r\n})\r\n\r\nwatch(previewSource, (next) => {\r\n  if (next.trim()) {\r\n    status.value = 'pending'\r\n    previewError.value = undefined\r\n    diagnostics.value = []\r\n    return\r\n  }\r\n  previewResult.value = null\r\n  previewError.value = undefined\r\n  diagnostics.value = []\r\n  status.value = 'idle'\r\n})\r\n\r\nfunction focusLine(line?: number): void {\r\n  if (line) handle?.focusLine(line)\r\n}\r\n\r\nfunction onDividerKeydown(event: KeyboardEvent): void {\r\n  if (event.key === 'ArrowLeft') {\r\n    ratio.value = Math.max(props.minRatio, ratio.value - 0.05)\r\n    event.preventDefault()\r\n  } else if (event.key === 'ArrowRight') {\r\n    ratio.value = Math.min(1 - props.minRatio, ratio.value + 0.05)\r\n    event.preventDefault()\r\n  } else if (event.key === 'Home') {\r\n    ratio.value = props.initialRatio\r\n    event.preventDefault()\r\n  }\r\n}\r\n\r\nlet dragCleanup: (() => void) | undefined\r\nfunction startDrag(event: MouseEvent): void {\r\n  if (typeof document === 'undefined') return\r\n  const rect = root.value?.getBoundingClientRect()\r\n  if (!rect) return\r\n  const move = (moveEvent: MouseEvent): void => {\r\n    const next = (moveEvent.clientX - rect.left) / rect.width\r\n    ratio.value = Math.min(1 - props.minRatio, Math.max(props.minRatio, next))\r\n  }\r\n  const up = (): void => {\r\n    document.removeEventListener('mousemove', move)\r\n    document.removeEventListener('mouseup', up)\r\n    dragCleanup = undefined\r\n  }\r\n  document.addEventListener('mousemove', move)\r\n  document.addEventListener('mouseup', up)\r\n  dragCleanup = up\r\n  event.preventDefault()\r\n}\r\n\r\nonMounted(async () => {\r\n  if (typeof document !== 'undefined') {\r\n    document.addEventListener('fullscreenchange', onFullscreenChange)\r\n  }\r\n  await nextTick()\r\n  if (!editorHost.value) return\r\n  try {\r\n    handle = await createMermaidEditor(editorHost.value, {\r\n      value: value.value,\r\n      theme: resolvedTheme.value,\r\n      onChange: updateValue,\r\n    })\r\n  } catch (error) {\r\n    if (import.meta.env.DEV) console.error('Mermaid editor failed', error)\r\n    handle = undefined\r\n  }\r\n})\r\n\r\nonUnmounted(() => {\r\n  active = false\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  dragCleanup?.()\r\n  handle?.destroy()\r\n  if (typeof document !== 'undefined') {\r\n    document.removeEventListener('keydown', onKeydown)\r\n    document.removeEventListener('fullscreenchange', onFullscreenChange)\r\n  }\r\n  unlockScroll()\r\n})\r\n\r\nfunction focus(): void {\r\n  handle?.focus()\r\n}\r\n\r\n/** Apply the current editor value to the preview without waiting for debounce. */\r\nfunction refreshPreview(): void {\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  previewSource.value = value.value\r\n  emit('preview', value.value)\r\n}\r\n\r\ndefineExpose({\r\n  focus,\r\n  refreshPreview,\r\n  toggleFullscreen,\r\n  getDiagnostics: (): MarkdownDiagnostic[] => diagnostics.value,\r\n})\r\n\r\nconst FullscreenSlot = defineComponent({\r\n  setup() {\r\n    return () => {\r\n      const label = resolveLabel(\r\n        fullscreen.value\r\n          ? context.labels.exitFullscreen\r\n          : context.labels.fullscreen,\r\n      )\r\n      return renderSlot(\r\n        'fullscreen',\r\n        {\r\n          fullscreen: fullscreen.value,\r\n          label,\r\n          toggle: toggleFullscreen,\r\n        },\r\n        () =>\r\n          h(\r\n            'button',\r\n            {\r\n              type: 'button',\r\n              'aria-pressed': fullscreen.value ? 'true' : 'false',\r\n              onClick: toggleFullscreen,\r\n            },\r\n            label,\r\n          ),\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nconst ToolbarSlot = defineComponent({\r\n  setup() {\r\n    function defaultToolbar(): VNodeChild[] {\r\n      return [\r\n        h(\r\n          'span',\r\n          { class: 'vmd-editor-title' },\r\n          resolveLabel(context.labels.editor),\r\n        ),\r\n        h(FullscreenSlot),\r\n        h(\r\n          'button',\r\n          {\r\n            type: 'button',\r\n            onClick: () => {\r\n              ratio.value = props.initialRatio\r\n            },\r\n          },\r\n          resolveLabel(context.labels.editorReset),\r\n        ),\r\n      ]\r\n    }\r\n\r\n    return () => {\r\n      const slotProps = {\r\n        ratio: ratio.value,\r\n        fullscreen: fullscreen.value,\r\n        compact: props.compact,\r\n        actions: {\r\n          toggleFullscreen,\r\n          resetRatio: () => {\r\n            ratio.value = props.initialRatio\r\n          },\r\n          setRatio: (next: number) => {\r\n            ratio.value = Math.min(\r\n              1 - props.minRatio,\r\n              Math.max(props.minRatio, next),\r\n            )\r\n          },\r\n        },\r\n      }\r\n      const slot = context.slots?.toolbar ?? ownSlots.toolbar\r\n      if (!slot) return defaultToolbar()\r\n      const output = slot(slotProps)\r\n      if (isEmptySlotContent(output)) return defaultToolbar()\r\n      return hasFullscreenSlot.value ? [output, h(FullscreenSlot)] : output\r\n    }\r\n  },\r\n})\r\n\r\nconst EditorSlot = defineComponent({\r\n  setup() {\r\n    return () =>\r\n      renderSlot(\r\n        'editor',\r\n        {\r\n          value: value.value,\r\n          update: updateValue,\r\n          diagnostics: diagnostics.value,\r\n          status: status.value,\r\n          actions: {\r\n            focus: () => handle?.focus(),\r\n            reset: () => {\r\n              updateValue('')\r\n              handle?.setValue('')\r\n            },\r\n            fullscreen: toggleFullscreen,\r\n          },\r\n        },\r\n        () =>\r\n          h('div', {\r\n            ref: editorHost,\r\n            class: 'vmd-editor-host',\r\n            'data-vmd-part': 'editor-pane',\r\n          }),\r\n      )\r\n  },\r\n})\r\n\r\nconst PreviewSlot = defineComponent({\r\n  setup() {\r\n    function emptyPreview(): VNodeChild {\r\n      return renderSlot(\r\n        'empty',\r\n        {\r\n          source: previewSource.value,\r\n          actions: {\r\n            focus: () => handle?.focus(),\r\n            refresh: refreshPreview,\r\n          },\r\n        },\r\n        () =>\r\n          h(\r\n            'p',\r\n            {\r\n              class: 'vmd-editor-empty',\r\n              'data-vmd-part': 'editor-empty',\r\n            },\r\n            resolveLabel(context.labels.editorEmpty),\r\n          ),\r\n      )\r\n    }\r\n\r\n    return () => {\r\n      const slotProps = {\r\n        source: previewSource.value,\r\n        status: status.value,\r\n        error: previewError.value,\r\n        nodes: previewResult.value?.nodes ?? [],\r\n        actions: {\r\n          refresh: refreshPreview,\r\n          fullscreen: toggleFullscreen,\r\n          focus: () => handle?.focus(),\r\n        },\r\n      }\r\n      const slot = context.slots?.preview ?? ownSlots.preview\r\n      const output = slot ? slot(slotProps) : undefined\r\n      const hasSlotOutput = slot ? !isEmptySlotContent(output) : false\r\n      const renderer = isEmptyPreview.value\r\n        ? null\r\n        : h(MermaidBlock, {\r\n            source: previewSource.value,\r\n            renderer: props.renderer,\r\n            theme: resolvedTheme.value,\r\n            showErrors: true,\r\n            compact: props.compact,\r\n            style: hasSlotOutput ? { display: 'none' } : undefined,\r\n            'aria-hidden': hasSlotOutput ? 'true' : undefined,\r\n            onError,\r\n            onRendered,\r\n          })\r\n      const content = hasSlotOutput\r\n        ? output\r\n        : isEmptyPreview.value\r\n          ? emptyPreview()\r\n          : null\r\n      return [renderer, content]\r\n    }\r\n  },\r\n})\r\n\r\nconst DiagnosticsContent = defineComponent({\r\n  setup() {\r\n    return () =>\r\n      renderSlot(\r\n        'editor-diagnostics',\r\n        {\r\n          diagnostics: diagnostics.value,\r\n          focusLine,\r\n        },\r\n        () => {\r\n          if (diagnostics.value.length === 0) return null\r\n          return h(\r\n            'ul',\r\n            { class: 'vmd-editor-diagnostic-list', role: 'status' },\r\n            diagnostics.value.map((diagnostic) => {\r\n              const line = diagnostic.source?.start?.line\r\n              return h('li', { key: diagnostic.message }, [\r\n                h('span', diagnostic.message),\r\n                props.rawDetails && diagnostic.details\r\n                  ? h(\r\n                      'pre',\r\n                      { class: 'vmd-editor-diagnostic-details' },\r\n                      diagnostic.details,\r\n                    )\r\n                  : null,\r\n                line\r\n                  ? h(\r\n                      'button',\r\n                      {\r\n                        type: 'button',\r\n                        onClick: () => focusLine(line),\r\n                      },\r\n                      resolveLabel(context.labels.editorLine, { line }),\r\n                    )\r\n                  : null,\r\n              ])\r\n            }),\r\n          )\r\n        },\r\n      )\r\n  },\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"root\"\r\n    data-vmd-part=\"editor\"\r\n    class=\"vmd-editor\"\r\n    :data-vmd-theme=\"resolvedTheme\"\r\n    :data-fullscreen=\"fullscreen ? 'true' : undefined\"\r\n    :data-compact=\"compact ? 'true' : undefined\"\r\n    :aria-label=\"resolveLabel(context.labels.editor)\"\r\n    role=\"group\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <div\r\n      class=\"vmd-editor-surface\"\r\n      :data-vmd-part=\"fullscreen ? 'editor-fullscreen' : undefined\"\r\n    >\r\n      <div data-vmd-part=\"editor-toolbar\" class=\"vmd-editor-toolbar\">\r\n        <ToolbarSlot />\r\n      </div>\r\n\r\n      <div class=\"vmd-editor-body\">\r\n        <div\r\n          data-vmd-part=\"editor-pane\"\r\n          class=\"vmd-editor-pane\"\r\n          :style=\"{ flexBasis: `${ratio * 100}%` }\"\r\n        >\r\n          <EditorSlot />\r\n        </div>\r\n        <div\r\n          data-vmd-part=\"editor-divider\"\r\n          class=\"vmd-editor-divider\"\r\n          role=\"separator\"\r\n          aria-orientation=\"vertical\"\r\n          tabindex=\"0\"\r\n          :aria-label=\"resolveLabel(context.labels.editorSplitter)\"\r\n          :aria-valuenow=\"Math.round(ratio * 100)\"\r\n          :aria-valuemin=\"Math.round(minRatio * 100)\"\r\n          :aria-valuemax=\"Math.round((1 - minRatio) * 100)\"\r\n          @mousedown=\"startDrag\"\r\n          @keydown=\"onDividerKeydown\"\r\n        />\r\n        <div\r\n          data-vmd-part=\"editor-preview\"\r\n          class=\"vmd-editor-preview\"\r\n          role=\"region\"\r\n          :aria-label=\"resolveLabel(context.labels.preview)\"\r\n        >\r\n          <PreviewSlot />\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        data-vmd-part=\"editor-diagnostics\"\r\n        class=\"vmd-editor-diagnostics\"\r\n        :data-compact=\"compact ? 'true' : undefined\"\r\n        role=\"group\"\r\n        :aria-label=\"resolveLabel(context.labels.editorDiagnostics)\"\r\n      >\r\n        <DiagnosticsContent />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  nextTick,\r\n  onMounted,\r\n  onUnmounted,\r\n  ref,\r\n  shallowRef,\r\n  useSlots,\r\n  watch,\r\n  type VNodeChild,\r\n} from 'vue'\r\nimport type {\r\n  DiagnosticFormatter,\r\n  MarkdownDiagnostic,\r\n  MarkdownTheme,\r\n  MermaidRenderResult,\r\n  MermaidRenderer,\r\n} from '../core/types'\r\nimport { createDiagnostic } from '../core/diagnostics'\r\nimport { resolveLabel } from '../core/labels'\r\nimport { isEmptySlotContent, useRenderContext } from './context'\r\nimport { lockPageScroll, unlockPageScroll } from './scroll-lock'\r\nimport MermaidBlock from './MermaidBlock.vue'\r\nimport { createMermaidEditor, type MermaidEditorHandle } from '../editor/codemirror'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue?: string\r\n    debounce?: number\r\n    theme?: 'light' | 'dark' | 'auto' | 'custom'\r\n    renderer?: MermaidRenderer\r\n    diagnosticsFormatter?: DiagnosticFormatter\r\n    compact?: boolean\r\n    rawDetails?: boolean\r\n    autoFocus?: boolean\r\n    initialRatio?: number\r\n    minRatio?: number\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    debounce: 300,\r\n    theme: undefined,\r\n    renderer: undefined,\r\n    diagnosticsFormatter: undefined,\r\n    compact: false,\r\n    rawDetails: false,\r\n    autoFocus: false,\r\n    initialRatio: 0.5,\r\n    minRatio: 0.2,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  preview: [value: string]\r\n  error: [diagnostic: MarkdownDiagnostic]\r\n}>()\r\n\r\nfunction asSource(value: unknown): string {\r\n  return typeof value === 'string' ? value : ''\r\n}\r\n\r\nconst initialValue = asSource(props.modelValue)\r\n\r\nconst context = useRenderContext()\r\nconst ownSlots = useSlots()\r\nconst resolvedTheme = computed<MarkdownTheme>(\r\n  () => props.theme ?? context.theme ?? 'light',\r\n)\r\nconst value = ref(initialValue)\r\nconst previewSource = ref(initialValue)\r\nconst ratio = ref(props.initialRatio)\r\nconst status = ref<'idle' | 'pending' | 'ready' | 'error'>(\r\n  initialValue.trim() ? 'pending' : 'idle',\r\n)\r\nconst diagnostics = shallowRef<MarkdownDiagnostic[]>([])\r\nconst fullscreen = ref(false)\r\nconst root = ref<HTMLElement>()\r\nconst editorHost = ref<HTMLElement>()\r\nlet handle: MermaidEditorHandle | undefined\r\nlet previewTimer: ReturnType<typeof setTimeout> | undefined\r\n\r\nconst previewResult = shallowRef<MermaidRenderResult | null>(null)\r\nconst previewError = ref<string | undefined>()\r\nconst isEmptyPreview = computed(() => previewSource.value.trim() === '')\r\nconst hasFullscreenSlot = computed(() =>\r\n  Boolean(ownSlots.fullscreen || context.slots?.fullscreen),\r\n)\r\n\r\nfunction renderSlot(\r\n  name: string,\r\n  slotProps: Record<string, unknown>,\r\n  fallback: () => VNodeChild,\r\n): VNodeChild {\r\n  return context.renderHostSlot(name, slotProps, () => {\r\n    const slot = ownSlots[name]\r\n    if (!slot) return fallback()\r\n    const output = slot(slotProps)\r\n    return isEmptySlotContent(output) ? fallback() : output\r\n  })\r\n}\r\n\r\nlet scrollLocked = false\r\nlet nativeFullscreen = false\r\nlet active = true\r\n\r\nfunction lockScroll(): void {\r\n  if (scrollLocked) return\r\n  scrollLocked = true\r\n  lockPageScroll()\r\n}\r\n\r\nfunction unlockScroll(): void {\r\n  if (!scrollLocked) return\r\n  scrollLocked = false\r\n  unlockPageScroll()\r\n}\r\n\r\nfunction setFullscreen(next: boolean): void {\r\n  if (!active) return\r\n  if (next) lockScroll()\r\n  fullscreen.value = next\r\n  if (next) {\r\n    root.value?.focus?.()\r\n    if (typeof document !== 'undefined') {\r\n      document.addEventListener('keydown', onKeydown)\r\n    }\r\n  } else {\r\n    if (typeof document !== 'undefined') {\r\n      document.removeEventListener('keydown', onKeydown)\r\n    }\r\n    unlockScroll()\r\n  }\r\n}\r\n\r\nasync function toggleFullscreen(): Promise<void> {\r\n  const element = root.value\r\n  if (typeof document === 'undefined') return\r\n  if (!fullscreen.value) {\r\n    nativeFullscreen = false\r\n    try {\r\n      await element?.requestFullscreen?.()\r\n      if (!active) return\r\n      nativeFullscreen = Boolean(element) && document.fullscreenElement === element\r\n    } catch {\r\n      // CSS fallback.\r\n    }\r\n    if (!active) return\r\n    setFullscreen(true)\r\n  } else {\r\n    try {\r\n      if (element && document.fullscreenElement === element) {\r\n        await document.exitFullscreen()\r\n      }\r\n    } catch {\r\n      // Ignore.\r\n    }\r\n    if (!active) return\r\n    nativeFullscreen = false\r\n    setFullscreen(false)\r\n  }\r\n}\r\n\r\nfunction onKeydown(event: KeyboardEvent): void {\r\n  if (!fullscreen.value) return\r\n  if (event.key === 'Escape') {\r\n    setFullscreen(false)\r\n    return\r\n  }\r\n  if (event.key !== 'Tab') return\r\n\r\n  const focusables = Array.from(\r\n    root.value?.querySelectorAll<HTMLElement>(\r\n      'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\r\n    ) ?? [],\r\n  ).filter((element) => !element.closest('[aria-hidden=\"true\"]'))\r\n  if (focusables.length === 0) {\r\n    event.preventDefault()\r\n    root.value?.focus()\r\n    return\r\n  }\r\n  const first = focusables[0]\r\n  const last = focusables[focusables.length - 1]\r\n  if (!first || !last) return\r\n  if (event.shiftKey) {\r\n    if (document.activeElement === first || document.activeElement === root.value) {\r\n      event.preventDefault()\r\n      last.focus()\r\n    }\r\n  } else if (document.activeElement === last) {\r\n    event.preventDefault()\r\n    first.focus()\r\n  }\r\n}\r\n\r\nfunction onFullscreenChange(): void {\r\n  if (!active) return\r\n  const element = root.value\r\n  if (element && document.fullscreenElement === element) {\r\n    nativeFullscreen = true\r\n    return\r\n  }\r\n  if (!nativeFullscreen) return\r\n  nativeFullscreen = false\r\n  setFullscreen(false)\r\n}\r\n\r\nfunction diagnosticFromError(message: string): MarkdownDiagnostic {\r\n  const formatter = props.diagnosticsFormatter ?? context.diagnosticsFormatter\r\n  if (formatter) {\r\n    try {\r\n      return formatter.format(message, value.value)\r\n    } catch {\r\n      // Fall through to the default formatter.\r\n    }\r\n  }\r\n  const match = /line\\s+(\\d+)/i.exec(message)\r\n  const line = match?.[1] ? Number(match[1]) : undefined\r\n  return createDiagnostic(\r\n    'mermaid-error',\r\n    line\r\n      ? resolveLabel(context.labels.editorSyntaxError, { line })\r\n      : resolveLabel(context.labels.editorParseError),\r\n    {\r\n      phase: 'render',\r\n      details: message,\r\n      source: line\r\n        ? {\r\n            start: { line, column: 1 },\r\n            end: { line, column: 1 },\r\n          }\r\n        : undefined,\r\n    },\r\n  )\r\n}\r\n\r\nfunction onError(message: string): void {\r\n  status.value = 'error'\r\n  const diagnostic = diagnosticFromError(message)\r\n  previewError.value = message\r\n  diagnostics.value = [diagnostic]\r\n  emit('error', diagnostic)\r\n  if (props.autoFocus && diagnostic.source?.start?.line) {\r\n    void nextTick(() => focusLine(diagnostic.source?.start.line))\r\n  }\r\n}\r\n\r\nfunction onRendered(result: MermaidRenderResult): void {\r\n  previewResult.value = result\r\n  previewError.value = undefined\r\n  status.value = 'ready'\r\n  diagnostics.value = []\r\n}\r\n\r\nfunction updateValue(next: string): void {\r\n  const source = asSource(next)\r\n  value.value = source\r\n  emit('update:modelValue', source)\r\n}\r\n\r\nfunction schedulePreview(next: string): void {\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  previewTimer = setTimeout(() => {\r\n    previewSource.value = next\r\n    emit('preview', next)\r\n  }, Math.max(0, props.debounce))\r\n}\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  (next) => {\r\n    const source = asSource(next)\r\n    if (source === value.value) return\r\n    value.value = source\r\n    handle?.setValue(source)\r\n    schedulePreview(source)\r\n  },\r\n)\r\n\r\nwatch(value, (next) => {\r\n  schedulePreview(next)\r\n})\r\n\r\nwatch(previewSource, (next) => {\r\n  if (next.trim()) {\r\n    status.value = 'pending'\r\n    previewError.value = undefined\r\n    diagnostics.value = []\r\n    return\r\n  }\r\n  previewResult.value = null\r\n  previewError.value = undefined\r\n  diagnostics.value = []\r\n  status.value = 'idle'\r\n})\r\n\r\nfunction focusLine(line?: number): void {\r\n  if (line) handle?.focusLine(line)\r\n}\r\n\r\nfunction onDividerKeydown(event: KeyboardEvent): void {\r\n  if (event.key === 'ArrowLeft') {\r\n    ratio.value = Math.max(props.minRatio, ratio.value - 0.05)\r\n    event.preventDefault()\r\n  } else if (event.key === 'ArrowRight') {\r\n    ratio.value = Math.min(1 - props.minRatio, ratio.value + 0.05)\r\n    event.preventDefault()\r\n  } else if (event.key === 'Home') {\r\n    ratio.value = props.initialRatio\r\n    event.preventDefault()\r\n  }\r\n}\r\n\r\nlet dragCleanup: (() => void) | undefined\r\nfunction startDrag(event: MouseEvent): void {\r\n  if (typeof document === 'undefined') return\r\n  const rect = root.value?.getBoundingClientRect()\r\n  if (!rect) return\r\n  const move = (moveEvent: MouseEvent): void => {\r\n    const next = (moveEvent.clientX - rect.left) / rect.width\r\n    ratio.value = Math.min(1 - props.minRatio, Math.max(props.minRatio, next))\r\n  }\r\n  const up = (): void => {\r\n    document.removeEventListener('mousemove', move)\r\n    document.removeEventListener('mouseup', up)\r\n    dragCleanup = undefined\r\n  }\r\n  document.addEventListener('mousemove', move)\r\n  document.addEventListener('mouseup', up)\r\n  dragCleanup = up\r\n  event.preventDefault()\r\n}\r\n\r\nonMounted(async () => {\r\n  if (typeof document !== 'undefined') {\r\n    document.addEventListener('fullscreenchange', onFullscreenChange)\r\n  }\r\n  await nextTick()\r\n  if (!editorHost.value) return\r\n  try {\r\n    handle = await createMermaidEditor(editorHost.value, {\r\n      value: value.value,\r\n      theme: resolvedTheme.value,\r\n      onChange: updateValue,\r\n    })\r\n  } catch (error) {\r\n    if (import.meta.env.DEV) console.error('Mermaid editor failed', error)\r\n    handle = undefined\r\n  }\r\n})\r\n\r\nonUnmounted(() => {\r\n  active = false\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  dragCleanup?.()\r\n  handle?.destroy()\r\n  if (typeof document !== 'undefined') {\r\n    document.removeEventListener('keydown', onKeydown)\r\n    document.removeEventListener('fullscreenchange', onFullscreenChange)\r\n  }\r\n  unlockScroll()\r\n})\r\n\r\nfunction focus(): void {\r\n  handle?.focus()\r\n}\r\n\r\n/** Apply the current editor value to the preview without waiting for debounce. */\r\nfunction refreshPreview(): void {\r\n  if (previewTimer) clearTimeout(previewTimer)\r\n  previewSource.value = value.value\r\n  emit('preview', value.value)\r\n}\r\n\r\ndefineExpose({\r\n  focus,\r\n  refreshPreview,\r\n  toggleFullscreen,\r\n  getDiagnostics: (): MarkdownDiagnostic[] => diagnostics.value,\r\n})\r\n\r\nconst FullscreenSlot = defineComponent({\r\n  setup() {\r\n    return () => {\r\n      const label = resolveLabel(\r\n        fullscreen.value\r\n          ? context.labels.exitFullscreen\r\n          : context.labels.fullscreen,\r\n      )\r\n      return renderSlot(\r\n        'fullscreen',\r\n        {\r\n          fullscreen: fullscreen.value,\r\n          label,\r\n          toggle: toggleFullscreen,\r\n        },\r\n        () =>\r\n          h(\r\n            'button',\r\n            {\r\n              type: 'button',\r\n              'aria-pressed': fullscreen.value ? 'true' : 'false',\r\n              onClick: toggleFullscreen,\r\n            },\r\n            label,\r\n          ),\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nconst ToolbarSlot = defineComponent({\r\n  setup() {\r\n    function defaultToolbar(): VNodeChild[] {\r\n      return [\r\n        h(\r\n          'span',\r\n          { class: 'vmd-editor-title' },\r\n          resolveLabel(context.labels.editor),\r\n        ),\r\n        h(FullscreenSlot),\r\n        h(\r\n          'button',\r\n          {\r\n            type: 'button',\r\n            onClick: () => {\r\n              ratio.value = props.initialRatio\r\n            },\r\n          },\r\n          resolveLabel(context.labels.editorReset),\r\n        ),\r\n      ]\r\n    }\r\n\r\n    return () => {\r\n      const slotProps = {\r\n        ratio: ratio.value,\r\n        fullscreen: fullscreen.value,\r\n        compact: props.compact,\r\n        actions: {\r\n          toggleFullscreen,\r\n          resetRatio: () => {\r\n            ratio.value = props.initialRatio\r\n          },\r\n          setRatio: (next: number) => {\r\n            ratio.value = Math.min(\r\n              1 - props.minRatio,\r\n              Math.max(props.minRatio, next),\r\n            )\r\n          },\r\n        },\r\n      }\r\n      const slot = context.slots?.toolbar ?? ownSlots.toolbar\r\n      if (!slot) return defaultToolbar()\r\n      const output = slot(slotProps)\r\n      if (isEmptySlotContent(output)) return defaultToolbar()\r\n      return hasFullscreenSlot.value ? [output, h(FullscreenSlot)] : output\r\n    }\r\n  },\r\n})\r\n\r\nconst EditorSlot = defineComponent({\r\n  setup() {\r\n    return () =>\r\n      renderSlot(\r\n        'editor',\r\n        {\r\n          value: value.value,\r\n          update: updateValue,\r\n          diagnostics: diagnostics.value,\r\n          status: status.value,\r\n          actions: {\r\n            focus: () => handle?.focus(),\r\n            reset: () => {\r\n              updateValue('')\r\n              handle?.setValue('')\r\n            },\r\n            fullscreen: toggleFullscreen,\r\n          },\r\n        },\r\n        () =>\r\n          h('div', {\r\n            ref: editorHost,\r\n            class: 'vmd-editor-host',\r\n            'data-vmd-part': 'editor-pane',\r\n          }),\r\n      )\r\n  },\r\n})\r\n\r\nconst PreviewSlot = defineComponent({\r\n  setup() {\r\n    function emptyPreview(): VNodeChild {\r\n      return renderSlot(\r\n        'empty',\r\n        {\r\n          source: previewSource.value,\r\n          actions: {\r\n            focus: () => handle?.focus(),\r\n            refresh: refreshPreview,\r\n          },\r\n        },\r\n        () =>\r\n          h(\r\n            'p',\r\n            {\r\n              class: 'vmd-editor-empty',\r\n              'data-vmd-part': 'editor-empty',\r\n            },\r\n            resolveLabel(context.labels.editorEmpty),\r\n          ),\r\n      )\r\n    }\r\n\r\n    return () => {\r\n      const slotProps = {\r\n        source: previewSource.value,\r\n        status: status.value,\r\n        error: previewError.value,\r\n        nodes: previewResult.value?.nodes ?? [],\r\n        actions: {\r\n          refresh: refreshPreview,\r\n          fullscreen: toggleFullscreen,\r\n          focus: () => handle?.focus(),\r\n        },\r\n      }\r\n      const slot = context.slots?.preview ?? ownSlots.preview\r\n      const output = slot ? slot(slotProps) : undefined\r\n      const hasSlotOutput = slot ? !isEmptySlotContent(output) : false\r\n      const renderer = isEmptyPreview.value\r\n        ? null\r\n        : h(MermaidBlock, {\r\n            source: previewSource.value,\r\n            renderer: props.renderer,\r\n            theme: resolvedTheme.value,\r\n            showErrors: true,\r\n            compact: props.compact,\r\n            style: hasSlotOutput ? { display: 'none' } : undefined,\r\n            'aria-hidden': hasSlotOutput ? 'true' : undefined,\r\n            onError,\r\n            onRendered,\r\n          })\r\n      const content = hasSlotOutput\r\n        ? output\r\n        : isEmptyPreview.value\r\n          ? emptyPreview()\r\n          : null\r\n      return [renderer, content]\r\n    }\r\n  },\r\n})\r\n\r\nconst DiagnosticsContent = defineComponent({\r\n  setup() {\r\n    return () =>\r\n      renderSlot(\r\n        'editor-diagnostics',\r\n        {\r\n          diagnostics: diagnostics.value,\r\n          focusLine,\r\n        },\r\n        () => {\r\n          if (diagnostics.value.length === 0) return null\r\n          return h(\r\n            'ul',\r\n            { class: 'vmd-editor-diagnostic-list', role: 'status' },\r\n            diagnostics.value.map((diagnostic) => {\r\n              const line = diagnostic.source?.start?.line\r\n              return h('li', { key: diagnostic.message }, [\r\n                h('span', diagnostic.message),\r\n                props.rawDetails && diagnostic.details\r\n                  ? h(\r\n                      'pre',\r\n                      { class: 'vmd-editor-diagnostic-details' },\r\n                      diagnostic.details,\r\n                    )\r\n                  : null,\r\n                line\r\n                  ? h(\r\n                      'button',\r\n                      {\r\n                        type: 'button',\r\n                        onClick: () => focusLine(line),\r\n                      },\r\n                      resolveLabel(context.labels.editorLine, { line }),\r\n                    )\r\n                  : null,\r\n              ])\r\n            }),\r\n          )\r\n        },\r\n      )\r\n  },\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"root\"\r\n    data-vmd-part=\"editor\"\r\n    class=\"vmd-editor\"\r\n    :data-vmd-theme=\"resolvedTheme\"\r\n    :data-fullscreen=\"fullscreen ? 'true' : undefined\"\r\n    :data-compact=\"compact ? 'true' : undefined\"\r\n    :aria-label=\"resolveLabel(context.labels.editor)\"\r\n    role=\"group\"\r\n    tabindex=\"-1\"\r\n  >\r\n    <div\r\n      class=\"vmd-editor-surface\"\r\n      :data-vmd-part=\"fullscreen ? 'editor-fullscreen' : undefined\"\r\n    >\r\n      <div data-vmd-part=\"editor-toolbar\" class=\"vmd-editor-toolbar\">\r\n        <ToolbarSlot />\r\n      </div>\r\n\r\n      <div class=\"vmd-editor-body\">\r\n        <div\r\n          data-vmd-part=\"editor-pane\"\r\n          class=\"vmd-editor-pane\"\r\n          :style=\"{ flexBasis: `${ratio * 100}%` }\"\r\n        >\r\n          <EditorSlot />\r\n        </div>\r\n        <div\r\n          data-vmd-part=\"editor-divider\"\r\n          class=\"vmd-editor-divider\"\r\n          role=\"separator\"\r\n          aria-orientation=\"vertical\"\r\n          tabindex=\"0\"\r\n          :aria-label=\"resolveLabel(context.labels.editorSplitter)\"\r\n          :aria-valuenow=\"Math.round(ratio * 100)\"\r\n          :aria-valuemin=\"Math.round(minRatio * 100)\"\r\n          :aria-valuemax=\"Math.round((1 - minRatio) * 100)\"\r\n          @mousedown=\"startDrag\"\r\n          @keydown=\"onDividerKeydown\"\r\n        />\r\n        <div\r\n          data-vmd-part=\"editor-preview\"\r\n          class=\"vmd-editor-preview\"\r\n          role=\"region\"\r\n          :aria-label=\"resolveLabel(context.labels.preview)\"\r\n        >\r\n          <PreviewSlot />\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        data-vmd-part=\"editor-diagnostics\"\r\n        class=\"vmd-editor-diagnostics\"\r\n        :data-compact=\"compact ? 'true' : undefined\"\r\n        role=\"group\"\r\n        :aria-label=\"resolveLabel(context.labels.editorDiagnostics)\"\r\n      >\r\n        <DiagnosticsContent />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"mappings":"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"}