@treeui/vue 0.15.0 → 0.17.0

package/dist/components/TMarkdownEditor.vue_vue_type_script_setup_true_lang.js

@@ -4,20 +4,20 @@ var d = {
 	class: "t-md-editor__toolbar",
 	role: "toolbar",
 	"aria-label": "Markdown formatting"
-}, f = { class: "t-md-editor__toolbar-group" }, p = ["disabled"], ee = ["disabled"], m = ["disabled"], te = { class: "t-md-editor__toolbar-group" }, ne = ["disabled"], h = ["disabled"], g = ["disabled"], _ = { class: "t-md-editor__toolbar-group" }, v = ["disabled"], y = ["disabled"], b = ["disabled"], x = { class: "t-md-editor__toolbar-group" }, S = ["disabled"], C = ["disabled"], w = ["disabled"], re = ["disabled"], T = { class: "t-md-editor__body" }, E = { class: "t-md-editor__pane t-md-editor__pane--write" }, D = [
+}, f = { class: "t-md-editor__toolbar-group" }, p = ["disabled"], m = ["disabled"], h = ["disabled"], g = { class: "t-md-editor__toolbar-group" }, _ = ["disabled"], v = ["disabled"], ee = ["disabled"], te = { class: "t-md-editor__toolbar-group" }, y = ["disabled"], b = ["disabled"], x = ["disabled"], S = { class: "t-md-editor__toolbar-group" }, C = ["disabled"], w = ["disabled"], T = ["disabled"], E = ["disabled"], ne = { class: "t-md-editor__body" }, re = { class: "t-md-editor__pane t-md-editor__pane--write" }, ie = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-label"
-], O = {
+], ae = {
 	class: "t-md-editor__pane t-md-editor__pane--preview",
 	"aria-label": "Markdown preview"
-}, k = ["innerHTML"], A = {
+}, D = ["innerHTML"], O = {
 	key: 0,
 	class: "t-md-editor__upload-bar",
 	role: "status",
 	"aria-live": "polite"
-}, j = /*@__PURE__*/ i({
+}, k = "\0", A = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "TMarkdownEditor",
 	props: {
@@ -31,6 +31,10 @@ var d = {
 		uploadImage: {
 			type: Function,
 			default: void 0
+		},
+		sanitize: {
+			type: Function,
+			default: void 0
 		}
 	},
 	emits: [
@@ -38,41 +42,44 @@ var d = {
 		"image-upload",
 		"image-upload-error"
 	],
-	setup(i, { emit: j }) {
-		let M = i, N = j, P = u(), F = c(null), I = c(!1), L = e(() => [
+	setup(i, { emit: A }) {
+		let j = i, M = A, N = u(), P = c(null), F = c(!1), I = e(() => [
 			"t-md-editor",
-			`t-md-editor--${M.size}`,
+			`t-md-editor--${j.size}`,
 			{
-				"is-disabled": M.disabled,
-				"is-uploading": I.value
+				"is-disabled": j.disabled,
+				"is-uploading": F.value
 			},
-			P.class
-		]), R = e(() => P.style), z = e(() => {
-			let { class: e, style: t, ...n } = P;
+			N.class
+		]), L = e(() => N.style), R = e(() => {
+			let { class: e, style: t, ...n } = N;
 			return n;
-		}), B = e(() => `${M.modelValue ?? ""}`), V = (e) => {
-			N("update:modelValue", e.target.value);
-		}, H = (e, t = "") => {
-			let n = F.value;
+		}), z = e(() => `${j.modelValue ?? ""}`), B = (e) => {
+			M("update:modelValue", e.target.value);
+		}, V = (e, t = "") => {
+			let n = P.value;
 			if (!n) return;
-			let r = n.selectionStart, i = n.selectionEnd, a = B.value, s = a.slice(r, i), c = a.slice(0, r) + e + s + t + a.slice(i);
-			N("update:modelValue", c), o(() => {
+			let r = n.selectionStart, i = n.selectionEnd, a = z.value, s = a.slice(r, i), c = a.slice(0, r) + e + s + t + a.slice(i);
+			M("update:modelValue", c), o(() => {
 				n.focus();
 				let i = s ? r + e.length + s.length + t.length : r + e.length;
 				n.setSelectionRange(i, i);
 			});
-		}, U = (e) => {
-			let t = "#".repeat(e) + " ", n = F.value;
+		}, H = (e) => {
+			let t = "#".repeat(e) + " ", n = P.value;
 			if (!n) return;
-			let r = n.selectionStart, i = B.value, a = i.lastIndexOf("\n", r - 1) + 1, s = i.indexOf("\n", r), c = s === -1 ? i.length : s, l = t + i.slice(a, c).replace(/^#{1,6}\s*/, ""), u = i.slice(0, a) + l + i.slice(c);
-			N("update:modelValue", u), o(() => {
+			let r = n.selectionStart, i = z.value, a = i.lastIndexOf("\n", r - 1) + 1, s = i.indexOf("\n", r), c = s === -1 ? i.length : s, l = t + i.slice(a, c).replace(/^#{1,6}\s*/, ""), u = i.slice(0, a) + l + i.slice(c);
+			M("update:modelValue", u), o(() => {
 				n.focus(), n.setSelectionRange(a + l.length, a + l.length);
 			});
-		}, W = () => H("**", "**"), G = () => H("_", "_"), K = () => H("`", "`"), q = () => H("\n```\n", "\n```\n"), J = () => H("[", "](url)"), Y = () => H("\n- "), X = () => H("\n1. "), ie = () => H("\n> "), ae = () => H("\n---\n"), oe = e(() => se(B.value));
-		function Z(e) {
+		}, U = () => V("**", "**"), W = () => V("_", "_"), G = () => V("`", "`"), oe = () => V("\n```\n", "\n```\n"), K = () => V("[", "](url)"), q = () => V("\n- "), se = () => V("\n1. "), ce = () => V("\n> "), le = () => V("\n---\n"), ue = e(() => {
+			let e = de(z.value);
+			return j.sanitize ? j.sanitize(e) : e;
+		});
+		function J(e) {
 			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 		}
-		function se(e) {
+		function de(e) {
 			if (!e) return "";
 			let t = e.split("\n"), n = [], r = !1, i = !1, a = !1;
 			for (let e = 0; e < t.length; e++) {
@@ -82,7 +89,7 @@ var d = {
 					continue;
 				}
 				if (r) {
-					n.push(Z(o)), n.push("\n");
+					n.push(J(o)), n.push("\n");
 					continue;
 				}
 				let s = /^[-*+]\s/.test(o.trim()), c = /^\d+\.\s/.test(o.trim());
@@ -93,36 +100,50 @@ var d = {
 				let l = o.match(/^(#{1,6})\s+(.+)$/);
 				if (l) {
 					let e = l[1].length;
-					n.push(`<h${e} class="t-md-editor__heading t-md-editor__heading--${e}">${Q(Z(l[2]))}</h${e}>`);
+					n.push(`<h${e} class="t-md-editor__heading t-md-editor__heading--${e}">${Q(J(l[2]))}</h${e}>`);
 					continue;
 				}
 				if (o.trim().startsWith("> ")) {
-					n.push(`<blockquote class="t-md-editor__blockquote">${Q(Z(o.trim().slice(2)))}</blockquote>`);
+					n.push(`<blockquote class="t-md-editor__blockquote">${Q(J(o.trim().slice(2)))}</blockquote>`);
 					continue;
 				}
 				if (s) {
-					i ||= (n.push("<ul class=\"t-md-editor__list\">"), !0), n.push(`<li>${Q(Z(o.trim().slice(2)))}</li>`);
+					i ||= (n.push("<ul class=\"t-md-editor__list\">"), !0), n.push(`<li>${Q(J(o.trim().slice(2)))}</li>`);
 					continue;
 				}
 				if (c) {
 					a ||= (n.push("<ol class=\"t-md-editor__list t-md-editor__list--ordered\">"), !0);
 					let e = o.trim().replace(/^\d+\.\s/, "");
-					n.push(`<li>${Q(Z(e))}</li>`);
+					n.push(`<li>${Q(J(e))}</li>`);
 					continue;
 				}
 				if (o.trim() === "") {
 					n.push("<br />");
 					continue;
 				}
-				n.push(`<p class="t-md-editor__paragraph">${Q(Z(o))}</p>`);
+				n.push(`<p class="t-md-editor__paragraph">${Q(J(o))}</p>`);
 			}
 			return r && n.push("</code></pre>"), i && n.push("</ul>"), a && n.push("</ol>"), n.join("\n");
 		}
+		let Y = /^[a-z][a-z0-9+.-]*:/, fe = /^(https?|mailto|tel):/, pe = /^https?:/, me = /^data:image\/(png|jpe?g|gif|webp|avif|bmp|x-icon|vnd\.microsoft\.icon)[;,]/, X = (e) => Number.isFinite(e) && e >= 0 && e <= 1114111 ? String.fromCodePoint(e) : "";
+		function Z(e) {
+			return e.replace(/&quot;/g, "\"").replace(/&#039;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&#x([0-9a-f]+);?/gi, (e, t) => X(parseInt(t, 16))).replace(/&#(\d+);?/g, (e, t) => X(parseInt(t, 10))).replace(/[\x00-\x20\x7f]/g, "").toLowerCase();
+		}
+		function he(e) {
+			let t = Z(e);
+			return !Y.test(t) || fe.test(t);
+		}
+		function ge(e) {
+			let t = Z(e);
+			return !Y.test(t) || pe.test(t) || me.test(t);
+		}
+		let _e = /\x00(\d+)\x00/g;
 		function Q(e) {
-			return e = e.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, "<img src=\"$2\" alt=\"$1\" class=\"t-md-editor__image\" loading=\"lazy\" />"), e = e.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>"), e = e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/_(.+?)_/g, "<em>$1</em>"), e = e.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>"), e = e.replace(/`(.+?)`/g, "<code class=\"t-md-editor__inline-code\">$1</code>"), e = e.replace(/~~(.+?)~~/g, "<del>$1</del>"), e;
+			let t = [], n = (e) => (t.push(e), `${k}${t.length - 1}${k}`), r = (e) => n(`<span class="t-md-editor__blocked-link">${e}</span>`);
+			return e = e.replace(/\x00/g, ""), e = e.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (e, t, i) => ge(i) ? n(`<img src="${i}" alt="${t}" class="t-md-editor__image" loading="lazy" />`) : r(e)), e = e.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (e, t, i) => he(i) ? `${n(`<a href="${i}" target="_blank" rel="noopener noreferrer">`)}${t}${n("</a>")}` : r(e)), e = e.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), e = e.replace(/_(.+?)_/g, "<em>$1</em>"), e = e.replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>"), e = e.replace(/`(.+?)`/g, "<code class=\"t-md-editor__inline-code\">$1</code>"), e = e.replace(/~~(.+?)~~/g, "<del>$1</del>"), e.replace(_e, (e, n) => t[Number(n)]);
 		}
-		let ce = async (e) => {
-			if (M.disabled) return;
+		let ve = async (e) => {
+			if (j.disabled) return;
 			let t = e.clipboardData?.items;
 			if (t) {
 				for (let n of t) if (n.type.startsWith("image/")) {
@@ -132,47 +153,47 @@ var d = {
 					return;
 				}
 			}
-		}, le = async (e) => {
-			if (M.disabled) return;
+		}, ye = async (e) => {
+			if (j.disabled) return;
 			let t = e.dataTransfer?.files;
 			if (t) for (let n of t) n.type.startsWith("image/") && (e.preventDefault(), await $(n));
-		}, ue = (e) => {
-			M.disabled || e.preventDefault();
+		}, be = (e) => {
+			j.disabled || e.preventDefault();
 		}, $ = async (e) => {
-			if (!M.uploadImage) {
-				H(`![${e.name}]()`);
+			if (!j.uploadImage) {
+				V(`![${e.name}]()`);
 				return;
 			}
 			let t = `![Uploading ${e.name}...]()`;
-			H(t), I.value = !0;
+			V(t), F.value = !0;
 			try {
-				let n = M.uploadImage(e), r = n instanceof Promise ? await n : n, i = B.value.replace(t, `![${e.name}](${r})`);
-				N("update:modelValue", i), N("image-upload", e, r);
+				let n = j.uploadImage(e), r = n instanceof Promise ? await n : n, i = z.value.replace(t, `![${e.name}](${r})`);
+				M("update:modelValue", i), M("image-upload", e, r);
 			} catch (n) {
-				let r = B.value.replace(t, "");
-				N("update:modelValue", r), N("image-upload-error", e, n instanceof Error ? n : Error(String(n)));
+				let r = z.value.replace(t, "");
+				M("update:modelValue", r), M("image-upload-error", e, n instanceof Error ? n : Error(String(n)));
 			} finally {
-				I.value = !1;
+				F.value = !1;
 			}
-		}, de = (e) => {
-			if (!M.disabled && (e.metaKey || e.ctrlKey)) switch (e.key) {
+		}, xe = (e) => {
+			if (!j.disabled && (e.metaKey || e.ctrlKey)) switch (e.key) {
 				case "b":
-					e.preventDefault(), W();
+					e.preventDefault(), U();
 					break;
 				case "i":
-					e.preventDefault(), G();
+					e.preventDefault(), W();
 					break;
 				case "k":
-					e.preventDefault(), J();
+					e.preventDefault(), K();
 					break;
 				case "e":
-					e.preventDefault(), K();
+					e.preventDefault(), G();
 					break;
 			}
 		};
-		return (e, o) => (s(), n("div", a(z.value, {
-			class: L.value,
-			style: R.value
+		return (e, o) => (s(), n("div", a(R.value, {
+			class: I.value,
+			style: L.value
 		}), [
 			r("div", d, [
 				r("div", f, [
@@ -181,135 +202,135 @@ var d = {
 						class: "t-md-editor__toolbar-btn",
 						title: "Heading 1 (H1)",
 						disabled: i.disabled,
-						onClick: o[0] ||= (e) => U(1)
+						onClick: o[0] ||= (e) => H(1)
 					}, " H1 ", 8, p),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Heading 2 (H2)",
 						disabled: i.disabled,
-						onClick: o[1] ||= (e) => U(2)
-					}, " H2 ", 8, ee),
+						onClick: o[1] ||= (e) => H(2)
+					}, " H2 ", 8, m),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Heading 3 (H3)",
 						disabled: i.disabled,
-						onClick: o[2] ||= (e) => U(3)
-					}, " H3 ", 8, m)
+						onClick: o[2] ||= (e) => H(3)
+					}, " H3 ", 8, h)
 				]),
 				o[7] ||= r("div", {
 					class: "t-md-editor__toolbar-divider",
 					role: "separator"
 				}, null, -1),
-				r("div", te, [
+				r("div", g, [
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Bold (Ctrl+B)",
 						disabled: i.disabled,
-						onClick: W
-					}, [...o[4] ||= [r("strong", null, "B", -1)]], 8, ne),
+						onClick: U
+					}, [...o[4] ||= [r("strong", null, "B", -1)]], 8, _),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Italic (Ctrl+I)",
 						disabled: i.disabled,
-						onClick: G
-					}, [...o[5] ||= [r("em", null, "I", -1)]], 8, h),
+						onClick: W
+					}, [...o[5] ||= [r("em", null, "I", -1)]], 8, v),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Strikethrough",
 						disabled: i.disabled,
-						onClick: o[3] ||= (e) => H("~~", "~~")
-					}, [...o[6] ||= [r("del", null, "S", -1)]], 8, g)
+						onClick: o[3] ||= (e) => V("~~", "~~")
+					}, [...o[6] ||= [r("del", null, "S", -1)]], 8, ee)
 				]),
 				o[8] ||= r("div", {
 					class: "t-md-editor__toolbar-divider",
 					role: "separator"
 				}, null, -1),
-				r("div", _, [
+				r("div", te, [
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Inline code (Ctrl+E)",
 						disabled: i.disabled,
-						onClick: K
-					}, " </> ", 8, v),
+						onClick: G
+					}, " </> ", 8, y),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Code block",
 						disabled: i.disabled,
-						onClick: q
-					}, " { } ", 8, y),
+						onClick: oe
+					}, " { } ", 8, b),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Link (Ctrl+K)",
 						disabled: i.disabled,
-						onClick: J
-					}, " 🔗 ", 8, b)
+						onClick: K
+					}, " 🔗 ", 8, x)
 				]),
 				o[9] ||= r("div", {
 					class: "t-md-editor__toolbar-divider",
 					role: "separator"
 				}, null, -1),
