iryx-ui 0.5.0 → 0.7.0

package/dist/packages/iryx-ui/src/components/PasswordInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,113 @@
+import { ViewIcon as e, ViewOffIcon as t } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as n } from "../config.js";
+import r from "./Icon.js";
+import i from "./Input.js";
+import { passwordInputTheme as a } from "../theme/password-input.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, useModel as S, withCtx as C } from "vue";
+//#region src/components/PasswordInput.vue?vue&type=script&setup=true&lang.ts
+var w = [
+	"aria-label",
+	"aria-pressed",
+	"disabled"
+], T = ["data-filled"], E = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "PasswordInput",
+	props: /*@__PURE__*/ m({
+		size: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		toggle: {
+			type: Boolean,
+			default: !0
+		},
+		strength: { type: Boolean },
+		showLabel: { default: "Show password" },
+		hideLabel: { default: "Hide password" },
+		strengthLabels: { default: () => [
+			"Weak",
+			"Fair",
+			"Good",
+			"Strong"
+		] },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(p) {
+		let m = p, E = S(p, "modelValue"), D = n(), O = s(() => m.unstyled ?? D.unstyled), k = v(!1), A = s(() => {
+			let e = E.value;
+			if (!e) return 0;
+			let t = 0;
+			return e.length >= 8 && t++, e.length >= 12 && t++, /[a-z]/.test(e) && /[A-Z]/.test(e) && t++, /\d/.test(e) && t++, /[^\w\s]/.test(e) && t++, Math.max(1, Math.min(t, 4));
+		}), j = s(() => m.strength && E.value.length > 0), M = s(() => a({ score: A.value }));
+		function N(e, t) {
+			let n = m.ui?.[e];
+			return O.value ? [n, t] : M.value[e]({ class: [n, t] });
+		}
+		return (n, a) => (_(), l("div", { class: g(N("root", m.class)) }, [f(i, h({
+			id: m.id,
+			modelValue: E.value,
+			"onUpdate:modelValue": a[1] ||= (e) => E.value = e,
+			type: k.value ? "text" : "password",
+			size: m.size,
+			placeholder: m.placeholder,
+			disabled: m.disabled,
+			required: m.required,
+			invalid: m.invalid,
+			unstyled: m.unstyled,
+			ui: { input: m.ui?.input },
+			autocomplete: "current-password"
+		}, n.$attrs), d({ _: 2 }, [m.toggle ? {
+			name: "trailing",
+			fn: C(() => [u("button", {
+				type: "button",
+				tabindex: "-1",
+				"aria-label": k.value ? m.hideLabel : m.showLabel,
+				"aria-pressed": k.value,
+				disabled: m.disabled,
+				class: g(N("toggle")),
+				onClick: a[0] ||= (e) => k.value = !k.value
+			}, [f(r, { icon: k.value ? x(t) : x(e) }, null, 8, ["icon"])], 10, w)]),
+			key: "0"
+		} : void 0]), 1040, [
+			"id",
+			"modelValue",
+			"type",
+			"size",
+			"placeholder",
+			"disabled",
+			"required",
+			"invalid",
+			"unstyled",
+			"ui"
+		]), j.value ? (_(), l("div", {
+			key: 0,
+			class: g(N("meter"))
+		}, [u("div", {
+			class: g(N("track")),
+			"aria-hidden": "true"
+		}, [(_(), l(o, null, y(4, (e) => u("span", {
+			key: e,
+			"data-filled": e <= A.value ? "" : void 0,
+			class: g(N("segment"))
+		}, null, 10, T)), 64))], 2), u("span", {
+			class: g(N("label")),
+			role: "status"
+		}, b(m.strengthLabels[A.value - 1]), 3)], 2)) : c("", !0)], 2));
+	}
+});
+//#endregion
+export { E as default };

package/dist/packages/iryx-ui/src/components/Table.js

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

