@treeui/vue 0.7.0 → 0.10.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TMarkdownEditor.vue_vue_type_script_setup_true_lang.cjs","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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"}

package/dist/components/TMarkdownEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,315 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, nextTick as o, openBlock as s, ref as c, renderSlot as l, useAttrs as u } from "vue";
+//#region src/components/TMarkdownEditor.vue?vue&type=script&setup=true&lang.ts
+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 = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-label"
+], O = {
+	class: "t-md-editor__pane t-md-editor__pane--preview",
+	"aria-label": "Markdown preview"
+}, k = ["innerHTML"], A = {
+	key: 0,
+	class: "t-md-editor__upload-bar",
+	role: "status",
+	"aria-live": "polite"
+}, j = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "TMarkdownEditor",
+	props: {
+		modelValue: { default: "" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "Write your markdown here..." },
+		uploadImage: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"image-upload",
+		"image-upload-error"
+	],
+	setup(i, { emit: j }) {
+		let M = i, N = j, P = u(), F = c(null), I = c(!1), L = e(() => [
+			"t-md-editor",
+			`t-md-editor--${M.size}`,
+			{
+				"is-disabled": M.disabled,
+				"is-uploading": I.value
+			},
+			P.class
+		]), R = e(() => P.style), z = e(() => {
+			let { class: e, style: t, ...n } = P;
+			return n;
+		}), B = e(() => `${M.modelValue ?? ""}`), V = (e) => {
+			N("update:modelValue", e.target.value);
+		}, H = (e, t = "") => {
+			let n = F.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(() => {
+				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;
+			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(() => {
+				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) {
+			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+		}
+		function se(e) {
+			if (!e) return "";
+			let t = e.split("\n"), n = [], r = !1, i = !1, a = !1;
+			for (let e = 0; e < t.length; e++) {
+				let o = t[e];
+				if (o.trim().startsWith("```")) {
+					r ? (n.push("</code></pre>"), r = !1) : (r = !0, n.push("<pre class=\"t-md-editor__code-block\"><code>"));
+					continue;
+				}
+				if (r) {
+					n.push(Z(o)), n.push("\n");
+					continue;
+				}
+				let s = /^[-*+]\s/.test(o.trim()), c = /^\d+\.\s/.test(o.trim());
+				if (i && !s && (n.push("</ul>"), i = !1), a && !c && (n.push("</ol>"), a = !1), /^(-{3,}|_{3,}|\*{3,})$/.test(o.trim())) {
+					n.push("<hr class=\"t-md-editor__hr\" />");
+					continue;
+				}
+				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}>`);
+					continue;
+				}
+				if (o.trim().startsWith("> ")) {
+					n.push(`<blockquote class="t-md-editor__blockquote">${Q(Z(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>`);
+					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>`);
+					continue;
+				}
+				if (o.trim() === "") {
+					n.push("<br />");
+					continue;
+				}
+				n.push(`<p class="t-md-editor__paragraph">${Q(Z(o))}</p>`);
+			}
+			return r && n.push("</code></pre>"), i && n.push("</ul>"), a && n.push("</ol>"), n.join("\n");
+		}
+		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 ce = async (e) => {
+			if (M.disabled) return;
+			let t = e.clipboardData?.items;
+			if (t) {
+				for (let n of t) if (n.type.startsWith("image/")) {
+					e.preventDefault();
+					let t = n.getAsFile();
+					t && await $(t);
+					return;
+				}
+			}
+		}, le = async (e) => {
+			if (M.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();
+		}, $ = async (e) => {
+			if (!M.uploadImage) {
+				H(`![${e.name}]()`);
+				return;
+			}
+			let t = `![Uploading ${e.name}...]()`;
+			H(t), I.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);
+			} catch (n) {
+				let r = B.value.replace(t, "");
+				N("update:modelValue", r), N("image-upload-error", e, n instanceof Error ? n : Error(String(n)));
+			} finally {
+				I.value = !1;
+			}
+		}, de = (e) => {
+			if (!M.disabled && (e.metaKey || e.ctrlKey)) switch (e.key) {
+				case "b":
+					e.preventDefault(), W();
+					break;
+				case "i":
+					e.preventDefault(), G();
+					break;
+				case "k":
+					e.preventDefault(), J();
+					break;
+				case "e":
+					e.preventDefault(), K();
+					break;
+			}
+		};
+		return (e, o) => (s(), n("div", a(z.value, {
+			class: L.value,
+			style: R.value
+		}), [
+			r("div", d, [
+				r("div", f, [
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Heading 1 (H1)",
+						disabled: i.disabled,
+						onClick: o[0] ||= (e) => U(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),
+					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)
+				]),
+				o[7] ||= r("div", {
+					class: "t-md-editor__toolbar-divider",
+					role: "separator"
+				}, null, -1),
+				r("div", te, [
+					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),
+					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),
+					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)
+				]),
+				o[8] ||= r("div", {
+					class: "t-md-editor__toolbar-divider",
+					role: "separator"
+				}, null, -1),
+				r("div", _, [
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Inline code (Ctrl+E)",
+						disabled: i.disabled,
+						onClick: K
+					}, " </> ", 8, v),
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Code block",
+						disabled: i.disabled,
+						onClick: q
+					}, " { } ", 8, y),
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Link (Ctrl+K)",
+						disabled: i.disabled,
+						onClick: J
+					}, " 🔗 ", 8, b)
+				]),
+				o[9] ||= r("div", {
+					class: "t-md-editor__toolbar-divider",
+					role: "separator"
+				}, null, -1),
+				r("div", x, [
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Unordered list",
+						disabled: i.disabled,
+						onClick: Y
+					}, " •\xA0List ", 8, S),
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Ordered list",
+						disabled: i.disabled,
+						onClick: X
+					}, " 1.\xA0List ", 8, C),
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Blockquote",
+						disabled: i.disabled,
+						onClick: ie
+					}, " > ", 8, w),
+					r("button", {
+						type: "button",
+						class: "t-md-editor__toolbar-btn",
+						title: "Horizontal rule",
+						disabled: i.disabled,
+						onClick: ae
+					}, " ― ", 8, re)
+				]),
+				l(e.$slots, "toolbar")
+			]),
+			r("div", T, [r("div", E, [r("textarea", {
+				ref_key: "textareaRef",
+				ref: F,
+				class: "t-md-editor__textarea",
+				value: B.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", {
+				class: "t-md-editor__preview",
+				innerHTML: oe.value
+			}, null, 8, k)])]),
+			I.value ? (s(), n("div", A, " Uploading image… ")) : t("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { j 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

@@ -0,0 +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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"}

package/dist/components/TModal.cjs

@@ -0,0 +1,2 @@
+var e=require("./TModal.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;
+//# sourceMappingURL=TModal.cjs.map

package/dist/components/TModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TModal.cjs","names":[],"sources":["../../src/components/TModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createId,\n  focusFirst,\n  focusLast,\n  getFocusableElements,\n  isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'md',\n    title: '',\n    description: '',\n    closeOnEscape: true,\n    closeOnOverlay: true,\n    showCloseButton: true,\n    closeLabel: 'Close modal',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('t-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n  default?: () => unknown;\n  trigger?: () => unknown;\n  header?: () => unknown;\n  content?: () => unknown;\n  footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['t-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\nconst surfaceClasses = computed(() => [\n  't-modal__surface',\n  `t-modal__surface--${props.size}`,\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 labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  if (openOverlayCount === 0) {\n    previousBodyOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n\n  openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n  if (typeof document === 'undefined' || openOverlayCount === 0) {\n    return;\n  }\n\n  openOverlayCount -= 1;\n\n  if (openOverlayCount === 0) {\n    document.body.style.overflow = previousBodyOverflow;\n  }\n};\n\nconst focusSurface = () => {\n  nextTick(() => {\n    if (!surfaceRef.value) {\n      return;\n    }\n\n    const focused = focusFirst(surfaceRef.value);\n    if (!focused) {\n      surfaceRef.value.focus();\n    }\n  });\n};\n\nconst openModal = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  previousFocusedElement.value = document.activeElement as HTMLElement | null;\n  setValue(true);\n};\n\nconst closeModal = () => {\n  setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n  if (props.disabled) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  openModal();\n};\n\nconst onOverlayClick = () => {\n  if (!props.closeOnOverlay) {\n    return;\n  }\n\n  closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n  event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event) && props.closeOnEscape) {\n    event.preventDefault();\n    closeModal();\n    return;\n  }\n\n  if (event.key !== 'Tab' || !surfaceRef.value) {\n    return;\n  }\n\n  const focusable = getFocusableElements(surfaceRef.value);\n\n  if (!focusable.length) {\n    event.preventDefault();\n    surfaceRef.value.focus();\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n  const activeElement = document.activeElement as HTMLElement | null;\n\n  if (event.shiftKey && activeElement === first) {\n    event.preventDefault();\n    focusLast(surfaceRef.value);\n  }\n\n  if (!event.shiftKey && activeElement === last) {\n    event.preventDefault();\n    focusFirst(surfaceRef.value);\n  }\n};\n\nwatch(isOpen, (value, previousValue) => {\n  if (value) {\n    lockBodyScroll();\n    focusSurface();\n    return;\n  }\n\n  if (previousValue) {\n    unlockBodyScroll();\n    nextTick(() => {\n      previousFocusedElement.value?.focus();\n    });\n  }\n});\n\nonBeforeUnmount(() => {\n  if (isOpen.value) {\n    unlockBodyScroll();\n  }\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    <span\n      v-if=\"$slots.trigger\"\n      class=\"t-modal__trigger\"\n      v-bind=\"triggerAttrs\"\n      :aria-disabled=\"disabled || undefined\"\n      @click=\"onTriggerClick\"\n    >\n      <slot name=\"trigger\" />\n    </span>\n\n    <Teleport to=\"body\">\n      <transition name=\"t-modal-fade\">\n        <div\n          v-if=\"isOpen\"\n          class=\"t-modal__portal\"\n          :data-state=\"isOpen ? 'open' : 'closed'\"\n        >\n          <div\n            class=\"t-modal__backdrop\"\n            aria-hidden=\"true\"\n            @click=\"onOverlayClick\"\n          />\n          <div class=\"t-modal__positioner\">\n            <div\n              :id=\"modalId\"\n              ref=\"surfaceRef\"\n              :class=\"surfaceClasses\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              :aria-labelledby=\"labelledBy\"\n              :aria-describedby=\"describedBy\"\n              tabindex=\"-1\"\n              @click=\"onSurfaceClick\"\n              @keydown=\"onKeydown\"\n            >\n              <div\n                v-if=\"hasHeaderContent || showCloseButton\"\n                class=\"t-modal__topbar\"\n              >\n                <div\n                  v-if=\"hasHeaderContent\"\n                  :id=\"titleId\"\n                  class=\"t-modal__header\"\n                >\n                  <slot name=\"header\">\n                    <h2 class=\"t-modal__title\">\n                      {{ title }}\n                    </h2>\n                  </slot>\n                </div>\n                <button\n                  v-if=\"showCloseButton\"\n                  type=\"button\"\n                  class=\"t-modal__close\"\n                  :aria-label=\"closeLabel\"\n                  @click=\"closeModal\"\n                >\n                  <CloseIcon v-bind=\"treeIconDefaults\" />\n                </button>\n              </div>\n\n              <p\n                v-if=\"description\"\n                :id=\"descriptionId\"\n                class=\"t-modal__description\"\n              >\n                {{ description }}\n              </p>\n\n              <div class=\"t-modal__body\">\n                <slot name=\"content\">\n                  <slot />\n                </slot>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                class=\"t-modal__footer\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </Teleport>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TModal.js

@@ -0,0 +1,7 @@
+import e from "./TModal.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/TModal.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TModal.js.map

package/dist/components/TModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TModal.js","names":[],"sources":["../../src/components/TModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createId,\n  focusFirst,\n  focusLast,\n  getFocusableElements,\n  isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'md',\n    title: '',\n    description: '',\n    closeOnEscape: true,\n    closeOnOverlay: true,\n    showCloseButton: true,\n    closeLabel: 'Close modal',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('t-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n  default?: () => unknown;\n  trigger?: () => unknown;\n  header?: () => unknown;\n  content?: () => unknown;\n  footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['t-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\nconst surfaceClasses = computed(() => [\n  't-modal__surface',\n  `t-modal__surface--${props.size}`,\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 labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  if (openOverlayCount === 0) {\n    previousBodyOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n\n  openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n  if (typeof document === 'undefined' || openOverlayCount === 0) {\n    return;\n  }\n\n  openOverlayCount -= 1;\n\n  if (openOverlayCount === 0) {\n    document.body.style.overflow = previousBodyOverflow;\n  }\n};\n\nconst focusSurface = () => {\n  nextTick(() => {\n    if (!surfaceRef.value) {\n      return;\n    }\n\n    const focused = focusFirst(surfaceRef.value);\n    if (!focused) {\n      surfaceRef.value.focus();\n    }\n  });\n};\n\nconst openModal = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  previousFocusedElement.value = document.activeElement as HTMLElement | null;\n  setValue(true);\n};\n\nconst closeModal = () => {\n  setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n  if (props.disabled) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  openModal();\n};\n\nconst onOverlayClick = () => {\n  if (!props.closeOnOverlay) {\n    return;\n  }\n\n  closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n  event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event) && props.closeOnEscape) {\n    event.preventDefault();\n    closeModal();\n    return;\n  }\n\n  if (event.key !== 'Tab' || !surfaceRef.value) {\n    return;\n  }\n\n  const focusable = getFocusableElements(surfaceRef.value);\n\n  if (!focusable.length) {\n    event.preventDefault();\n    surfaceRef.value.focus();\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n  const activeElement = document.activeElement as HTMLElement | null;\n\n  if (event.shiftKey && activeElement === first) {\n    event.preventDefault();\n    focusLast(surfaceRef.value);\n  }\n\n  if (!event.shiftKey && activeElement === last) {\n    event.preventDefault();\n    focusFirst(surfaceRef.value);\n  }\n};\n\nwatch(isOpen, (value, previousValue) => {\n  if (value) {\n    lockBodyScroll();\n    focusSurface();\n    return;\n  }\n\n  if (previousValue) {\n    unlockBodyScroll();\n    nextTick(() => {\n      previousFocusedElement.value?.focus();\n    });\n  }\n});\n\nonBeforeUnmount(() => {\n  if (isOpen.value) {\n    unlockBodyScroll();\n  }\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    <span\n      v-if=\"$slots.trigger\"\n      class=\"t-modal__trigger\"\n      v-bind=\"triggerAttrs\"\n      :aria-disabled=\"disabled || undefined\"\n      @click=\"onTriggerClick\"\n    >\n      <slot name=\"trigger\" />\n    </span>\n\n    <Teleport to=\"body\">\n      <transition name=\"t-modal-fade\">\n        <div\n          v-if=\"isOpen\"\n          class=\"t-modal__portal\"\n          :data-state=\"isOpen ? 'open' : 'closed'\"\n        >\n          <div\n            class=\"t-modal__backdrop\"\n            aria-hidden=\"true\"\n            @click=\"onOverlayClick\"\n          />\n          <div class=\"t-modal__positioner\">\n            <div\n              :id=\"modalId\"\n              ref=\"surfaceRef\"\n              :class=\"surfaceClasses\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              :aria-labelledby=\"labelledBy\"\n              :aria-describedby=\"describedBy\"\n              tabindex=\"-1\"\n              @click=\"onSurfaceClick\"\n              @keydown=\"onKeydown\"\n            >\n              <div\n                v-if=\"hasHeaderContent || showCloseButton\"\n                class=\"t-modal__topbar\"\n              >\n                <div\n                  v-if=\"hasHeaderContent\"\n                  :id=\"titleId\"\n                  class=\"t-modal__header\"\n                >\n                  <slot name=\"header\">\n                    <h2 class=\"t-modal__title\">\n                      {{ title }}\n                    </h2>\n                  </slot>\n                </div>\n                <button\n                  v-if=\"showCloseButton\"\n                  type=\"button\"\n                  class=\"t-modal__close\"\n                  :aria-label=\"closeLabel\"\n                  @click=\"closeModal\"\n                >\n                  <CloseIcon v-bind=\"treeIconDefaults\" />\n                </button>\n              </div>\n\n              <p\n                v-if=\"description\"\n                :id=\"descriptionId\"\n                class=\"t-modal__description\"\n              >\n                {{ description }}\n              </p>\n\n              <div class=\"t-modal__body\">\n                <slot name=\"content\">\n                  <slot />\n                </slot>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                class=\"t-modal__footer\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </Teleport>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/{TreeModal.vue.d.ts → TModal.vue.d.ts}

@@ -1,9 +1,9 @@
-import { TreeSize } from '../types/contracts';
+import { TSize } from '../types/contracts';
 type __VLS_Props = {
     open?: boolean;
     defaultOpen?: boolean;
     disabled?: boolean;
-    size?: TreeSize;
+    size?: TSize;
     title?: string;
     description?: string;
     closeOnEscape?: boolean;
@@ -42,7 +42,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "onOpen-change"?: ((value: boolean) => any) | undefined;
 }>, {
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     title: string;
     id: string;
     open: boolean;
@@ -63,4 +63,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeModal.vue.d.ts.map
+//# sourceMappingURL=TModal.vue.d.ts.map

package/dist/components/TModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TModal.vue.d.ts","sourceRoot":"","sources":["../../src/components/TModal.vue"],"names":[],"mappings":"AAgWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAQhD,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAsNJ,iBAAS,cAAc;WA+IT,OAAO,IAA6B;;kBAnUtC,MAAM,OAAO;kBACb,MAAM,OAAO;iBACd,MAAM,OAAO;kBACZ,MAAM,OAAO;iBACd,MAAM,OAAO;;kBAJZ,MAAM,OAAO;kBACb,MAAM,OAAO;iBACd,MAAM,OAAO;kBACZ,MAAM,OAAO;iBACd,MAAM,OAAO;;;;;;;EAoUvB;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;cAlZN,OAAO;UACX,KAAK;WACJ,MAAM;QAMT,MAAM;UAVJ,OAAO;iBACA,OAAO;iBAIP,MAAM;mBACJ,OAAO;oBACN,OAAO;qBACN,OAAO;gBACZ,MAAM;;;;OAoZrB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TModal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("../composables/useControllableOpen.cjs");let t=require("vue"),n=require("@treeui/utils"),r=require("@treeui/icons");var i=[`data-state`],a=[`aria-disabled`],o=[`data-state`],s={class:`t-modal__positioner`},c=[`id`,`aria-labelledby`,`aria-describedby`],l={key:0,class:`t-modal__topbar`},u={class:`t-modal__title`},d=[`aria-label`],f={class:`t-modal__body`},p={key:2,class:`t-modal__footer`},m=(0,t.defineComponent)({inheritAttrs:!1,__name:`TModal`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:`md`},title:{default:``},description:{default:``},closeOnEscape:{type:Boolean,default:!0},closeOnOverlay:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},closeLabel:{default:`Close modal`},id:{default:void 0}},emits:[`update:open`,`open-change`],setup(m,{emit:h}){let g=(0,r.getTreeIcon)(`x`),_=m,v=h,y=(0,t.useAttrs)(),b=_.id??(0,n.createId)(`t-modal`),x=`${b}-title`,S=`${b}-description`,C=(0,t.ref)(null),w=(0,t.ref)(null),T=(0,t.ref)(null),E=(0,t.computed)(()=>!!(_.title||D.header)),D=(0,t.useSlots)(),O=(0,t.computed)(()=>[`t-modal`,y.class]),k=(0,t.computed)(()=>y.style),A=(0,t.computed)(()=>{let{class:e,style:t,...n}=y;return n}),j=(0,t.computed)(()=>[`t-modal__surface`,`t-modal__surface--${_.size}`]),{value:M,setValue:N}=e.useControllableOpen((0,t.toRef)(_,`open`),_.defaultOpen,e=>{v(`update:open`,e),v(`open-change`,e)}),P=(0,t.computed)(()=>E.value?x:void 0),F=(0,t.computed)(()=>_.description?S:void 0),I=0,L=``,R=()=>{typeof document>`u`||(I===0&&(L=document.body.style.overflow,document.body.style.overflow=`hidden`),I+=1)},z=()=>{typeof document>`u`||I===0||(--I,I===0&&(document.body.style.overflow=L))},B=()=>{(0,t.nextTick)(()=>{w.value&&((0,n.focusFirst)(w.value)||w.value.focus())})},V=()=>{_.disabled||(T.value=document.activeElement,N(!0))},H=()=>{N(!1)},U=e=>{if(_.disabled){e.preventDefault(),e.stopPropagation();return}e.defaultPrevented||V()},W=()=>{_.closeOnOverlay&&H()},G=e=>{e.stopPropagation()},K=e=>{if((0,n.isEscapeKey)(e)&&_.closeOnEscape){e.preventDefault(),H();return}if(e.key!==`Tab`||!w.value)return;let t=(0,n.getFocusableElements)(w.value);if(!t.length){e.preventDefault(),w.value.focus();return}let r=t[0],i=t[t.length-1],a=document.activeElement;e.shiftKey&&a===r&&(e.preventDefault(),(0,n.focusLast)(w.value)),!e.shiftKey&&a===i&&(e.preventDefault(),(0,n.focusFirst)(w.value))};return(0,t.watch)(M,(e,n)=>{if(e){R(),B();return}n&&(z(),(0,t.nextTick)(()=>{T.value?.focus()}))}),(0,t.onBeforeUnmount)(()=>{M.value&&z()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootRef`,ref:C,class:(0,t.normalizeClass)(O.value),style:(0,t.normalizeStyle)(k.value),"data-state":(0,t.unref)(M)?`open`:`closed`},[e.$slots.trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,class:`t-modal__trigger`},A.value,{"aria-disabled":m.disabled||void 0,onClick:U}),[(0,t.renderSlot)(e.$slots,`trigger`)],16,a)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{name:`t-modal-fade`},{default:(0,t.withCtx)(()=>[(0,t.unref)(M)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:`t-modal__portal`,"data-state":(0,t.unref)(M)?`open`:`closed`},[(0,t.createElementVNode)(`div`,{class:`t-modal__backdrop`,"aria-hidden":`true`,onClick:W}),(0,t.createElementVNode)(`div`,s,[(0,t.createElementVNode)(`div`,{id:(0,t.unref)(b),ref_key:`surfaceRef`,ref:w,class:(0,t.normalizeClass)(j.value),role:`dialog`,"aria-modal":`true`,"aria-labelledby":P.value,"aria-describedby":F.value,tabindex:`-1`,onClick:G,onKeydown:K},[E.value||m.showCloseButton?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[E.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:x,class:`t-modal__header`},[(0,t.renderSlot)(e.$slots,`header`,{},()=>[(0,t.createElementVNode)(`h2`,u,(0,t.toDisplayString)(m.title),1)])])):(0,t.createCommentVNode)(``,!0),m.showCloseButton?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,type:`button`,class:`t-modal__close`,"aria-label":m.closeLabel,onClick:H},[(0,t.createVNode)((0,t.unref)(g),(0,t.normalizeProps)((0,t.guardReactiveProps)((0,t.unref)(r.treeIconDefaults))),null,16)],8,d)):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0),m.description?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,{key:1,id:S,class:`t-modal__description`},(0,t.toDisplayString)(m.description),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,f,[(0,t.renderSlot)(e.$slots,`content`,{},()=>[(0,t.renderSlot)(e.$slots,`default`)])]),e.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,p,[(0,t.renderSlot)(e.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],42,c)])],8,o)):(0,t.createCommentVNode)(``,!0)]),_:3})]))],14,i))}});exports.default=m;
+//# sourceMappingURL=TModal.vue_vue_type_script_setup_true_lang.cjs.map

package/dist/components/TModal.vue_vue_type_script_setup_true_lang.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TModal.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createId,\n  focusFirst,\n  focusLast,\n  getFocusableElements,\n  isEscapeKey,\n} from '@treeui/utils';\nimport { getTreeIcon, treeIconDefaults } from '@treeui/icons';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  toRef,\n  useAttrs,\n  watch,\n} from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst CloseIcon = getTreeIcon('x');\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    id?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'md',\n    title: '',\n    description: '',\n    closeOnEscape: true,\n    closeOnOverlay: true,\n    showCloseButton: true,\n    closeLabel: 'Close modal',\n    id: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\nconst modalId = props.id ?? createId('t-modal');\nconst titleId = `${modalId}-title`;\nconst descriptionId = `${modalId}-description`;\nconst rootRef = ref<HTMLElement | null>(null);\nconst surfaceRef = ref<HTMLElement | null>(null);\nconst previousFocusedElement = ref<HTMLElement | null>(null);\nconst hasHeaderContent = computed(() => Boolean(props.title || slots.header));\n\nconst slots = defineSlots<{\n  default?: () => unknown;\n  trigger?: () => unknown;\n  header?: () => unknown;\n  content?: () => unknown;\n  footer?: () => unknown;\n}>();\n\nconst rootClasses = computed(() => ['t-modal', attrs.class]);\nconst rootStyle = computed(() => attrs.style);\nconst triggerAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\nconst surfaceClasses = computed(() => [\n  't-modal__surface',\n  `t-modal__surface--${props.size}`,\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 labelledBy = computed(() => (hasHeaderContent.value ? titleId : undefined));\nconst describedBy = computed(() => (props.description ? descriptionId : undefined));\n\nlet openOverlayCount = 0;\nlet previousBodyOverflow = '';\n\nconst lockBodyScroll = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  if (openOverlayCount === 0) {\n    previousBodyOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n  }\n\n  openOverlayCount += 1;\n};\n\nconst unlockBodyScroll = () => {\n  if (typeof document === 'undefined' || openOverlayCount === 0) {\n    return;\n  }\n\n  openOverlayCount -= 1;\n\n  if (openOverlayCount === 0) {\n    document.body.style.overflow = previousBodyOverflow;\n  }\n};\n\nconst focusSurface = () => {\n  nextTick(() => {\n    if (!surfaceRef.value) {\n      return;\n    }\n\n    const focused = focusFirst(surfaceRef.value);\n    if (!focused) {\n      surfaceRef.value.focus();\n    }\n  });\n};\n\nconst openModal = () => {\n  if (props.disabled) {\n    return;\n  }\n\n  previousFocusedElement.value = document.activeElement as HTMLElement | null;\n  setValue(true);\n};\n\nconst closeModal = () => {\n  setValue(false);\n};\n\nconst onTriggerClick = (event: MouseEvent) => {\n  if (props.disabled) {\n    event.preventDefault();\n    event.stopPropagation();\n    return;\n  }\n\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  openModal();\n};\n\nconst onOverlayClick = () => {\n  if (!props.closeOnOverlay) {\n    return;\n  }\n\n  closeModal();\n};\n\nconst onSurfaceClick = (event: MouseEvent) => {\n  event.stopPropagation();\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (isEscapeKey(event) && props.closeOnEscape) {\n    event.preventDefault();\n    closeModal();\n    return;\n  }\n\n  if (event.key !== 'Tab' || !surfaceRef.value) {\n    return;\n  }\n\n  const focusable = getFocusableElements(surfaceRef.value);\n\n  if (!focusable.length) {\n    event.preventDefault();\n    surfaceRef.value.focus();\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n  const activeElement = document.activeElement as HTMLElement | null;\n\n  if (event.shiftKey && activeElement === first) {\n    event.preventDefault();\n    focusLast(surfaceRef.value);\n  }\n\n  if (!event.shiftKey && activeElement === last) {\n    event.preventDefault();\n    focusFirst(surfaceRef.value);\n  }\n};\n\nwatch(isOpen, (value, previousValue) => {\n  if (value) {\n    lockBodyScroll();\n    focusSurface();\n    return;\n  }\n\n  if (previousValue) {\n    unlockBodyScroll();\n    nextTick(() => {\n      previousFocusedElement.value?.focus();\n    });\n  }\n});\n\nonBeforeUnmount(() => {\n  if (isOpen.value) {\n    unlockBodyScroll();\n  }\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    <span\n      v-if=\"$slots.trigger\"\n      class=\"t-modal__trigger\"\n      v-bind=\"triggerAttrs\"\n      :aria-disabled=\"disabled || undefined\"\n      @click=\"onTriggerClick\"\n    >\n      <slot name=\"trigger\" />\n    </span>\n\n    <Teleport to=\"body\">\n      <transition name=\"t-modal-fade\">\n        <div\n          v-if=\"isOpen\"\n          class=\"t-modal__portal\"\n          :data-state=\"isOpen ? 'open' : 'closed'\"\n        >\n          <div\n            class=\"t-modal__backdrop\"\n            aria-hidden=\"true\"\n            @click=\"onOverlayClick\"\n          />\n          <div class=\"t-modal__positioner\">\n            <div\n              :id=\"modalId\"\n              ref=\"surfaceRef\"\n              :class=\"surfaceClasses\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              :aria-labelledby=\"labelledBy\"\n              :aria-describedby=\"describedBy\"\n              tabindex=\"-1\"\n              @click=\"onSurfaceClick\"\n              @keydown=\"onKeydown\"\n            >\n              <div\n                v-if=\"hasHeaderContent || showCloseButton\"\n                class=\"t-modal__topbar\"\n              >\n                <div\n                  v-if=\"hasHeaderContent\"\n                  :id=\"titleId\"\n                  class=\"t-modal__header\"\n                >\n                  <slot name=\"header\">\n                    <h2 class=\"t-modal__title\">\n                      {{ title }}\n                    </h2>\n                  </slot>\n                </div>\n                <button\n                  v-if=\"showCloseButton\"\n                  type=\"button\"\n                  class=\"t-modal__close\"\n                  :aria-label=\"closeLabel\"\n                  @click=\"closeModal\"\n                >\n                  <CloseIcon v-bind=\"treeIconDefaults\" />\n                </button>\n              </div>\n\n              <p\n                v-if=\"description\"\n                :id=\"descriptionId\"\n                class=\"t-modal__description\"\n              >\n                {{ description }}\n              </p>\n\n              <div class=\"t-modal__body\">\n                <slot name=\"content\">\n                  <slot />\n                </slot>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                class=\"t-modal__footer\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </Teleport>\n  </div>\n</template>\n"],"mappings":"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"}