@treeui/vue 0.8.0 → 0.11.0

package/dist/components/TNavbar.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t={class:`t-navbar__inner`},n={key:0,class:`t-navbar__section t-navbar__section--start`},r={key:1,class:`t-navbar__section t-navbar__section--center`},i={key:2,class:`t-navbar__section t-navbar__section--end`},a=(0,e.defineComponent)({inheritAttrs:!1,__name:`TNavbar`,props:{as:{default:`header`},size:{default:`md`},sticky:{type:Boolean,default:!1},bordered:{type:Boolean,default:!0},elevated:{type:Boolean,default:!1}},setup(a){let o=a,s=(0,e.useAttrs)(),c=(0,e.computed)(()=>[`t-navbar`,`t-navbar--${o.size}`,{"is-sticky":o.sticky,"is-bordered":o.bordered,"is-elevated":o.elevated},s.class]),l=(0,e.computed)(()=>s.style),u=(0,e.computed)(()=>{let{class:e,style:t,...n}=s;return n});return(o,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(a.as),(0,e.mergeProps)(u.value,{class:c.value,style:l.value}),{default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,t,[o.$slots.start?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.renderSlot)(o.$slots,`start`)])):(0,e.createCommentVNode)(``,!0),o.$slots.default||o.$slots.center?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,r,[(0,e.renderSlot)(o.$slots,`center`,{},()=>[(0,e.renderSlot)(o.$slots,`default`)])])):(0,e.createCommentVNode)(``,!0),o.$slots.end?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,i,[(0,e.renderSlot)(o.$slots,`end`)])):(0,e.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`style`]))}});exports.default=a;
+//# sourceMappingURL=TNavbar.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TNavbar.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    size?: TSize;\n    sticky?: boolean;\n    bordered?: boolean;\n    elevated?: boolean;\n  }>(),\n  {\n    as: 'header',\n    size: 'md',\n    sticky: false,\n    bordered: true,\n    elevated: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-navbar',\n  `t-navbar--${props.size}`,\n  {\n    'is-sticky': props.sticky,\n    'is-bordered': props.bordered,\n    'is-elevated': props.elevated,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-navbar__inner\">\n      <div\n        v-if=\"$slots.start\"\n        class=\"t-navbar__section t-navbar__section--start\"\n      >\n        <slot name=\"start\" />\n      </div>\n\n      <div\n        v-if=\"$slots.default || $slots.center\"\n        class=\"t-navbar__section t-navbar__section--center\"\n      >\n        <slot name=\"center\">\n          <slot />\n        </slot>\n      </div>\n\n      <div\n        v-if=\"$slots.end\"\n        class=\"t-navbar__section t-navbar__section--end\"\n      >\n        <slot name=\"end\" />\n      </div>\n    </div>\n  </component>\n</template>\n"],"mappings":"ucAQA,IAAM,EAAQ,EAiBR,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,GAAA,EAAA,EAAA,SAAA,KAA6B,CACjC,WACA,aAAa,EAAM,OACnB,CACE,YAAa,EAAM,OACnB,cAAe,EAAM,SACrB,cAAe,EAAM,QACvB,EACA,EAAM,KACR,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAA2B,EAAM,KAAK,EAEtC,GAAA,EAAA,EAAA,SAAA,KAA2B,CAC/B,GAAM,CAAE,MAAO,EAAQ,MAAO,EAAQ,GAAG,GAAS,EAClD,OAAO,CACT,CAAC,kFAKQ,EAAA,EAAE,GAAA,EAAA,EAAA,WAAA,CACC,EA4BE,MA5BO,CAChB,MAAO,EAAA,MACP,MAAO,EAAA,mCAyBF,EAAA,EAAA,EAAA,mBAAA,CAAA,MAvBN,EAuBM,CArBIA,EAAAA,OAAO,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADiB,EAAA,OAAA,OAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAIfA,EAAAA,OAAO,SAAWA,EAAAA,OAAO,SAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAM3B,MAPN,EAOM,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,EAAA,EAAA,WAAA,CADG,EAAA,OAAA,SAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAKJA,EAAAA,OAAO,MAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIT,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADe,EAAA,OAAA,KAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA"}

