@treeui/vue 0.7.0 → 0.10.0

package/dist/components/TCombobox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,282 @@
+import e from "./TSpinner.js";
+import { useControllableOpen as t } from "../composables/useControllableOpen.js";
+import { Fragment as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as ee, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, toRef as b, unref as x, useAttrs as te, watch as S, withCtx as ne } from "vue";
+import { createId as re, isEscapeKey as ie } from "@treeui/utils";
+//#region src/components/TCombobox.vue?vue&type=script&setup=true&lang.ts
+var ae = ["data-state"], oe = { class: "t-combobox__control" }, C = {
+	key: 0,
+	class: "t-combobox__slot t-combobox__slot--prefix"
+}, se = [
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-controls",
+	"aria-expanded",
+	"aria-activedescendant",
+	"aria-invalid",
+	"aria-busy"
+], w = {
+	key: 2,
+	class: "t-combobox__indicator",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+}, T = [
+	"id",
+	"aria-label",
+	"aria-labelledby"
+], E = {
+	key: 0,
+	class: "t-combobox__empty"
+}, ce = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+], le = { class: "t-combobox__option-copy" }, ue = { class: "t-combobox__option-label" }, de = {
+	key: 0,
+	class: "t-combobox__option-description"
+}, fe = {
+	key: 0,
+	class: "t-combobox__check",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+}, D = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "TCombobox",
+	props: {
+		modelValue: { default: "" },
+		options: { default: () => [] },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: { default: "" },
+		emptyText: { default: "No results found." }
+	},
+	emits: [
+		"update:modelValue",
+		"update:open",
+		"open-change",
+		"input-change"
+	],
+	setup(d, { emit: D }) {
+		let O = d, k = D, A = te(), j = re("t-combobox"), M = g(null), N = g(-1), P = g(""), F = (e) => e.trim().toLowerCase(), I = (e) => `${j}-option-${e}`, L = i(() => O.options.find((e) => e.value === O.modelValue)), R = i(() => L.value?.label ?? ""), z = i(() => {
+			let { class: e, style: t, autocomplete: n, ...r } = A;
+			return {
+				autocomplete: typeof n == "string" ? n : "off",
+				...r
+			};
+		}), B = i(() => typeof A["aria-label"] == "string" ? A["aria-label"] : void 0), V = i(() => typeof A["aria-labelledby"] == "string" ? A["aria-labelledby"] : void 0), { value: H, setValue: U } = t(b(O, "open"), O.defaultOpen, (e) => {
+			k("update:open", e), k("open-change", e);
+		}), pe = i(() => [
+			"t-combobox",
+			`t-combobox--${O.size}`,
+			{
+				"is-disabled": O.disabled,
+				"is-invalid": O.invalid,
+				"is-loading": O.loading,
+				"is-open": H.value
+			},
+			A.class
+		]), me = i(() => A.style), W = i(() => {
+			let e = F(P.value);
+			return e ? O.options.filter((t) => [
+				t.label,
+				t.description ?? "",
+				...t.keywords ?? []
+			].some((t) => t.toLowerCase().includes(e))) : O.options;
+		}), G = i(() => W.value.reduce((e, t, n) => (t.disabled || e.push(n), e), [])), K = i(() => N.value >= 0 ? W.value[N.value] : void 0), he = i(() => H.value && K.value ? I(K.value.value) : void 0), q = () => {
+			P.value = R.value;
+		}, J = (e = "first") => {
+			let t = W.value.findIndex((e) => e.value === O.modelValue && !e.disabled);
+			if (t >= 0) {
+				N.value = t;
+				return;
+			}
+			if (G.value.length === 0) {
+				N.value = -1;
+				return;
+			}
+			N.value = e === "last" ? G.value[G.value.length - 1] : G.value[0];
+		}, Y = (e) => {
+			if (G.value.length === 0) {
+				N.value = -1;
+				return;
+			}
+			let t = G.value.indexOf(N.value);
+			if (t === -1) {
+				N.value = e === 1 ? G.value[0] : G.value[G.value.length - 1];
+				return;
+			}
+			let n = t + e;
+			n < 0 || n >= G.value.length || (N.value = G.value[n]);
+		}, X = (e = "first") => {
+			O.disabled || (U(!0), J(e));
+		}, ge = () => P.value.trim() !== "" || !O.modelValue ? !1 : (k("update:modelValue", ""), !0), Z = (e = !1) => {
+			U(!1), N.value = -1, e && (ge() || R.value && P.value !== R.value && (P.value = R.value));
+		}, Q = (e) => {
+			e.disabled || (P.value = e.label, k("update:modelValue", e.value), Z(!1));
+		}, _e = (e) => {
+			if (P.value = e.target.value, k("input-change", P.value), !O.disabled) {
+				if (!H.value) {
+					X("first");
+					return;
+				}
+				J("first");
+			}
+		}, ve = () => {
+			X("first");
+		}, ye = () => {
+			H.value || X("first");
+		}, be = (e) => {
+			if (!O.disabled) {
+				if (ie(e)) {
+					H.value && (e.preventDefault(), Z(!0));
+					return;
+				}
+				switch (e.key) {
+					case "ArrowDown":
+						e.preventDefault(), H.value ? Y(1) : X("first");
+						break;
+					case "ArrowUp":
+						e.preventDefault(), H.value ? Y(-1) : X("last");
+						break;
+					case "Enter":
+						H.value && K.value && !K.value.disabled && (e.preventDefault(), Q(K.value));
+						break;
+					case "Home":
+						if (!H.value) return;
+						e.preventDefault(), J("first");
+						break;
+					case "End":
+						if (!H.value) return;
+						e.preventDefault(), J("last");
+						break;
+					case "Tab":
+						Z(!0);
+						break;
+					default: break;
+				}
+			}
+		}, xe = (e) => {
+			let t = W.value[e];
+			t && !t.disabled && (N.value = e);
+		}, $ = (e) => {
+			if (!H.value) return;
+			let t = e.target;
+			t instanceof Node && (M.value?.contains(t) || Z(!0));
+		};
+		return S(H, (e) => {
+			e ? document.addEventListener("pointerdown", $) : document.removeEventListener("pointerdown", $);
+		}), S(() => O.modelValue, () => {
+			H.value || q();
+		}, { immediate: !0 }), S(() => O.options, () => {
+			if (!H.value) {
+				q();
+				return;
+			}
+			J("first");
+		}, { deep: !0 }), S(W, () => {
+			if (!H.value) return;
+			if (W.value.length === 0) {
+				N.value = -1;
+				return;
+			}
+			let e = W.value[N.value];
+			(!e || e.disabled) && J("first");
+		}), m(() => {
+			document.removeEventListener("pointerdown", $);
+		}), (t, i) => (h(), s("div", {
+			ref_key: "rootRef",
+			ref: M,
+			class: f(pe.value),
+			style: p(me.value),
+			"data-state": x(H) ? "open" : "closed"
+		}, [c("div", oe, [
+			t.$slots.prefix ? (h(), s("span", C, [v(t.$slots, "prefix")])) : o("", !0),
+			c("input", ee(z.value, {
+				class: "t-combobox__input",
+				role: "combobox",
+				type: "text",
+				value: P.value,
+				placeholder: d.placeholder,
+				disabled: d.disabled,
+				"aria-controls": x(H) ? x(j) : void 0,
+				"aria-expanded": x(H),
+				"aria-activedescendant": he.value,
+				"aria-invalid": d.invalid || void 0,
+				"aria-busy": d.loading || void 0,
+				"aria-autocomplete": "list",
+				"aria-haspopup": "listbox",
+				onInput: _e,
+				onFocus: ve,
+				onClick: ye,
+				onKeydown: be
+			}), null, 16, se),
+			d.loading ? (h(), a(e, {
+				key: 1,
+				size: "sm",
+				label: "Loading"
+			})) : (h(), s("svg", w, [...i[0] ||= [c("polyline", { points: "4 6 8 10 12 6" }, null, -1)]]))
+		]), u(r, { name: "t-fade" }, {
+			default: ne(() => [x(H) && !d.disabled ? (h(), s("ul", {
+				key: 0,
+				id: x(j),
+				role: "listbox",
+				class: "t-combobox__listbox",
+				"aria-label": B.value,
+				"aria-labelledby": V.value
+			}, [W.value.length === 0 ? (h(), s("li", E, [v(t.$slots, "empty", { query: P.value }, () => [l(y(d.emptyText), 1)])])) : (h(!0), s(n, { key: 1 }, _(W.value, (e, n) => (h(), s("li", {
+				id: I(e.value),
+				key: e.value,
+				role: "option",
+				class: f(["t-combobox__option", {
+					"is-active": n === N.value,
+					"is-disabled": e.disabled,
+					"is-selected": e.value === d.modelValue
+				}]),
+				"aria-selected": e.value === d.modelValue,
+				"aria-disabled": e.disabled || void 0,
+				onMouseenter: (e) => xe(n),
+				onClick: (t) => Q(e)
+			}, [v(t.$slots, "option", {
+				option: e,
+				selected: e.value === d.modelValue,
+				active: n === N.value
+			}, () => [c("span", le, [c("span", ue, y(e.label), 1), e.description ? (h(), s("span", de, y(e.description), 1)) : o("", !0)]), e.value === d.modelValue ? (h(), s("svg", fe, [...i[1] ||= [c("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" }, null, -1)]])) : o("", !0)])], 42, ce))), 128))], 8, T)) : o("", !0)]),
+			_: 3
+		})], 14, ae));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=TCombobox.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TCombobox.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TCombobox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { createId, isEscapeKey } from '@treeui/utils';\nimport { computed, onBeforeUnmount, ref, toRef, useAttrs, watch } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize } from '../types/contracts';\nimport TSpinner from './TSpinner.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nexport interface TComboboxOption {\n  label: string;\n  value: string;\n  description?: string;\n  keywords?: string[];\n  disabled?: boolean;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    options?: TComboboxOption[];\n    open?: boolean;\n    defaultOpen?: boolean;\n    size?: TSize;\n    disabled?: boolean;\n    loading?: boolean;\n    invalid?: boolean;\n    placeholder?: string;\n    emptyText?: string;\n  }>(),\n  {\n    modelValue: '',\n    options: () => [],\n    open: undefined,\n    defaultOpen: false,\n    size: 'md',\n    disabled: false,\n    loading: false,\n    invalid: false,\n    placeholder: '',\n    emptyText: 'No results found.',\n  },\n);\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n  'input-change': [value: string];\n}>();\n\ndefineSlots<{\n  prefix?: () => unknown;\n  option?: (props: {\n    option: TComboboxOption;\n    selected: boolean;\n    active: boolean;\n  }) => unknown;\n  empty?: (props: { query: string }) => unknown;\n}>();\n\nconst attrs = useAttrs();\nconst listboxId = createId('t-combobox');\nconst rootRef = ref<HTMLElement | null>(null);\nconst activeIndex = ref(-1);\nconst query = ref('');\n\nconst normalize = (value: string) => value.trim().toLowerCase();\nconst getOptionId = (value: string) => `${listboxId}-option-${value}`;\n\nconst selectedOption = computed(() =>\n  props.options.find((option) => option.value === props.modelValue),\n);\n\nconst selectedLabel = computed(() => selectedOption.value?.label ?? '');\n\nconst inputAttrs = computed(() => {\n  const { class: _class, style: _style, autocomplete, ...rest } = attrs;\n  return {\n    autocomplete: typeof autocomplete === 'string' ? autocomplete : 'off',\n    ...rest,\n  };\n});\n\nconst listboxLabel = computed(() =>\n  typeof attrs['aria-label'] === 'string' ? attrs['aria-label'] : undefined,\n);\n\nconst listboxLabelledby = computed(() =>\n  typeof attrs['aria-labelledby'] === 'string' ? attrs['aria-labelledby'] : undefined,\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-combobox',\n  `t-combobox--${props.size}`,\n  {\n    'is-disabled': props.disabled,\n    'is-invalid': props.invalid,\n    'is-loading': props.loading,\n    'is-open': isOpen.value,\n  },\n  attrs.class,\n]);\n\nconst rootStyle = computed(() => attrs.style);\n\nconst filteredOptions = computed(() => {\n  const normalizedQuery = normalize(query.value);\n\n  if (!normalizedQuery) {\n    return props.options;\n  }\n\n  return props.options.filter((option) => {\n    const fields = [\n      option.label,\n      option.description ?? '',\n      ...(option.keywords ?? []),\n    ];\n\n    return fields.some((field) => field.toLowerCase().includes(normalizedQuery));\n  });\n});\n\nconst enabledFilteredIndexes = computed(() =>\n  filteredOptions.value.reduce<number[]>((indexes, option, index) => {\n    if (!option.disabled) {\n      indexes.push(index);\n    }\n\n    return indexes;\n  }, []),\n);\n\nconst activeOption = computed(() =>\n  activeIndex.value >= 0 ? filteredOptions.value[activeIndex.value] : undefined,\n);\n\nconst activeDescendant = computed(() =>\n  isOpen.value && activeOption.value ? getOptionId(activeOption.value.value) : undefined,\n);\n\nconst syncQueryFromSelection = () => {\n  query.value = selectedLabel.value;\n};\n\nconst setInitialActiveIndex = (fallback: 'first' | 'last' = 'first') => {\n  const selectedIndex = filteredOptions.value.findIndex((option) =>\n    option.value === props.modelValue && !option.disabled,\n  );\n\n  if (selectedIndex >= 0) {\n    activeIndex.value = selectedIndex;\n    return;\n  }\n\n  if (enabledFilteredIndexes.value.length === 0) {\n    activeIndex.value = -1;\n    return;\n  }\n\n  activeIndex.value =\n    fallback === 'last'\n      ? enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1]\n      : enabledFilteredIndexes.value[0];\n};\n\nconst moveActive = (direction: 1 | -1) => {\n  if (enabledFilteredIndexes.value.length === 0) {\n    activeIndex.value = -1;\n    return;\n  }\n\n  const currentEnabledIndex = enabledFilteredIndexes.value.indexOf(activeIndex.value);\n\n  if (currentEnabledIndex === -1) {\n    activeIndex.value =\n      direction === 1\n        ? enabledFilteredIndexes.value[0]\n        : enabledFilteredIndexes.value[enabledFilteredIndexes.value.length - 1];\n    return;\n  }\n\n  const nextEnabledIndex = currentEnabledIndex + direction;\n\n  if (nextEnabledIndex < 0 || nextEnabledIndex >= enabledFilteredIndexes.value.length) {\n    return;\n  }\n\n  activeIndex.value = enabledFilteredIndexes.value[nextEnabledIndex];\n};\n\nconst openListbox = (fallback: 'first' | 'last' = 'first') => {\n  if (props.disabled) {\n    return;\n  }\n\n  setValue(true);\n  setInitialActiveIndex(fallback);\n};\n\nconst commitPendingClear = () => {\n  if (query.value.trim() !== '' || !props.modelValue) {\n    return false;\n  }\n\n  emit('update:modelValue', '');\n  return true;\n};\n\nconst closeListbox = (restoreSelection = false) => {\n  setValue(false);\n  activeIndex.value = -1;\n\n  if (!restoreSelection) {\n    return;\n  }\n\n  if (commitPendingClear()) {\n    return;\n  }\n\n  if (selectedLabel.value && query.value !== selectedLabel.value) {\n    query.value = selectedLabel.value;\n  }\n};\n\nconst selectOption = (option: TComboboxOption) => {\n  if (option.disabled) {\n    return;\n  }\n\n  query.value = option.label;\n  emit('update:modelValue', option.value);\n  closeListbox(false);\n};\n\nconst onInput = (event: Event) => {\n  query.value = (event.target as HTMLInputElement).value;\n  emit('input-change', query.value);\n\n  if (props.disabled) {\n    return;\n  }\n\n  if (!isOpen.value) {\n    openListbox('first');\n    return;\n  }\n\n  setInitialActiveIndex('first');\n};\n\nconst onInputFocus = () => {\n  openListbox('first');\n};\n\nconst onInputClick = () => {\n  if (!isOpen.value) {\n    openListbox('first');\n  }\n};\n\nconst onInputKeydown = (event: KeyboardEvent) => {\n  if (props.disabled) {\n    return;\n  }\n\n  if (isEscapeKey(event)) {\n    if (isOpen.value) {\n      event.preventDefault();\n      closeListbox(true);\n    }\n\n    return;\n  }\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault();\n\n      if (!isOpen.value) {\n        openListbox('first');\n      } else {\n        moveActive(1);\n      }\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n\n      if (!isOpen.value) {\n        openListbox('last');\n      } else {\n        moveActive(-1);\n      }\n      break;\n    case 'Enter':\n      if (isOpen.value && activeOption.value && !activeOption.value.disabled) {\n        event.preventDefault();\n        selectOption(activeOption.value);\n      }\n      break;\n    case 'Home':\n      if (!isOpen.value) return;\n      event.preventDefault();\n      setInitialActiveIndex('first');\n      break;\n    case 'End':\n      if (!isOpen.value) return;\n      event.preventDefault();\n      setInitialActiveIndex('last');\n      break;\n    case 'Tab':\n      closeListbox(true);\n      break;\n    default:\n      break;\n  }\n};\n\nconst onOptionPointerEnter = (index: number) => {\n  const option = filteredOptions.value[index];\n\n  if (option && !option.disabled) {\n    activeIndex.value = index;\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  closeListbox(true);\n};\n\nwatch(isOpen, (value) => {\n  if (value) {\n    document.addEventListener('pointerdown', onDocumentPointerDown);\n  } else {\n    document.removeEventListener('pointerdown', onDocumentPointerDown);\n  }\n});\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (!isOpen.value) {\n      syncQueryFromSelection();\n    }\n  },\n  { immediate: true },\n);\n\nwatch(\n  () => props.options,\n  () => {\n    if (!isOpen.value) {\n      syncQueryFromSelection();\n      return;\n    }\n\n    setInitialActiveIndex('first');\n  },\n  { deep: true },\n);\n\nwatch(filteredOptions, () => {\n  if (!isOpen.value) {\n    return;\n  }\n\n  if (filteredOptions.value.length === 0) {\n    activeIndex.value = -1;\n    return;\n  }\n\n  const current = filteredOptions.value[activeIndex.value];\n\n  if (!current || current.disabled) {\n    setInitialActiveIndex('first');\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 class=\"t-combobox__control\">\n      <span\n        v-if=\"$slots.prefix\"\n        class=\"t-combobox__slot t-combobox__slot--prefix\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n      <input\n        v-bind=\"inputAttrs\"\n        class=\"t-combobox__input\"\n        role=\"combobox\"\n        type=\"text\"\n        :value=\"query\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :aria-controls=\"isOpen ? listboxId : undefined\"\n        :aria-expanded=\"isOpen\"\n        :aria-activedescendant=\"activeDescendant\"\n        :aria-invalid=\"invalid || undefined\"\n        :aria-busy=\"loading || undefined\"\n        aria-autocomplete=\"list\"\n        aria-haspopup=\"listbox\"\n        @input=\"onInput\"\n        @focus=\"onInputFocus\"\n        @click=\"onInputClick\"\n        @keydown=\"onInputKeydown\"\n      >\n      <TSpinner\n        v-if=\"loading\"\n        size=\"sm\"\n        label=\"Loading\"\n      />\n      <svg\n        v-else\n        class=\"t-combobox__indicator\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"4 6 8 10 12 6\" />\n      </svg>\n    </div>\n\n    <transition name=\"t-fade\">\n      <ul\n        v-if=\"isOpen && !disabled\"\n        :id=\"listboxId\"\n        role=\"listbox\"\n        class=\"t-combobox__listbox\"\n        :aria-label=\"listboxLabel\"\n        :aria-labelledby=\"listboxLabelledby\"\n      >\n        <li\n          v-if=\"filteredOptions.length === 0\"\n          class=\"t-combobox__empty\"\n        >\n          <slot\n            name=\"empty\"\n            :query=\"query\"\n          >\n            {{ emptyText }}\n          </slot>\n        </li>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) in filteredOptions\"\n            :id=\"getOptionId(option.value)\"\n            :key=\"option.value\"\n            role=\"option\"\n            class=\"t-combobox__option\"\n            :class=\"{\n              'is-active': index === activeIndex,\n              'is-disabled': option.disabled,\n              'is-selected': option.value === modelValue,\n            }\"\n            :aria-selected=\"option.value === modelValue\"\n            :aria-disabled=\"option.disabled || undefined\"\n            @mouseenter=\"onOptionPointerEnter(index)\"\n            @click=\"selectOption(option)\"\n          >\n            <slot\n              name=\"option\"\n              :option=\"option\"\n              :selected=\"option.value === modelValue\"\n              :active=\"index === activeIndex\"\n            >\n              <span class=\"t-combobox__option-copy\">\n                <span class=\"t-combobox__option-label\">{{ option.label }}</span>\n                <span\n                  v-if=\"option.description\"\n                  class=\"t-combobox__option-description\"\n                >\n                  {{ option.description }}\n                </span>\n              </span>\n              <svg\n                v-if=\"option.value === modelValue\"\n                class=\"t-combobox__check\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                aria-hidden=\"true\"\n              >\n                <polyline points=\"3.5 8.5 6.5 11.5 12.5 4.5\" />\n              </svg>\n            </slot>\n          </li>\n        </template>\n      </ul>\n    </transition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/TConfirmDialog.cjs

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

package/dist/components/TConfirmDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TConfirmDialog.cjs","names":[],"sources":["../../src/components/TConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TModal from './TModal.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n  trigger?: () => unknown;\n  icon?: () => unknown;\n  default?: () => unknown;\n  actions?: (props: {\n    confirm: () => void;\n    cancel: () => void;\n    loading: boolean;\n  }) => unknown;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    confirmVariant?: TVariant;\n    confirmDisabled?: boolean;\n    cancelDisabled?: boolean;\n    loading?: boolean;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    closeOnConfirm?: boolean;\n    closeOnCancel?: boolean;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'sm',\n    title: '',\n    description: '',\n    confirmLabel: 'Confirm',\n    cancelLabel: 'Cancel',\n    confirmVariant: 'danger',\n    confirmDisabled: false,\n    cancelDisabled: false,\n    loading: false,\n    closeOnEscape: true,\n    closeOnOverlay: false,\n    showCloseButton: false,\n    closeLabel: 'Close dialog',\n    closeOnConfirm: true,\n    closeOnCancel: true,\n  },\n);\n\nconst emit = defineEmits<{\n  confirm: [];\n  cancel: [];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\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 dialogClasses = computed(() => [\n  't-confirm-dialog',\n  {\n    't-confirm-dialog--with-icon': Boolean(slots.icon),\n  },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n  setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n  setValue(value);\n};\n\nconst handleCancel = () => {\n  if (props.cancelDisabled) {\n    return;\n  }\n\n  emit('cancel');\n\n  if (props.closeOnCancel) {\n    closeDialog();\n  }\n};\n\nconst handleConfirm = () => {\n  if (props.confirmDisabled || props.loading) {\n    return;\n  }\n\n  emit('confirm');\n\n  if (props.closeOnConfirm) {\n    closeDialog();\n  }\n};\n</script>\n\n<template>\n  <TModal\n    v-bind=\"attrs\"\n    :open=\"isOpen\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    :title=\"title\"\n    :description=\"description\"\n    :close-on-escape=\"closeOnEscape\"\n    :close-on-overlay=\"closeOnOverlay\"\n    :show-close-button=\"showCloseButton\"\n    :close-label=\"closeLabel\"\n    @update:open=\"syncOpen\"\n  >\n    <template\n      v-if=\"$slots.trigger\"\n      #trigger\n    >\n      <slot name=\"trigger\" />\n    </template>\n\n    <template #content>\n      <div :class=\"dialogClasses\">\n        <div\n          v-if=\"$slots.icon\"\n          class=\"t-confirm-dialog__icon\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"icon\" />\n        </div>\n\n        <div\n          v-if=\"hasBodyContent\"\n          class=\"t-confirm-dialog__body\"\n        >\n          <slot />\n        </div>\n      </div>\n    </template>\n\n    <template #footer>\n      <slot\n        name=\"actions\"\n        :confirm=\"handleConfirm\"\n        :cancel=\"handleCancel\"\n        :loading=\"loading\"\n      >\n        <TButton\n          variant=\"ghost\"\n          :disabled=\"cancelDisabled\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </TButton>\n        <TButton\n          :variant=\"confirmVariant\"\n          :loading=\"loading\"\n          :disabled=\"confirmDisabled\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </TButton>\n      </slot>\n    </template>\n  </TModal>\n</template>\n"],"mappings":""}

package/dist/components/TConfirmDialog.js

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

package/dist/components/TConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TConfirmDialog.js","names":[],"sources":["../../src/components/TConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TModal from './TModal.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n  trigger?: () => unknown;\n  icon?: () => unknown;\n  default?: () => unknown;\n  actions?: (props: {\n    confirm: () => void;\n    cancel: () => void;\n    loading: boolean;\n  }) => unknown;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    confirmVariant?: TVariant;\n    confirmDisabled?: boolean;\n    cancelDisabled?: boolean;\n    loading?: boolean;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    closeOnConfirm?: boolean;\n    closeOnCancel?: boolean;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'sm',\n    title: '',\n    description: '',\n    confirmLabel: 'Confirm',\n    cancelLabel: 'Cancel',\n    confirmVariant: 'danger',\n    confirmDisabled: false,\n    cancelDisabled: false,\n    loading: false,\n    closeOnEscape: true,\n    closeOnOverlay: false,\n    showCloseButton: false,\n    closeLabel: 'Close dialog',\n    closeOnConfirm: true,\n    closeOnCancel: true,\n  },\n);\n\nconst emit = defineEmits<{\n  confirm: [];\n  cancel: [];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\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 dialogClasses = computed(() => [\n  't-confirm-dialog',\n  {\n    't-confirm-dialog--with-icon': Boolean(slots.icon),\n  },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n  setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n  setValue(value);\n};\n\nconst handleCancel = () => {\n  if (props.cancelDisabled) {\n    return;\n  }\n\n  emit('cancel');\n\n  if (props.closeOnCancel) {\n    closeDialog();\n  }\n};\n\nconst handleConfirm = () => {\n  if (props.confirmDisabled || props.loading) {\n    return;\n  }\n\n  emit('confirm');\n\n  if (props.closeOnConfirm) {\n    closeDialog();\n  }\n};\n</script>\n\n<template>\n  <TModal\n    v-bind=\"attrs\"\n    :open=\"isOpen\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    :title=\"title\"\n    :description=\"description\"\n    :close-on-escape=\"closeOnEscape\"\n    :close-on-overlay=\"closeOnOverlay\"\n    :show-close-button=\"showCloseButton\"\n    :close-label=\"closeLabel\"\n    @update:open=\"syncOpen\"\n  >\n    <template\n      v-if=\"$slots.trigger\"\n      #trigger\n    >\n      <slot name=\"trigger\" />\n    </template>\n\n    <template #content>\n      <div :class=\"dialogClasses\">\n        <div\n          v-if=\"$slots.icon\"\n          class=\"t-confirm-dialog__icon\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"icon\" />\n        </div>\n\n        <div\n          v-if=\"hasBodyContent\"\n          class=\"t-confirm-dialog__body\"\n        >\n          <slot />\n        </div>\n      </div>\n    </template>\n\n    <template #footer>\n      <slot\n        name=\"actions\"\n        :confirm=\"handleConfirm\"\n        :cancel=\"handleCancel\"\n        :loading=\"loading\"\n      >\n        <TButton\n          variant=\"ghost\"\n          :disabled=\"cancelDisabled\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </TButton>\n        <TButton\n          :variant=\"confirmVariant\"\n          :loading=\"loading\"\n          :disabled=\"confirmDisabled\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </TButton>\n      </slot>\n    </template>\n  </TModal>\n</template>\n"],"mappings":""}

package/dist/components/{TreeConfirmDialog.vue.d.ts → TConfirmDialog.vue.d.ts}

@@ -1,14 +1,14 @@
-import { TreeSize, TreeVariant } from '../types/contracts';
+import { TSize, TVariant } from '../types/contracts';
 type __VLS_Props = {
     open?: boolean;
     defaultOpen?: boolean;
     disabled?: boolean;
-    size?: TreeSize;
+    size?: TSize;
     title?: string;
     description?: string;
     confirmLabel?: string;
     cancelLabel?: string;
-    confirmVariant?: TreeVariant;
+    confirmVariant?: TVariant;
     confirmDisabled?: boolean;
     cancelDisabled?: boolean;
     loading?: boolean;
@@ -56,7 +56,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onConfirm?: (() => any) | undefined;
 }>, {
     disabled: boolean;
-    size: TreeSize;
+    size: TSize;
     title: string;
     loading: boolean;
     open: boolean;
@@ -68,7 +68,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     closeLabel: string;
     confirmLabel: string;
     cancelLabel: string;
-    confirmVariant: TreeVariant;
+    confirmVariant: TVariant;
     confirmDisabled: boolean;
     cancelDisabled: boolean;
     closeOnConfirm: boolean;
@@ -81,4 +81,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=TreeConfirmDialog.vue.d.ts.map
+//# sourceMappingURL=TConfirmDialog.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/TConfirmDialog.vue"],"names":[],"mappings":"AAmMA,OAAO,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAmB1D,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA2GJ,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;kBAlRtC,MAAM,OAAO;eAChB,MAAM,OAAO;kBACV,MAAM,OAAO;kBACb,CAAC,KAAK,EAAE;YAChB,OAAO,EAAE,MAAM,IAAI,CAAC;YACpB,MAAM,EAAE,MAAM,IAAI,CAAC;YACnB,OAAO,EAAE,OAAO,CAAC;SAClB,KAAK,OAAO;;kBAPH,MAAM,OAAO;eAChB,MAAM,OAAO;kBACV,MAAM,OAAO;kBACb,CAAC,KAAK,EAAE;YAChB,OAAO,EAAE,MAAM,IAAI,CAAC;YACpB,MAAM,EAAE,MAAM,IAAI,CAAC;YACnB,OAAO,EAAE,OAAO,CAAC;SAClB,KAAK,OAAO;;;;EAgRd;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cA9RN,OAAO;UACX,KAAK;WACJ,MAAM;aAOJ,OAAO;UAXV,OAAO;iBACA,OAAO;iBAIP,MAAM;mBAOJ,OAAO;oBACN,OAAO;qBACN,OAAO;gBACZ,MAAM;kBATJ,MAAM;iBACP,MAAM;oBACH,QAAQ;qBACP,OAAO;oBACR,OAAO;oBAMP,OAAO;mBACR,OAAO;6EAuRzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/TConfirmDialog.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,2 @@
+const e=require("./TButton.cjs"),t=require("../composables/useControllableOpen.cjs"),n=require("./TModal.cjs");let r=require("vue");var i={key:0,class:`t-confirm-dialog__icon`,"aria-hidden":`true`},a={key:1,class:`t-confirm-dialog__body`},o=(0,r.defineComponent)({inheritAttrs:!1,__name:`TConfirmDialog`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:`sm`},title:{default:``},description:{default:``},confirmLabel:{default:`Confirm`},cancelLabel:{default:`Cancel`},confirmVariant:{default:`danger`},confirmDisabled:{type:Boolean,default:!1},cancelDisabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},closeOnEscape:{type:Boolean,default:!0},closeOnOverlay:{type:Boolean,default:!1},showCloseButton:{type:Boolean,default:!1},closeLabel:{default:`Close dialog`},closeOnConfirm:{type:Boolean,default:!0},closeOnCancel:{type:Boolean,default:!0}},emits:[`confirm`,`cancel`,`update:open`,`open-change`],setup(o,{emit:s}){let c=(0,r.useSlots)(),l=o,u=s,d=(0,r.useAttrs)(),{value:f,setValue:p}=t.useControllableOpen((0,r.toRef)(l,`open`),l.defaultOpen,e=>{u(`update:open`,e),u(`open-change`,e)}),m=(0,r.computed)(()=>[`t-confirm-dialog`,{"t-confirm-dialog--with-icon":!!c.icon}]),h=(0,r.computed)(()=>!!c.default),g=()=>{p(!1)},_=e=>{p(e)},v=()=>{l.cancelDisabled||(u(`cancel`),l.closeOnCancel&&g())},y=()=>{l.confirmDisabled||l.loading||(u(`confirm`),l.closeOnConfirm&&g())};return(t,s)=>((0,r.openBlock)(),(0,r.createBlock)(n.default,(0,r.mergeProps)((0,r.unref)(d),{open:(0,r.unref)(f),disabled:o.disabled,size:o.size,title:o.title,description:o.description,"close-on-escape":o.closeOnEscape,"close-on-overlay":o.closeOnOverlay,"show-close-button":o.showCloseButton,"close-label":o.closeLabel,"onUpdate:open":_}),(0,r.createSlots)({content:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)(m.value)},[t.$slots.icon?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,i,[(0,r.renderSlot)(t.$slots,`icon`)])):(0,r.createCommentVNode)(``,!0),h.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[(0,r.renderSlot)(t.$slots,`default`)])):(0,r.createCommentVNode)(``,!0)],2)]),footer:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`actions`,{confirm:y,cancel:v,loading:o.loading},()=>[(0,r.createVNode)(e.default,{variant:`ghost`,disabled:o.cancelDisabled,onClick:v},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.cancelLabel),1)]),_:1},8,[`disabled`]),(0,r.createVNode)(e.default,{variant:o.confirmVariant,loading:o.loading,disabled:o.confirmDisabled,onClick:y},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.confirmLabel),1)]),_:1},8,[`variant`,`loading`,`disabled`])])]),_:2},[t.$slots.trigger?{name:`trigger`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`trigger`)]),key:`0`}:void 0]),1040,[`open`,`disabled`,`size`,`title`,`description`,`close-on-escape`,`close-on-overlay`,`show-close-button`,`close-label`]))}});exports.default=o;
+//# sourceMappingURL=TConfirmDialog.vue_vue_type_script_setup_true_lang.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TConfirmDialog.vue_vue_type_script_setup_true_lang.cjs","names":["$slots"],"sources":["../../src/components/TConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TModal from './TModal.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n  trigger?: () => unknown;\n  icon?: () => unknown;\n  default?: () => unknown;\n  actions?: (props: {\n    confirm: () => void;\n    cancel: () => void;\n    loading: boolean;\n  }) => unknown;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    confirmVariant?: TVariant;\n    confirmDisabled?: boolean;\n    cancelDisabled?: boolean;\n    loading?: boolean;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    closeOnConfirm?: boolean;\n    closeOnCancel?: boolean;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'sm',\n    title: '',\n    description: '',\n    confirmLabel: 'Confirm',\n    cancelLabel: 'Cancel',\n    confirmVariant: 'danger',\n    confirmDisabled: false,\n    cancelDisabled: false,\n    loading: false,\n    closeOnEscape: true,\n    closeOnOverlay: false,\n    showCloseButton: false,\n    closeLabel: 'Close dialog',\n    closeOnConfirm: true,\n    closeOnCancel: true,\n  },\n);\n\nconst emit = defineEmits<{\n  confirm: [];\n  cancel: [];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\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 dialogClasses = computed(() => [\n  't-confirm-dialog',\n  {\n    't-confirm-dialog--with-icon': Boolean(slots.icon),\n  },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n  setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n  setValue(value);\n};\n\nconst handleCancel = () => {\n  if (props.cancelDisabled) {\n    return;\n  }\n\n  emit('cancel');\n\n  if (props.closeOnCancel) {\n    closeDialog();\n  }\n};\n\nconst handleConfirm = () => {\n  if (props.confirmDisabled || props.loading) {\n    return;\n  }\n\n  emit('confirm');\n\n  if (props.closeOnConfirm) {\n    closeDialog();\n  }\n};\n</script>\n\n<template>\n  <TModal\n    v-bind=\"attrs\"\n    :open=\"isOpen\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    :title=\"title\"\n    :description=\"description\"\n    :close-on-escape=\"closeOnEscape\"\n    :close-on-overlay=\"closeOnOverlay\"\n    :show-close-button=\"showCloseButton\"\n    :close-label=\"closeLabel\"\n    @update:open=\"syncOpen\"\n  >\n    <template\n      v-if=\"$slots.trigger\"\n      #trigger\n    >\n      <slot name=\"trigger\" />\n    </template>\n\n    <template #content>\n      <div :class=\"dialogClasses\">\n        <div\n          v-if=\"$slots.icon\"\n          class=\"t-confirm-dialog__icon\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"icon\" />\n        </div>\n\n        <div\n          v-if=\"hasBodyContent\"\n          class=\"t-confirm-dialog__body\"\n        >\n          <slot />\n        </div>\n      </div>\n    </template>\n\n    <template #footer>\n      <slot\n        name=\"actions\"\n        :confirm=\"handleConfirm\"\n        :cancel=\"handleCancel\"\n        :loading=\"loading\"\n      >\n        <TButton\n          variant=\"ghost\"\n          :disabled=\"cancelDisabled\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </TButton>\n        <TButton\n          :variant=\"confirmVariant\"\n          :loading=\"loading\"\n          :disabled=\"confirmDisabled\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </TButton>\n      </slot>\n    </template>\n  </TModal>\n</template>\n"],"mappings":"o/BAWA,IAAM,GAAA,EAAA,EAAA,SAAA,CAAQ,EAWR,EAAQ,EA2CR,EAAO,EAOP,GAAA,EAAA,EAAA,SAAA,CAAiB,EAEjB,CAAE,MAAO,EAAQ,YAAa,EAAA,qBAAA,EAAA,EAAA,MAAA,CAC5B,EAAO,MAAM,EACnB,EAAM,YACL,GAAU,CACT,EAAK,cAAe,CAAK,EACzB,EAAK,cAAe,CAAK,CAC3B,CACF,EAEM,GAAA,EAAA,EAAA,SAAA,KAA+B,CACnC,mBACA,CACE,8BAA+B,EAAQ,EAAM,IAC/C,CACF,CAAC,EAEK,GAAA,EAAA,EAAA,SAAA,KAAgC,EAAQ,EAAM,OAAQ,EAEtD,MAAoB,CACxB,EAAS,EAAK,CAChB,EAEM,EAAY,GAAmB,CACnC,EAAS,CAAK,CAChB,EAEM,MAAqB,CACrB,EAAM,iBAIV,EAAK,QAAQ,EAET,EAAM,eACR,EAAY,EAEhB,EAEM,MAAsB,CACtB,EAAM,iBAAmB,EAAM,UAInC,EAAK,SAAS,EAEV,EAAM,gBACR,EAAY,EAEhB,oDAmEW,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,MAAA,CAAA,CAAA,EA9DM,CACZ,MAAA,EAAA,EAAA,MAAA,CAAM,CAAA,EACN,SAAU,EAAA,SACV,KAAM,EAAA,KACN,MAAO,EAAA,MACP,YAAa,EAAA,YACb,kBAAiB,EAAA,cACjB,mBAAkB,EAAA,eAClB,oBAAmB,EAAA,gBACnB,cAAa,EAAA,WACb,gBAAa,uBASH,SAAA,EAAA,EAAA,QAAA,KAgBH,EAAA,EAAA,EAAA,mBAAA,CAAA,MAAA,CAfA,OAAA,EAAA,EAAA,eAAA,CAAO,EAAA,KAAa,CAAA,EAAA,CAEhBA,EAAAA,OAAO,OAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAKT,MANN,EAMM,EAAA,EAAA,EAAA,WAAA,CADgB,EAAA,OAAA,MAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,EAId,EAAA,QAAA,EAAA,EAAA,UAAA,CAAA,GAAA,EAAA,EAAA,mBAAA,CAIF,MALN,EAKM,EAAA,EAAA,EAAA,WAAA,CADI,EAAA,OAAA,SAAA,CAAA,CAAA,IAAA,EAAA,EAAA,mBAAA,CAAA,GAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAKH,QAAA,EAAA,EAAA,QAAA,KAsBF,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,UAAA,CAnBJ,QAAS,EACT,OAAQ,EACR,QAAS,EAAA,aAiBL,EAAA,EAAA,EAAA,YAAA,CATK,EAAA,QAAA,CALR,QAAQ,QACP,SAAU,EAAA,eACV,QAAO,8BAES,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAd,EAAA,WAAW,EAAA,CAAA,CAAA,CAAA,yCASN,EAAA,QAAA,CANP,QAAS,EAAA,eACT,QAAS,EAAA,QACT,SAAU,EAAA,gBACV,QAAO,8BAEU,EAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,gBAAA,CAAf,EAAA,YAAY,EAAA,CAAA,CAAA,CAAA,qDA7CbA,EAAAA,OAAO,QAAA,MACZ,+BAEsB,EAAA,EAAA,EAAA,WAAA,CAAA,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/dist/components/TConfirmDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,145 @@
+import e from "./TButton.js";
+import { useControllableOpen as t } from "../composables/useControllableOpen.js";
+import n from "./TModal.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, toRef as _, unref as v, useAttrs as y, useSlots as b, withCtx as x } from "vue";
+//#region src/components/TConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	class: "t-confirm-dialog__icon",
+	"aria-hidden": "true"
+}, C = {
+	key: 1,
+	class: "t-confirm-dialog__body"
+}, w = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "TConfirmDialog",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "sm" },
+		title: { default: "" },
+		description: { default: "" },
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		confirmVariant: { default: "danger" },
+		confirmDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		cancelDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOverlay: {
+			type: Boolean,
+			default: !1
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: !1
+		},
+		closeLabel: { default: "Close dialog" },
+		closeOnConfirm: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnCancel: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"confirm",
+		"cancel",
+		"update:open",
+		"open-change"
+	],
+	setup(d, { emit: w }) {
+		let T = b(), E = d, D = w, O = y(), { value: k, setValue: A } = t(_(E, "open"), E.defaultOpen, (e) => {
+			D("update:open", e), D("open-change", e);
+		}), j = r(() => ["t-confirm-dialog", { "t-confirm-dialog--with-icon": !!T.icon }]), M = r(() => !!T.default), N = () => {
+			A(!1);
+		}, P = (e) => {
+			A(e);
+		}, F = () => {
+			E.cancelDisabled || (D("cancel"), E.closeOnCancel && N());
+		}, I = () => {
+			E.confirmDisabled || E.loading || (D("confirm"), E.closeOnConfirm && N());
+		};
+		return (t, r) => (m(), i(n, f(v(O), {
+			open: v(k),
+			disabled: d.disabled,
+			size: d.size,
+			title: d.title,
+			description: d.description,
+			"close-on-escape": d.closeOnEscape,
+			"close-on-overlay": d.closeOnOverlay,
+			"show-close-button": d.showCloseButton,
+			"close-label": d.closeLabel,
+			"onUpdate:open": P
+		}), c({
+			content: x(() => [s("div", { class: p(j.value) }, [t.$slots.icon ? (m(), o("div", S, [h(t.$slots, "icon")])) : a("", !0), M.value ? (m(), o("div", C, [h(t.$slots, "default")])) : a("", !0)], 2)]),
+			footer: x(() => [h(t.$slots, "actions", {
+				confirm: I,
+				cancel: F,
+				loading: d.loading
+			}, () => [u(e, {
+				variant: "ghost",
+				disabled: d.cancelDisabled,
+				onClick: F
+			}, {
+				default: x(() => [l(g(d.cancelLabel), 1)]),
+				_: 1
+			}, 8, ["disabled"]), u(e, {
+				variant: d.confirmVariant,
+				loading: d.loading,
+				disabled: d.confirmDisabled,
+				onClick: I
+			}, {
+				default: x(() => [l(g(d.confirmLabel), 1)]),
+				_: 1
+			}, 8, [
+				"variant",
+				"loading",
+				"disabled"
+			])])]),
+			_: 2
+		}, [t.$slots.trigger ? {
+			name: "trigger",
+			fn: x(() => [h(t.$slots, "trigger")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"open",
+			"disabled",
+			"size",
+			"title",
+			"description",
+			"close-on-escape",
+			"close-on-overlay",
+			"show-close-button",
+			"close-label"
+		]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=TConfirmDialog.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TConfirmDialog.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../src/components/TConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue';\nimport { useControllableOpen } from '../composables/useControllableOpen';\nimport type { TSize, TVariant } from '../types/contracts';\nimport TButton from './TButton.vue';\nimport TModal from './TModal.vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst slots = defineSlots<{\n  trigger?: () => unknown;\n  icon?: () => unknown;\n  default?: () => unknown;\n  actions?: (props: {\n    confirm: () => void;\n    cancel: () => void;\n    loading: boolean;\n  }) => unknown;\n}>();\n\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    disabled?: boolean;\n    size?: TSize;\n    title?: string;\n    description?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    confirmVariant?: TVariant;\n    confirmDisabled?: boolean;\n    cancelDisabled?: boolean;\n    loading?: boolean;\n    closeOnEscape?: boolean;\n    closeOnOverlay?: boolean;\n    showCloseButton?: boolean;\n    closeLabel?: string;\n    closeOnConfirm?: boolean;\n    closeOnCancel?: boolean;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    disabled: false,\n    size: 'sm',\n    title: '',\n    description: '',\n    confirmLabel: 'Confirm',\n    cancelLabel: 'Cancel',\n    confirmVariant: 'danger',\n    confirmDisabled: false,\n    cancelDisabled: false,\n    loading: false,\n    closeOnEscape: true,\n    closeOnOverlay: false,\n    showCloseButton: false,\n    closeLabel: 'Close dialog',\n    closeOnConfirm: true,\n    closeOnCancel: true,\n  },\n);\n\nconst emit = defineEmits<{\n  confirm: [];\n  cancel: [];\n  'update:open': [value: boolean];\n  'open-change': [value: boolean];\n}>();\n\nconst attrs = useAttrs();\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 dialogClasses = computed(() => [\n  't-confirm-dialog',\n  {\n    't-confirm-dialog--with-icon': Boolean(slots.icon),\n  },\n]);\n\nconst hasBodyContent = computed(() => Boolean(slots.default));\n\nconst closeDialog = () => {\n  setValue(false);\n};\n\nconst syncOpen = (value: boolean) => {\n  setValue(value);\n};\n\nconst handleCancel = () => {\n  if (props.cancelDisabled) {\n    return;\n  }\n\n  emit('cancel');\n\n  if (props.closeOnCancel) {\n    closeDialog();\n  }\n};\n\nconst handleConfirm = () => {\n  if (props.confirmDisabled || props.loading) {\n    return;\n  }\n\n  emit('confirm');\n\n  if (props.closeOnConfirm) {\n    closeDialog();\n  }\n};\n</script>\n\n<template>\n  <TModal\n    v-bind=\"attrs\"\n    :open=\"isOpen\"\n    :disabled=\"disabled\"\n    :size=\"size\"\n    :title=\"title\"\n    :description=\"description\"\n    :close-on-escape=\"closeOnEscape\"\n    :close-on-overlay=\"closeOnOverlay\"\n    :show-close-button=\"showCloseButton\"\n    :close-label=\"closeLabel\"\n    @update:open=\"syncOpen\"\n  >\n    <template\n      v-if=\"$slots.trigger\"\n      #trigger\n    >\n      <slot name=\"trigger\" />\n    </template>\n\n    <template #content>\n      <div :class=\"dialogClasses\">\n        <div\n          v-if=\"$slots.icon\"\n          class=\"t-confirm-dialog__icon\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"icon\" />\n        </div>\n\n        <div\n          v-if=\"hasBodyContent\"\n          class=\"t-confirm-dialog__body\"\n        >\n          <slot />\n        </div>\n      </div>\n    </template>\n\n    <template #footer>\n      <slot\n        name=\"actions\"\n        :confirm=\"handleConfirm\"\n        :cancel=\"handleCancel\"\n        :loading=\"loading\"\n      >\n        <TButton\n          variant=\"ghost\"\n          :disabled=\"cancelDisabled\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </TButton>\n        <TButton\n          :variant=\"confirmVariant\"\n          :loading=\"loading\"\n          :disabled=\"confirmDisabled\"\n          @click=\"handleConfirm\"\n        >\n          {{ confirmLabel }}\n        </TButton>\n      </slot>\n    </template>\n  </TModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,EAAA,GAWR,IAAQ,GA2CR,IAAO,GAOP,IAAQ,EAAS,GAEjB,EAAE,OAAO,GAAQ,gBAAa,EAClC,EAAM,GAAO,MAAM,GACnB,EAAM,cACL,MAAU;GAET,AADA,EAAK,eAAe,CAAK,GACzB,EAAK,eAAe,CAAK;EAC3B,CACF,GAEM,IAAgB,QAAe,CACnC,oBACA,EACE,+BAA+B,EAAQ,EAAM,KAC/C,CACF,CAAC,GAEK,IAAiB,QAAe,EAAQ,EAAM,OAAQ,GAEtD,UAAoB;GACxB,EAAS,EAAK;EAChB,GAEM,KAAY,MAAmB;GACnC,EAAS,CAAK;EAChB,GAEM,UAAqB;GACrB,EAAM,mBAIV,EAAK,QAAQ,GAET,EAAM,iBACR,EAAY;EAEhB,GAEM,UAAsB;GACtB,EAAM,mBAAmB,EAAM,YAInC,EAAK,SAAS,GAEV,EAAM,kBACR,EAAY;EAEhB;yBAIE,EA+DS,GA/DT,EACU,EA8DD,CAAA,GA9DM;GACZ,MAAM,EAAA,CAAA;GACN,UAAU,EAAA;GACV,MAAM,EAAA;GACN,OAAO,EAAA;GACP,aAAa,EAAA;GACb,mBAAiB,EAAA;GACjB,oBAAkB,EAAA;GAClB,qBAAmB,EAAA;GACnB,eAAa,EAAA;GACb,iBAAa;;GASH,SAAO,QAgBV,CAfN,EAeM,OAAA,EAfA,OAAK,EAAE,EAAA,KAAa,EAAA,GAAA,CAEhBA,EAAAA,OAAO,QAAA,EAAA,GADf,EAMM,OANN,GAMM,CADJ,EAAoB,EAAA,QAAA,MAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAId,EAAA,SAAA,EAAA,GADR,EAKM,OALN,GAKM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA;GAKH,QAAM,QAsBR,CArBP,EAqBO,EAAA,QAAA,WAAA;IAnBJ,SAAS;IACT,QAAQ;IACR,SAAS,EAAA;YAiBL,CAfL,EAMU,GAAA;IALR,SAAQ;IACP,UAAU,EAAA;IACV,SAAO;;qBAES,CAAA,EAAA,EAAd,EAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;wBAEhB,EAOU,GAAA;IANP,SAAS,EAAA;IACT,SAAS,EAAA;IACT,UAAU,EAAA;IACV,SAAO;;qBAEU,CAAA,EAAA,EAAf,EAAA,YAAY,GAAA,CAAA,CAAA,CAAA;;;;;;;;MA7CbA,EAAAA,OAAO,UAAA;SACZ;eAEsB,CAAvB,EAAuB,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/TContainer.cjs

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

package/dist/components/TContainer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TContainer.cjs","names":[],"sources":["../../src/components/TContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeContainerSizes = ['sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type TContainerSize = (typeof _treeContainerSizes)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    size?: TContainerSize;\n    padded?: boolean;\n    centered?: boolean;\n  }>(),\n  {\n    as: 'div',\n    size: 'lg',\n    padded: true,\n    centered: true,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-container',\n  `t-container--${props.size}`,\n  {\n    'is-padded': props.padded,\n    'is-centered': props.centered,\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    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/TContainer.js

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

package/dist/components/TContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TContainer.js","names":[],"sources":["../../src/components/TContainer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineOptions({\n  inheritAttrs: false,\n});\n\nconst _treeContainerSizes = ['sm', 'md', 'lg', 'xl', 'full'] as const;\n\nexport type TContainerSize = (typeof _treeContainerSizes)[number];\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    size?: TContainerSize;\n    padded?: boolean;\n    centered?: boolean;\n  }>(),\n  {\n    as: 'div',\n    size: 'lg',\n    padded: true,\n    centered: true,\n  },\n);\n\nconst attrs = useAttrs();\n\nconst rootClasses = computed(() => [\n  't-container',\n  `t-container--${props.size}`,\n  {\n    'is-padded': props.padded,\n    'is-centered': props.centered,\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    <slot />\n  </component>\n</template>\n"],"mappings":""}