package/dist/packages/iryx-ui/src/components/Table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,217 @@
+import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n, UnfoldMoreIcon as r } from "../../../../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
+import { useIryxUiConfig as i } from "../config.js";
+import a from "./Icon.js";
+import o from "./Checkbox.js";
+import s from "./Skeleton.js";
+import { useDataTable as c } from "../composables/data-table.js";
+import { tableTheme as l } from "../theme/table.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, normalizeClass as b, normalizeStyle as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useModel as D, withModifiers as O } from "vue";
+//#region src/components/Table.vue?vue&type=script&setup=true&lang.ts
+var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { key: 1 }, N = ["colspan"], ee = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ v({
+	__name: "Table",
+	props: /*@__PURE__*/ y({
+		rows: { default: () => [] },
+		columns: { default: () => [] },
+		total: { default: void 0 },
+		rowKey: { default: "id" },
+		loading: { type: Boolean },
+		loadingRows: { default: 5 },
+		selectable: { type: Boolean },
+		isRowSelectable: {},
+		expandable: { type: Boolean },
+		canExpandRow: {},
+		clickableRows: { type: Boolean },
+		striped: { type: Boolean },
+		hoverable: {
+			type: Boolean,
+			default: void 0
+		},
+		stickyHeader: { type: Boolean },
+		size: {},
+		emptyText: { default: "No results." },
+		label: {},
+		caption: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		sort: { default: null },
+		sortModifiers: {},
+		page: { default: 1 },
+		pageModifiers: {},
+		perPage: { default: 10 },
+		perPageModifiers: {},
+		selection: { default: () => [] },
+		selectionModifiers: {},
+		expanded: { default: () => [] },
+		expandedModifiers: {}
+	}),
+	emits: /*@__PURE__*/ y(["rowClick"], [
+		"update:sort",
+		"update:page",
+		"update:perPage",
+		"update:selection",
+		"update:expanded"
+	]),
+	setup(v, { expose: y, emit: I }) {
+		let L = v, R = I, z = D(v, "sort"), B = D(v, "page"), V = D(v, "perPage"), H = D(v, "selection"), U = D(v, "expanded"), W = c({
+			rows: () => L.rows,
+			columns: () => L.columns,
+			total: () => L.total,
+			rowKey: () => L.rowKey,
+			isRowSelectable: L.isRowSelectable,
+			sort: z,
+			page: B,
+			perPage: V,
+			selection: H,
+			expanded: U
+		}), G = i(), K = d(() => L.unstyled ?? G.unstyled), q = d(() => l({
+			size: L.size,
+			striped: L.striped,
+			hoverable: L.hoverable ?? !0,
+			stickyHeader: L.stickyHeader,
+			clickable: L.clickableRows
+		}));
+		function J(e, t) {
+			let n = L.ui?.[e];
+			return K.value ? [n, t] : q.value[e]({ class: [n, t] });
+		}
+		function Y(e) {
+			return K.value ? void 0 : q.value[e]();
+		}
+		let X = d(() => K.value ? [L.ui?.root, L.class] : q.value.root({ class: [L.ui?.root, L.class] }));
+		function Z(e) {
+			if (K.value) return;
+			let t = e.align ?? (e.numeric ? "end" : "start");
+			if (t !== "start") return t === "end" ? "text-end" : "text-center";
+		}
+		function Q(e) {
+			return !K.value && e.numeric ? "tabular-nums" : void 0;
+		}
+		function te(e, t) {
+			return typeof t.class == "function" ? t.class(e) : t.class;
+		}
+		function ne(e, t) {
+			return typeof t.hidden == "function" ? t.hidden(e) : !1;
+		}
+		let $ = d(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable), re = d(() => L.loading && W.pageRows.value.length === 0), ie = d(() => !L.loading && W.pageRows.value.length === 0);
+		function ae(e) {
+			if (!e.sortable) return;
+			let t = W.sortOrderFor(e);
+			return t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
+		}
+		function oe(e) {
+			L.clickableRows && R("rowClick", e);
+		}
+		return y({ table: W }), (i, c) => (S(), m("div", { class: b(X.value) }, [h("table", {
+			class: b(J("table")),
+			"aria-label": L.label,
+			"aria-busy": L.loading || void 0
+		}, [
+			L.caption || i.$slots.caption ? (S(), m("caption", {
+				key: 0,
+				class: b(J("caption"))
+			}, [w(i.$slots, "caption", {}, () => [g(T(L.caption), 1)])], 2)) : p("", !0),
+			h("thead", { class: b(J("thead")) }, [h("tr", null, [
+				L.expandable ? (S(), m("th", {
+					key: 0,
+					class: b(Y("headGutter"))
+				}, null, 2)) : p("", !0),
+				L.selectable ? (S(), m("th", {
+					key: 1,
+					class: b(Y("headGutter"))
+				}, [_(o, {
+					"model-value": E(W).headerSelection.value,
+					"aria-label": "Select all rows on this page",
+					"onUpdate:modelValue": E(W).toggleAll
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)) : p("", !0),
+				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("th", {
+					key: t.key,
+					class: b(J("th", Z(t))),
+					style: x(t.width ? { width: t.width } : void 0),
+					"aria-sort": ae(t),
+					scope: "col"
+				}, [w(i.$slots, `header-${t.key}`, { column: t }, () => [t.sortable ? (S(), m("button", {
+					key: 0,
+					type: "button",
+					class: b(Y("sortButton")),
+					onClick: (e) => E(W).toggleSort(t)
+				}, [g(T(t.label ?? t.key) + " ", 1), _(a, {
+					icon: E(W).sortOrderFor(t) === "asc" ? E(n) : E(W).sortOrderFor(t) === "desc" ? E(e) : E(r),
+					class: b(Y("sortIcon"))
+				}, null, 8, ["icon", "class"])], 10, j)) : (S(), m(u, { key: 1 }, [g(T(t.label ?? t.key), 1)], 64))])], 14, A))), 128))
+			])], 2),
+			h("tbody", { class: b(J("tbody")) }, [re.value ? (S(!0), m(u, { key: 0 }, C(L.loadingRows, (e) => (S(), m("tr", {
+				key: `skeleton-${e}`,
+				class: b(J("tr"))
+			}, [
+				L.expandable ? (S(), m("td", {
+					key: 0,
+					class: b(Y("gutter"))
+				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
+				L.selectable ? (S(), m("td", {
+					key: 1,
+					class: b(Y("gutter"))
+				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
+				(S(!0), m(u, null, C(E(W).visibleColumns.value, (e) => (S(), m("td", {
+					key: e.key,
+					class: b(J("td"))
+				}, [_(s, { class: "h-4 w-24" })], 2))), 128))
+			], 2))), 128)) : ie.value ? (S(), m("tr", M, [h("td", {
+				colspan: $.value,
+				class: b(J("empty"))
+			}, [w(i.$slots, "empty", {}, () => [g(T(L.emptyText), 1)])], 10, N)])) : (S(!0), m(u, { key: 2 }, C(E(W).pageRows.value, (e) => (S(), m(u, { key: E(W).keyOf(e) }, [h("tr", {
+				class: b([J("tr"), !K.value && E(W).isSelected(e) ? "bg-primary/5" : void 0]),
+				"data-selected": E(W).isSelected(e) || void 0,
+				onClick: (t) => oe(e)
+			}, [
+				L.expandable ? (S(), m("td", {
+					key: 0,
+					class: b(Y("gutter")),
+					onClick: c[0] ||= O(() => {}, ["stop"])
+				}, [!L.canExpandRow || L.canExpandRow(e) ? (S(), m("button", {
+					key: 0,
+					type: "button",
+					class: b([Y("expandButton"), E(W).isExpanded(e) && !K.value ? "rotate-90" : void 0]),
+					"aria-expanded": E(W).isExpanded(e),
+					"aria-label": "Toggle row details",
+					onClick: (t) => E(W).toggleExpanded(e)
+				}, [_(a, { icon: E(t) }, null, 8, ["icon"])], 10, P)) : p("", !0)], 2)) : p("", !0),
+				L.selectable ? (S(), m("td", {
+					key: 1,
+					class: b(Y("gutter")),
+					onClick: c[1] ||= O(() => {}, ["stop"])
+				}, [!L.isRowSelectable || L.isRowSelectable(e) ? (S(), f(o, {
+					key: 0,
+					"model-value": E(W).isSelected(e),
+					"aria-label": "Select row",
+					"onUpdate:modelValue": (t) => E(W).toggleRow(e)
+				}, null, 8, ["model-value", "onUpdate:modelValue"])) : p("", !0)], 2)) : p("", !0),
+				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("td", {
+					key: t.key,
+					class: b(J("td", [
+						Z(t),
+						Q(t),
+						te(e, t)
+					].filter(Boolean).join(" ") || void 0))
+				}, [ne(e, t) ? p("", !0) : w(i.$slots, `cell-${t.key}`, {
+					key: 0,
+					row: e,
+					column: t,
+					value: E(W).getRowValue(e, t.key)
+				}, () => [g(T(E(W).getRowValue(e, t.key)), 1)])], 2))), 128))
+			], 10, ee), L.expandable && E(W).isExpanded(e) ? (S(), m("tr", {
+				key: 0,
+				class: b([J("tr"), Y("expandedRow")])
+			}, [h("td", {
+				colspan: $.value,
+				class: b(Y("expandedCell"))
+			}, [w(i.$slots, "expanded", { row: e })], 10, F)], 2)) : p("", !0)], 64))), 128))], 2)
+		], 10, k)], 2));
+	}
+});
+//#endregion
+export { I as default };

package/dist/packages/iryx-ui/src/components/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { useIryxUiConfig as e } from "../config.js";
 import { useFormField as t } from "../composables/form.js";
 import { textareaTheme as n } from "../theme/input.js";
-import { computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, unref as l, useModel as u, vModelText as d, withDirectives as f } from "vue";
+import { computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, onMounted as l, openBlock as u, ref as d, unref as f, useModel as p, vModelText as m, watch as h, withDirectives as g } from "vue";
 //#region src/components/Textarea.vue?vue&type=script&setup=true&lang.ts
-var p = [
+var _ = [
 	"id",
 	"rows",
 	"placeholder",
@@ -11,11 +11,12 @@ var p = [
 	"required",
 	"aria-invalid",
 	"aria-describedby"
-], m = /*@__PURE__*/ a({
+], v = /*@__PURE__*/ a({
 	__name: "Textarea",
 	props: /*@__PURE__*/ o({
 		size: {},
 		rows: {},
+		autosize: { type: [Boolean, Object] },
 		placeholder: {},
 		disabled: { type: Boolean },
 		required: { type: Boolean },
@@ -34,24 +35,49 @@ var p = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let o = a, m = u(a, "modelValue"), h = t(), g = r(() => o.id ?? h?.id.value), _ = r(() => o.invalid ?? h?.invalid.value ?? !1), v = e(), y = r(() => o.unstyled ?? v.unstyled), b = r(() => y.value ? o.class : n({
-			size: o.size,
-			invalid: _.value,
-			class: o.class
-		}));
-		return (e, t) => f((c(), i("textarea", {
-			id: g.value,
-			"onUpdate:modelValue": t[0] ||= (e) => m.value = e,
-			rows: o.rows,
-			placeholder: o.placeholder,
-			disabled: o.disabled,
-			required: o.required,
-			"aria-invalid": _.value || void 0,
-			"aria-describedby": l(h)?.describedBy.value,
-			class: s(b.value)
-		}, null, 10, p)), [[d, m.value]]);
+	setup(a, { expose: o }) {
+		let v = a, y = p(a, "modelValue"), b = t(), x = r(() => v.id ?? b?.id.value), S = r(() => v.invalid ?? b?.invalid.value ?? !1), C = e(), w = r(() => v.unstyled ?? C.unstyled), T = r(() => w.value ? v.class : n({
+			size: v.size,
+			invalid: S.value,
+			autosize: !!v.autosize,
+			class: v.class
+		})), E = d();
+		o({ textarea: E });
+		let D = r(() => typeof v.autosize == "object" ? v.autosize : {});
+		function O(e) {
+			return Number.parseFloat(e) || 0;
+		}
+		function k() {
+			let e = E.value;
+			if (!e || !v.autosize) return;
+			e.style.height = "auto";
+			let t = window.getComputedStyle(e), n = O(t.lineHeight), r = O(t.paddingTop) + O(t.paddingBottom), i = O(t.borderTopWidth) + O(t.borderBottomWidth), a = e.scrollHeight;
+			if (n) {
+				let { min: e, max: t } = D.value;
+				e != null && (a = Math.max(a, e * n + r)), t != null && (a = Math.min(a, t * n + r));
+			}
+			e.style.height = `${a + i}px`, e.style.overflowY = D.value.max != null && e.scrollHeight > a ? "auto" : "hidden";
+		}
+		return l(() => {
+			v.autosize && s(k);
+		}), h(() => [
+			y.value,
+			v.autosize,
+			v.size
+		], () => void s(k)), (e, t) => g((u(), i("textarea", {
+			id: x.value,
+			ref_key: "el",
+			ref: E,
+			"onUpdate:modelValue": t[0] ||= (e) => y.value = e,
+			rows: v.autosize ? D.value.min : v.rows,
+			placeholder: v.placeholder,
+			disabled: v.disabled,
+			required: v.required,
+			"aria-invalid": S.value || void 0,
+			"aria-describedby": f(b)?.describedBy.value,
+			class: c(T.value)
+		}, null, 10, _)), [[m, y.value]]);
 	}
 });
 //#endregion
-export { m as default };
+export { v as default };

package/dist/packages/iryx-ui/src/components/index.js

@@ -2,67 +2,77 @@ import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
 import t from "./Alert.js";
 import n from "./App.js";
 import r from "./Badge.js";
-import i from "./Breadcrumb.js";
-import a from "./Button.js";
-import o from "./ButtonGroup.js";
-import s from "./Card.js";
-import c from "./Checkbox.js";
-import l from "./Combobox.js";
-import u from "./Dialog.js";
-import d from "./ConfirmDialog.js";
-import f from "./DropdownMenu.js";
-import p from "./EmptyState.js";
-import m from "./Form.js";
-import h from "./Label.js";
-import g from "./FormField.js";
-import _ from "./Input.js";
-import v from "./NumberInput.js";
-import y from "./Pagination.js";
-import b from "./Progress.js";
-import x from "./RadioGroup.js";
-import S from "./Select.js";
-import C from "./Separator.js";
-import w from "./Skeleton.js";
-import T from "./Stat.js";
-import E from "./Stepper.js";
-import D from "./Switch.js";
-import O from "./Tabs.js";
-import k from "./Textarea.js";
-import A from "./Toaster.js";
-import j from "./Tooltip.js";
+import i from "./Banner.js";
+import a from "./Breadcrumb.js";
+import o from "./Button.js";
+import s from "./ButtonGroup.js";
+import c from "./Card.js";
+import l from "./Checkbox.js";
+import u from "./Combobox.js";
+import d from "./Dialog.js";
+import f from "./ConfirmDialog.js";
+import p from "./DatePicker.js";
+import m from "./DateRangePicker.js";
+import h from "./DropdownMenu.js";
+import g from "./EmptyState.js";
+import _ from "./Form.js";
+import v from "./Label.js";
+import y from "./FormField.js";
+import b from "./Input.js";
+import x from "./NumberInput.js";
+import S from "./Pagination.js";
+import C from "./PasswordInput.js";
+import w from "./Progress.js";
+import T from "./RadioGroup.js";
+import E from "./Select.js";
+import D from "./Separator.js";
+import O from "./Skeleton.js";
+import k from "./Stat.js";
+import A from "./Stepper.js";
+import j from "./Switch.js";
+import M from "./Table.js";
+import N from "./Tabs.js";
+import P from "./Textarea.js";
+import F from "./Toaster.js";
+import I from "./Tooltip.js";
 //#region src/components/index.ts
-var M = /* @__PURE__ */ e({
+var L = /* @__PURE__ */ e({
 	Alert: () => t,
 	App: () => n,
 	Badge: () => r,
-	Breadcrumb: () => i,
-	Button: () => a,
-	ButtonGroup: () => o,
-	Card: () => s,
-	Checkbox: () => c,
-	Combobox: () => l,
-	ConfirmDialog: () => d,
-	Dialog: () => u,
-	DropdownMenu: () => f,
-	EmptyState: () => p,
-	Form: () => m,
-	FormField: () => g,
-	Input: () => _,
-	Label: () => h,
-	NumberInput: () => v,
-	Pagination: () => y,
-	Progress: () => b,
-	RadioGroup: () => x,
-	Select: () => S,
-	Separator: () => C,
-	Skeleton: () => w,
-	Stat: () => T,
-	Stepper: () => E,
-	Switch: () => D,
-	Tabs: () => O,
-	Textarea: () => k,
-	Toaster: () => A,
-	Tooltip: () => j
+	Banner: () => i,
+	Breadcrumb: () => a,
+	Button: () => o,
+	ButtonGroup: () => s,
+	Card: () => c,
+	Checkbox: () => l,
+	Combobox: () => u,
+	ConfirmDialog: () => f,
+	DatePicker: () => p,
+	DateRangePicker: () => m,
+	Dialog: () => d,
+	DropdownMenu: () => h,
+	EmptyState: () => g,
+	Form: () => _,
+	FormField: () => y,
+	Input: () => b,
+	Label: () => v,
+	NumberInput: () => x,
+	Pagination: () => S,
+	PasswordInput: () => C,
+	Progress: () => w,
+	RadioGroup: () => T,
+	Select: () => E,
+	Separator: () => D,
+	Skeleton: () => O,
+	Stat: () => k,
+	Stepper: () => A,
+	Switch: () => j,
+	Table: () => M,
+	Tabs: () => N,
+	Textarea: () => P,
+	Toaster: () => F,
+	Tooltip: () => I
 });
 //#endregion
-export { M as components_exports };
+export { L as components_exports };

package/dist/packages/iryx-ui/src/composables/data-table.js

@@ -0,0 +1,106 @@
+import { computed as e, ref as t } from "vue";
+//#region src/composables/data-table.ts
+function n(e, n) {
+	return e || t(n);
+}
+function r(e) {
+	return e == null || e === "";
+}
+function i(e, t) {
+	return t.split(".").reduce((e, t) => e?.[t], e);
+}
+function a(e, t) {
+	return typeof e == "number" && typeof t == "number" ? e - t : typeof e == "boolean" && typeof t == "boolean" ? Number(e) - Number(t) : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : String(e).localeCompare(String(t), void 0, {
+		numeric: !0,
+		sensitivity: "base"
+	});
+}
+function o(t) {
+	let o = n(t.sort, null), s = n(t.page, 1), c = n(t.perPage, 10), l = n(t.selection, []), u = n(t.expanded, []), d = e(() => t.total?.() !== void 0), f = e(() => t.rowKey?.() ?? "id"), p = e(() => t.columns().filter((e) => e.hidden !== !0)), m = e(() => {
+		let e = t.rows(), n = o.value;
+		if (d.value || !n) return e;
+		let s = t.columns().find((e) => (e.sortKey ?? e.key) === n.key)?.key ?? n.key, c = n.order === "asc" ? 1 : -1;
+		return [...e].sort((e, t) => {
+			let n = i(e, s), o = i(t, s);
+			return r(n) || r(o) ? r(n) && r(o) ? 0 : r(n) ? 1 : -1 : a(n, o) * c;
+		});
+	}), h = e(() => t.total?.() ?? m.value.length), g = e(() => Math.max(1, Math.ceil(h.value / Math.max(1, c.value)))), _ = e(() => {
+		if (d.value) return m.value;
+		let e = (s.value - 1) * c.value;
+		return m.value.slice(e, e + c.value);
+	});
+	function v(e) {
+		return i(e, f.value);
+	}
+	function y(e) {
+		if (!e.sortable) return;
+		let t = e.sortKey ?? e.key, n = o.value;
+		n?.key === t ? n.order === "asc" ? o.value = {
+			key: t,
+			order: "desc"
+		} : o.value = null : o.value = {
+			key: t,
+			order: "asc"
+		}, s.value = 1;
+	}
+	function b(e) {
+		let t = e.sortKey ?? e.key;
+		return o.value?.key === t ? o.value.order : null;
+	}
+	let x = e(() => _.value.filter((e) => !t.isRowSelectable || t.isRowSelectable(e)));
+	function S(e) {
+		return l.value.includes(v(e));
+	}
+	function C(e) {
+		if (t.isRowSelectable && !t.isRowSelectable(e)) return;
+		let n = v(e);
+		l.value = S(e) ? l.value.filter((e) => e !== n) : [...l.value, n];
+	}
+	let w = e(() => {
+		let e = x.value;
+		if (e.length === 0) return !1;
+		let t = e.filter(S).length;
+		return t === 0 ? !1 : t === e.length ? !0 : "indeterminate";
+	});
+	function T(e) {
+		let t = x.value.map(v);
+		if (e === !0) {
+			let e = new Set(l.value);
+			t.forEach((t) => e.add(t)), l.value = [...e];
+		} else {
+			let e = new Set(t);
+			l.value = l.value.filter((t) => !e.has(t));
+		}
+	}
+	function E(e) {
+		return u.value.includes(v(e));
+	}
+	function D(e) {
+		let t = v(e);
+		u.value = E(e) ? u.value.filter((e) => e !== t) : [...u.value, t];
+	}
+	return {
+		sort: o,
+		page: s,
+		perPage: c,
+		selection: l,
+		expanded: u,
+		isServerMode: d,
+		visibleColumns: p,
+		pageRows: _,
+		total: h,
+		pageCount: g,
+		keyOf: v,
+		toggleSort: y,
+		sortOrderFor: b,
+		headerSelection: w,
+		isSelected: S,
+		toggleRow: C,
+		toggleAll: T,
+		isExpanded: E,
+		toggleExpanded: D,
+		getRowValue: i
+	};
+}
+//#endregion
+export { i as getRowValue, o as useDataTable };