@coderminer/vue-markdown 0.0.0-stage → 1.0.1

package/dist/chunks/MarkdownToc-DHWWoH6t.js

@@ -0,0 +1,49 @@
+import { r as e } from "./normalize-VKfQXZiK.js";
+import { t } from "./MarkdownTocItem-DT9mR3vL.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, renderSlot as u, resolveDynamicComponent as d } from "vue";
+// src/components/MarkdownToc.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-label"], p = {
+	"data-vmd-part": "toc-nav",
+	class: "vmd-toc-nav"
+}, m = /* @__PURE__ */ s({
+	__name: "MarkdownToc",
+	props: {
+		items: {},
+		activeId: { default: void 0 },
+		label: { default: "Table of contents" },
+		tocItem: {
+			type: [
+				String,
+				Object,
+				Function
+			],
+			default: void 0
+		},
+		tocDepth: { default: 0 }
+	},
+	emits: ["navigate"],
+	setup(s, { emit: m }) {
+		let h = s, g = r(() => e(h.items, h.tocDepth)), _ = m;
+		function v(e) {
+			_("navigate", e);
+		}
+		let y = r(() => {
+			var e;
+			return (e = h.tocItem) == null ? t : e;
+		});
+		return (e, t) => (c(), a("nav", {
+			"data-vmd-part": "toc",
+			class: "vmd-toc",
+			"aria-label": s.label
+		}, [o("ol", p, [(c(!0), a(n, null, l(g.value, (t) => u(e.$slots, "toc-item", {
+			item: t,
+			active: t.id === s.activeId,
+			navigate: v
+		}, () => [(c(), i(d(y.value), {
+			item: t,
+			active: t.id === s.activeId,
+			onNavigate: v
+		}, null, 40, ["item", "active"]))], void 0, t.id)), 128))])], 8, f));
+	}
+});
+export { m as t };

package/dist/chunks/MarkdownTocItem-DT9mR3vL.js

@@ -0,0 +1,25 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a, toDisplayString as o, withModifiers as s } from "vue";
+// src/components/MarkdownTocItem.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "vmd-toc-entry" }, l = ["href", "aria-current"], u = /* @__PURE__ */ r({
+	__name: "MarkdownTocItem",
+	props: {
+		item: {},
+		active: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["navigate"],
+	setup(r) {
+		let u = r, d = e(() => ({ "--vmd-toc-depth": String(u.item.level) }));
+		return (e, u) => (a(), t("li", c, [n("a", {
+			"data-vmd-part": "toc-item",
+			class: "vmd-toc-item",
+			href: `#${r.item.id}`,
+			"aria-current": r.active ? "true" : void 0,
+			style: i(d.value),
+			onClick: u[0] || (u[0] = s((t) => e.$emit("navigate", r.item.id), ["prevent"]))
+		}, o(r.item.text), 13, l)]));
+	}
+});
+export { u as t };

package/dist/chunks/MermaidLiveEditor-1TKkI5bp.js

@@ -0,0 +1,414 @@
+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-DAqK0w5J.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 };