@treeui/vue 0.8.0 → 0.10.0

package/dist/components/TTabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.js","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabList.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue"),n=require("@treeui/utils");var r=(0,t.defineComponent)({__name:`TTabList`,setup(r){let i=(0,t.inject)(e.TABS_INJECTION_KEY);if(!i)throw Error(`TTabList must be used inside TTabs`);let a=(0,t.ref)(null),o=()=>a.value?Array.from(a.value.querySelectorAll(`[role="tab"]`)):[],s=()=>o().filter(e=>{let t=e.dataset.tabValue;return t?!i.isTabDisabled(t):!1}),c=e=>{let t=s();if(!t.length)return;let n=document.activeElement,r=t.indexOf(n)+e;r<0&&(r=t.length-1),r>=t.length&&(r=0);let a=t[r];if(a.focus(),i.activationMode.value===`automatic`){let e=a.dataset.tabValue;e&&i.setActiveValue(e)}},l=()=>{let e=s();if(e.length&&(e[0].focus(),i.activationMode.value===`automatic`)){let t=e[0].dataset.tabValue;t&&i.setActiveValue(t)}},u=()=>{let e=s();if(!e.length)return;let t=e[e.length-1];if(t.focus(),i.activationMode.value===`automatic`){let e=t.dataset.tabValue;e&&i.setActiveValue(e)}},d=e=>{switch(e.key){case`ArrowRight`:e.preventDefault(),c(1);break;case`ArrowLeft`:e.preventDefault(),c(-1);break;case`Home`:e.preventDefault(),l();break;case`End`:e.preventDefault(),u();break;default:if(i.activationMode.value===`manual`&&(0,n.isActivationKey)(e)){e.preventDefault();let t=e.target.dataset?.tabValue;t&&i.setActiveValue(t)}break}},f=(0,t.computed)(()=>[`t-tabs__list`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`listRef`,ref:a,role:`tablist`,"aria-orientation":`horizontal`,class:(0,t.normalizeClass)(f.value),onKeydown:d},[(0,t.renderSlot)(e.$slots,`default`)],34))}});exports.default=r;
+//# sourceMappingURL=TTabList.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"8IAKA,IAAM,GAAA,EAAA,EAAA,OAAA,CAAa,EAAA,kBAAkB,EACrC,GAAI,CAAC,EACH,MAAU,MAAM,oCAAoC,EAGtD,IAAM,GAAA,EAAA,EAAA,IAAA,CAAkC,IAAI,EAEtC,MACC,EAAQ,MACN,MAAM,KACX,EAAQ,MAAM,iBAA8B,cAAc,CAC5D,EAH2B,CAAC,EAMxB,MACG,EAAkB,CAAC,CAAC,OAAQ,GAAO,CACxC,IAAM,EAAQ,EAAG,QAAQ,SACzB,OAAO,EAAQ,CAAC,EAAI,cAAc,CAAK,EAAI,EAC7C,CAAC,EAGG,EAAa,GAAsB,CACvC,IAAM,EAAO,EAAsB,EACnC,GAAI,CAAC,EAAK,OAAQ,OAElB,IAAM,EAAU,SAAS,cAErB,EADiB,EAAK,QAAQ,CAClB,EAAe,EAE3B,EAAY,IAAG,EAAY,EAAK,OAAS,GACzC,GAAa,EAAK,SAAQ,EAAY,GAE1C,IAAM,EAAU,EAAK,GAGrB,GAFA,EAAQ,MAAM,EAEV,EAAI,eAAe,QAAU,YAAa,CAC5C,IAAM,EAAQ,EAAQ,QAAQ,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,MAAmB,CACvB,IAAM,EAAO,EAAsB,EAC9B,KAAK,SACV,EAAK,EAAE,CAAC,MAAM,EACV,EAAI,eAAe,QAAU,aAAa,CAC5C,IAAM,EAAQ,EAAK,EAAE,CAAC,QAAQ,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,MAAkB,CACtB,IAAM,EAAO,EAAsB,EACnC,GAAI,CAAC,EAAK,OAAQ,OAClB,IAAM,EAAO,EAAK,EAAK,OAAS,GAEhC,GADA,EAAK,MAAM,EACP,EAAI,eAAe,QAAU,YAAa,CAC5C,IAAM,EAAQ,EAAK,QAAQ,SACvB,GAAO,EAAI,eAAe,CAAK,CACrC,CACF,EAEM,EAAa,GAAyB,CAC1C,OAAQ,EAAM,IAAd,CACE,IAAK,aACH,EAAM,eAAe,EACrB,EAAU,CAAC,EACX,MACF,IAAK,YACH,EAAM,eAAe,EACrB,EAAU,EAAE,EACZ,MACF,IAAK,OACH,EAAM,eAAe,EACrB,EAAW,EACX,MACF,IAAK,MACH,EAAM,eAAe,EACrB,EAAU,EACV,MACF,QACE,GAAI,EAAI,eAAe,QAAU,WAAA,EAAA,EAAA,gBAAA,CAA4B,CAAK,EAAG,CACnE,EAAM,eAAe,EAErB,IAAM,EADS,EAAM,OACA,SAAS,SAC1B,GAAO,EAAI,eAAe,CAAK,CACrC,CACA,KACJ,CACF,EAEM,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,cACF,CAAC,2DAYO,MAAA,SAPA,UAAJ,IAAI,EACJ,KAAK,UACL,mBAAiB,aAChB,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,EACL,+BAEF,EAAA,OAAA,SAAA,CAAA,EAAA,EAAA"}