-				r("div", x, [
+				r("div", S, [
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Unordered list",
 						disabled: i.disabled,
-						onClick: Y
-					}, " •\xA0List ", 8, S),
+						onClick: q
+					}, " •\xA0List ", 8, C),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Ordered list",
 						disabled: i.disabled,
-						onClick: X
-					}, " 1.\xA0List ", 8, C),
+						onClick: se
+					}, " 1.\xA0List ", 8, w),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Blockquote",
 						disabled: i.disabled,
-						onClick: ie
-					}, " > ", 8, w),
+						onClick: ce
+					}, " > ", 8, T),
 					r("button", {
 						type: "button",
 						class: "t-md-editor__toolbar-btn",
 						title: "Horizontal rule",
 						disabled: i.disabled,
-						onClick: ae
-					}, " ― ", 8, re)
+						onClick: le
+					}, " ― ", 8, E)
 				]),
 				l(e.$slots, "toolbar")
 			]),
-			r("div", T, [r("div", E, [r("textarea", {
+			r("div", ne, [r("div", re, [r("textarea", {
 				ref_key: "textareaRef",
-				ref: F,
+				ref: P,
 				class: "t-md-editor__textarea",
-				value: B.value,
+				value: z.value,
 				placeholder: i.placeholder,
 				disabled: i.disabled,
 				"aria-label": i.placeholder,
-				onInput: V,
-				onPaste: ce,
-				onDrop: le,
-				onDragover: ue,
-				onKeydown: de
-			}, null, 40, D)]), r("div", O, [r("div", {
+				onInput: B,
+				onPaste: ve,
+				onDrop: ye,
+				onDragover: be,
+				onKeydown: xe
+			}, null, 40, ie)]), r("div", ae, [r("div", {
 				class: "t-md-editor__preview",
-				innerHTML: oe.value
-			}, null, 8, k)])]),
-			I.value ? (s(), n("div", A, " Uploading image… ")) : t("", !0)
+				innerHTML: ue.value
+			}, null, 8, D)])]),
+			F.value ? (s(), n("div", O, " Uploading image… ")) : t("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { j as default };
+export { A as default };
 
 //# sourceMappingURL=TMarkdownEditor.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TMarkdownEditor.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TMarkdownEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TMarkdownEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, nextTick } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    disabled?: boolean;\n    placeholder?: string;\n    uploadImage?: (file: File) => Promise<string>;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    placeholder: 'Write your markdown here...',\n    uploadImage: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'image-upload': [file: File, url: string];\n  'image-upload-error': [file: File, error: Error];\n}>();\n\ndefineSlots<{\n  toolbar?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst isUploading = ref(false);\n\nconst rootClasses = computed(() => [\n  't-md-editor',\n  `t-md-editor--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-uploading': isUploading.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst editorAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\n/* ──────── Toolbar Actions ──────── */\n\nconst insertAtCursor = (before: string, after = '') => {\n  const el = textareaRef.value;\n  if (!el) return;\n\n  const start = el.selectionStart;\n  const end = el.selectionEnd;\n  const text = stringValue.value;\n  const selected = text.slice(start, end);\n\n  const newText = text.slice(0, start) + before + selected + after + text.slice(end);\n  emit('update:modelValue', newText);\n\n  nextTick(() => {\n    el.focus();\n    const cursorPos = selected\n      ? start + before.length + selected.length + after.length\n      : start + before.length;\n    el.setSelectionRange(cursorPos, cursorPos);\n  });\n};\n\nconst insertHeading = (level: number) => {\n  const prefix = '#'.repeat(level) + ' ';\n  const el = textareaRef.value;\n  if (!el) return;\n\n  const start = el.selectionStart;\n  const text = stringValue.value;\n\n  // Find start of current line\n  const lineStart = text.lastIndexOf('\\n', start - 1) + 1;\n  const lineEnd = text.indexOf('\\n', start);\n  const actualEnd = lineEnd === -1 ? text.length : lineEnd;\n  const line = text.slice(lineStart, actualEnd);\n\n  // Strip existing heading markers\n  const stripped = line.replace(/^#{1,6}\\s*/, '');\n  const newLine = prefix + stripped;\n\n  const newText = text.slice(0, lineStart) + newLine + text.slice(actualEnd);\n  emit('update:modelValue', newText);\n\n  nextTick(() => {\n    el.focus();\n    el.setSelectionRange(lineStart + newLine.length, lineStart + newLine.length);\n  });\n};\n\nconst insertBold = () => insertAtCursor('**', '**');\nconst insertItalic = () => insertAtCursor('_', '_');\nconst insertCode = () => insertAtCursor('`', '`');\nconst insertCodeBlock = () => insertAtCursor('\\n```\\n', '\\n```\\n');\nconst insertLink = () => insertAtCursor('[', '](url)');\nconst insertList = () => insertAtCursor('\\n- ');\nconst insertOrderedList = () => insertAtCursor('\\n1. ');\nconst insertQuote = () => insertAtCursor('\\n> ');\nconst insertHr = () => insertAtCursor('\\n---\\n');\n\n/* ──────── Markdown → HTML rendering ──────── */\n\nconst renderedHtml = computed(() => {\n  return markdownToHtml(stringValue.value);\n});\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\nfunction markdownToHtml(md: string): string {\n  if (!md) return '';\n\n  const lines = md.split('\\n');\n  const html: string[] = [];\n  let inCodeBlock = false;\n  let inList = false;\n  let inOrderedList = false;\n\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i];\n\n    // Code blocks\n    if (line.trim().startsWith('```')) {\n      if (inCodeBlock) {\n        html.push('</code></pre>');\n        inCodeBlock = false;\n      } else {\n        inCodeBlock = true;\n        html.push('<pre class=\"t-md-editor__code-block\"><code>');\n      }\n      continue;\n    }\n\n    if (inCodeBlock) {\n      html.push(escapeHtml(line));\n      html.push('\\n');\n      continue;\n    }\n\n    // Close open lists if needed\n    const isUnorderedListItem = /^[-*+]\\s/.test(line.trim());\n    const isOrderedListItem = /^\\d+\\.\\s/.test(line.trim());\n\n    if (inList && !isUnorderedListItem) {\n      html.push('</ul>');\n      inList = false;\n    }\n    if (inOrderedList && !isOrderedListItem) {\n      html.push('</ol>');\n      inOrderedList = false;\n    }\n\n    // Horizontal rule\n    if (/^(-{3,}|_{3,}|\\*{3,})$/.test(line.trim())) {\n      html.push('<hr class=\"t-md-editor__hr\" />');\n      continue;\n    }\n\n    // Headings\n    const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/);\n    if (headingMatch) {\n      const level = headingMatch[1].length;\n      html.push(`<h${level} class=\"t-md-editor__heading t-md-editor__heading--${level}\">${inlineMarkdown(escapeHtml(headingMatch[2]))}</h${level}>`);\n      continue;\n    }\n\n    // Blockquote\n    if (line.trim().startsWith('> ')) {\n      html.push(`<blockquote class=\"t-md-editor__blockquote\">${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</blockquote>`);\n      continue;\n    }\n\n    // Unordered list\n    if (isUnorderedListItem) {\n      if (!inList) {\n        html.push('<ul class=\"t-md-editor__list\">');\n        inList = true;\n      }\n      html.push(`<li>${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</li>`);\n      continue;\n    }\n\n    // Ordered list\n    if (isOrderedListItem) {\n      if (!inOrderedList) {\n        html.push('<ol class=\"t-md-editor__list t-md-editor__list--ordered\">');\n        inOrderedList = true;\n      }\n      const content = line.trim().replace(/^\\d+\\.\\s/, '');\n      html.push(`<li>${inlineMarkdown(escapeHtml(content))}</li>`);\n      continue;\n    }\n\n    // Empty line\n    if (line.trim() === '') {\n      html.push('<br />');\n      continue;\n    }\n\n    // Paragraph\n    html.push(`<p class=\"t-md-editor__paragraph\">${inlineMarkdown(escapeHtml(line))}</p>`);\n  }\n\n  // Close any open blocks\n  if (inCodeBlock) html.push('</code></pre>');\n  if (inList) html.push('</ul>');\n  if (inOrderedList) html.push('</ol>');\n\n  return html.join('\\n');\n}\n\nfunction inlineMarkdown(text: string): string {\n  // Images: ![alt](url)\n  text = text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, '<img src=\"$2\" alt=\"$1\" class=\"t-md-editor__image\" loading=\"lazy\" />');\n  // Links: [text](url)\n  text = text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\">$1</a>');\n  // Bold: **text**\n  text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n  // Italic: _text_ or *text*\n  text = text.replace(/_(.+?)_/g, '<em>$1</em>');\n  text = text.replace(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/g, '<em>$1</em>');\n  // Inline code: `text`\n  text = text.replace(/`(.+?)`/g, '<code class=\"t-md-editor__inline-code\">$1</code>');\n  // Strikethrough: ~~text~~\n  text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');\n  return text;\n}\n\n/* ──────── Image paste / drop handling ──────── */\n\nconst handlePaste = async (event: ClipboardEvent) => {\n  if (props.disabled) return;\n\n  const items = event.clipboardData?.items;\n  if (!items) return;\n\n  for (const item of items) {\n    if (item.type.startsWith('image/')) {\n      event.preventDefault();\n      const file = item.getAsFile();\n      if (file) await processImageUpload(file);\n      return;\n    }\n  }\n};\n\nconst handleDrop = async (event: DragEvent) => {\n  if (props.disabled) return;\n\n  const files = event.dataTransfer?.files;\n  if (!files) return;\n\n  for (const file of files) {\n    if (file.type.startsWith('image/')) {\n      event.preventDefault();\n      await processImageUpload(file);\n    }\n  }\n};\n\nconst handleDragOver = (event: DragEvent) => {\n  if (props.disabled) return;\n  event.preventDefault();\n};\n\nconst processImageUpload = async (file: File) => {\n  if (!props.uploadImage) {\n    // Fallback: insert a placeholder with the file name\n    insertAtCursor(`![${file.name}]()`);\n    return;\n  }\n\n  // Insert uploading placeholder\n  const placeholder = `![Uploading ${file.name}...]()`;\n  insertAtCursor(placeholder);\n  isUploading.value = true;\n\n  try {\n    const url = props.uploadImage(file);\n    const resolvedUrl = url instanceof Promise ? await url : url;\n\n    // Replace placeholder with actual URL\n    const currentValue = stringValue.value;\n    const newValue = currentValue.replace(placeholder, `![${file.name}](${resolvedUrl})`);\n    emit('update:modelValue', newValue);\n    emit('image-upload', file, resolvedUrl);\n  } catch (err) {\n    // Remove placeholder on error\n    const currentValue = stringValue.value;\n    const newValue = currentValue.replace(placeholder, '');\n    emit('update:modelValue', newValue);\n    emit('image-upload-error', file, err instanceof Error ? err : new Error(String(err)));\n  } finally {\n    isUploading.value = false;\n  }\n};\n\n/* ──────── Keyboard shortcuts ──────── */\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  const mod = event.metaKey || event.ctrlKey;\n  if (!mod) return;\n\n  switch (event.key) {\n    case 'b':\n      event.preventDefault();\n      insertBold();\n      break;\n    case 'i':\n      event.preventDefault();\n      insertItalic();\n      break;\n    case 'k':\n      event.preventDefault();\n      insertLink();\n      break;\n    case 'e':\n      event.preventDefault();\n      insertCode();\n      break;\n  }\n};\n\n</script>\n\n<template>\n  <div\n    v-bind=\"editorAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <!-- Toolbar -->\n    <div\n      class=\"t-md-editor__toolbar\"\n      role=\"toolbar\"\n      aria-label=\"Markdown formatting\"\n    >\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 1 (H1)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(1)\"\n        >\n          H1\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 2 (H2)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(2)\"\n        >\n          H2\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 3 (H3)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(3)\"\n        >\n          H3\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Bold (Ctrl+B)\"\n          :disabled=\"disabled\"\n          @click=\"insertBold\"\n        >\n          <strong>B</strong>\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Italic (Ctrl+I)\"\n          :disabled=\"disabled\"\n          @click=\"insertItalic\"\n        >\n          <em>I</em>\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Strikethrough\"\n          :disabled=\"disabled\"\n          @click=\"insertAtCursor('~~', '~~')\"\n        >\n          <del>S</del>\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Inline code (Ctrl+E)\"\n          :disabled=\"disabled\"\n          @click=\"insertCode\"\n        >\n          &lt;/&gt;\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Code block\"\n          :disabled=\"disabled\"\n          @click=\"insertCodeBlock\"\n        >\n          { }\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Link (Ctrl+K)\"\n          :disabled=\"disabled\"\n          @click=\"insertLink\"\n        >\n          🔗\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Unordered list\"\n          :disabled=\"disabled\"\n          @click=\"insertList\"\n        >\n          •&nbsp;List\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Ordered list\"\n          :disabled=\"disabled\"\n          @click=\"insertOrderedList\"\n        >\n          1.&nbsp;List\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Blockquote\"\n          :disabled=\"disabled\"\n          @click=\"insertQuote\"\n        >\n          &gt;\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Horizontal rule\"\n          :disabled=\"disabled\"\n          @click=\"insertHr\"\n        >\n          ―\n        </button>\n      </div>\n\n      <slot name=\"toolbar\" />\n    </div>\n\n    <!-- Editor body -->\n    <div class=\"t-md-editor__body\">\n      <!-- Write pane -->\n      <div\n        class=\"t-md-editor__pane t-md-editor__pane--write\"\n      >\n        <textarea\n          ref=\"textareaRef\"\n          class=\"t-md-editor__textarea\"\n          :value=\"stringValue\"\n          :placeholder=\"placeholder\"\n          :disabled=\"disabled\"\n          :aria-label=\"placeholder\"\n          @input=\"onInput\"\n          @paste=\"handlePaste\"\n          @drop=\"handleDrop\"\n          @dragover=\"handleDragOver\"\n          @keydown=\"handleKeydown\"\n        />\n      </div>\n\n      <!-- Preview pane -->\n      <div\n        class=\"t-md-editor__pane t-md-editor__pane--preview\"\n        aria-label=\"Markdown preview\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"t-md-editor__preview\"\n          v-html=\"renderedHtml\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n      </div>\n    </div>\n\n    <!-- Upload indicator -->\n    <div\n      v-if=\"isUploading\"\n      class=\"t-md-editor__upload-bar\"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      Uploading image…\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TMarkdownEditor.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TMarkdownEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useAttrs, nextTick } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    size?: TSize;\n    disabled?: boolean;\n    placeholder?: string;\n    uploadImage?: (file: File) => Promise<string>;\n    sanitize?: (html: string) => string;\n  }>(),\n  {\n    modelValue: '',\n    size: 'md',\n    disabled: false,\n    placeholder: 'Write your markdown here...',\n    uploadImage: undefined,\n    sanitize: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'image-upload': [file: File, url: string];\n  'image-upload-error': [file: File, error: Error];\n}>();\n\ndefineSlots<{\n  toolbar?: () => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\nconst isUploading = ref(false);\n\nconst rootClasses = computed(() => [\n  't-md-editor',\n  `t-md-editor--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-uploading': isUploading.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst editorAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst stringValue = computed(() => `${props.modelValue ?? ''}`);\n\nconst onInput = (event: Event) => {\n  emit('update:modelValue', (event.target as HTMLTextAreaElement).value);\n};\n\n/* ──────── Toolbar Actions ──────── */\n\nconst insertAtCursor = (before: string, after = '') => {\n  const el = textareaRef.value;\n  if (!el) return;\n\n  const start = el.selectionStart;\n  const end = el.selectionEnd;\n  const text = stringValue.value;\n  const selected = text.slice(start, end);\n\n  const newText = text.slice(0, start) + before + selected + after + text.slice(end);\n  emit('update:modelValue', newText);\n\n  nextTick(() => {\n    el.focus();\n    const cursorPos = selected\n      ? start + before.length + selected.length + after.length\n      : start + before.length;\n    el.setSelectionRange(cursorPos, cursorPos);\n  });\n};\n\nconst insertHeading = (level: number) => {\n  const prefix = '#'.repeat(level) + ' ';\n  const el = textareaRef.value;\n  if (!el) return;\n\n  const start = el.selectionStart;\n  const text = stringValue.value;\n\n  // Find start of current line\n  const lineStart = text.lastIndexOf('\\n', start - 1) + 1;\n  const lineEnd = text.indexOf('\\n', start);\n  const actualEnd = lineEnd === -1 ? text.length : lineEnd;\n  const line = text.slice(lineStart, actualEnd);\n\n  // Strip existing heading markers\n  const stripped = line.replace(/^#{1,6}\\s*/, '');\n  const newLine = prefix + stripped;\n\n  const newText = text.slice(0, lineStart) + newLine + text.slice(actualEnd);\n  emit('update:modelValue', newText);\n\n  nextTick(() => {\n    el.focus();\n    el.setSelectionRange(lineStart + newLine.length, lineStart + newLine.length);\n  });\n};\n\nconst insertBold = () => insertAtCursor('**', '**');\nconst insertItalic = () => insertAtCursor('_', '_');\nconst insertCode = () => insertAtCursor('`', '`');\nconst insertCodeBlock = () => insertAtCursor('\\n```\\n', '\\n```\\n');\nconst insertLink = () => insertAtCursor('[', '](url)');\nconst insertList = () => insertAtCursor('\\n- ');\nconst insertOrderedList = () => insertAtCursor('\\n1. ');\nconst insertQuote = () => insertAtCursor('\\n> ');\nconst insertHr = () => insertAtCursor('\\n---\\n');\n\n/* ──────── Markdown → HTML rendering ──────── */\n\nconst renderedHtml = computed(() => {\n  const html = markdownToHtml(stringValue.value);\n  // Escape hatch: the built-in rendering escapes HTML and allowlists URL\n  // schemes, but consumers with a stricter policy can pass their own\n  // sanitizer (DOMPurify or similar) instead of forking the component.\n  return props.sanitize ? props.sanitize(html) : html;\n});\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#039;');\n}\n\nfunction markdownToHtml(md: string): string {\n  if (!md) return '';\n\n  const lines = md.split('\\n');\n  const html: string[] = [];\n  let inCodeBlock = false;\n  let inList = false;\n  let inOrderedList = false;\n\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i];\n\n    // Code blocks\n    if (line.trim().startsWith('```')) {\n      if (inCodeBlock) {\n        html.push('</code></pre>');\n        inCodeBlock = false;\n      } else {\n        inCodeBlock = true;\n        html.push('<pre class=\"t-md-editor__code-block\"><code>');\n      }\n      continue;\n    }\n\n    if (inCodeBlock) {\n      html.push(escapeHtml(line));\n      html.push('\\n');\n      continue;\n    }\n\n    // Close open lists if needed\n    const isUnorderedListItem = /^[-*+]\\s/.test(line.trim());\n    const isOrderedListItem = /^\\d+\\.\\s/.test(line.trim());\n\n    if (inList && !isUnorderedListItem) {\n      html.push('</ul>');\n      inList = false;\n    }\n    if (inOrderedList && !isOrderedListItem) {\n      html.push('</ol>');\n      inOrderedList = false;\n    }\n\n    // Horizontal rule\n    if (/^(-{3,}|_{3,}|\\*{3,})$/.test(line.trim())) {\n      html.push('<hr class=\"t-md-editor__hr\" />');\n      continue;\n    }\n\n    // Headings\n    const headingMatch = line.match(/^(#{1,6})\\s+(.+)$/);\n    if (headingMatch) {\n      const level = headingMatch[1].length;\n      html.push(`<h${level} class=\"t-md-editor__heading t-md-editor__heading--${level}\">${inlineMarkdown(escapeHtml(headingMatch[2]))}</h${level}>`);\n      continue;\n    }\n\n    // Blockquote\n    if (line.trim().startsWith('> ')) {\n      html.push(`<blockquote class=\"t-md-editor__blockquote\">${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</blockquote>`);\n      continue;\n    }\n\n    // Unordered list\n    if (isUnorderedListItem) {\n      if (!inList) {\n        html.push('<ul class=\"t-md-editor__list\">');\n        inList = true;\n      }\n      html.push(`<li>${inlineMarkdown(escapeHtml(line.trim().slice(2)))}</li>`);\n      continue;\n    }\n\n    // Ordered list\n    if (isOrderedListItem) {\n      if (!inOrderedList) {\n        html.push('<ol class=\"t-md-editor__list t-md-editor__list--ordered\">');\n        inOrderedList = true;\n      }\n      const content = line.trim().replace(/^\\d+\\.\\s/, '');\n      html.push(`<li>${inlineMarkdown(escapeHtml(content))}</li>`);\n      continue;\n    }\n\n    // Empty line\n    if (line.trim() === '') {\n      html.push('<br />');\n      continue;\n    }\n\n    // Paragraph\n    html.push(`<p class=\"t-md-editor__paragraph\">${inlineMarkdown(escapeHtml(line))}</p>`);\n  }\n\n  // Close any open blocks\n  if (inCodeBlock) html.push('</code></pre>');\n  if (inList) html.push('</ul>');\n  if (inOrderedList) html.push('</ol>');\n\n  return html.join('\\n');\n}\n\n/* ──────── URL safety ──────── */\n\n// A URL carries a scheme only when a colon follows a valid scheme name.\n// Anything else (`/path`, `./path`, `#anchor`, `?q=1`) is relative and cannot\n// introduce a new scheme, so it is safe. `//host/path` is protocol-relative:\n// it keeps the page's protocol but points at another host, so it can navigate\n// off-origin. That is allowed — it is a link, not script — and `rel=\"noopener\n// noreferrer\"` on the anchor covers the tab-nabbing side of it.\nconst HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/;\n// Navigable schemes. `javascript:`, `vbscript:`, `data:` and friends are\n// rejected — everything reaching inlineMarkdown is already HTML-escaped, so\n// the URL scheme is the only remaining way to get script into the preview.\nconst SAFE_LINK_SCHEME = /^(https?|mailto|tel):/;\nconst SAFE_IMAGE_SCHEME = /^https?:/;\n// Inline raster images are useful for pasted screenshots. `image/svg+xml` is\n// deliberately excluded: SVG is a document format that can carry script and\n// external references, not just pixels.\nconst SAFE_IMAGE_DATA_URL = /^data:image\\/(png|jpe?g|gif|webp|avif|bmp|x-icon|vnd\\.microsoft\\.icon)[;,]/;\n\nconst fromCodePoint = (code: number) =>\n  Number.isFinite(code) && code >= 0 && code <= 0x10ffff ? String.fromCodePoint(code) : '';\n\n// Reduce a URL to the form a browser would act on before testing its scheme:\n// decode character references, drop control characters and whitespace, and\n// lowercase. This defeats `JaVaScRiPt:`, ` javascript:`, `java\\tscript:`,\n// `java\\x00script:` and `&#106;avascript:` style evasion.\nfunction normalizeUrl(url: string): string {\n  return url\n    .replace(/&quot;/g, '\"')\n    .replace(/&#039;/g, \"'\")\n    .replace(/&lt;/g, '<')\n    .replace(/&gt;/g, '>')\n    .replace(/&amp;/g, '&')\n    .replace(/&#x([0-9a-f]+);?/gi, (_match, hex: string) => fromCodePoint(parseInt(hex, 16)))\n    .replace(/&#(\\d+);?/g, (_match, dec: string) => fromCodePoint(parseInt(dec, 10)))\n    // eslint-disable-next-line no-control-regex -- matching control characters is the point\n    .replace(/[\\x00-\\x20\\x7f]/g, '')\n    .toLowerCase();\n}\n\nfunction isSafeLinkUrl(url: string): boolean {\n  const normalized = normalizeUrl(url);\n  return !HAS_SCHEME.test(normalized) || SAFE_LINK_SCHEME.test(normalized);\n}\n\nfunction isSafeImageUrl(url: string): boolean {\n  const normalized = normalizeUrl(url);\n  if (!HAS_SCHEME.test(normalized)) return true;\n  return SAFE_IMAGE_SCHEME.test(normalized) || SAFE_IMAGE_DATA_URL.test(normalized);\n}\n\n// Placeholder delimiter for generated markup. NUL is stripped from the input\n// before any token is created, so a placeholder can never collide with user\n// text, and it survives the emphasis passes because none of them treat it as\n// a delimiter.\nconst TOKEN = '\\x00';\n// eslint-disable-next-line no-control-regex -- matching control characters is the point\nconst TOKEN_PATTERN = /\\x00(\\d+)\\x00/g;\n\nfunction inlineMarkdown(text: string): string {\n  const tokens: string[] = [];\n  // Park generated markup outside the emphasis passes below. Without this,\n  // `_(.+?)_` eats the underscore in the generated target=\"_blank\" and any\n  // underscore inside a URL.\n  const token = (html: string) => {\n    tokens.push(html);\n    return `${TOKEN}${tokens.length - 1}${TOKEN}`;\n  };\n  const inert = (source: string) => token(`<span class=\"t-md-editor__blocked-link\">${source}</span>`);\n\n  // eslint-disable-next-line no-control-regex -- matching control characters is the point\n  text = text.replace(/\\x00/g, '');\n\n  // Images: ![alt](url) — alt is a plain-text attribute, so the whole tag is parked.\n  text = text.replace(/!\\[([^\\]]*)\\]\\(([^)]+)\\)/g, (match, alt: string, url: string) =>\n    isSafeImageUrl(url)\n      ? token(`<img src=\"${url}\" alt=\"${alt}\" class=\"t-md-editor__image\" loading=\"lazy\" />`)\n      : inert(match),\n  );\n  // Links: [text](url) — only the tags are parked so the label still formats.\n  text = text.replace(/\\[([^\\]]+)\\]\\(([^)]+)\\)/g, (match, label: string, url: string) =>\n    isSafeLinkUrl(url)\n      ? `${token(`<a href=\"${url}\" target=\"_blank\" rel=\"noopener noreferrer\">`)}${label}${token('</a>')}`\n      : inert(match),\n  );\n  // Bold: **text**\n  text = text.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n  // Italic: _text_ or *text*\n  text = text.replace(/_(.+?)_/g, '<em>$1</em>');\n  text = text.replace(/(?<!\\*)\\*(?!\\*)(.+?)(?<!\\*)\\*(?!\\*)/g, '<em>$1</em>');\n  // Inline code: `text`\n  text = text.replace(/`(.+?)`/g, '<code class=\"t-md-editor__inline-code\">$1</code>');\n  // Strikethrough: ~~text~~\n  text = text.replace(/~~(.+?)~~/g, '<del>$1</del>');\n\n  return text.replace(TOKEN_PATTERN, (_match, index: string) => tokens[Number(index)]);\n}\n\n/* ──────── Image paste / drop handling ──────── */\n\nconst handlePaste = async (event: ClipboardEvent) => {\n  if (props.disabled) return;\n\n  const items = event.clipboardData?.items;\n  if (!items) return;\n\n  for (const item of items) {\n    if (item.type.startsWith('image/')) {\n      event.preventDefault();\n      const file = item.getAsFile();\n      if (file) await processImageUpload(file);\n      return;\n    }\n  }\n};\n\nconst handleDrop = async (event: DragEvent) => {\n  if (props.disabled) return;\n\n  const files = event.dataTransfer?.files;\n  if (!files) return;\n\n  for (const file of files) {\n    if (file.type.startsWith('image/')) {\n      event.preventDefault();\n      await processImageUpload(file);\n    }\n  }\n};\n\nconst handleDragOver = (event: DragEvent) => {\n  if (props.disabled) return;\n  event.preventDefault();\n};\n\nconst processImageUpload = async (file: File) => {\n  if (!props.uploadImage) {\n    // Fallback: insert a placeholder with the file name\n    insertAtCursor(`![${file.name}]()`);\n    return;\n  }\n\n  // Insert uploading placeholder\n  const placeholder = `![Uploading ${file.name}...]()`;\n  insertAtCursor(placeholder);\n  isUploading.value = true;\n\n  try {\n    const url = props.uploadImage(file);\n    const resolvedUrl = url instanceof Promise ? await url : url;\n\n    // Replace placeholder with actual URL\n    const currentValue = stringValue.value;\n    const newValue = currentValue.replace(placeholder, `![${file.name}](${resolvedUrl})`);\n    emit('update:modelValue', newValue);\n    emit('image-upload', file, resolvedUrl);\n  } catch (err) {\n    // Remove placeholder on error\n    const currentValue = stringValue.value;\n    const newValue = currentValue.replace(placeholder, '');\n    emit('update:modelValue', newValue);\n    emit('image-upload-error', file, err instanceof Error ? err : new Error(String(err)));\n  } finally {\n    isUploading.value = false;\n  }\n};\n\n/* ──────── Keyboard shortcuts ──────── */\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  const mod = event.metaKey || event.ctrlKey;\n  if (!mod) return;\n\n  switch (event.key) {\n    case 'b':\n      event.preventDefault();\n      insertBold();\n      break;\n    case 'i':\n      event.preventDefault();\n      insertItalic();\n      break;\n    case 'k':\n      event.preventDefault();\n      insertLink();\n      break;\n    case 'e':\n      event.preventDefault();\n      insertCode();\n      break;\n  }\n};\n\n</script>\n\n<template>\n  <div\n    v-bind=\"editorAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <!-- Toolbar -->\n    <div\n      class=\"t-md-editor__toolbar\"\n      role=\"toolbar\"\n      aria-label=\"Markdown formatting\"\n    >\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 1 (H1)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(1)\"\n        >\n          H1\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 2 (H2)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(2)\"\n        >\n          H2\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Heading 3 (H3)\"\n          :disabled=\"disabled\"\n          @click=\"insertHeading(3)\"\n        >\n          H3\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Bold (Ctrl+B)\"\n          :disabled=\"disabled\"\n          @click=\"insertBold\"\n        >\n          <strong>B</strong>\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Italic (Ctrl+I)\"\n          :disabled=\"disabled\"\n          @click=\"insertItalic\"\n        >\n          <em>I</em>\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Strikethrough\"\n          :disabled=\"disabled\"\n          @click=\"insertAtCursor('~~', '~~')\"\n        >\n          <del>S</del>\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Inline code (Ctrl+E)\"\n          :disabled=\"disabled\"\n          @click=\"insertCode\"\n        >\n          &lt;/&gt;\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Code block\"\n          :disabled=\"disabled\"\n          @click=\"insertCodeBlock\"\n        >\n          { }\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Link (Ctrl+K)\"\n          :disabled=\"disabled\"\n          @click=\"insertLink\"\n        >\n          🔗\n        </button>\n      </div>\n\n      <div\n        class=\"t-md-editor__toolbar-divider\"\n        role=\"separator\"\n      />\n\n      <div class=\"t-md-editor__toolbar-group\">\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Unordered list\"\n          :disabled=\"disabled\"\n          @click=\"insertList\"\n        >\n          •&nbsp;List\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Ordered list\"\n          :disabled=\"disabled\"\n          @click=\"insertOrderedList\"\n        >\n          1.&nbsp;List\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Blockquote\"\n          :disabled=\"disabled\"\n          @click=\"insertQuote\"\n        >\n          &gt;\n        </button>\n        <button\n          type=\"button\"\n          class=\"t-md-editor__toolbar-btn\"\n          title=\"Horizontal rule\"\n          :disabled=\"disabled\"\n          @click=\"insertHr\"\n        >\n          ―\n        </button>\n      </div>\n\n      <slot name=\"toolbar\" />\n    </div>\n\n    <!-- Editor body -->\n    <div class=\"t-md-editor__body\">\n      <!-- Write pane -->\n      <div\n        class=\"t-md-editor__pane t-md-editor__pane--write\"\n      >\n        <textarea\n          ref=\"textareaRef\"\n          class=\"t-md-editor__textarea\"\n          :value=\"stringValue\"\n          :placeholder=\"placeholder\"\n          :disabled=\"disabled\"\n          :aria-label=\"placeholder\"\n          @input=\"onInput\"\n          @paste=\"handlePaste\"\n          @drop=\"handleDrop\"\n          @dragover=\"handleDragOver\"\n          @keydown=\"handleKeydown\"\n        />\n      </div>\n\n      <!-- Preview pane -->\n      <div\n        class=\"t-md-editor__pane t-md-editor__pane--preview\"\n        aria-label=\"Markdown preview\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <div\n          class=\"t-md-editor__preview\"\n          v-html=\"renderedHtml\"\n        />\n        <!-- eslint-enable vue/no-v-html -->\n      </div>\n    </div>\n\n    <!-- Upload indicator -->\n    <div\n      v-if=\"isUploading\"\n      class=\"t-md-editor__upload-bar\"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      Uploading image…\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TPopover.cjs","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TPopover.cjs","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean; contentId: string }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\n// Bound to the anchor wrapper, not the fallback button: the fallback does not\n// render when a consumer supplies a `trigger` slot, so a ref on it would be\n// null exactly when focus restoration matters most. focusFirst() resolves the\n// real trigger either way. Mirrors TDropdown's trigger-wrapper ref.\nconst triggerRef = ref<HTMLElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => {\n      if (triggerRef.value) focusFirst(triggerRef.value);\n    });\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      ref=\"triggerRef\"\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n        :content-id=\"contentId\"\n      >\n        <button\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"TPopover.js","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\nconst triggerRef = ref<HTMLButtonElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => triggerRef.value?.focus());\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n      >\n        <button\n          ref=\"triggerRef\"\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TPopover.js","names":[],"sources":["../../src/components/TPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { createId, focusFirst, isEscapeKey } from '@treeui/utils';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TTooltipSide } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    side?: TTooltipSide;\n    align?: 'start' | 'center' | 'end';\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    side: 'bottom',\n    align: 'center',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\ndefineSlots<{\n  trigger(props: { isOpen: boolean; contentId: string }): unknown;\n  default(): unknown;\n}>();\n\nconst attrs = useAttrs();\nconst contentId = props.id ?? createId('t-popover');\nconst rootRef = ref<HTMLElement | null>(null);\n// Bound to the anchor wrapper, not the fallback button: the fallback does not\n// render when a consumer supplies a `trigger` slot, so a ref on it would be\n// null exactly when focus restoration matters most. focusFirst() resolves the\n// real trigger either way. Mirrors TDropdown's trigger-wrapper ref.\nconst triggerRef = ref<HTMLElement | null>(null);\nconst contentRef = ref<HTMLElement | null>(null);\n\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst { value: isOpen, setValue } = useControllableOpen(\n  toRef(props, 'open'),\n  props.defaultOpen,\n  (value) => {\n    emit('update:open', value);\n    emit('open-change', value);\n  },\n);\n\nconst rootClasses = computed(() => [\n  't-popover',\n  {\n    'is-open': isOpen.value,\n    'is-disabled': props.disabled,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst contentClasses = computed(() => [\n  't-popover__content',\n  `t-popover__content--${props.side}`,\n  `t-popover__content--align-${props.align}`,\n]);\n\nconst openPopover = () => {\n  if (props.disabled) return;\n  setValue(true);\n  nextTick(() => {\n    if (contentRef.value) {\n      if (!focusFirst(contentRef.value)) {\n        contentRef.value.focus();\n      }\n    }\n  });\n};\n\nconst closePopover = (restoreFocus = false) => {\n  setValue(false);\n  if (restoreFocus) {\n    nextTick(() => {\n      if (triggerRef.value) focusFirst(triggerRef.value);\n    });\n  }\n};\n\nconst togglePopover = () => {\n  if (isOpen.value) {\n    closePopover();\n  } else {\n    openPopover();\n  }\n};\n\nconst onTriggerKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) return;\n\n  if (isEscapeKey(event) && isOpen.value) {\n    event.preventDefault();\n    closePopover();\n  }\n};\n\nconst onContentKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event)) {\n    event.preventDefault();\n    closePopover(true);\n  }\n};\n\nconst onDocumentPointerDown = (event: PointerEvent) => {\n  if (!isOpen.value) return;\n  const target = event.target;\n  if (!(target instanceof Node)) return;\n  if (rootRef.value?.contains(target)) return;\n  closePopover();\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nonBeforeUnmount(() => {\n  document.removeEventListener('pointerdown', onDocumentPointerDown);\n});\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n  >\n    <div\n      ref=\"triggerRef\"\n      class=\"t-popover__anchor\"\n      @click=\"togglePopover\"\n      @keydown=\"onTriggerKeydown\"\n    >\n      <slot\n        name=\"trigger\"\n        :is-open=\"isOpen\"\n        :content-id=\"contentId\"\n      >\n        <button\n          type=\"button\"\n          class=\"t-popover__trigger\"\n          :disabled=\"disabled\"\n          :aria-expanded=\"isOpen\"\n          :aria-controls=\"isOpen ? contentId : undefined\"\n          aria-haspopup=\"dialog\"\n          v-bind=\"triggerAttrs\"\n        />\n      </slot>\n    </div>\n    <transition name=\"t-popover-fade\">\n      <div\n        v-if=\"isOpen && !disabled\"\n        :id=\"contentId\"\n        ref=\"contentRef\"\n        role=\"dialog\"\n        :class=\"contentClasses\"\n        :data-state=\"isOpen ? 'open' : 'closed'\"\n        tabindex=\"-1\"\n        @keydown=\"onContentKeydown\"\n      >\n        <slot />\n      </div>\n    </transition>\n  </div>\n</template>\n"],"mappings":""}