vectis-ui 0.1.0 → 0.8.0

package/dist/components/VDataTable/VDataTable.vue_vue_type_script_setup_true_lang.js

@@ -1,71 +1,71 @@
 import { useLocale as e, useMessages as t } from "../../i18n/state.js";
-import n from "../VIcon/VIcon.js";
-import r from "../VTypography/VTypography.js";
-import { iconProps as i } from "../VIcon/iconProps.js";
-import a from "../VSpinner/VSpinner.js";
-import o from "../VButton/VButton.js";
-import { clamp as ee } from "../../utils/number.js";
-import te from "../VPagination/VPagination.js";
-import { useRootAttrs as ne } from "../../composables/useRootAttrs.js";
-import { toggleValue as re } from "../../utils/array.js";
-import ie from "../VInput/VInput.js";
+import { iconProps as n } from "../VIcon/iconProps.js";
+import { cssSize as r } from "../../utils/css.js";
+import i from "../VIcon/VIcon.js";
+import a from "../VTypography/VTypography.js";
+import o from "../VSpinner/VSpinner.js";
+import ee from "../VButton/VButton.js";
+import { clamp as te } from "../../utils/number.js";
+import ne from "../VPagination/VPagination.js";
+import { useRootAttrs as re } from "../../composables/useRootAttrs.js";
+import { toggleValue as ie } from "../../utils/array.js";
+import ae from "../VInput/VInput.js";
 import s from "../VCheckbox/VCheckbox.js";
-import { useTimer as ae } from "../../composables/useTimer.js";
-import oe from "../VMenu/VMenu.js";
-import se from "../VMenu/VMenuItem.js";
-import { cssSize as ce } from "../../utils/css.js";
-import { normalizeText as c } from "../../utils/text.js";
-import { arrow_downward as l } from "../VIcon/icons/arrow_downward.js";
-import { arrow_drop_down as le } from "../VIcon/icons/arrow_drop_down.js";
-import { arrow_upward as u } from "../VIcon/icons/arrow_upward.js";
-import { search as ue } from "../VIcon/icons/search.js";
-import { swap_vert as d } from "../VIcon/icons/swap_vert.js";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeModels as x, mergeProps as S, normalizeClass as de, normalizeStyle as fe, openBlock as C, ref as pe, renderList as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, watch as k, withCtx as A } from "vue";
+import { useTimer as oe } from "../../composables/useTimer.js";
+import se from "../VMenu/VMenu.js";
+import ce from "../VMenu/VMenuItem.js";
+import { createNormalizedCache as le, normalizeText as ue } from "../../utils/text.js";
+import { arrow_downward as c } from "../VIcon/icons/arrow_downward.js";
+import { arrow_drop_down as de } from "../VIcon/icons/arrow_drop_down.js";
+import { arrow_upward as l } from "../VIcon/icons/arrow_upward.js";
+import { search as fe } from "../VIcon/icons/search.js";
+import { swap_vert as u } from "../VIcon/icons/swap_vert.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, normalizeClass as pe, normalizeStyle as me, openBlock as S, ref as he, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useModel as D, watch as O, withCtx as k } from "vue";
 //#region src/components/VDataTable/VDataTable.vue?vue&type=script&setup=true&lang.ts