package/dist/components/TTabList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createElementBlock as n, defineComponent as r, inject as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c } from "vue";
+import { isActivationKey as l } from "@treeui/utils";
+//#region src/components/TTabList.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ r({
+	__name: "TTabList",
+	setup(r) {
+		let u = i(e);
+		if (!u) throw Error("TTabList must be used inside TTabs");
+		let d = s(null), f = () => d.value ? Array.from(d.value.querySelectorAll("[role=\"tab\"]")) : [], p = () => f().filter((e) => {
+			let t = e.dataset.tabValue;
+			return t ? !u.isTabDisabled(t) : !1;
+		}), m = (e) => {
+			let t = p();
+			if (!t.length) return;
+			let n = document.activeElement, r = t.indexOf(n) + e;
+			r < 0 && (r = t.length - 1), r >= t.length && (r = 0);
+			let i = t[r];
+			if (i.focus(), u.activationMode.value === "automatic") {
+				let e = i.dataset.tabValue;
+				e && u.setActiveValue(e);
+			}
+		}, h = () => {
+			let e = p();
+			if (e.length && (e[0].focus(), u.activationMode.value === "automatic")) {
+				let t = e[0].dataset.tabValue;
+				t && u.setActiveValue(t);
+			}
+		}, g = () => {
+			let e = p();
+			if (!e.length) return;
+			let t = e[e.length - 1];
+			if (t.focus(), u.activationMode.value === "automatic") {
+				let e = t.dataset.tabValue;
+				e && u.setActiveValue(e);
+			}
+		}, _ = (e) => {
+			switch (e.key) {
+				case "ArrowRight":
+					e.preventDefault(), m(1);
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), m(-1);
+					break;
+				case "Home":
+					e.preventDefault(), h();
+					break;
+				case "End":
+					e.preventDefault(), g();
+					break;
+				default:
+					if (u.activationMode.value === "manual" && l(e)) {
+						e.preventDefault();
+						let t = e.target.dataset?.tabValue;
+						t && u.setActiveValue(t);
+					}
+					break;
+			}
+		}, v = t(() => ["t-tabs__list"]);
+		return (e, t) => (o(), n("div", {
+			ref_key: "listRef",
+			ref: d,
+			role: "tablist",
+			"aria-orientation": "horizontal",
+			class: a(v.value),
+			onKeydown: _
+		}, [c(e.$slots, "default")], 34));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TTabList.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabList.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isActivationKey } from '@treeui/utils';\nimport { computed, inject, ref } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabList must be used inside TTabs');\n}\n\nconst listRef = ref<HTMLElement | null>(null);\n\nconst getAllTabElements = (): HTMLElement[] => {\n  if (!listRef.value) return [];\n  return Array.from(\n    listRef.value.querySelectorAll<HTMLElement>('[role=\"tab\"]'),\n  );\n};\n\nconst getEnabledTabElements = (): HTMLElement[] => {\n  return getAllTabElements().filter((el) => {\n    const value = el.dataset.tabValue;\n    return value ? !ctx.isTabDisabled(value) : false;\n  });\n};\n\nconst moveFocus = (direction: 1 | -1) => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n\n  const current = document.activeElement as HTMLElement;\n  const currentIndex = tabs.indexOf(current);\n  let nextIndex = currentIndex + direction;\n\n  if (nextIndex < 0) nextIndex = tabs.length - 1;\n  if (nextIndex >= tabs.length) nextIndex = 0;\n\n  const nextTab = tabs[nextIndex];\n  nextTab.focus();\n\n  if (ctx.activationMode.value === 'automatic') {\n    const value = nextTab.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusFirst = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  tabs[0].focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = tabs[0].dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst focusLast = () => {\n  const tabs = getEnabledTabElements();\n  if (!tabs.length) return;\n  const last = tabs[tabs.length - 1];\n  last.focus();\n  if (ctx.activationMode.value === 'automatic') {\n    const value = last.dataset.tabValue;\n    if (value) ctx.setActiveValue(value);\n  }\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowRight':\n      event.preventDefault();\n      moveFocus(1);\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      moveFocus(-1);\n      break;\n    case 'Home':\n      event.preventDefault();\n      focusFirst();\n      break;\n    case 'End':\n      event.preventDefault();\n      focusLast();\n      break;\n    default:\n      if (ctx.activationMode.value === 'manual' && isActivationKey(event)) {\n        event.preventDefault();\n        const target = event.target as HTMLElement;\n        const value = target.dataset?.tabValue;\n        if (value) ctx.setActiveValue(value);\n      }\n      break;\n  }\n};\n\nconst classes = computed(() => [\n  't-tabs__list',\n]);\n</script>\n\n<template>\n  <div\n    ref=\"listRef\"\n    role=\"tablist\"\n    aria-orientation=\"horizontal\"\n    :class=\"classes\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAKA,IAAM,IAAM,EAAO,CAAkB;EACrC,IAAI,CAAC,GACH,MAAU,MAAM,oCAAoC;EAGtD,IAAM,IAAU,EAAwB,IAAI,GAEtC,UACC,EAAQ,QACN,MAAM,KACX,EAAQ,MAAM,iBAA8B,gBAAc,CAC5D,IAH2B,CAAC,GAMxB,UACG,EAAkB,CAAC,CAAC,QAAQ,MAAO;GACxC,IAAM,IAAQ,EAAG,QAAQ;GACzB,OAAO,IAAQ,CAAC,EAAI,cAAc,CAAK,IAAI;EAC7C,CAAC,GAGG,KAAa,MAAsB;GACvC,IAAM,IAAO,EAAsB;GACnC,IAAI,CAAC,EAAK,QAAQ;GAElB,IAAM,IAAU,SAAS,eAErB,IADiB,EAAK,QAAQ,CAClB,IAAe;GAG/B,AADI,IAAY,MAAG,IAAY,EAAK,SAAS,IACzC,KAAa,EAAK,WAAQ,IAAY;GAE1C,IAAM,IAAU,EAAK;GAGrB,IAFA,EAAQ,MAAM,GAEV,EAAI,eAAe,UAAU,aAAa;IAC5C,IAAM,IAAQ,EAAQ,QAAQ;IAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,UAAmB;GACvB,IAAM,IAAO,EAAsB;GAC9B,MAAK,WACV,EAAK,EAAE,CAAC,MAAM,GACV,EAAI,eAAe,UAAU,cAAa;IAC5C,IAAM,IAAQ,EAAK,EAAE,CAAC,QAAQ;IAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,UAAkB;GACtB,IAAM,IAAO,EAAsB;GACnC,IAAI,CAAC,EAAK,QAAQ;GAClB,IAAM,IAAO,EAAK,EAAK,SAAS;GAEhC,IADA,EAAK,MAAM,GACP,EAAI,eAAe,UAAU,aAAa;IAC5C,IAAM,IAAQ,EAAK,QAAQ;IAC3B,AAAI,KAAO,EAAI,eAAe,CAAK;GACrC;EACF,GAEM,KAAa,MAAyB;GAC1C,QAAQ,EAAM,KAAd;IACE,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,CAAC;KACX;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU,EAAE;KACZ;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAW;KACX;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAU;KACV;IACF;KACE,IAAI,EAAI,eAAe,UAAU,YAAY,EAAgB,CAAK,GAAG;MACnE,EAAM,eAAe;MAErB,IAAM,IADS,EAAM,OACA,SAAS;MAC9B,AAAI,KAAO,EAAI,eAAe,CAAK;KACrC;KACA;GACJ;EACF,GAEM,IAAU,QAAe,CAC7B,cACF,CAAC;yBAIC,EAQM,OAAA;YAPA;GAAJ,KAAI;GACJ,MAAK;GACL,oBAAiB;GAChB,OAAK,EAAE,EAAA,KAAO;GACL;MAEV,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTabPanel.cjs

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

package/dist/components/TTabPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.cjs","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabPanel.js

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

package/dist/components/TTabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.js","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabPanel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue");var n=[`id`,`aria-labelledby`],r=(0,t.defineComponent)({__name:`TTabPanel`,props:{value:{}},setup(r){let i=r,a=(0,t.inject)(e.TABS_INJECTION_KEY);if(!a)throw Error(`TTabPanel must be used inside TTabs`);let o=(0,t.computed)(()=>a.activeValue.value===i.value),s=(0,t.computed)(()=>`${a.baseId}-panel-${i.value}`),c=(0,t.computed)(()=>`${a.baseId}-tab-${i.value}`);return(e,r)=>o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:s.value,role:`tabpanel`,"aria-labelledby":c.value,tabindex:`0`,class:`t-tabs__panel`},[(0,t.renderSlot)(e.$slots,`default`)],8,n)):(0,t.createCommentVNode)(``,!0)}});exports.default=r;
+//# sourceMappingURL=TTabPanel.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"gKAIA,IAAM,EAAQ,EAIR,GAAA,EAAA,EAAA,OAAA,CAAa,EAAA,kBAAkB,EACrC,GAAI,CAAC,EACH,MAAU,MAAM,qCAAqC,EAGvD,IAAM,GAAA,EAAA,EAAA,SAAA,KAA0B,EAAI,YAAY,QAAU,EAAM,KAAK,EAC/D,GAAA,EAAA,EAAA,SAAA,KAAyB,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,EAC7D,GAAA,EAAA,EAAA,SAAA,KAAuB,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO,eAKrD,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAQF,MAAA,OAPH,GAAI,EAAA,MACL,KAAK,WACJ,kBAAiB,EAAA,MAClB,SAAS,IACT,MAAM,mCAEE,EAAA,OAAA,SAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TTabPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, inject as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/TTabPanel.vue?vue&type=script&setup=true&lang.ts
+var c = ["id", "aria-labelledby"], l = /*@__PURE__*/ i({
+	__name: "TTabPanel",
+	props: { value: {} },
+	setup(i) {
+		let l = i, u = a(e);
+		if (!u) throw Error("TTabPanel must be used inside TTabs");
+		let d = t(() => u.activeValue.value === l.value), f = t(() => `${u.baseId}-panel-${l.value}`), p = t(() => `${u.baseId}-tab-${l.value}`);
+		return (e, t) => d.value ? (o(), r("div", {
+			key: 0,
+			id: f.value,
+			role: "tabpanel",
+			"aria-labelledby": p.value,
+			tabindex: "0",
+			class: "t-tabs__panel"
+		}, [s(e.$slots, "default")], 8, c)) : n("", !0);
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=TTabPanel.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabPanel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = defineProps<{\n  value: string;\n}>();\n\nconst ctx = inject(TABS_INJECTION_KEY);\nif (!ctx) {\n  throw new Error('TTabPanel must be used inside TTabs');\n}\n\nconst isActive = computed(() => ctx.activeValue.value === props.value);\nconst panelId = computed(() => `${ctx.baseId}-panel-${props.value}`);\nconst tabId = computed(() => `${ctx.baseId}-tab-${props.value}`);\n</script>\n\n<template>\n  <div\n    v-if=\"isActive\"\n    :id=\"panelId\"\n    role=\"tabpanel\"\n    :aria-labelledby=\"tabId\"\n    tabindex=\"0\"\n    class=\"t-tabs__panel\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAIA,IAAM,IAAQ,GAIR,IAAM,EAAO,CAAkB;EACrC,IAAI,CAAC,GACH,MAAU,MAAM,qCAAqC;EAGvD,IAAM,IAAW,QAAe,EAAI,YAAY,UAAU,EAAM,KAAK,GAC/D,IAAU,QAAe,GAAG,EAAI,OAAO,SAAS,EAAM,OAAO,GAC7D,IAAQ,QAAe,GAAG,EAAI,OAAO,OAAO,EAAM,OAAO;mBAKrD,EAAA,SAAA,EAAA,GADR,EASM,OAAA;;GAPH,IAAI,EAAA;GACL,MAAK;GACJ,mBAAiB,EAAA;GAClB,UAAS;GACT,OAAM;MAEN,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TTable.cjs

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

package/dist/components/TTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.cjs","names":[],"sources":["../../src/components/TTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTableColumn = {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  width?: string;\n};\n\nexport type TTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TTableSortState = {\n  key: string;\n  direction: TTableSortDirection;\n};\n\nconst props = withDefaults(\n  defineProps<{\n    columns: TTableColumn[];\n    rows: Record<string, unknown>[];\n    size?: TSize;\n    sortBy?: TTableSortState;\n  }>(),\n  {\n    size: 'md',\n    sortBy: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'sort', state: TTableSortState): void;\n}>();\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n  [key: `header-${string}`]: (props: { column: TTableColumn }) => void;\n  empty: () => void;\n}>();\n\nconst internalSort = ref<TTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n  't-table',\n  `t-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n  const sort = currentSort.value;\n  if (!sort || sort.direction === 'none') return props.rows;\n\n  return [...props.rows].sort((a, b) => {\n    const aVal = a[sort.key];\n    const bVal = b[sort.key];\n\n    if (aVal == null && bVal == null) return 0;\n    if (aVal == null) return 1;\n    if (bVal == null) return -1;\n\n    const cmp =\n      typeof aVal === 'number' && typeof bVal === 'number'\n        ? aVal - bVal\n        : String(aVal).localeCompare(String(bVal));\n\n    return sort.direction === 'desc' ? -cmp : cmp;\n  });\n});\n\nfunction handleSort(column: TTableColumn) {\n  if (!column.sortable) return;\n\n  const cur = currentSort.value;\n  let direction: TTableSortDirection = 'asc';\n\n  if (cur?.key === column.key) {\n    if (cur.direction === 'asc') direction = 'desc';\n    else if (cur.direction === 'desc') direction = 'none';\n    else direction = 'asc';\n  }\n\n  const state: TTableSortState = { key: column.key, direction };\n  internalSort.value = state;\n  emit('sort', state);\n}\n\nfunction sortAriaSort(column: TTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n  if (!column.sortable) return undefined;\n  const cur = currentSort.value;\n  if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n  return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TTableColumn) {\n  if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n    event.preventDefault();\n    handleSort(column);\n  }\n}\n</script>\n\n<template>\n  <div class=\"t-table-wrapper\">\n    <table\n      :class=\"classes\"\n      role=\"grid\"\n    >\n      <thead class=\"t-table__head\">\n        <tr class=\"t-table__row\">\n          <th\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__header\"\n            :class=\"[\n              column.sortable ? 't-table__header--sortable' : '',\n              column.align ? `t-table__header--${column.align}` : '',\n            ]\"\n            :style=\"column.width ? { width: column.width } : undefined\"\n            :aria-sort=\"sortAriaSort(column)\"\n            :tabindex=\"column.sortable ? 0 : undefined\"\n            scope=\"col\"\n            @click=\"handleSort(column)\"\n            @keydown=\"handleHeaderKeydown($event, column)\"\n          >\n            <slot\n              :name=\"`header-${column.key}`\"\n              :column=\"column\"\n            >\n              <span class=\"t-table__header-content\">\n                {{ column.label }}\n                <span\n                  v-if=\"column.sortable\"\n                  class=\"t-table__sort-icon\"\n                  aria-hidden=\"true\"\n                >\n                  <svg\n                    v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m18 15-6-6-6 6\" />\n                  </svg>\n                  <svg\n                    v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m6 9 6 6 6-6\" />\n                  </svg>\n                  <svg\n                    v-else\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    style=\"opacity: 0.4\"\n                  >\n                    <path d=\"m7 15 5 5 5-5\" />\n                    <path d=\"m7 9 5-5 5 5\" />\n                  </svg>\n                </span>\n              </span>\n            </slot>\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"t-table__body\">\n        <tr\n          v-if=\"sortedRows.length === 0\"\n          class=\"t-table__row t-table__row--empty\"\n        >\n          <td\n            :colspan=\"columns.length\"\n            class=\"t-table__cell t-table__cell--empty\"\n          >\n            <slot name=\"empty\">\n              No data available.\n            </slot>\n          </td>\n        </tr>\n        <tr\n          v-for=\"(row, index) in sortedRows\"\n          :key=\"index\"\n          class=\"t-table__row\"\n        >\n          <td\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__cell\"\n            :class=\"column.align ? `t-table__cell--${column.align}` : ''\"\n          >\n            <slot\n              :name=\"`cell-${column.key}`\"\n              :row=\"row\"\n              :value=\"row[column.key]\"\n            >\n              {{ row[column.key] ?? '' }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTable.js

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

package/dist/components/TTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.js","names":[],"sources":["../../src/components/TTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTableColumn = {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  width?: string;\n};\n\nexport type TTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TTableSortState = {\n  key: string;\n  direction: TTableSortDirection;\n};\n\nconst props = withDefaults(\n  defineProps<{\n    columns: TTableColumn[];\n    rows: Record<string, unknown>[];\n    size?: TSize;\n    sortBy?: TTableSortState;\n  }>(),\n  {\n    size: 'md',\n    sortBy: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'sort', state: TTableSortState): void;\n}>();\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n  [key: `header-${string}`]: (props: { column: TTableColumn }) => void;\n  empty: () => void;\n}>();\n\nconst internalSort = ref<TTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n  't-table',\n  `t-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n  const sort = currentSort.value;\n  if (!sort || sort.direction === 'none') return props.rows;\n\n  return [...props.rows].sort((a, b) => {\n    const aVal = a[sort.key];\n    const bVal = b[sort.key];\n\n    if (aVal == null && bVal == null) return 0;\n    if (aVal == null) return 1;\n    if (bVal == null) return -1;\n\n    const cmp =\n      typeof aVal === 'number' && typeof bVal === 'number'\n        ? aVal - bVal\n        : String(aVal).localeCompare(String(bVal));\n\n    return sort.direction === 'desc' ? -cmp : cmp;\n  });\n});\n\nfunction handleSort(column: TTableColumn) {\n  if (!column.sortable) return;\n\n  const cur = currentSort.value;\n  let direction: TTableSortDirection = 'asc';\n\n  if (cur?.key === column.key) {\n    if (cur.direction === 'asc') direction = 'desc';\n    else if (cur.direction === 'desc') direction = 'none';\n    else direction = 'asc';\n  }\n\n  const state: TTableSortState = { key: column.key, direction };\n  internalSort.value = state;\n  emit('sort', state);\n}\n\nfunction sortAriaSort(column: TTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n  if (!column.sortable) return undefined;\n  const cur = currentSort.value;\n  if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n  return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TTableColumn) {\n  if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n    event.preventDefault();\n    handleSort(column);\n  }\n}\n</script>\n\n<template>\n  <div class=\"t-table-wrapper\">\n    <table\n      :class=\"classes\"\n      role=\"grid\"\n    >\n      <thead class=\"t-table__head\">\n        <tr class=\"t-table__row\">\n          <th\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__header\"\n            :class=\"[\n              column.sortable ? 't-table__header--sortable' : '',\n              column.align ? `t-table__header--${column.align}` : '',\n            ]\"\n            :style=\"column.width ? { width: column.width } : undefined\"\n            :aria-sort=\"sortAriaSort(column)\"\n            :tabindex=\"column.sortable ? 0 : undefined\"\n            scope=\"col\"\n            @click=\"handleSort(column)\"\n            @keydown=\"handleHeaderKeydown($event, column)\"\n          >\n            <slot\n              :name=\"`header-${column.key}`\"\n              :column=\"column\"\n            >\n              <span class=\"t-table__header-content\">\n                {{ column.label }}\n                <span\n                  v-if=\"column.sortable\"\n                  class=\"t-table__sort-icon\"\n                  aria-hidden=\"true\"\n                >\n                  <svg\n                    v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m18 15-6-6-6 6\" />\n                  </svg>\n                  <svg\n                    v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m6 9 6 6 6-6\" />\n                  </svg>\n                  <svg\n                    v-else\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    style=\"opacity: 0.4\"\n                  >\n                    <path d=\"m7 15 5 5 5-5\" />\n                    <path d=\"m7 9 5-5 5 5\" />\n                  </svg>\n                </span>\n              </span>\n            </slot>\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"t-table__body\">\n        <tr\n          v-if=\"sortedRows.length === 0\"\n          class=\"t-table__row t-table__row--empty\"\n        >\n          <td\n            :colspan=\"columns.length\"\n            class=\"t-table__cell t-table__cell--empty\"\n          >\n            <slot name=\"empty\">\n              No data available.\n            </slot>\n          </td>\n        </tr>\n        <tr\n          v-for=\"(row, index) in sortedRows\"\n          :key=\"index\"\n          class=\"t-table__row\"\n        >\n          <td\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__cell\"\n            :class=\"column.align ? `t-table__cell--${column.align}` : ''\"\n          >\n            <slot\n              :name=\"`cell-${column.key}`\"\n              :row=\"row\"\n              :value=\"row[column.key]\"\n            >\n              {{ row[column.key] ?? '' }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTable.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-table-wrapper`},n={class:`t-table__head`},r={class:`t-table__row`},i=[`aria-sort`,`tabindex`,`onClick`,`onKeydown`],a={class:`t-table__header-content`},o={key:0,class:`t-table__sort-icon`,"aria-hidden":`true`},s={key:0,xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},c={key:1,xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},l={key:2,xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,style:{opacity:`0.4`}},u={class:`t-table__body`},d={key:0,class:`t-table__row t-table__row--empty`},f=[`colspan`],p=(0,e.defineComponent)({__name:`TTable`,props:{columns:{},rows:{},size:{default:`md`},sortBy:{default:void 0}},emits:[`sort`],setup(p,{emit:m}){let h=p,g=m,_=(0,e.ref)(void 0),v=(0,e.computed)(()=>h.sortBy??_.value),y=(0,e.computed)(()=>[`t-table`,`t-table--${h.size}`]),b=(0,e.computed)(()=>{let e=v.value;return!e||e.direction===`none`?h.rows:[...h.rows].sort((t,n)=>{let r=t[e.key],i=n[e.key];if(r==null&&i==null)return 0;if(r==null)return 1;if(i==null)return-1;let a=typeof r==`number`&&typeof i==`number`?r-i:String(r).localeCompare(String(i));return e.direction===`desc`?-a:a})});function x(e){if(!e.sortable)return;let t=v.value,n=`asc`;t?.key===e.key&&(n=t.direction===`asc`?`desc`:t.direction===`desc`?`none`:`asc`);let r={key:e.key,direction:n};_.value=r,g(`sort`,r)}function S(e){if(!e.sortable)return;let t=v.value;return t?.key!==e.key||t.direction===`none`?`none`:t.direction===`asc`?`ascending`:`descending`}function C(e,t){t.sortable&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),x(t))}return(m,h)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,t,[(0,e.createElementVNode)(`table`,{class:(0,e.normalizeClass)(y.value),role:`grid`},[(0,e.createElementVNode)(`thead`,n,[(0,e.createElementVNode)(`tr`,r,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(p.columns,t=>((0,e.openBlock)(),(0,e.createElementBlock)(`th`,{key:t.key,class:(0,e.normalizeClass)([`t-table__header`,[t.sortable?`t-table__header--sortable`:``,t.align?`t-table__header--${t.align}`:``]]),style:(0,e.normalizeStyle)(t.width?{width:t.width}:void 0),"aria-sort":S(t),tabindex:t.sortable?0:void 0,scope:`col`,onClick:e=>x(t),onKeydown:e=>C(e,t)},[(0,e.renderSlot)(m.$slots,`header-${t.key}`,{column:t},()=>[(0,e.createElementVNode)(`span`,a,[(0,e.createTextVNode)((0,e.toDisplayString)(t.label)+` `,1),t.sortable?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[v.value?.key===t.key&&v.value.direction===`asc`?((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,s,[...h[0]||=[(0,e.createElementVNode)(`path`,{d:`m18 15-6-6-6 6`},null,-1)]])):v.value?.key===t.key&&v.value.direction===`desc`?((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,c,[...h[1]||=[(0,e.createElementVNode)(`path`,{d:`m6 9 6 6 6-6`},null,-1)]])):((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,l,[...h[2]||=[(0,e.createElementVNode)(`path`,{d:`m7 15 5 5 5-5`},null,-1),(0,e.createElementVNode)(`path`,{d:`m7 9 5-5 5 5`},null,-1)]]))])):(0,e.createCommentVNode)(``,!0)])])],46,i))),128))])]),(0,e.createElementVNode)(`tbody`,u,[b.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(`tr`,d,[(0,e.createElementVNode)(`td`,{colspan:p.columns.length,class:`t-table__cell t-table__cell--empty`},[(0,e.renderSlot)(m.$slots,`empty`,{},()=>[h[3]||=(0,e.createTextVNode)(` No data available. `,-1)])],8,f)])):(0,e.createCommentVNode)(``,!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`tr`,{key:n,class:`t-table__row`},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(p.columns,n=>((0,e.openBlock)(),(0,e.createElementBlock)(`td`,{key:n.key,class:(0,e.normalizeClass)([`t-table__cell`,n.align?`t-table__cell--${n.align}`:``])},[(0,e.renderSlot)(m.$slots,`cell-${n.key}`,{row:t,value:t[n.key]},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t[n.key]??``),1)])],2))),128))]))),128))])],2)]))}});exports.default=p;
+//# sourceMappingURL=TTable.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTableColumn = {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  width?: string;\n};\n\nexport type TTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TTableSortState = {\n  key: string;\n  direction: TTableSortDirection;\n};\n\nconst props = withDefaults(\n  defineProps<{\n    columns: TTableColumn[];\n    rows: Record<string, unknown>[];\n    size?: TSize;\n    sortBy?: TTableSortState;\n  }>(),\n  {\n    size: 'md',\n    sortBy: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'sort', state: TTableSortState): void;\n}>();\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n  [key: `header-${string}`]: (props: { column: TTableColumn }) => void;\n  empty: () => void;\n}>();\n\nconst internalSort = ref<TTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n  't-table',\n  `t-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n  const sort = currentSort.value;\n  if (!sort || sort.direction === 'none') return props.rows;\n\n  return [...props.rows].sort((a, b) => {\n    const aVal = a[sort.key];\n    const bVal = b[sort.key];\n\n    if (aVal == null && bVal == null) return 0;\n    if (aVal == null) return 1;\n    if (bVal == null) return -1;\n\n    const cmp =\n      typeof aVal === 'number' && typeof bVal === 'number'\n        ? aVal - bVal\n        : String(aVal).localeCompare(String(bVal));\n\n    return sort.direction === 'desc' ? -cmp : cmp;\n  });\n});\n\nfunction handleSort(column: TTableColumn) {\n  if (!column.sortable) return;\n\n  const cur = currentSort.value;\n  let direction: TTableSortDirection = 'asc';\n\n  if (cur?.key === column.key) {\n    if (cur.direction === 'asc') direction = 'desc';\n    else if (cur.direction === 'desc') direction = 'none';\n    else direction = 'asc';\n  }\n\n  const state: TTableSortState = { key: column.key, direction };\n  internalSort.value = state;\n  emit('sort', state);\n}\n\nfunction sortAriaSort(column: TTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n  if (!column.sortable) return undefined;\n  const cur = currentSort.value;\n  if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n  return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TTableColumn) {\n  if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n    event.preventDefault();\n    handleSort(column);\n  }\n}\n</script>\n\n<template>\n  <div class=\"t-table-wrapper\">\n    <table\n      :class=\"classes\"\n      role=\"grid\"\n    >\n      <thead class=\"t-table__head\">\n        <tr class=\"t-table__row\">\n          <th\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__header\"\n            :class=\"[\n              column.sortable ? 't-table__header--sortable' : '',\n              column.align ? `t-table__header--${column.align}` : '',\n            ]\"\n            :style=\"column.width ? { width: column.width } : undefined\"\n            :aria-sort=\"sortAriaSort(column)\"\n            :tabindex=\"column.sortable ? 0 : undefined\"\n            scope=\"col\"\n            @click=\"handleSort(column)\"\n            @keydown=\"handleHeaderKeydown($event, column)\"\n          >\n            <slot\n              :name=\"`header-${column.key}`\"\n              :column=\"column\"\n            >\n              <span class=\"t-table__header-content\">\n                {{ column.label }}\n                <span\n                  v-if=\"column.sortable\"\n                  class=\"t-table__sort-icon\"\n                  aria-hidden=\"true\"\n                >\n                  <svg\n                    v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m18 15-6-6-6 6\" />\n                  </svg>\n                  <svg\n                    v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m6 9 6 6 6-6\" />\n                  </svg>\n                  <svg\n                    v-else\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    style=\"opacity: 0.4\"\n                  >\n                    <path d=\"m7 15 5 5 5-5\" />\n                    <path d=\"m7 9 5-5 5 5\" />\n                  </svg>\n                </span>\n              </span>\n            </slot>\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"t-table__body\">\n        <tr\n          v-if=\"sortedRows.length === 0\"\n          class=\"t-table__row t-table__row--empty\"\n        >\n          <td\n            :colspan=\"columns.length\"\n            class=\"t-table__cell t-table__cell--empty\"\n          >\n            <slot name=\"empty\">\n              No data available.\n            </slot>\n          </td>\n        </tr>\n        <tr\n          v-for=\"(row, index) in sortedRows\"\n          :key=\"index\"\n          class=\"t-table__row\"\n        >\n          <td\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__cell\"\n            :class=\"column.align ? `t-table__cell--${column.align}` : ''\"\n          >\n            <slot\n              :name=\"`cell-${column.key}`\"\n              :row=\"row\"\n              :value=\"row[column.key]\"\n            >\n              {{ row[column.key] ?? '' }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,118 @@
+import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p } from "vue";
+//#region src/components/TTable.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "t-table-wrapper" }, h = { class: "t-table__head" }, g = { class: "t-table__row" }, _ = [
+	"aria-sort",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], v = { class: "t-table__header-content" }, y = {
+	key: 0,
+	class: "t-table__sort-icon",
+	"aria-hidden": "true"
+}, b = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, x = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, S = {
+	key: 2,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	style: { opacity: "0.4" }
+}, C = { class: "t-table__body" }, w = {
+	key: 0,
+	class: "t-table__row t-table__row--empty"
+}, T = ["colspan"], E = /*@__PURE__*/ o({
+	__name: "TTable",
+	props: {
+		columns: {},
+		rows: {},
+		size: { default: "md" },
+		sortBy: { default: void 0 }
+	},
+	emits: ["sort"],
+	setup(o, { emit: E }) {
+		let D = o, O = E, k = u(void 0), A = t(() => D.sortBy ?? k.value), j = t(() => ["t-table", `t-table--${D.size}`]), M = t(() => {
+			let e = A.value;
+			return !e || e.direction === "none" ? D.rows : [...D.rows].sort((t, n) => {
+				let r = t[e.key], i = n[e.key];
+				if (r == null && i == null) return 0;
+				if (r == null) return 1;
+				if (i == null) return -1;
+				let a = typeof r == "number" && typeof i == "number" ? r - i : String(r).localeCompare(String(i));
+				return e.direction === "desc" ? -a : a;
+			});
+		});
+		function N(e) {
+			if (!e.sortable) return;
+			let t = A.value, n = "asc";
+			t?.key === e.key && (n = t.direction === "asc" ? "desc" : t.direction === "desc" ? "none" : "asc");
+			let r = {
+				key: e.key,
+				direction: n
+			};
+			k.value = r, O("sort", r);
+		}
+		function P(e) {
+			if (!e.sortable) return;
+			let t = A.value;
+			return t?.key !== e.key || t.direction === "none" ? "none" : t.direction === "asc" ? "ascending" : "descending";
+		}
+		function F(e, t) {
+			t.sortable && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), N(t));
+		}
+		return (t, u) => (l(), r("div", m, [i("table", {
+			class: s(j.value),
+			role: "grid"
+		}, [i("thead", h, [i("tr", g, [(l(!0), r(e, null, d(o.columns, (e) => (l(), r("th", {
+			key: e.key,
+			class: s(["t-table__header", [e.sortable ? "t-table__header--sortable" : "", e.align ? `t-table__header--${e.align}` : ""]]),
+			style: c(e.width ? { width: e.width } : void 0),
+			"aria-sort": P(e),
+			tabindex: e.sortable ? 0 : void 0,
+			scope: "col",
+			onClick: (t) => N(e),
+			onKeydown: (t) => F(t, e)
+		}, [f(t.$slots, `header-${e.key}`, { column: e }, () => [i("span", v, [a(p(e.label) + " ", 1), e.sortable ? (l(), r("span", y, [A.value?.key === e.key && A.value.direction === "asc" ? (l(), r("svg", b, [...u[0] ||= [i("path", { d: "m18 15-6-6-6 6" }, null, -1)]])) : A.value?.key === e.key && A.value.direction === "desc" ? (l(), r("svg", x, [...u[1] ||= [i("path", { d: "m6 9 6 6 6-6" }, null, -1)]])) : (l(), r("svg", S, [...u[2] ||= [i("path", { d: "m7 15 5 5 5-5" }, null, -1), i("path", { d: "m7 9 5-5 5 5" }, null, -1)]]))])) : n("", !0)])])], 46, _))), 128))])]), i("tbody", C, [M.value.length === 0 ? (l(), r("tr", w, [i("td", {
+			colspan: o.columns.length,
+			class: "t-table__cell t-table__cell--empty"
+		}, [f(t.$slots, "empty", {}, () => [u[3] ||= a(" No data available. ", -1)])], 8, T)])) : n("", !0), (l(!0), r(e, null, d(M.value, (n, i) => (l(), r("tr", {
+			key: i,
+			class: "t-table__row"
+		}, [(l(!0), r(e, null, d(o.columns, (e) => (l(), r("td", {
+			key: e.key,
+			class: s(["t-table__cell", e.align ? `t-table__cell--${e.align}` : ""])
+		}, [f(t.$slots, `cell-${e.key}`, {
+			row: n,
+			value: n[e.key]
+		}, () => [a(p(n[e.key] ?? ""), 1)])], 2))), 128))]))), 128))])], 2)]));
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=TTable.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTable.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTableColumn = {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  align?: 'left' | 'center' | 'right';\n  width?: string;\n};\n\nexport type TTableSortDirection = 'asc' | 'desc' | 'none';\n\nexport type TTableSortState = {\n  key: string;\n  direction: TTableSortDirection;\n};\n\nconst props = withDefaults(\n  defineProps<{\n    columns: TTableColumn[];\n    rows: Record<string, unknown>[];\n    size?: TSize;\n    sortBy?: TTableSortState;\n  }>(),\n  {\n    size: 'md',\n    sortBy: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'sort', state: TTableSortState): void;\n}>();\n\ndefineSlots<{\n  [key: `cell-${string}`]: (props: { row: Record<string, unknown>; value: unknown }) => void;\n  [key: `header-${string}`]: (props: { column: TTableColumn }) => void;\n  empty: () => void;\n}>();\n\nconst internalSort = ref<TTableSortState | undefined>(undefined);\n\nconst currentSort = computed(() => props.sortBy ?? internalSort.value);\n\nconst classes = computed(() => [\n  't-table',\n  `t-table--${props.size}`,\n]);\n\nconst sortedRows = computed(() => {\n  const sort = currentSort.value;\n  if (!sort || sort.direction === 'none') return props.rows;\n\n  return [...props.rows].sort((a, b) => {\n    const aVal = a[sort.key];\n    const bVal = b[sort.key];\n\n    if (aVal == null && bVal == null) return 0;\n    if (aVal == null) return 1;\n    if (bVal == null) return -1;\n\n    const cmp =\n      typeof aVal === 'number' && typeof bVal === 'number'\n        ? aVal - bVal\n        : String(aVal).localeCompare(String(bVal));\n\n    return sort.direction === 'desc' ? -cmp : cmp;\n  });\n});\n\nfunction handleSort(column: TTableColumn) {\n  if (!column.sortable) return;\n\n  const cur = currentSort.value;\n  let direction: TTableSortDirection = 'asc';\n\n  if (cur?.key === column.key) {\n    if (cur.direction === 'asc') direction = 'desc';\n    else if (cur.direction === 'desc') direction = 'none';\n    else direction = 'asc';\n  }\n\n  const state: TTableSortState = { key: column.key, direction };\n  internalSort.value = state;\n  emit('sort', state);\n}\n\nfunction sortAriaSort(column: TTableColumn): 'none' | 'ascending' | 'descending' | undefined {\n  if (!column.sortable) return undefined;\n  const cur = currentSort.value;\n  if (cur?.key !== column.key || cur.direction === 'none') return 'none';\n  return cur.direction === 'asc' ? 'ascending' : 'descending';\n}\n\nfunction handleHeaderKeydown(event: KeyboardEvent, column: TTableColumn) {\n  if (column.sortable && (event.key === 'Enter' || event.key === ' ')) {\n    event.preventDefault();\n    handleSort(column);\n  }\n}\n</script>\n\n<template>\n  <div class=\"t-table-wrapper\">\n    <table\n      :class=\"classes\"\n      role=\"grid\"\n    >\n      <thead class=\"t-table__head\">\n        <tr class=\"t-table__row\">\n          <th\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__header\"\n            :class=\"[\n              column.sortable ? 't-table__header--sortable' : '',\n              column.align ? `t-table__header--${column.align}` : '',\n            ]\"\n            :style=\"column.width ? { width: column.width } : undefined\"\n            :aria-sort=\"sortAriaSort(column)\"\n            :tabindex=\"column.sortable ? 0 : undefined\"\n            scope=\"col\"\n            @click=\"handleSort(column)\"\n            @keydown=\"handleHeaderKeydown($event, column)\"\n          >\n            <slot\n              :name=\"`header-${column.key}`\"\n              :column=\"column\"\n            >\n              <span class=\"t-table__header-content\">\n                {{ column.label }}\n                <span\n                  v-if=\"column.sortable\"\n                  class=\"t-table__sort-icon\"\n                  aria-hidden=\"true\"\n                >\n                  <svg\n                    v-if=\"currentSort?.key === column.key && currentSort.direction === 'asc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m18 15-6-6-6 6\" />\n                  </svg>\n                  <svg\n                    v-else-if=\"currentSort?.key === column.key && currentSort.direction === 'desc'\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m6 9 6 6 6-6\" />\n                  </svg>\n                  <svg\n                    v-else\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    style=\"opacity: 0.4\"\n                  >\n                    <path d=\"m7 15 5 5 5-5\" />\n                    <path d=\"m7 9 5-5 5 5\" />\n                  </svg>\n                </span>\n              </span>\n            </slot>\n          </th>\n        </tr>\n      </thead>\n      <tbody class=\"t-table__body\">\n        <tr\n          v-if=\"sortedRows.length === 0\"\n          class=\"t-table__row t-table__row--empty\"\n        >\n          <td\n            :colspan=\"columns.length\"\n            class=\"t-table__cell t-table__cell--empty\"\n          >\n            <slot name=\"empty\">\n              No data available.\n            </slot>\n          </td>\n        </tr>\n        <tr\n          v-for=\"(row, index) in sortedRows\"\n          :key=\"index\"\n          class=\"t-table__row\"\n        >\n          <td\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            class=\"t-table__cell\"\n            :class=\"column.align ? `t-table__cell--${column.align}` : ''\"\n          >\n            <slot\n              :name=\"`cell-${column.key}`\"\n              :row=\"row\"\n              :value=\"row[column.key]\"\n            >\n              {{ row[column.key] ?? '' }}\n            </slot>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TTabs.cjs

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

package/dist/components/TTabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.cjs","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabs.js

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

package/dist/components/TTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.js","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TTabs.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./tabs-context.cjs");let t=require("vue"),n=require("@treeui/utils");var r=(0,t.defineComponent)({__name:`TTabs`,props:{modelValue:{default:void 0},defaultValue:{default:``},size:{default:`md`},activationMode:{default:`automatic`},disabled:{type:Boolean,default:!1}},emits:[`update:modelValue`],setup(r,{emit:i}){let a=r,o=i,s=(0,n.createId)(`t-tabs`),c=(0,t.ref)(a.defaultValue),l=(0,t.ref)([]),u=(0,t.reactive)({}),d=(0,t.computed)(()=>a.modelValue??c.value);(0,t.watch)(()=>a.modelValue,e=>{e!==void 0&&(c.value=e)}),(0,t.provide)(e.TABS_INJECTION_KEY,{activeValue:d,setActiveValue:e=>{e!==d.value&&(a.modelValue===void 0&&(c.value=e),o(`update:modelValue`,e))},size:(0,t.toRef)(a,`size`),activationMode:(0,t.toRef)(a,`activationMode`),disabled:(0,t.toRef)(a,`disabled`),baseId:s,registerTab:e=>{l.value.includes(e)||l.value.push(e)},unregisterTab:e=>{let t=l.value.indexOf(e);t>=0&&l.value.splice(t,1),delete u[e]},getTabValues:()=>l.value,isTabDisabled:e=>a.disabled||!!u[e],setTabDisabled:(e,t)=>{t?u[e]=!0:delete u[e]}});let f=(0,t.computed)(()=>[`t-tabs`,`t-tabs--${a.size}`]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(f.value)},[(0,t.renderSlot)(e.$slots,`default`)],2))}});exports.default=r;
+//# sourceMappingURL=TTabs.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":"0UAOA,IAAM,EAAQ,EAiBR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,CAAkB,QAAQ,EAC1B,GAAA,EAAA,EAAA,IAAA,CAAoB,EAAM,YAAY,EACtC,GAAA,EAAA,EAAA,IAAA,CAAyB,CAAC,CAAC,EAC3B,GAAA,EAAA,EAAA,SAAA,CAAiD,CAAC,CAAC,EAEnD,GAAA,EAAA,EAAA,SAAA,KAA6B,EAAM,YAAc,EAAc,KAAK,GAkC1E,EAAA,EAAA,MAAA,KACQ,EAAM,WACX,GAAQ,CACH,IAAQ,IAAA,KACV,EAAc,MAAQ,EAE1B,CACF,GAEA,EAAA,EAAA,QAAA,CAAQ,EAAA,mBAAoB,CAC1B,cACA,eA3CsB,GAAkB,CACpC,IAAU,EAAY,QACtB,EAAM,aAAe,IAAA,KACvB,EAAc,MAAQ,GAExB,EAAK,oBAAqB,CAAK,EACjC,EAsCE,MAAA,EAAA,EAAA,MAAA,CAAY,EAAO,MAAM,EACzB,gBAAA,EAAA,EAAA,MAAA,CAAsB,EAAO,gBAAgB,EAC7C,UAAA,EAAA,EAAA,MAAA,CAAgB,EAAO,UAAU,EACjC,SACA,YAxCmB,GAAkB,CAChC,EAAS,MAAM,SAAS,CAAK,GAChC,EAAS,MAAM,KAAK,CAAK,CAE7B,EAqCE,cAnCqB,GAAkB,CACvC,IAAM,EAAM,EAAS,MAAM,QAAQ,CAAK,EACpC,GAAO,GAAG,EAAS,MAAM,OAAO,EAAK,CAAC,EAC1C,OAAO,EAAa,EACtB,EAgCE,iBA9ByB,EAAS,MA+BlC,cA7BqB,GAAkB,EAAM,UAAY,CAAC,CAAC,EAAa,GA8BxE,gBA5BsB,EAAe,IAAsB,CACvD,EACF,EAAa,GAAS,GAEtB,OAAO,EAAa,EAExB,CAuBA,CAAC,EAED,IAAM,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,SACA,WAAW,EAAM,MACnB,CAAC,2DAMO,MAAA,CAFA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAW,CAAA,EAAA,EAAA,EAAA,EAAA,WAAA,CACd,EAAA,OAAA,SAAA,CAAA,EAAA,CAAA"}

package/dist/components/TTabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import { TABS_INJECTION_KEY as e } from "./tabs-context.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, provide as o, reactive as s, ref as c, renderSlot as l, toRef as u, watch as d } from "vue";
+import { createId as f } from "@treeui/utils";
+//#region src/components/TTabs.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ r({
+	__name: "TTabs",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: "" },
+		size: { default: "md" },
+		activationMode: { default: "automatic" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: p }) {
+		let m = r, h = p, g = f("t-tabs"), _ = c(m.defaultValue), v = c([]), y = s({}), b = t(() => m.modelValue ?? _.value);
+		d(() => m.modelValue, (e) => {
+			e !== void 0 && (_.value = e);
+		}), o(e, {
+			activeValue: b,
+			setActiveValue: (e) => {
+				e !== b.value && (m.modelValue === void 0 && (_.value = e), h("update:modelValue", e));
+			},
+			size: u(m, "size"),
+			activationMode: u(m, "activationMode"),
+			disabled: u(m, "disabled"),
+			baseId: g,
+			registerTab: (e) => {
+				v.value.includes(e) || v.value.push(e);
+			},
+			unregisterTab: (e) => {
+				let t = v.value.indexOf(e);
+				t >= 0 && v.value.splice(t, 1), delete y[e];
+			},
+			getTabValues: () => v.value,
+			isTabDisabled: (e) => m.disabled || !!y[e],
+			setTabDisabled: (e, t) => {
+				t ? y[e] = !0 : delete y[e];
+			}
+		});
+		let x = t(() => ["t-tabs", `t-tabs--${m.size}`]);
+		return (e, t) => (a(), n("div", { class: i(x.value) }, [l(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TTabs.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TTabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId } from '@treeui/utils';\nimport { computed, provide, reactive, ref, toRef, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\nimport type { TabsActivationMode } from './tabs-context';\nimport { TABS_INJECTION_KEY } from './tabs-context';\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    size?: TSize;\n    activationMode?: TabsActivationMode;\n    disabled?: boolean;\n  }>(),\n  {\n    modelValue: undefined,\n    defaultValue: '',\n    size: 'md',\n    activationMode: 'automatic',\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n}>();\n\nconst baseId = createId('t-tabs');\nconst internalValue = ref(props.defaultValue);\nconst tabOrder = ref<string[]>([]);\nconst disabledTabs: Record<string, boolean> = reactive({});\n\nconst activeValue = computed(() => props.modelValue ?? internalValue.value);\n\nconst setActiveValue = (value: string) => {\n  if (value === activeValue.value) return;\n  if (props.modelValue === undefined) {\n    internalValue.value = value;\n  }\n  emit('update:modelValue', value);\n};\n\nconst registerTab = (value: string) => {\n  if (!tabOrder.value.includes(value)) {\n    tabOrder.value.push(value);\n  }\n};\n\nconst unregisterTab = (value: string) => {\n  const idx = tabOrder.value.indexOf(value);\n  if (idx >= 0) tabOrder.value.splice(idx, 1);\n  delete disabledTabs[value];\n};\n\nconst getTabValues = () => tabOrder.value;\n\nconst isTabDisabled = (value: string) => props.disabled || !!disabledTabs[value];\n\nconst setTabDisabled = (value: string, disabled: boolean) => {\n  if (disabled) {\n    disabledTabs[value] = true;\n  } else {\n    delete disabledTabs[value];\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (val !== undefined) {\n      internalValue.value = val;\n    }\n  },\n);\n\nprovide(TABS_INJECTION_KEY, {\n  activeValue,\n  setActiveValue,\n  size: toRef(props, 'size'),\n  activationMode: toRef(props, 'activationMode'),\n  disabled: toRef(props, 'disabled'),\n  baseId,\n  registerTab,\n  unregisterTab,\n  getTabValues,\n  isTabDisabled,\n  setTabDisabled,\n});\n\nconst rootClasses = computed(() => [\n  't-tabs',\n  `t-tabs--${props.size}`,\n]);\n</script>\n\n<template>\n  <div :class=\"rootClasses\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GAiBR,IAAO,GAIP,IAAS,EAAS,QAAQ,GAC1B,IAAgB,EAAI,EAAM,YAAY,GACtC,IAAW,EAAc,CAAC,CAAC,GAC3B,IAAwC,EAAS,CAAC,CAAC,GAEnD,IAAc,QAAe,EAAM,cAAc,EAAc,KAAK;EA2C1E,AATA,QACQ,EAAM,aACX,MAAQ;GACP,AAAI,MAAQ,KAAA,MACV,EAAc,QAAQ;EAE1B,CACF,GAEA,EAAQ,GAAoB;GAC1B;GACA,iBA3CsB,MAAkB;IACpC,MAAU,EAAY,UACtB,EAAM,eAAe,KAAA,MACvB,EAAc,QAAQ,IAExB,EAAK,qBAAqB,CAAK;GACjC;GAsCE,MAAM,EAAM,GAAO,MAAM;GACzB,gBAAgB,EAAM,GAAO,gBAAgB;GAC7C,UAAU,EAAM,GAAO,UAAU;GACjC;GACA,cAxCmB,MAAkB;IACrC,AAAK,EAAS,MAAM,SAAS,CAAK,KAChC,EAAS,MAAM,KAAK,CAAK;GAE7B;GAqCE,gBAnCqB,MAAkB;IACvC,IAAM,IAAM,EAAS,MAAM,QAAQ,CAAK;IAExC,AADI,KAAO,KAAG,EAAS,MAAM,OAAO,GAAK,CAAC,GAC1C,OAAO,EAAa;GACtB;GAgCE,oBA9ByB,EAAS;GA+BlC,gBA7BqB,MAAkB,EAAM,YAAY,CAAC,CAAC,EAAa;GA8BxE,iBA5BsB,GAAe,MAAsB;IAC3D,AAAI,IACF,EAAa,KAAS,KAEtB,OAAO,EAAa;GAExB;EAuBA,CAAC;EAED,IAAM,IAAc,QAAe,CACjC,UACA,WAAW,EAAM,MACnB,CAAC;yBAIC,EAEM,OAAA,EAFA,OAAK,EAAE,EAAA,KAAW,EAAA,GAAA,CACtB,EAAQ,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/TTag.cjs

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

package/dist/components/TTag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.cjs","names":[],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/TTag.js

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

package/dist/components/TTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.js","names":[],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/TTag.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={key:0,class:`t-tag__icon`,"aria-hidden":`true`},n={class:`t-tag__label`},r=[`disabled`],i=(0,e.defineComponent)({__name:`TTag`,props:{variant:{default:`soft`},size:{default:`md`},removable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`remove`],setup(i,{emit:a}){let o=i,s=a,c=(0,e.computed)(()=>[`t-tag`,`t-tag--${o.variant}`,`t-tag--${o.size}`,o.disabled?`is-disabled`:``]);function l(){o.disabled||s(`remove`)}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)(c.value)},[a.$slots.icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,t,[(0,e.renderSlot)(a.$slots,`icon`)])):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`span`,n,[(0,e.renderSlot)(a.$slots,`default`)]),i.removable?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,type:`button`,class:`t-tag__remove`,disabled:i.disabled,"aria-label":`Remove`,onClick:l},[...o[0]||=[(0,e.createElementVNode)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"aria-hidden":`true`},[(0,e.createElementVNode)(`path`,{d:`M18 6 6 18`}),(0,e.createElementVNode)(`path`,{d:`m6 6 12 12`})],-1)]],8,r)):(0,e.createCommentVNode)(``,!0)],2))}});exports.default=i;
+//# sourceMappingURL=TTag.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TTag.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nexport type TTagVariant = 'solid' | 'outline' | 'soft';\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: TTagVariant;\n    size?: TSize;\n    removable?: boolean;\n    disabled?: boolean;\n  }>(),\n  {\n    variant: 'soft',\n    size: 'md',\n    removable: false,\n    disabled: false,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'remove'): void;\n}>();\n\nconst classes = computed(() => [\n  't-tag',\n  `t-tag--${props.variant}`,\n  `t-tag--${props.size}`,\n  props.disabled ? 'is-disabled' : '',\n]);\n\nfunction handleRemove() {\n  if (props.disabled) return;\n  emit('remove');\n}\n</script>\n\n<template>\n  <span :class=\"classes\">\n    <span\n      v-if=\"$slots.icon\"\n      class=\"t-tag__icon\"\n      aria-hidden=\"true\"\n    >\n      <slot name=\"icon\" />\n    </span>\n    <span class=\"t-tag__label\">\n      <slot />\n    </span>\n    <button\n      v-if=\"removable\"\n      type=\"button\"\n      class=\"t-tag__remove\"\n      :disabled=\"disabled\"\n      aria-label=\"Remove\"\n      @click=\"handleRemove\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"14\"\n        height=\"14\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M18 6 6 18\" />\n        <path d=\"m6 6 12 12\" />\n      </svg>\n    </button>\n  </span>\n</template>\n"],"mappings":"0TAMA,IAAM,EAAQ,EAeR,EAAO,EAIP,GAAA,EAAA,EAAA,SAAA,KAAyB,CAC7B,QACA,UAAU,EAAM,UAChB,UAAU,EAAM,OAChB,EAAM,SAAW,cAAgB,EACnC,CAAC,EAED,SAAS,GAAe,CAClB,EAAM,UACV,EAAK,QAAQ,CACf,0DAuCS,OAAA,CAnCA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAO,CAAA,EAAA,CAEXA,EAAAA,OAAO,OAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKR,OANP,EAMO,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,MAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,2BAIf,OAFP,EAEO,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA,EAGF,EAAA,YAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAsBC,SAAA,OArBP,KAAK,SACL,MAAM,gBACL,SAAU,EAAA,SACX,aAAW,SACV,QAAO,wCAgBF,MAAA,CAbJ,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,eAAa,IACb,iBAAe,QACf,kBAAgB,QAChB,cAAY,kCAEW,OAAA,CAAjB,EAAE,YAAY,CAAA,GAAA,EAAA,EAAA,mBAAA,CACG,OAAA,CAAjB,EAAE,YAAY,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}