package/dist/components/TNavbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, useAttrs as u, withCtx as d } from "vue";
+//#region src/components/TNavbar.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "t-navbar__inner" }, p = {
+	key: 0,
+	class: "t-navbar__section t-navbar__section--start"
+}, m = {
+	key: 1,
+	class: "t-navbar__section t-navbar__section--center"
+}, h = {
+	key: 2,
+	class: "t-navbar__section t-navbar__section--end"
+}, g = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "TNavbar",
+	props: {
+		as: { default: "header" },
+		size: { default: "md" },
+		sticky: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		elevated: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let g = a, _ = u(), v = e(() => [
+			"t-navbar",
+			`t-navbar--${g.size}`,
+			{
+				"is-sticky": g.sticky,
+				"is-bordered": g.bordered,
+				"is-elevated": g.elevated
+			},
+			_.class
+		]), y = e(() => _.style), b = e(() => {
+			let { class: e, style: t, ...n } = _;
+			return n;
+		});
+		return (e, u) => (s(), t(l(a.as), o(b.value, {
+			class: v.value,
+			style: y.value
+		}), {
+			default: d(() => [i("div", f, [
+				e.$slots.start ? (s(), r("div", p, [c(e.$slots, "start")])) : n("", !0),
+				e.$slots.default || e.$slots.center ? (s(), r("div", m, [c(e.$slots, "center", {}, () => [c(e.$slots, "default")])])) : n("", !0),
+				e.$slots.end ? (s(), r("div", h, [c(e.$slots, "end")])) : n("", !0)
+			])]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TNavbar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TNavbar.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    size?: TSize;\n    sticky?: boolean;\n    bordered?: boolean;\n    elevated?: boolean;\n  }>(),\n  {\n    as: 'header',\n    size: 'md',\n    sticky: false,\n    bordered: true,\n    elevated: false,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-navbar',\n  `t-navbar--${props.size}`,\n  {\n    'is-sticky': props.sticky,\n    'is-bordered': props.bordered,\n    'is-elevated': props.elevated,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst rootAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"rootAttrs\"\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"t-navbar__inner\">\n      <div\n        v-if=\"$slots.start\"\n        class=\"t-navbar__section t-navbar__section--start\"\n      >\n        <slot name=\"start\" />\n      </div>\n\n      <div\n        v-if=\"$slots.default || $slots.center\"\n        class=\"t-navbar__section t-navbar__section--center\"\n      >\n        <slot name=\"center\">\n          <slot />\n        </slot>\n      </div>\n\n      <div\n        v-if=\"$slots.end\"\n        class=\"t-navbar__section t-navbar__section--end\"\n      >\n        <slot name=\"end\" />\n      </div>\n    </div>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAiBR,IAAQ,EAAS,GAEjB,IAAc,QAAe;GACjC;GACA,aAAa,EAAM;GACnB;IACE,aAAa,EAAM;IACnB,eAAe,EAAM;IACrB,eAAe,EAAM;GACvB;GACA,EAAM;EACR,CAAC,GAEK,IAAY,QAAe,EAAM,KAAK,GAEtC,IAAY,QAAe;GAC/B,IAAM,EAAE,OAAO,GAAQ,OAAO,GAAQ,GAAG,MAAS;GAClD,OAAO;EACT,CAAC;yBAIC,EA8BY,EA7BL,EAAA,EAAE,GADT,EAEU,EA4BE,OA5BO;GAChB,OAAO,EAAA;GACP,OAAO,EAAA;;oBAyBF,CAvBN,EAuBM,OAvBN,GAuBM;IArBIA,EAAAA,OAAO,SAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAqB,EAAA,QAAA,OAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAIfA,EAAAA,OAAO,WAAWA,EAAAA,OAAO,UAAA,EAAA,GADjC,EAOM,OAPN,GAOM,CAHJ,EAEO,EAAA,QAAA,UAAA,CAAA,SAAA,CADL,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;IAKJA,EAAAA,OAAO,OAAA,EAAA,GADf,EAKM,OALN,GAKM,CADJ,EAAmB,EAAA,QAAA,KAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/components/TNumberInput.cjs

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

package/dist/components/TNumberInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TNumberInput.cjs","names":[],"sources":["../../src/components/TNumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: number | null;\n    min?: number;\n    max?: number;\n    step?: number;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    controls?: boolean;\n  }>(),\n  {\n    modelValue: null,\n    min: undefined,\n    max: undefined,\n    step: 1,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n    placeholder: '',\n    controls: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n  props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n  const normalizedStep = `${props.step}`;\n  const fractionalPart = normalizedStep.split('.')[1];\n  return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-number-input',\n  `t-number-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'has-controls': props.controls,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n  value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n  const clamped = clamp(\n    value,\n    props.min ?? Number.NEGATIVE_INFINITY,\n    props.max ?? Number.POSITIVE_INFINITY,\n  );\n\n  return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n  const normalized = value.trim().replace(',', '.');\n\n  if (!normalized) {\n    return null;\n  }\n\n  const parsed = Number(normalized);\n  return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n  const parsed = parseValue(displayValue.value);\n  return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.min === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.max === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n  if (value === null) {\n    displayValue.value = '';\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const normalized = normalizeValue(value);\n  displayValue.value = `${normalized}`;\n  emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n  if (props.disabled) {\n    return;\n  }\n\n  let baseValue = currentNumericValue.value ?? 0;\n\n  if (currentNumericValue.value === null) {\n    if (direction === 1 && props.min !== undefined) {\n      baseValue = props.min - props.step;\n    }\n\n    if (direction === -1 && props.max !== undefined) {\n      baseValue = props.max + props.step;\n    }\n  }\n\n  commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n  const nextValue = (event.target as HTMLInputElement).value;\n  displayValue.value = nextValue;\n\n  if (!nextValue.trim()) {\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const parsedValue = parseValue(nextValue);\n\n  if (parsedValue === null) {\n    return;\n  }\n\n  emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n  if (!displayValue.value.trim()) {\n    displayValue.value = '';\n    return;\n  }\n\n  const parsedValue = parseValue(displayValue.value);\n\n  if (parsedValue === null) {\n    displayValue.value = formatValue(props.modelValue);\n    return;\n  }\n\n  displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    stepValue(1);\n    return;\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    stepValue(-1);\n    return;\n  }\n\n  if (event.key === 'Home' && props.min !== undefined) {\n    event.preventDefault();\n    commitValue(props.min);\n    return;\n  }\n\n  if (event.key === 'End' && props.max !== undefined) {\n    event.preventDefault();\n    commitValue(props.max);\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const nextDisplayValue = formatValue(value);\n\n    if (nextDisplayValue !== displayValue.value) {\n      displayValue.value = nextDisplayValue;\n    }\n  },\n);\n</script>\n\n<template>\n  <div\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--decrement\"\n      :disabled=\"!canDecrement\"\n      aria-label=\"Decrease value\"\n      @click=\"stepValue(-1)\"\n    >\n      <span aria-hidden=\"true\">-</span>\n    </button>\n\n    <input\n      v-bind=\"inputAttrs\"\n      :value=\"displayValue\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      class=\"t-number-input__field\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n      @keydown=\"onKeydown\"\n    >\n\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--increment\"\n      :disabled=\"!canIncrement\"\n      aria-label=\"Increase value\"\n      @click=\"stepValue(1)\"\n    >\n      <span aria-hidden=\"true\">+</span>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TNumberInput.js

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

package/dist/components/TNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TNumberInput.js","names":[],"sources":["../../src/components/TNumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: number | null;\n    min?: number;\n    max?: number;\n    step?: number;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    controls?: boolean;\n  }>(),\n  {\n    modelValue: null,\n    min: undefined,\n    max: undefined,\n    step: 1,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n    placeholder: '',\n    controls: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n  props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n  const normalizedStep = `${props.step}`;\n  const fractionalPart = normalizedStep.split('.')[1];\n  return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-number-input',\n  `t-number-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'has-controls': props.controls,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n  value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n  const clamped = clamp(\n    value,\n    props.min ?? Number.NEGATIVE_INFINITY,\n    props.max ?? Number.POSITIVE_INFINITY,\n  );\n\n  return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n  const normalized = value.trim().replace(',', '.');\n\n  if (!normalized) {\n    return null;\n  }\n\n  const parsed = Number(normalized);\n  return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n  const parsed = parseValue(displayValue.value);\n  return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.min === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.max === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n  if (value === null) {\n    displayValue.value = '';\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const normalized = normalizeValue(value);\n  displayValue.value = `${normalized}`;\n  emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n  if (props.disabled) {\n    return;\n  }\n\n  let baseValue = currentNumericValue.value ?? 0;\n\n  if (currentNumericValue.value === null) {\n    if (direction === 1 && props.min !== undefined) {\n      baseValue = props.min - props.step;\n    }\n\n    if (direction === -1 && props.max !== undefined) {\n      baseValue = props.max + props.step;\n    }\n  }\n\n  commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n  const nextValue = (event.target as HTMLInputElement).value;\n  displayValue.value = nextValue;\n\n  if (!nextValue.trim()) {\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const parsedValue = parseValue(nextValue);\n\n  if (parsedValue === null) {\n    return;\n  }\n\n  emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n  if (!displayValue.value.trim()) {\n    displayValue.value = '';\n    return;\n  }\n\n  const parsedValue = parseValue(displayValue.value);\n\n  if (parsedValue === null) {\n    displayValue.value = formatValue(props.modelValue);\n    return;\n  }\n\n  displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    stepValue(1);\n    return;\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    stepValue(-1);\n    return;\n  }\n\n  if (event.key === 'Home' && props.min !== undefined) {\n    event.preventDefault();\n    commitValue(props.min);\n    return;\n  }\n\n  if (event.key === 'End' && props.max !== undefined) {\n    event.preventDefault();\n    commitValue(props.max);\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const nextDisplayValue = formatValue(value);\n\n    if (nextDisplayValue !== displayValue.value) {\n      displayValue.value = nextDisplayValue;\n    }\n  },\n);\n</script>\n\n<template>\n  <div\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--decrement\"\n      :disabled=\"!canDecrement\"\n      aria-label=\"Decrease value\"\n      @click=\"stepValue(-1)\"\n    >\n      <span aria-hidden=\"true\">-</span>\n    </button>\n\n    <input\n      v-bind=\"inputAttrs\"\n      :value=\"displayValue\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      class=\"t-number-input__field\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n      @keydown=\"onKeydown\"\n    >\n\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--increment\"\n      :disabled=\"!canIncrement\"\n      aria-label=\"Increase value\"\n      @click=\"stepValue(1)\"\n    >\n      <span aria-hidden=\"true\">+</span>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/TNumberInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue"),t=require("@treeui/utils");var n=[`disabled`],r=[`value`,`placeholder`,`disabled`,`aria-invalid`],i=[`disabled`],a=(0,e.defineComponent)({inheritAttrs:!1,__name:`TNumberInput`,props:{modelValue:{default:null},min:{default:void 0},max:{default:void 0},step:{default:1},size:{default:`md`},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},placeholder:{default:``},controls:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(a,{emit:o}){let s=a,c=o,l=(0,e.useAttrs)(),u=(0,e.ref)(s.modelValue===null||s.modelValue===void 0?``:`${s.modelValue}`),d=(0,e.computed)(()=>{let e=`${s.step}`.split(`.`)[1];return e?e.length:0}),f=(0,e.computed)(()=>[`t-number-input`,`t-number-input--${s.size}`,{"is-disabled":s.disabled,"is-invalid":s.invalid,"has-controls":s.controls},l.class]),p=(0,e.computed)(()=>l.style),m=(0,e.computed)(()=>{let{class:e,style:t,...n}=l;return n}),h=e=>e==null?``:`${e}`,g=e=>{let n=(0,t.clamp)(e,s.min??-1/0,s.max??1/0);return Number(n.toFixed(d.value))},_=e=>{let t=e.trim().replace(`,`,`.`);if(!t)return null;let n=Number(t);return Number.isNaN(n)?null:n},v=(0,e.computed)(()=>_(u.value)??s.modelValue??null),y=(0,e.computed)(()=>s.disabled?!1:s.min===void 0||v.value===null||g(v.value)>s.min),b=(0,e.computed)(()=>s.disabled?!1:s.max===void 0||v.value===null||g(v.value)<s.max),x=e=>{if(e===null){u.value=``,c(`update:modelValue`,null);return}let t=g(e);u.value=`${t}`,c(`update:modelValue`,t)},S=e=>{if(s.disabled)return;let t=v.value??0;v.value===null&&(e===1&&s.min!==void 0&&(t=s.min-s.step),e===-1&&s.max!==void 0&&(t=s.max+s.step)),x(t+e*s.step)},C=e=>{let t=e.target.value;if(u.value=t,!t.trim()){c(`update:modelValue`,null);return}let n=_(t);n!==null&&c(`update:modelValue`,g(n))},w=()=>{if(!u.value.trim()){u.value=``;return}let e=_(u.value);if(e===null){u.value=h(s.modelValue);return}u.value=`${g(e)}`},T=e=>{if(!s.disabled){if(e.key===`ArrowUp`){e.preventDefault(),S(1);return}if(e.key===`ArrowDown`){e.preventDefault(),S(-1);return}if(e.key===`Home`&&s.min!==void 0){e.preventDefault(),x(s.min);return}e.key===`End`&&s.max!==void 0&&(e.preventDefault(),x(s.max))}};return(0,e.watch)(()=>s.modelValue,e=>{let t=h(e);t!==u.value&&(u.value=t)}),(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)(f.value),style:(0,e.normalizeStyle)(p.value)},[a.controls?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,type:`button`,class:`t-number-input__stepper t-number-input__stepper--decrement`,disabled:!y.value,"aria-label":`Decrease value`,onClick:o[0]||=e=>S(-1)},[...o[2]||=[(0,e.createElementVNode)(`span`,{"aria-hidden":`true`},`-`,-1)]],8,n)):(0,e.createCommentVNode)(``,!0),(0,e.createElementVNode)(`input`,(0,e.mergeProps)(m.value,{value:u.value,type:`text`,inputmode:`decimal`,class:`t-number-input__field`,placeholder:a.placeholder,disabled:a.disabled,"aria-invalid":a.invalid||void 0,onInput:C,onBlur:w,onKeydown:T}),null,16,r),a.controls?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,type:`button`,class:`t-number-input__stepper t-number-input__stepper--increment`,disabled:!b.value,"aria-label":`Increase value`,onClick:o[1]||=e=>S(1)},[...o[3]||=[(0,e.createElementVNode)(`span`,{"aria-hidden":`true`},`+`,-1)]],8,i)):(0,e.createCommentVNode)(``,!0)],6))}});exports.default=a;
+//# sourceMappingURL=TNumberInput.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TNumberInput.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TNumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: number | null;\n    min?: number;\n    max?: number;\n    step?: number;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    controls?: boolean;\n  }>(),\n  {\n    modelValue: null,\n    min: undefined,\n    max: undefined,\n    step: 1,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n    placeholder: '',\n    controls: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n  props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n  const normalizedStep = `${props.step}`;\n  const fractionalPart = normalizedStep.split('.')[1];\n  return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-number-input',\n  `t-number-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'has-controls': props.controls,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n  value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n  const clamped = clamp(\n    value,\n    props.min ?? Number.NEGATIVE_INFINITY,\n    props.max ?? Number.POSITIVE_INFINITY,\n  );\n\n  return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n  const normalized = value.trim().replace(',', '.');\n\n  if (!normalized) {\n    return null;\n  }\n\n  const parsed = Number(normalized);\n  return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n  const parsed = parseValue(displayValue.value);\n  return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.min === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.max === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n  if (value === null) {\n    displayValue.value = '';\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const normalized = normalizeValue(value);\n  displayValue.value = `${normalized}`;\n  emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n  if (props.disabled) {\n    return;\n  }\n\n  let baseValue = currentNumericValue.value ?? 0;\n\n  if (currentNumericValue.value === null) {\n    if (direction === 1 && props.min !== undefined) {\n      baseValue = props.min - props.step;\n    }\n\n    if (direction === -1 && props.max !== undefined) {\n      baseValue = props.max + props.step;\n    }\n  }\n\n  commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n  const nextValue = (event.target as HTMLInputElement).value;\n  displayValue.value = nextValue;\n\n  if (!nextValue.trim()) {\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const parsedValue = parseValue(nextValue);\n\n  if (parsedValue === null) {\n    return;\n  }\n\n  emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n  if (!displayValue.value.trim()) {\n    displayValue.value = '';\n    return;\n  }\n\n  const parsedValue = parseValue(displayValue.value);\n\n  if (parsedValue === null) {\n    displayValue.value = formatValue(props.modelValue);\n    return;\n  }\n\n  displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    stepValue(1);\n    return;\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    stepValue(-1);\n    return;\n  }\n\n  if (event.key === 'Home' && props.min !== undefined) {\n    event.preventDefault();\n    commitValue(props.min);\n    return;\n  }\n\n  if (event.key === 'End' && props.max !== undefined) {\n    event.preventDefault();\n    commitValue(props.max);\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const nextDisplayValue = formatValue(value);\n\n    if (nextDisplayValue !== displayValue.value) {\n      displayValue.value = nextDisplayValue;\n    }\n  },\n);\n</script>\n\n<template>\n  <div\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--decrement\"\n      :disabled=\"!canDecrement\"\n      aria-label=\"Decrease value\"\n      @click=\"stepValue(-1)\"\n    >\n      <span aria-hidden=\"true\">-</span>\n    </button>\n\n    <input\n      v-bind=\"inputAttrs\"\n      :value=\"displayValue\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      class=\"t-number-input__field\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n      @keydown=\"onKeydown\"\n    >\n\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--increment\"\n      :disabled=\"!canIncrement\"\n      aria-label=\"Increase value\"\n      @click=\"stepValue(1)\"\n    >\n      <span aria-hidden=\"true\">+</span>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TNumberInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,145 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, useAttrs as u, watch as d } from "vue";
+import { clamp as f } from "@treeui/utils";
+//#region src/components/TNumberInput.vue?vue&type=script&setup=true&lang.ts
+var p = ["disabled"], m = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-invalid"
+], h = ["disabled"], g = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "TNumberInput",
+	props: {
+		modelValue: { default: null },
+		min: { default: void 0 },
+		max: { default: void 0 },
+		step: { default: 1 },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "" },
+		controls: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: g }) {
+		let _ = i, v = g, y = u(), b = l(_.modelValue === null || _.modelValue === void 0 ? "" : `${_.modelValue}`), x = e(() => {
+			let e = `${_.step}`.split(".")[1];
+			return e ? e.length : 0;
+		}), S = e(() => [
+			"t-number-input",
+			`t-number-input--${_.size}`,
+			{
+				"is-disabled": _.disabled,
+				"is-invalid": _.invalid,
+				"has-controls": _.controls
+			},
+			y.class
+		]), C = e(() => y.style), w = e(() => {
+			let { class: e, style: t, ...n } = y;
+			return n;
+		}), T = (e) => e == null ? "" : `${e}`, E = (e) => {
+			let t = f(e, _.min ?? -Infinity, _.max ?? Infinity);
+			return Number(t.toFixed(x.value));
+		}, D = (e) => {
+			let t = e.trim().replace(",", ".");
+			if (!t) return null;
+			let n = Number(t);
+			return Number.isNaN(n) ? null : n;
+		}, O = e(() => D(b.value) ?? _.modelValue ?? null), k = e(() => _.disabled ? !1 : _.min === void 0 || O.value === null || E(O.value) > _.min), A = e(() => _.disabled ? !1 : _.max === void 0 || O.value === null || E(O.value) < _.max), j = (e) => {
+			if (e === null) {
+				b.value = "", v("update:modelValue", null);
+				return;
+			}
+			let t = E(e);
+			b.value = `${t}`, v("update:modelValue", t);
+		}, M = (e) => {
+			if (_.disabled) return;
+			let t = O.value ?? 0;
+			O.value === null && (e === 1 && _.min !== void 0 && (t = _.min - _.step), e === -1 && _.max !== void 0 && (t = _.max + _.step)), j(t + e * _.step);
+		}, N = (e) => {
+			let t = e.target.value;
+			if (b.value = t, !t.trim()) {
+				v("update:modelValue", null);
+				return;
+			}
+			let n = D(t);
+			n !== null && v("update:modelValue", E(n));
+		}, P = () => {
+			if (!b.value.trim()) {
+				b.value = "";
+				return;
+			}
+			let e = D(b.value);
+			if (e === null) {
+				b.value = T(_.modelValue);
+				return;
+			}
+			b.value = `${E(e)}`;
+		}, F = (e) => {
+			if (!_.disabled) {
+				if (e.key === "ArrowUp") {
+					e.preventDefault(), M(1);
+					return;
+				}
+				if (e.key === "ArrowDown") {
+					e.preventDefault(), M(-1);
+					return;
+				}
+				if (e.key === "Home" && _.min !== void 0) {
+					e.preventDefault(), j(_.min);
+					return;
+				}
+				e.key === "End" && _.max !== void 0 && (e.preventDefault(), j(_.max));
+			}
+		};
+		return d(() => _.modelValue, (e) => {
+			let t = T(e);
+			t !== b.value && (b.value = t);
+		}), (e, l) => (c(), n("div", {
+			class: o(S.value),
+			style: s(C.value)
+		}, [
+			i.controls ? (c(), n("button", {
+				key: 0,
+				type: "button",
+				class: "t-number-input__stepper t-number-input__stepper--decrement",
+				disabled: !k.value,
+				"aria-label": "Decrease value",
+				onClick: l[0] ||= (e) => M(-1)
+			}, [...l[2] ||= [r("span", { "aria-hidden": "true" }, "-", -1)]], 8, p)) : t("", !0),
+			r("input", a(w.value, {
+				value: b.value,
+				type: "text",
+				inputmode: "decimal",
+				class: "t-number-input__field",
+				placeholder: i.placeholder,
+				disabled: i.disabled,
+				"aria-invalid": i.invalid || void 0,
+				onInput: N,
+				onBlur: P,
+				onKeydown: F
+			}), null, 16, m),
+			i.controls ? (c(), n("button", {
+				key: 1,
+				type: "button",
+				class: "t-number-input__stepper t-number-input__stepper--increment",
+				disabled: !A.value,
+				"aria-label": "Increase value",
+				onClick: l[1] ||= (e) => M(1)
+			}, [...l[3] ||= [r("span", { "aria-hidden": "true" }, "+", -1)]], 8, h)) : t("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=TNumberInput.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TNumberInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TNumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { clamp } from '@treeui/utils';\nimport { computed, ref, useAttrs, watch } from 'vue';\nimport type { TSize } from '../types/contracts';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: number | null;\n    min?: number;\n    max?: number;\n    step?: number;\n    size?: TSize;\n    disabled?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    controls?: boolean;\n  }>(),\n  {\n    modelValue: null,\n    min: undefined,\n    max: undefined,\n    step: 1,\n    size: 'md',\n    disabled: false,\n    invalid: false,\n    placeholder: '',\n    controls: true,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: number | null];\n}>();\n\nconst attrs = useAttrs();\nconst displayValue = ref(\n  props.modelValue === null || props.modelValue === undefined ? '' : `${props.modelValue}`,\n);\n\nconst precision = computed(() => {\n  const normalizedStep = `${props.step}`;\n  const fractionalPart = normalizedStep.split('.')[1];\n  return fractionalPart ? fractionalPart.length : 0;\n});\n\nconst rootClasses = computed(() => [\n  't-number-input',\n  `t-number-input--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'has-controls': props.controls,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, ...rest } = attrs;\n  return rest;\n});\n\nconst formatValue = (value: number | null | undefined) =>\n  value === null || value === undefined ? '' : `${value}`;\n\nconst normalizeValue = (value: number) => {\n  const clamped = clamp(\n    value,\n    props.min ?? Number.NEGATIVE_INFINITY,\n    props.max ?? Number.POSITIVE_INFINITY,\n  );\n\n  return Number(clamped.toFixed(precision.value));\n};\n\nconst parseValue = (value: string) => {\n  const normalized = value.trim().replace(',', '.');\n\n  if (!normalized) {\n    return null;\n  }\n\n  const parsed = Number(normalized);\n  return Number.isNaN(parsed) ? null : parsed;\n};\n\nconst currentNumericValue = computed(() => {\n  const parsed = parseValue(displayValue.value);\n  return parsed ?? props.modelValue ?? null;\n});\n\nconst canDecrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.min === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) > props.min;\n});\n\nconst canIncrement = computed(() => {\n  if (props.disabled) {\n    return false;\n  }\n\n  if (props.max === undefined || currentNumericValue.value === null) {\n    return true;\n  }\n\n  return normalizeValue(currentNumericValue.value) < props.max;\n});\n\nconst commitValue = (value: number | null) => {\n  if (value === null) {\n    displayValue.value = '';\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const normalized = normalizeValue(value);\n  displayValue.value = `${normalized}`;\n  emit('update:modelValue', normalized);\n};\n\nconst stepValue = (direction: 1 | -1) => {\n  if (props.disabled) {\n    return;\n  }\n\n  let baseValue = currentNumericValue.value ?? 0;\n\n  if (currentNumericValue.value === null) {\n    if (direction === 1 && props.min !== undefined) {\n      baseValue = props.min - props.step;\n    }\n\n    if (direction === -1 && props.max !== undefined) {\n      baseValue = props.max + props.step;\n    }\n  }\n\n  commitValue(baseValue + direction * props.step);\n};\n\nconst onInput = (event: Event) => {\n  const nextValue = (event.target as HTMLInputElement).value;\n  displayValue.value = nextValue;\n\n  if (!nextValue.trim()) {\n    emit('update:modelValue', null);\n    return;\n  }\n\n  const parsedValue = parseValue(nextValue);\n\n  if (parsedValue === null) {\n    return;\n  }\n\n  emit('update:modelValue', normalizeValue(parsedValue));\n};\n\nconst onBlur = () => {\n  if (!displayValue.value.trim()) {\n    displayValue.value = '';\n    return;\n  }\n\n  const parsedValue = parseValue(displayValue.value);\n\n  if (parsedValue === null) {\n    displayValue.value = formatValue(props.modelValue);\n    return;\n  }\n\n  displayValue.value = `${normalizeValue(parsedValue)}`;\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    stepValue(1);\n    return;\n  }\n\n  if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    stepValue(-1);\n    return;\n  }\n\n  if (event.key === 'Home' && props.min !== undefined) {\n    event.preventDefault();\n    commitValue(props.min);\n    return;\n  }\n\n  if (event.key === 'End' && props.max !== undefined) {\n    event.preventDefault();\n    commitValue(props.max);\n  }\n};\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const nextDisplayValue = formatValue(value);\n\n    if (nextDisplayValue !== displayValue.value) {\n      displayValue.value = nextDisplayValue;\n    }\n  },\n);\n</script>\n\n<template>\n  <div\n    :class=\"rootClasses\"\n    :style=\"rootStyle\"\n  >\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--decrement\"\n      :disabled=\"!canDecrement\"\n      aria-label=\"Decrease value\"\n      @click=\"stepValue(-1)\"\n    >\n      <span aria-hidden=\"true\">-</span>\n    </button>\n\n    <input\n      v-bind=\"inputAttrs\"\n      :value=\"displayValue\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      class=\"t-number-input__field\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      @input=\"onInput\"\n      @blur=\"onBlur\"\n      @keydown=\"onKeydown\"\n    >\n\n    <button\n      v-if=\"controls\"\n      type=\"button\"\n      class=\"t-number-input__stepper t-number-input__stepper--increment\"\n      :disabled=\"!canIncrement\"\n      aria-label=\"Increase value\"\n      @click=\"stepValue(1)\"\n    >\n      <span aria-hidden=\"true\">+</span>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TPagination.cjs

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

package/dist/components/TPagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPagination.cjs","names":[],"sources":["../../src/components/TPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current active page (1-based) */\n    modelValue?: number;\n    /** Total number of pages */\n    totalPages: number;\n    /** Number of sibling pages shown around the current page */\n    siblings?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Disable all controls */\n    disabled?: boolean;\n    /** Accessible label for the nav element */\n    label?: string;\n  }>(),\n  {\n    modelValue: 1,\n    siblings: 1,\n    size: 'md',\n    disabled: false,\n    label: 'Pagination',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n  previous?: (props: Record<string, never>) => unknown;\n  next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n  Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n  const total = props.totalPages;\n  const current = currentPage.value;\n  const siblings = props.siblings;\n  const items: (number | 'ellipsis')[] = [];\n\n  const rangeStart = Math.max(2, current - siblings);\n  const rangeEnd = Math.min(total - 1, current + siblings);\n\n  // Always show page 1\n  items.push(1);\n\n  // Leading ellipsis\n  if (rangeStart > 2) {\n    items.push('ellipsis');\n  }\n\n  // Sibling pages\n  for (let i = rangeStart; i <= rangeEnd; i++) {\n    items.push(i);\n  }\n\n  // Trailing ellipsis\n  if (rangeEnd < total - 1) {\n    items.push('ellipsis');\n  }\n\n  // Always show last page (if more than 1 page)\n  if (total > 1) {\n    items.push(total);\n  }\n\n  return items;\n});\n\nconst classes = computed(() => [\n  't-pagination',\n  `t-pagination--${props.size}`,\n  { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.min(Math.max(1, page), props.totalPages);\n  if (clamped !== currentPage.value) {\n    emit('update:modelValue', clamped);\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    goToPage(page);\n  }\n}\n</script>\n\n<template>\n  <nav\n    :class=\"classes\"\n    :aria-label=\"label\"\n  >\n    <ul class=\"t-pagination__list\">\n      <!-- Previous button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--prev\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage <= 1\"\n          :aria-label=\"'Go to previous page'\"\n          @click=\"goToPage(currentPage - 1)\"\n        >\n          <slot name=\"previous\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M10 12L6 8l4-4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n\n      <!-- Page items -->\n      <li\n        v-for=\"(page, index) in pages\"\n        :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n        class=\"t-pagination__item\"\n      >\n        <span\n          v-if=\"page === 'ellipsis'\"\n          class=\"t-pagination__ellipsis\"\n          aria-hidden=\"true\"\n        >\n          &hellip;\n        </span>\n        <button\n          v-else\n          class=\"t-pagination__button\"\n          :class=\"{ 'is-active': page === currentPage }\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :aria-label=\"`Go to page ${page}`\"\n          :aria-current=\"page === currentPage ? 'page' : undefined\"\n          @click=\"goToPage(page)\"\n          @keydown=\"onKeydown($event, page)\"\n        >\n          {{ page }}\n        </button>\n      </li>\n\n      <!-- Next button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--next\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage >= totalPages\"\n          :aria-label=\"'Go to next page'\"\n          @click=\"goToPage(currentPage + 1)\"\n        >\n          <slot name=\"next\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/TPagination.js

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

package/dist/components/TPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPagination.js","names":[],"sources":["../../src/components/TPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current active page (1-based) */\n    modelValue?: number;\n    /** Total number of pages */\n    totalPages: number;\n    /** Number of sibling pages shown around the current page */\n    siblings?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Disable all controls */\n    disabled?: boolean;\n    /** Accessible label for the nav element */\n    label?: string;\n  }>(),\n  {\n    modelValue: 1,\n    siblings: 1,\n    size: 'md',\n    disabled: false,\n    label: 'Pagination',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n  previous?: (props: Record<string, never>) => unknown;\n  next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n  Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n  const total = props.totalPages;\n  const current = currentPage.value;\n  const siblings = props.siblings;\n  const items: (number | 'ellipsis')[] = [];\n\n  const rangeStart = Math.max(2, current - siblings);\n  const rangeEnd = Math.min(total - 1, current + siblings);\n\n  // Always show page 1\n  items.push(1);\n\n  // Leading ellipsis\n  if (rangeStart > 2) {\n    items.push('ellipsis');\n  }\n\n  // Sibling pages\n  for (let i = rangeStart; i <= rangeEnd; i++) {\n    items.push(i);\n  }\n\n  // Trailing ellipsis\n  if (rangeEnd < total - 1) {\n    items.push('ellipsis');\n  }\n\n  // Always show last page (if more than 1 page)\n  if (total > 1) {\n    items.push(total);\n  }\n\n  return items;\n});\n\nconst classes = computed(() => [\n  't-pagination',\n  `t-pagination--${props.size}`,\n  { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.min(Math.max(1, page), props.totalPages);\n  if (clamped !== currentPage.value) {\n    emit('update:modelValue', clamped);\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    goToPage(page);\n  }\n}\n</script>\n\n<template>\n  <nav\n    :class=\"classes\"\n    :aria-label=\"label\"\n  >\n    <ul class=\"t-pagination__list\">\n      <!-- Previous button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--prev\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage <= 1\"\n          :aria-label=\"'Go to previous page'\"\n          @click=\"goToPage(currentPage - 1)\"\n        >\n          <slot name=\"previous\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M10 12L6 8l4-4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n\n      <!-- Page items -->\n      <li\n        v-for=\"(page, index) in pages\"\n        :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n        class=\"t-pagination__item\"\n      >\n        <span\n          v-if=\"page === 'ellipsis'\"\n          class=\"t-pagination__ellipsis\"\n          aria-hidden=\"true\"\n        >\n          &hellip;\n        </span>\n        <button\n          v-else\n          class=\"t-pagination__button\"\n          :class=\"{ 'is-active': page === currentPage }\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :aria-label=\"`Go to page ${page}`\"\n          :aria-current=\"page === currentPage ? 'page' : undefined\"\n          @click=\"goToPage(page)\"\n          @keydown=\"onKeydown($event, page)\"\n        >\n          {{ page }}\n        </button>\n      </li>\n\n      <!-- Next button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--next\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage >= totalPages\"\n          :aria-label=\"'Go to next page'\"\n          @click=\"goToPage(currentPage + 1)\"\n        >\n          <slot name=\"next\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/TPagination.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+let e=require("vue");var t=[`aria-label`],n={class:`t-pagination__list`},r={class:`t-pagination__item`},i=[`disabled`],a={key:0,class:`t-pagination__ellipsis`,"aria-hidden":`true`},o=[`disabled`,`aria-label`,`aria-current`,`onClick`,`onKeydown`],s={class:`t-pagination__item`},c=[`disabled`],l=(0,e.defineComponent)({__name:`TPagination`,props:{modelValue:{default:1},totalPages:{},siblings:{default:1},size:{default:`md`},disabled:{type:Boolean,default:!1},label:{default:`Pagination`}},emits:[`update:modelValue`],setup(l,{emit:u}){let d=l,f=u,p=(0,e.computed)(()=>Math.min(Math.max(1,d.modelValue),d.totalPages)),m=(0,e.computed)(()=>{let e=d.totalPages,t=p.value,n=d.siblings,r=[],i=Math.max(2,t-n),a=Math.min(e-1,t+n);r.push(1),i>2&&r.push(`ellipsis`);for(let e=i;e<=a;e++)r.push(e);return a<e-1&&r.push(`ellipsis`),e>1&&r.push(e),r}),h=(0,e.computed)(()=>[`t-pagination`,`t-pagination--${d.size}`,{"is-disabled":d.disabled}]);function g(e){if(d.disabled)return;let t=Math.min(Math.max(1,e),d.totalPages);t!==p.value&&f(`update:modelValue`,t)}function _(e,t){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g(t))}return(u,d)=>((0,e.openBlock)(),(0,e.createElementBlock)(`nav`,{class:(0,e.normalizeClass)(h.value),"aria-label":l.label},[(0,e.createElementVNode)(`ul`,n,[(0,e.createElementVNode)(`li`,r,[(0,e.createElementVNode)(`button`,{class:`t-pagination__button t-pagination__button--prev`,type:`button`,disabled:l.disabled||p.value<=1,"aria-label":`Go to previous page`,onClick:d[0]||=e=>g(p.value-1)},[(0,e.renderSlot)(u.$slots,`previous`,{},()=>[d[2]||=(0,e.createElementVNode)(`svg`,{class:`t-pagination__icon`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},[(0,e.createElementVNode)(`path`,{d:`M10 12L6 8l4-4`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`})],-1)])],8,i)]),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(m.value,(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:t===`ellipsis`?`ellipsis-${n}`:t,class:`t-pagination__item`},[t===`ellipsis`?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,` … `)):((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:(0,e.normalizeClass)([`t-pagination__button`,{"is-active":t===p.value}]),type:`button`,disabled:l.disabled,"aria-label":`Go to page ${t}`,"aria-current":t===p.value?`page`:void 0,onClick:e=>g(t),onKeydown:e=>_(e,t)},(0,e.toDisplayString)(t),43,o))]))),128)),(0,e.createElementVNode)(`li`,s,[(0,e.createElementVNode)(`button`,{class:`t-pagination__button t-pagination__button--next`,type:`button`,disabled:l.disabled||p.value>=l.totalPages,"aria-label":`Go to next page`,onClick:d[1]||=e=>g(p.value+1)},[(0,e.renderSlot)(u.$slots,`next`,{},()=>[d[3]||=(0,e.createElementVNode)(`svg`,{class:`t-pagination__icon`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`},[(0,e.createElementVNode)(`path`,{d:`M6 4l4 4-4 4`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`})],-1)])],8,c)])])],10,t))}});exports.default=l;
+//# sourceMappingURL=TPagination.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPagination.vue_vue_type_script_setup_true_lang.cjs","names":[],"sources":["../../src/components/TPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current active page (1-based) */\n    modelValue?: number;\n    /** Total number of pages */\n    totalPages: number;\n    /** Number of sibling pages shown around the current page */\n    siblings?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Disable all controls */\n    disabled?: boolean;\n    /** Accessible label for the nav element */\n    label?: string;\n  }>(),\n  {\n    modelValue: 1,\n    siblings: 1,\n    size: 'md',\n    disabled: false,\n    label: 'Pagination',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n  previous?: (props: Record<string, never>) => unknown;\n  next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n  Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n  const total = props.totalPages;\n  const current = currentPage.value;\n  const siblings = props.siblings;\n  const items: (number | 'ellipsis')[] = [];\n\n  const rangeStart = Math.max(2, current - siblings);\n  const rangeEnd = Math.min(total - 1, current + siblings);\n\n  // Always show page 1\n  items.push(1);\n\n  // Leading ellipsis\n  if (rangeStart > 2) {\n    items.push('ellipsis');\n  }\n\n  // Sibling pages\n  for (let i = rangeStart; i <= rangeEnd; i++) {\n    items.push(i);\n  }\n\n  // Trailing ellipsis\n  if (rangeEnd < total - 1) {\n    items.push('ellipsis');\n  }\n\n  // Always show last page (if more than 1 page)\n  if (total > 1) {\n    items.push(total);\n  }\n\n  return items;\n});\n\nconst classes = computed(() => [\n  't-pagination',\n  `t-pagination--${props.size}`,\n  { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.min(Math.max(1, page), props.totalPages);\n  if (clamped !== currentPage.value) {\n    emit('update:modelValue', clamped);\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    goToPage(page);\n  }\n}\n</script>\n\n<template>\n  <nav\n    :class=\"classes\"\n    :aria-label=\"label\"\n  >\n    <ul class=\"t-pagination__list\">\n      <!-- Previous button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--prev\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage <= 1\"\n          :aria-label=\"'Go to previous page'\"\n          @click=\"goToPage(currentPage - 1)\"\n        >\n          <slot name=\"previous\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M10 12L6 8l4-4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n\n      <!-- Page items -->\n      <li\n        v-for=\"(page, index) in pages\"\n        :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n        class=\"t-pagination__item\"\n      >\n        <span\n          v-if=\"page === 'ellipsis'\"\n          class=\"t-pagination__ellipsis\"\n          aria-hidden=\"true\"\n        >\n          &hellip;\n        </span>\n        <button\n          v-else\n          class=\"t-pagination__button\"\n          :class=\"{ 'is-active': page === currentPage }\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :aria-label=\"`Go to page ${page}`\"\n          :aria-current=\"page === currentPage ? 'page' : undefined\"\n          @click=\"goToPage(page)\"\n          @keydown=\"onKeydown($event, page)\"\n        >\n          {{ page }}\n        </button>\n      </li>\n\n      <!-- Next button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--next\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage >= totalPages\"\n          :aria-label=\"'Go to next page'\"\n          @click=\"goToPage(currentPage + 1)\"\n        >\n          <slot name=\"next\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </nav>\n</template>\n"],"mappings":"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"}

package/dist/components/TPagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,105 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region src/components/TPagination.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label"], d = { class: "t-pagination__list" }, f = { class: "t-pagination__item" }, p = ["disabled"], m = {
+	key: 0,
+	class: "t-pagination__ellipsis",
+	"aria-hidden": "true"
+}, h = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick",
+	"onKeydown"
+], g = { class: "t-pagination__item" }, _ = ["disabled"], v = /*@__PURE__*/ i({
+	__name: "TPagination",
+	props: {
+		modelValue: { default: 1 },
+		totalPages: {},
+		siblings: { default: 1 },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		label: { default: "Pagination" }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: v }) {
+		let y = i, b = v, x = t(() => Math.min(Math.max(1, y.modelValue), y.totalPages)), S = t(() => {
+			let e = y.totalPages, t = x.value, n = y.siblings, r = [], i = Math.max(2, t - n), a = Math.min(e - 1, t + n);
+			r.push(1), i > 2 && r.push("ellipsis");
+			for (let e = i; e <= a; e++) r.push(e);
+			return a < e - 1 && r.push("ellipsis"), e > 1 && r.push(e), r;
+		}), C = t(() => [
+			"t-pagination",
+			`t-pagination--${y.size}`,
+			{ "is-disabled": y.disabled }
+		]);
+		function w(e) {
+			if (y.disabled) return;
+			let t = Math.min(Math.max(1, e), y.totalPages);
+			t !== x.value && b("update:modelValue", t);
+		}
+		function T(e, t) {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w(t));
+		}
+		return (t, v) => (o(), n("nav", {
+			class: a(C.value),
+			"aria-label": i.label
+		}, [r("ul", d, [
+			r("li", f, [r("button", {
+				class: "t-pagination__button t-pagination__button--prev",
+				type: "button",
+				disabled: i.disabled || x.value <= 1,
+				"aria-label": "Go to previous page",
+				onClick: v[0] ||= (e) => w(x.value - 1)
+			}, [c(t.$slots, "previous", {}, () => [v[2] ||= r("svg", {
+				class: "t-pagination__icon",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [r("path", {
+				d: "M10 12L6 8l4-4",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1)])], 8, p)]),
+			(o(!0), n(e, null, s(S.value, (e, t) => (o(), n("li", {
+				key: e === "ellipsis" ? `ellipsis-${t}` : e,
+				class: "t-pagination__item"
+			}, [e === "ellipsis" ? (o(), n("span", m, " … ")) : (o(), n("button", {
+				key: 1,
+				class: a(["t-pagination__button", { "is-active": e === x.value }]),
+				type: "button",
+				disabled: i.disabled,
+				"aria-label": `Go to page ${e}`,
+				"aria-current": e === x.value ? "page" : void 0,
+				onClick: (t) => w(e),
+				onKeydown: (t) => T(t, e)
+			}, l(e), 43, h))]))), 128)),
+			r("li", g, [r("button", {
+				class: "t-pagination__button t-pagination__button--next",
+				type: "button",
+				disabled: i.disabled || x.value >= i.totalPages,
+				"aria-label": "Go to next page",
+				onClick: v[1] ||= (e) => w(x.value + 1)
+			}, [c(t.$slots, "next", {}, () => [v[3] ||= r("svg", {
+				class: "t-pagination__icon",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [r("path", {
+				d: "M6 4l4 4-4 4",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1)])], 8, _)])
+		])], 10, u));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=TPagination.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TPagination.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/TPagination.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { TSize } from '../types/contracts';\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current active page (1-based) */\n    modelValue?: number;\n    /** Total number of pages */\n    totalPages: number;\n    /** Number of sibling pages shown around the current page */\n    siblings?: number;\n    /** Size variant */\n    size?: TSize;\n    /** Disable all controls */\n    disabled?: boolean;\n    /** Accessible label for the nav element */\n    label?: string;\n  }>(),\n  {\n    modelValue: 1,\n    siblings: 1,\n    size: 'md',\n    disabled: false,\n    label: 'Pagination',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [page: number];\n}>();\n\ndefineSlots<{\n  previous?: (props: Record<string, never>) => unknown;\n  next?: (props: Record<string, never>) => unknown;\n}>();\n\nconst currentPage = computed(() =>\n  Math.min(Math.max(1, props.modelValue), props.totalPages),\n);\n\nconst pages = computed(() => {\n  const total = props.totalPages;\n  const current = currentPage.value;\n  const siblings = props.siblings;\n  const items: (number | 'ellipsis')[] = [];\n\n  const rangeStart = Math.max(2, current - siblings);\n  const rangeEnd = Math.min(total - 1, current + siblings);\n\n  // Always show page 1\n  items.push(1);\n\n  // Leading ellipsis\n  if (rangeStart > 2) {\n    items.push('ellipsis');\n  }\n\n  // Sibling pages\n  for (let i = rangeStart; i <= rangeEnd; i++) {\n    items.push(i);\n  }\n\n  // Trailing ellipsis\n  if (rangeEnd < total - 1) {\n    items.push('ellipsis');\n  }\n\n  // Always show last page (if more than 1 page)\n  if (total > 1) {\n    items.push(total);\n  }\n\n  return items;\n});\n\nconst classes = computed(() => [\n  't-pagination',\n  `t-pagination--${props.size}`,\n  { 'is-disabled': props.disabled },\n]);\n\nfunction goToPage(page: number) {\n  if (props.disabled) return;\n  const clamped = Math.min(Math.max(1, page), props.totalPages);\n  if (clamped !== currentPage.value) {\n    emit('update:modelValue', clamped);\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent, page: number) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n    goToPage(page);\n  }\n}\n</script>\n\n<template>\n  <nav\n    :class=\"classes\"\n    :aria-label=\"label\"\n  >\n    <ul class=\"t-pagination__list\">\n      <!-- Previous button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--prev\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage <= 1\"\n          :aria-label=\"'Go to previous page'\"\n          @click=\"goToPage(currentPage - 1)\"\n        >\n          <slot name=\"previous\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M10 12L6 8l4-4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n\n      <!-- Page items -->\n      <li\n        v-for=\"(page, index) in pages\"\n        :key=\"page === 'ellipsis' ? `ellipsis-${index}` : page\"\n        class=\"t-pagination__item\"\n      >\n        <span\n          v-if=\"page === 'ellipsis'\"\n          class=\"t-pagination__ellipsis\"\n          aria-hidden=\"true\"\n        >\n          &hellip;\n        </span>\n        <button\n          v-else\n          class=\"t-pagination__button\"\n          :class=\"{ 'is-active': page === currentPage }\"\n          type=\"button\"\n          :disabled=\"disabled\"\n          :aria-label=\"`Go to page ${page}`\"\n          :aria-current=\"page === currentPage ? 'page' : undefined\"\n          @click=\"goToPage(page)\"\n          @keydown=\"onKeydown($event, page)\"\n        >\n          {{ page }}\n        </button>\n      </li>\n\n      <!-- Next button -->\n      <li class=\"t-pagination__item\">\n        <button\n          class=\"t-pagination__button t-pagination__button--next\"\n          type=\"button\"\n          :disabled=\"disabled || currentPage >= totalPages\"\n          :aria-label=\"'Go to next page'\"\n          @click=\"goToPage(currentPage + 1)\"\n        >\n          <slot name=\"next\">\n            <svg\n              class=\"t-pagination__icon\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M6 4l4 4-4 4\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,IAAM,IAAQ,GAwBR,IAAO,GASP,IAAc,QAClB,KAAK,IAAI,KAAK,IAAI,GAAG,EAAM,UAAU,GAAG,EAAM,UAAU,CAC1D,GAEM,IAAQ,QAAe;GAC3B,IAAM,IAAQ,EAAM,YACd,IAAU,EAAY,OACtB,IAAW,EAAM,UACjB,IAAiC,CAAC,GAElC,IAAa,KAAK,IAAI,GAAG,IAAU,CAAQ,GAC3C,IAAW,KAAK,IAAI,IAAQ,GAAG,IAAU,CAAQ;GAMvD,AAHA,EAAM,KAAK,CAAC,GAGR,IAAa,KACf,EAAM,KAAK,UAAU;GAIvB,KAAK,IAAI,IAAI,GAAY,KAAK,GAAU,KACtC,EAAM,KAAK,CAAC;GAad,OATI,IAAW,IAAQ,KACrB,EAAM,KAAK,UAAU,GAInB,IAAQ,KACV,EAAM,KAAK,CAAK,GAGX;EACT,CAAC,GAEK,IAAU,QAAe;GAC7B;GACA,iBAAiB,EAAM;GACvB,EAAE,eAAe,EAAM,SAAS;EAClC,CAAC;EAED,SAAS,EAAS,GAAc;GAC9B,IAAI,EAAM,UAAU;GACpB,IAAM,IAAU,KAAK,IAAI,KAAK,IAAI,GAAG,CAAI,GAAG,EAAM,UAAU;GAC5D,AAAI,MAAY,EAAY,SAC1B,EAAK,qBAAqB,CAAO;EAErC;EAEA,SAAS,EAAU,GAAsB,GAAc;GACrD,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAS,CAAI;EAEjB;yBAIE,EAyFM,OAAA;GAxFH,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA;MAEb,EAoFK,MApFL,GAoFK;GAlFH,EAyBK,MAzBL,GAyBK,CAxBH,EAuBS,UAAA;IAtBP,OAAM;IACN,MAAK;IACJ,UAAU,EAAA,YAAY,EAAA,SAAW;IACjC,cAAY;IACZ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAS,EAAA,QAAW,CAAA;OAE5B,EAeO,EAAA,QAAA,YAAA,CAAA,SAAA,CAAA,AAAA,EAAA,OAdL,EAaM,OAAA;IAZJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,eAAY;OAEZ,EAME,QAAA;IALA,GAAE;IACF,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;;WAQ1B,EAyBK,GAAA,MAAA,EAxBqB,EAAA,QAAhB,GAAM,YADhB,EAyBK,MAAA;IAvBF,KAAK,MAAI,aAAA,YAA8B,MAAU;IAClD,OAAM;OAGE,MAAI,cAAA,EAAA,GADZ,EAMO,QANP,GAIC,KAED,MAAA,EAAA,GACA,EAYS,UAAA;;IAVP,OAAK,EAAA,CAAC,wBAAsB,EAAA,aACL,MAAS,EAAA,MAAW,CAAA,CAAA;IAC3C,MAAK;IACJ,UAAU,EAAA;IACV,cAAU,cAAgB;IAC1B,gBAAc,MAAS,EAAA,QAAW,SAAY,KAAA;IAC9C,UAAK,MAAE,EAAS,CAAI;IACpB,YAAO,MAAE,EAAU,GAAQ,CAAI;QAE7B,CAAI,GAAA,IAAA,CAAA,EAAA,CAAA;GAKX,EAyBK,MAzBL,GAyBK,CAxBH,EAuBS,UAAA;IAtBP,OAAM;IACN,MAAK;IACJ,UAAU,EAAA,YAAY,EAAA,SAAe,EAAA;IACrC,cAAY;IACZ,SAAK,AAAA,EAAA,QAAA,MAAE,EAAS,EAAA,QAAW,CAAA;OAE5B,EAeO,EAAA,QAAA,QAAA,CAAA,SAAA,CAAA,AAAA,EAAA,OAdL,EAaM,OAAA;IAZJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,eAAY;OAEZ,EAME,QAAA;IALA,GAAE;IACF,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB"}

package/dist/components/TPopover.cjs

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

package/dist/components/TPopover.cjs.map

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

package/dist/components/TPopover.js

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

package/dist/components/TPopover.js.map

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

package/dist/components/TPopover.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");var r=[`data-state`],i=[`disabled`,`aria-expanded`,`aria-controls`],a=[`id`,`data-state`],o=(0,t.defineComponent)({inheritAttrs:!1,__name:`TPopover`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},side:{default:`bottom`},align:{default:`center`},id:{default:void 0}},emits:[`update:open`,`open-change`],setup(o,{emit:s}){let c=o,l=s,u=(0,t.useAttrs)(),d=c.id??(0,n.createId)(`t-popover`),f=(0,t.ref)(null),p=(0,t.ref)(null),m=(0,t.ref)(null),h=(0,t.computed)(()=>{let{class:e,style:t,...n}=u;return n}),{value:g,setValue:_}=e.useControllableOpen((0,t.toRef)(c,`open`),c.defaultOpen,e=>{l(`update:open`,e),l(`open-change`,e)}),v=(0,t.computed)(()=>[`t-popover`,{"is-open":g.value,"is-disabled":c.disabled},u.class]),y=(0,t.computed)(()=>u.style),b=(0,t.computed)(()=>[`t-popover__content`,`t-popover__content--${c.side}`,`t-popover__content--align-${c.align}`]),x=()=>{c.disabled||(_(!0),(0,t.nextTick)(()=>{m.value&&((0,n.focusFirst)(m.value)||m.value.focus())}))},S=(e=!1)=>{_(!1),e&&(0,t.nextTick)(()=>p.value?.focus())},C=()=>{g.value?S():x()},w=e=>{c.disabled||(0,n.isEscapeKey)(e)&&g.value&&(e.preventDefault(),S())},T=e=>{(0,n.isEscapeKey)(e)&&(e.preventDefault(),S(!0))},E=e=>{if(!g.value)return;let t=e.target;t instanceof Node&&(f.value?.contains(t)||S())};return(0,t.watch)(g,e=>{e?document.addEventListener(`pointerdown`,E):document.removeEventListener(`pointerdown`,E)}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`pointerdown`,E)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootRef`,ref:f,class:(0,t.normalizeClass)(v.value),style:(0,t.normalizeStyle)(y.value),"data-state":(0,t.unref)(g)?`open`:`closed`},[(0,t.createElementVNode)(`div`,{class:`t-popover__anchor`,onClick:C,onKeydown:w},[(0,t.renderSlot)(e.$slots,`trigger`,{isOpen:(0,t.unref)(g)},()=>[(0,t.createElementVNode)(`button`,(0,t.mergeProps)({ref_key:`triggerRef`,ref:p,type:`button`,class:`t-popover__trigger`,disabled:o.disabled,"aria-expanded":(0,t.unref)(g),"aria-controls":(0,t.unref)(g)?(0,t.unref)(d):void 0,"aria-haspopup":`dialog`},h.value),null,16,i)])],32),(0,t.createVNode)(t.Transition,{name:`t-popover-fade`},{default:(0,t.withCtx)(()=>[(0,t.unref)(g)&&!o.disabled?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:(0,t.unref)(d),ref_key:`contentRef`,ref:m,role:`dialog`,class:(0,t.normalizeClass)(b.value),"data-state":(0,t.unref)(g)?`open`:`closed`,tabindex:`-1`,onKeydown:T},[(0,t.renderSlot)(e.$slots,`default`)],42,a)):(0,t.createCommentVNode)(``,!0)]),_:3})],14,r))}});exports.default=o;
+//# sourceMappingURL=TPopover.vue_vue_type_script_setup_true_lang.cjs.map