-var me = [
+var ge = [
 	"data-variant",
 	"data-responsive",
 	"data-striped",
 	"data-compact",
 	"data-sticky-header",
 	"data-selectable"
-], he = {
+], _e = {
 	key: 0,
-	class: "v-table-toolbar"
-}, ge = { class: "v-table-scroller" }, _e = {
+	class: "v-data-table-toolbar"
+}, ve = { class: "v-data-table-scroller" }, ye = {
 	key: 0,
-	class: "v-table-caption"
-}, ve = { class: "v-table-head" }, ye = {
+	class: "v-data-table-caption"
+}, be = { class: "v-data-table-head" }, xe = {
 	key: 0,
 	scope: "col",
-	class: "v-table-select"
-}, be = ["data-align", "aria-sort"], xe = ["data-direction", "onClick"], Se = { key: 0 }, Ce = ["colspan"], we = { key: 1 }, Te = ["colspan"], Ee = ["data-selected"], De = {
+	class: "v-data-table-select"
+}, Se = ["data-align", "aria-sort"], A = ["data-direction", "onClick"], j = { key: 0 }, Ce = ["colspan"], we = { class: "v-data-table-state-loading" }, Te = { "aria-hidden": "true" }, Ee = { key: 1 }, De = ["colspan"], Oe = ["data-selected"], ke = {
 	key: 0,
-	class: "v-table-select"
-}, Oe = ["data-label", "data-align"], ke = {
+	class: "v-data-table-select"
+}, Ae = ["data-label", "data-align"], je = {
 	key: 1,
-	class: "v-table-footer"
-}, Ae = {
+	class: "v-data-table-footer"
+}, Me = {
 	key: 0,
-	class: "v-table-selection",
+	class: "v-data-table-selection",
 	"aria-live": "polite"
-}, je = {
+}, Ne = {
 	key: 1,
-	class: "v-table-footer-end"
-}, Me = {
+	class: "v-data-table-footer-end"
+}, Pe = {
 	key: 0,
-	class: "v-table-per-page"
-}, Ne = {
-	class: "v-table-per-page-label",
+	class: "v-data-table-per-page"
+}, Fe = {
+	class: "v-data-table-per-page-label",
 	"aria-hidden": "true"
-}, Pe = {
+}, Ie = {
 	key: 1,
-	class: "v-table-range",
+	class: "v-data-table-range",
 	"aria-live": "polite"
-}, j = /*@__PURE__*/ b({
+}, M = /*@__PURE__*/ y({
 	inheritAttrs: !1,
 	__name: "VDataTable",
-	props: /*@__PURE__*/ x({
+	props: /*@__PURE__*/ b({
 		columns: {},
 		rows: {},
 		rowKey: { default: void 0 },
@@ -76,6 +76,7 @@ var me = [
 			type: Boolean,
 			default: !1
 		},
+		loadingText: { default: void 0 },
 		emptyText: { default: void 0 },
 		title: { default: void 0 },
 		searchable: {
@@ -98,17 +99,17 @@ var me = [
 			default: !1
 		},
 		height: { default: void 0 },
-		sortIcon: { default: () => d },
-		sortAscIcon: { default: () => l },
-		sortDescIcon: { default: () => u },
+		sortIcon: { default: () => u },
+		sortAscIcon: { default: () => c },
+		sortDescIcon: { default: () => l },
 		perPageOptions: { default: void 0 },
-		perPageLabel: { default: void 0 },
+		perPageText: { default: void 0 },
 		total: { default: void 0 },
 		showRange: {
 			type: Boolean,
 			default: !1
 		},
-		rangeLabel: {
+		rangeText: {
 			type: Function,
 			default: void 0
 		},
@@ -117,7 +118,7 @@ var me = [
 			default: !1
 		},
 		selectAllLabel: { default: void 0 },
-		selectionLabel: {
+		selectionText: {
 			type: Function,
 			default: void 0
 		},
@@ -141,244 +142,232 @@ var me = [
 		search: { default: "" },
 		searchModifiers: {}
 	}),
-	emits: /*@__PURE__*/ x(["update:params"], [
+	emits: /*@__PURE__*/ b(["update:params"], [
 		"update:sort",
 		"update:page",
 		"update:perPage",
 		"update:selected",
 		"update:search"
 	]),
-	setup(l, { emit: u }) {
-		let d = l, b = t(), x = e(), j = p(() => d.emptyText ?? b.value.dataTable.empty), Fe = p(() => d.searchPlaceholder ?? b.value.dataTable.searchPlaceholder), Ie = p(() => d.searchLabel ?? b.value.dataTable.searchLabel), M = p(() => d.perPageLabel ?? b.value.dataTable.perPage), Le = p(() => d.selectAllLabel ?? b.value.dataTable.selectAll), N = O(l, "sort"), P = O(l, "page"), F = O(l, "perPage"), I = O(l, "selected"), L = O(l, "search"), Re = u, { rootClass: ze, rootStyle: Be, forwardedAttrs: Ve } = ne();
-		function R(e, t) {
-			return d.rowKey ? String(e[d.rowKey]) : t;
-		}
-		let z = /* @__PURE__ */ new WeakMap();
-		function He(e, t) {
-			let n = String(e[t] ?? ""), r = z.get(e);
-			r || (r = /* @__PURE__ */ new Map(), z.set(e, r));
-			let i = r.get(t);
-			if (i && i.raw === n) return i.normalized;
-			let a = c(n);
-			return r.set(t, {
-				raw: n,
-				normalized: a
-			}), a;
+	setup(c, { emit: l }) {
+		let u = c, y = t(), b = e(), M = f(() => u.emptyText ?? y.value.dataTable.empty), N = f(() => u.loadingText ?? y.value.dataTable.loading), Le = f(() => u.searchPlaceholder ?? y.value.dataTable.searchPlaceholder), Re = f(() => u.searchLabel ?? y.value.dataTable.searchLabel), P = f(() => u.perPageText ?? y.value.dataTable.perPage), ze = f(() => u.selectAllLabel ?? y.value.dataTable.selectAll), F = D(c, "sort"), I = D(c, "page"), L = D(c, "perPage"), R = D(c, "selected"), z = D(c, "search"), Be = l, { rootClass: Ve, rootStyle: He, forwardedAttrs: Ue } = re();
+		function We(e, t) {
+			if (!u.rowKey) return t;
+			let n = e[u.rowKey];
+			return typeof n == "string" || typeof n == "number" ? n : String(n);
 		}
-		let B = p(() => {
-			if (d.serverSide || !d.searchable) return d.rows;
-			let e = c(L.value.trim());
-			return e ? d.rows.filter((t) => d.columns.some((n) => He(t, n.key).includes(e))) : d.rows;
-		}), Ue = p(() => new Intl.Collator(x.value, { numeric: !0 })), V = p(() => {
-			let e = N.value;
-			if (!e || d.serverSide) return B.value;
-			let t = e.direction === "asc" ? 1 : -1, n = Ue.value.compare;
+		let Ge = le(), Ke = (e, t) => Ge(e, String(e[t] ?? ""), t), B = f(() => {
+			if (u.serverSide || !u.searchable) return u.rows;
+			let e = ue(z.value.trim());
+			return e ? u.rows.filter((t) => u.columns.some((n) => Ke(t, n.key).includes(e))) : u.rows;
+		}), qe = f(() => new Intl.Collator(b.value, { numeric: !0 })), V = f(() => {
+			let e = F.value;
+			if (!e || u.serverSide) return B.value;
+			let t = e.direction === "asc" ? 1 : -1, n = qe.value.compare;
 			return [...B.value].sort((r, i) => {
 				let a = r[e.key], o = i[e.key];
 				return typeof a == "number" && typeof o == "number" ? (a - o) * t : n(String(a ?? ""), String(o ?? "")) * t;
 			});
-		}), H = p(() => (F.value ?? 0) > 0), U = p(() => d.serverSide ? d.total ?? d.rows.length : B.value.length), W = p(() => H.value ? Math.max(1, Math.ceil(U.value / (F.value ?? 1))) : 1), G = p(() => ee(P.value, 1, W.value)), K = p(() => {
-			if (d.serverSide || !H.value) return V.value;
-			let e = (G.value - 1) * (F.value ?? 0);
-			return V.value.slice(e, e + (F.value ?? 0));
+		}), H = f(() => (L.value ?? 0) > 0), U = f(() => u.serverSide ? u.total ?? u.rows.length : B.value.length), W = f(() => H.value ? Math.max(1, Math.ceil(U.value / (L.value ?? 1))) : 1), G = f(() => te(I.value, 1, W.value)), K = f(() => {
+			if (u.serverSide || !H.value) return V.value;
+			let e = (G.value - 1) * (L.value ?? 0);
+			return V.value.slice(e, e + (L.value ?? 0));
 		});
-		function We(e) {
-			let t = N.value;
-			!t || t.key !== e ? N.value = {
+		function Je(e) {
+			let t = F.value;
+			!t || t.key !== e ? F.value = {
 				key: e,
 				direction: "asc"
-			} : t.direction === "asc" ? N.value = {
+			} : t.direction === "asc" ? F.value = {
 				key: e,
 				direction: "desc"
-			} : N.value = null;
+			} : F.value = null;
 		}
-		function Ge(e) {
-			if (N.value?.key === e.key) return N.value.direction === "asc" ? "ascending" : "descending";
+		function Ye(e) {
+			if (F.value?.key === e.key) return F.value.direction === "asc" ? "ascending" : "descending";
 		}
-		function Ke(e) {
-			return N.value?.key === e.key ? N.value.direction === "asc" ? d.sortAscIcon : d.sortDescIcon : d.sortIcon;
+		function Xe(e) {
+			return F.value?.key === e.key ? F.value.direction === "asc" ? u.sortAscIcon : u.sortDescIcon : u.sortIcon;
 		}
-		let q = pe(""), J = ae();
-		function qe() {
-			q.value = L.value, P.value = 1;
+		let q = he(z.value), Ze = oe();
+		function Qe() {
+			q.value = z.value, I.value = 1;
 		}
-		k(L, () => {
-			if (!d.serverSide) {
-				P.value = 1;
+		O(z, () => {
+			if (!u.serverSide) {
+				I.value = 1;
 				return;
 			}
-			J.start(qe, d.searchDebounce);
-		}), k(p(() => ({
+			Ze.start(Qe, u.searchDebounce);
+		});
+		let $e = f(() => u.serverSide ? q.value : z.value);
+		O(f(() => ({
 			page: G.value,
-			perPage: F.value ?? null,
-			sortKey: N.value?.key ?? null,
-			sortDirection: N.value?.direction ?? null,
+			perPage: L.value ?? null,
+			sortKey: F.value?.key ?? null,
+			sortDirection: F.value?.direction ?? null,
 			search: q.value
 		})), (e) => {
-			d.serverSide && Re("update:params", e);
+			u.serverSide && Be("update:params", e);
 		});
-		let Y = p(() => new Set(I.value)), X = p(() => K.value.map((e, t) => R(e, t))), Z = p(() => X.value.length > 0 && X.value.every((e) => Y.value.has(e))), Je = p(() => !Z.value && X.value.some((e) => Y.value.has(e)));
-		function Q(e, t) {
-			return Y.value.has(R(e, t));
-		}
-		function Ye(e, t) {
-			I.value = re(I.value, R(e, t));
+		let J = f(() => new Set(R.value)), Y = f(() => K.value.map((e, t) => We(e, t))), X = f(() => Y.value.length > 0 && Y.value.every((e) => J.value.has(e))), et = f(() => !X.value && Y.value.some((e) => J.value.has(e))), Z = (e) => J.value.has(e);
+		function Q(e) {
+			R.value = ie(R.value, e);
 		}
-		function Xe() {
-			let e = X.value;
-			if (Z.value) {
+		function tt() {
+			let e = Y.value;
+			if (X.value) {
 				let t = new Set(e);
-				I.value = I.value.filter((e) => !t.has(e));
+				R.value = R.value.filter((e) => !t.has(e));
 			} else {
-				let t = Y.value;
-				I.value = [...I.value, ...e.filter((e) => !t.has(e))];
+				let t = J.value;
+				R.value = [...R.value, ...e.filter((e) => !t.has(e))];
 			}
 		}
-		function Ze(e, t) {
-			return d.selectRowLabel?.(e, t) ?? b.value.dataTable.selectRow(t + 1);
+		function nt(e, t) {
+			return u.selectRowLabel?.(e, t) ?? y.value.dataTable.selectRow(t + 1);
 		}
-		function Qe(e) {
-			F.value = e, P.value = 1;
+		function rt(e) {
+			L.value = e, I.value = 1;
 		}
-		let $ = p(() => d.columns.length + +!!d.selectable), $e = p(() => {
-			let e = I.value.length;
-			return d.selectionLabel ? d.selectionLabel(e) : e === 0 ? "" : b.value.dataTable.selection(e);
-		}), et = p(() => {
-			let e = F.value ?? 0, t = U.value, n = t === 0 ? 0 : (G.value - 1) * e + 1, r = Math.min(G.value * e, t);
-			return d.rangeLabel?.({
+		let $ = f(() => u.columns.length + +!!u.selectable), it = f(() => {
+			let e = R.value.length;
+			return u.selectionText ? u.selectionText(e) : e === 0 ? "" : y.value.dataTable.selection(e);
+		}), at = f(() => {
+			let e = L.value ?? 0, t = U.value, n = t === 0 ? 0 : (G.value - 1) * e + 1, r = Math.min(G.value * e, t);
+			return u.rangeText?.({
 				start: n,
 				end: r,
 				total: t
-			}) ?? b.value.dataTable.range({
+			}) ?? y.value.dataTable.range({
 				start: n,
 				end: r,
 				total: t
 			});
-		}), tt = p(() => d.height === void 0 ? void 0 : { blockSize: ce(d.height) });
-		return (e, t) => (C(), g("div", {
-			class: de(["v-table-wrapper", D(ze)]),
-			style: fe([tt.value, D(Be)]),
-			"data-variant": l.variant,
-			"data-responsive": l.responsive,
-			"data-striped": l.striped ? "" : void 0,
-			"data-compact": l.compact ? "" : void 0,
-			"data-sticky-header": l.stickyHeader ? "" : void 0,
-			"data-selectable": l.selectable ? "" : void 0
+		}), ot = f(() => u.height === void 0 ? void 0 : { blockSize: r(u.height) });
+		return (e, t) => (S(), h("div", {
+			class: pe(["v-data-table", E(Ve)]),
+			style: me([ot.value, E(He)]),
+			"data-variant": c.variant,
+			"data-responsive": c.responsive,
+			"data-striped": c.striped ? "" : void 0,
+			"data-compact": c.compact ? "" : void 0,
+			"data-sticky-header": c.stickyHeader ? "" : void 0,
+			"data-selectable": c.selectable ? "" : void 0
 		}, [
-			l.title || e.$slots.header || l.searchable ? (C(), g("div", he, [y(r, {
+			c.title || e.$slots.title || c.searchable ? (S(), h("div", _e, [v(a, {
 				as: "div",
 				variant: "heading-4",
-				class: "v-table-title"
+				class: "v-data-table-title"
 			}, {
-				default: A(() => [T(e.$slots, "header", {}, () => [v(E(l.title), 1)])]),
+				default: k(() => [w(e.$slots, "title", {}, () => [_(T(c.title), 1)])]),
 				_: 3
-			}), l.searchable ? (C(), m(ie, {
+			}), c.searchable ? (S(), p(ae, {
 				key: 0,
-				modelValue: L.value,
-				"onUpdate:modelValue": t[0] ||= (e) => L.value = e,
-				class: "v-table-search",
+				modelValue: z.value,
+				"onUpdate:modelValue": t[0] ||= (e) => z.value = e,
+				class: "v-data-table-search",
 				type: "search",
 				size: "sm",
-				compact: l.compact,
-				"icon-start": D(ue),
+				compact: c.compact,
+				"icon-start": E(fe),
 				clearable: "",
-				placeholder: Fe.value,
-				"aria-label": Ie.value
+				placeholder: Le.value,
+				"aria-label": Re.value
 			}, null, 8, [
 				"modelValue",
 				"compact",
 				"icon-start",
 				"placeholder",
 				"aria-label"
-			])) : h("", !0)])) : h("", !0),
-			_("div", ge, [_("table", S({ class: "v-table" }, D(Ve)), [
-				l.caption ? (C(), g("caption", _e, E(l.caption), 1)) : h("", !0),
-				_("thead", ve, [_("tr", null, [l.selectable ? (C(), g("th", ye, [y(s, {
-					"model-value": Z.value,
-					indeterminate: Je.value,
-					"aria-label": Le.value,
-					"onUpdate:modelValue": Xe
+			])) : m("", !0)])) : m("", !0),
+			g("div", ve, [g("table", x({ class: "v-data-table-table" }, E(Ue)), [
+				c.caption ? (S(), h("caption", ye, T(c.caption), 1)) : m("", !0),
+				g("thead", be, [g("tr", null, [c.selectable ? (S(), h("th", xe, [v(s, {
+					"model-value": X.value,
+					indeterminate: et.value,
+					"aria-label": ze.value,
+					"onUpdate:modelValue": tt
 				}, null, 8, [
 					"model-value",
 					"indeterminate",
 					"aria-label"
-				])])) : h("", !0), (C(!0), g(f, null, w(l.columns, (t) => (C(), g("th", {
+				])])) : m("", !0), (S(!0), h(d, null, C(c.columns, (t) => (S(), h("th", {
 					key: t.key,
 					scope: "col",
 					"data-align": t.align,
-					"aria-sort": Ge(t)
-				}, [t.sortable ? (C(), g("button", {
+					"aria-sort": Ye(t)
+				}, [t.sortable ? (S(), h("button", {
 					key: 0,
 					type: "button",
-					class: "v-table-sort",
-					"data-direction": N.value?.key === t.key ? N.value.direction : void 0,
-					onClick: (e) => We(t.key)
-				}, [T(e.$slots, `head-${t.key}`, { column: t }, () => [v(E(t.label), 1)]), y(n, S({ class: "v-table-sort-icon" }, { ref_for: !0 }, D(i)(Ke(t))), null, 16)], 8, xe)) : T(e.$slots, `head-${t.key}`, { column: t }, () => [v(E(t.label), 1)], void 0, 1)], 8, be))), 128))])]),
-				_("tbody", null, [l.loading ? (C(), g("tr", Se, [_("td", {
+					class: "v-data-table-sort",
+					"data-direction": F.value?.key === t.key ? F.value.direction : void 0,
+					onClick: (e) => Je(t.key)
+				}, [w(e.$slots, `head-${t.key}`, { column: t }, () => [_(T(t.label), 1)]), v(i, x({ class: "v-data-table-sort-icon" }, { ref_for: !0 }, E(n)(Xe(t))), null, 16)], 8, A)) : w(e.$slots, `head-${t.key}`, { column: t }, () => [_(T(t.label), 1)], void 0, 1)], 8, Se))), 128))])]),
+				g("tbody", null, [c.loading ? (S(), h("tr", j, [g("td", {
 					colspan: $.value,
-					class: "v-table-state"
-				}, [y(a, { label: D(b).dataTable.loading }, null, 8, ["label"])], 8, Ce)])) : K.value.length === 0 ? (C(), g("tr", we, [_("td", {
+					class: "v-data-table-state"
+				}, [w(e.$slots, "loading", {}, () => [g("span", we, [v(o, { label: N.value }, null, 8, ["label"]), g("span", Te, T(N.value), 1)])])], 8, Ce)])) : K.value.length === 0 ? (S(), h("tr", Ee, [g("td", {
 					colspan: $.value,
-					class: "v-table-state"
-				}, E(j.value), 9, Te)])) : (C(!0), g(f, { key: 2 }, w(K.value, (t, n) => (C(), g("tr", {
-					key: R(t, n),
-					"data-selected": l.selectable && Q(t, n) ? "" : void 0
-				}, [l.selectable ? (C(), g("td", De, [y(s, {
-					"model-value": Q(t, n),
-					"aria-label": Ze(t, n),
-					"onUpdate:modelValue": (e) => Ye(t, n)
+					class: "v-data-table-state"
+				}, [w(e.$slots, "empty", { search: $e.value }, () => [_(T(M.value), 1)])], 8, De)])) : (S(!0), h(d, { key: 2 }, C(K.value, (t, n) => (S(), h("tr", {
+					key: Y.value[n],
+					"data-selected": c.selectable && Z(Y.value[n]) ? "" : void 0
+				}, [c.selectable ? (S(), h("td", ke, [v(s, {
+					"model-value": Z(Y.value[n]),
+					"aria-label": nt(t, n),
+					"onUpdate:modelValue": (e) => Q(Y.value[n])
 				}, null, 8, [
 					"model-value",
 					"aria-label",
 					"onUpdate:modelValue"
-				])])) : h("", !0), (C(!0), g(f, null, w(l.columns, (n) => (C(), g("td", {
+				])])) : m("", !0), (S(!0), h(d, null, C(c.columns, (n) => (S(), h("td", {
 					key: n.key,
 					"data-label": n.label,
 					"data-align": n.align
-				}, [T(e.$slots, `cell-${n.key}`, {
+				}, [w(e.$slots, `cell-${n.key}`, {
 					row: t,
 					value: t[n.key],
 					column: n
-				}, () => [v(E(t[n.key]), 1)])], 8, Oe))), 128))], 8, Ee))), 128))])
+				}, () => [_(T(t[n.key]), 1)])], 8, Ae))), 128))], 8, Oe))), 128))])
 			], 16)]),
-			H.value || l.selectable ? (C(), g("div", ke, [l.selectable ? (C(), g("span", Ae, E($e.value), 1)) : h("", !0), H.value ? (C(), g("div", je, [
-				l.perPageOptions?.length ? (C(), g("div", Me, [_("span", Ne, E(M.value), 1), y(oe, {
+			H.value || c.selectable ? (S(), h("div", je, [c.selectable ? (S(), h("span", Me, T(it.value), 1)) : m("", !0), H.value ? (S(), h("div", Ne, [
+				c.perPageOptions?.length ? (S(), h("div", Pe, [g("span", Fe, T(P.value), 1), v(se, {
 					size: "sm",
-					compact: l.compact,
+					compact: c.compact,
 					placement: "top-end",
 					"match-trigger": ""
 				}, {
-					trigger: A(({ triggerProps: e }) => [y(o, S({
+					trigger: k(({ triggerProps: e }) => [v(ee, x({
 						variant: "ghost",
 						tone: "neutral",
 						size: "sm",
-						compact: l.compact
-					}, e, { "aria-label": D(b).dataTable.perPageValue(M.value, F.value ?? 0) }), {
-						default: A(() => [v(E(F.value) + " ", 1), y(n, { name: D(le) }, null, 8, ["name"])]),
+						compact: c.compact
+					}, e, { "aria-label": E(y).dataTable.perPageValue(P.value, L.value ?? 0) }), {
+						default: k(() => [_(T(L.value) + " ", 1), v(i, { name: E(de) }, null, 8, ["name"])]),
 						_: 1
 					}, 16, ["compact", "aria-label"])]),
-					default: A(() => [(C(!0), g(f, null, w(l.perPageOptions, (e) => (C(), m(se, {
+					default: k(() => [(S(!0), h(d, null, C(c.perPageOptions, (e) => (S(), p(ce, {
 						key: e,
 						label: String(e),
-						selected: e === F.value,
-						onSelect: (t) => Qe(e)
+						selected: e === L.value,
+						onSelect: (t) => rt(e)
 					}, null, 8, [
 						"label",
 						"selected",
 						"onSelect"
 					]))), 128))]),
 					_: 1
-				}, 8, ["compact"])])) : h("", !0),
-				l.showRange ? (C(), g("span", Pe, E(et.value), 1)) : h("", !0),
-				y(te, {
-					modelValue: P.value,
-					"onUpdate:modelValue": t[1] ||= (e) => P.value = e,
-					label: D(b).dataTable.pagination,
+				}, 8, ["compact"])])) : m("", !0),
+				c.showRange ? (S(), h("span", Ie, T(at.value), 1)) : m("", !0),
+				v(ne, {
+					modelValue: I.value,
+					"onUpdate:modelValue": t[1] ||= (e) => I.value = e,
+					label: E(y).dataTable.pagination,
 					length: W.value,
 					size: "sm",
-					compact: l.compact,
+					compact: c.compact,
 					align: "end",
-					variant: "ghost",
 					"total-visible": 7
 				}, null, 8, [
 					"modelValue",
@@ -386,11 +375,11 @@ var me = [
 					"length",
 					"compact"
 				])
-			])) : h("", !0)])) : h("", !0)
-		], 14, me));
+			])) : m("", !0)])) : m("", !0)
+		], 14, ge));
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };
 
 //# sourceMappingURL=VDataTable.vue_vue_type_script_setup_true_lang.js.map