vectis-ui 0.15.0 → 0.16.0

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

@@ -31,7 +31,6 @@ import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m
 var we = [
 	"data-variant",
 	"data-striped",
-	"data-compact",
 	"data-sticky-header",
 	"data-selectable",
 	"data-virtual"
@@ -88,7 +87,7 @@ var we = [
 	key: 1,
 	class: "v-data-table-range",
 	"aria-live": "polite"
-}, j = /*@__PURE__*/ y({
+}, $e = 46, j = /*@__PURE__*/ y({
 	inheritAttrs: !1,
 	__name: "VDataTable",
 	props: /*@__PURE__*/ b({
@@ -119,10 +118,6 @@ var we = [
 			type: Boolean,
 			default: !1
 		},
-		compact: {
-			type: Boolean,
-			default: !1
-		},
 		height: { default: void 0 },
 		sortIcon: { default: () => u },
 		sortAscIcon: { default: () => c },
@@ -183,11 +178,11 @@ var we = [
 		"update:search"
 	]),
 	setup(c, { expose: l, emit: u }) {
-		let y = c, b = n(), j = t(), M = f(() => y.loadingText ?? b.value.dataTable.loading), $e = f(() => y.searchPlaceholder ?? b.value.dataTable.searchPlaceholder), et = f(() => y.searchLabel ?? b.value.dataTable.searchLabel), N = f(() => y.perPageText ?? b.value.dataTable.perPage), tt = f(() => y.selectAllLabel ?? b.value.dataTable.selectAll), P = O(c, "sort"), F = O(c, "page"), I = O(c, "perPage"), L = O(c, "selected"), R = O(c, "search"), nt = u, { attrs: rt, rootClass: it, rootStyle: at, forwardedAttrs: ot } = ne(), st = Se(), ct = C(null);
-		l({ el: ct });
-		let lt = xe(), ut = xe(), dt = () => rt["aria-label"] !== void 0 || rt["aria-labelledby"] !== void 0, ft = f(() => y.title && !st.header && !dt() ? lt : void 0), pt = f(() => y.subtitle && !st.header ? ut : void 0);
+		let y = c, b = n(), j = t(), M = f(() => y.loadingText ?? b.value.dataTable.loading), et = f(() => y.searchPlaceholder ?? b.value.dataTable.searchPlaceholder), tt = f(() => y.searchLabel ?? b.value.dataTable.searchLabel), N = f(() => y.perPageText ?? b.value.dataTable.perPage), nt = f(() => y.selectAllLabel ?? b.value.dataTable.selectAll), P = O(c, "sort"), F = O(c, "page"), I = O(c, "perPage"), L = O(c, "selected"), R = O(c, "search"), rt = u, { attrs: it, rootClass: at, rootStyle: ot, forwardedAttrs: st } = ne(), ct = Se(), lt = C(null);
+		l({ el: lt });
+		let ut = xe(), dt = xe(), ft = () => it["aria-label"] !== void 0 || it["aria-labelledby"] !== void 0, pt = f(() => y.title && !ct.header && !ft() ? ut : void 0), mt = f(() => y.subtitle && !ct.header ? dt : void 0);
 		if (e) {
-			!ft.value && !dt() && console.warn("[VDataTable] the table has no accessible name: set `title`, or aria-label or aria-labelledby when the `#header` slot replaces it."), y.selectable && !y.rowKey && console.warn("[VDataTable] `selectable` without `rowKey` — index-based identities are corrupted by sorting, filtering and pagination.");
+			!pt.value && !ft() && console.warn("[VDataTable] the table has no accessible name: set `title`, or aria-label or aria-labelledby when the `#header` slot replaces it."), y.selectable && !y.rowKey && console.warn("[VDataTable] `selectable` without `rowKey` — index-based identities are corrupted by sorting, filtering and pagination.");
 			let e = /* @__PURE__ */ new Set();
 			Ce(() => {
 				let t = y.rowKey;
@@ -199,33 +194,33 @@ var we = [
 				}
 			});
 		}
-		function mt(e, t) {
+		function ht(e, t) {
 			if (!y.rowKey) return t;
 			let n = e[y.rowKey];
 			return typeof n == "string" || typeof n == "number" ? n : String(n);
 		}
-		let ht = ae(), gt = (e, t) => ht(e, String(e[t] ?? ""), t), z = f(() => {
+		let gt = ae(), _t = (e, t) => gt(e, String(e[t] ?? ""), t), z = f(() => {
 			if (y.serverSide || !y.searchable) return y.rows;
 			let e = oe((R.value ?? "").trim());
-			return e ? y.rows.filter((t) => y.columns.some((n) => gt(t, n.key).includes(e))) : y.rows;
-		}), _t = f(() => new Intl.Collator(j.value, { numeric: !0 })), vt = /^\s*[+-]?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?\s*$/i;
-		function yt(e) {
-			return e instanceof Date ? e.getTime() : typeof e == "string" && vt.test(e) ? Number(e) : e;
+			return e ? y.rows.filter((t) => y.columns.some((n) => _t(t, n.key).includes(e))) : y.rows;
+		}), vt = f(() => new Intl.Collator(j.value, { numeric: !0 })), yt = /^\s*[+-]?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?\s*$/i;
+		function bt(e) {
+			return e instanceof Date ? e.getTime() : typeof e == "string" && yt.test(e) ? Number(e) : e;
 		}
-		let bt = f(() => {
+		let xt = f(() => {
 			let e = P.value;
 			if (!e || y.serverSide) return z.value;
-			let t = e.direction === "asc" ? 1 : -1, n = _t.value.compare;
+			let t = e.direction === "asc" ? 1 : -1, n = vt.value.compare;
 			return [...z.value].sort((r, i) => {
-				let a = yt(r[e.key]), o = yt(i[e.key]);
+				let a = bt(r[e.key]), o = bt(i[e.key]);
 				return typeof a == "number" && typeof o == "number" ? (a - o) * t : n(String(a ?? ""), String(o ?? "")) * t;
 			});
-		}), B = f(() => (I.value ?? 0) > 0), V = f(() => y.serverSide ? y.total ?? y.rows.length : z.value.length), xt = f(() => B.value ? Math.max(1, Math.ceil(V.value / (I.value ?? 1))) : 1), H = f(() => ee(F.value, 1, xt.value)), U = f(() => {
-			if (y.serverSide || !B.value) return bt.value;
+		}), B = f(() => (I.value ?? 0) > 0), V = f(() => y.serverSide ? y.total ?? y.rows.length : z.value.length), St = f(() => B.value ? Math.max(1, Math.ceil(V.value / (I.value ?? 1))) : 1), H = f(() => ee(F.value, 1, St.value)), U = f(() => {
+			if (y.serverSide || !B.value) return xt.value;
 			let e = (H.value - 1) * (I.value ?? 0);
-			return bt.value.slice(e, e + (I.value ?? 0));
+			return xt.value.slice(e, e + (I.value ?? 0));
 		});
-		function St(e) {
+		function Ct(e) {
 			let t = P.value;
 			!t || t.key !== e ? P.value = {
 				key: e,
@@ -235,20 +230,20 @@ var we = [
 				direction: "desc"
 			} : P.value = null;
 		}
-		function Ct(e) {
+		function wt(e) {
 			if (P.value?.key === e.key) return P.value.direction === "asc" ? "ascending" : "descending";
 		}
-		function wt(e) {
+		function Tt(e) {
 			return P.value?.key === e.key ? P.value.direction === "asc" ? y.sortAscIcon : y.sortDescIcon : y.sortIcon;
 		}
-		let W = C(R.value), Tt = se();
-		function Et() {
+		let W = C(R.value), Et = se();
+		function Dt() {
 			R.value !== W.value && (W.value = R.value, F.value = 1);
 		}
 		k(R, () => {
-			y.serverSide ? Tt.start(Et, y.searchDebounce) : F.value = 1;
+			y.serverSide ? Et.start(Dt, y.searchDebounce) : F.value = 1;
 		});
-		let G = f(() => y.serverSide ? W.value : R.value), Dt = f(() => y.emptyText ?? (G.value ? b.value.dataTable.noResults : b.value.dataTable.empty));
+		let G = f(() => y.serverSide ? W.value : R.value), Ot = f(() => y.emptyText ?? (G.value ? b.value.dataTable.noResults : b.value.dataTable.empty));
 		k([
 			F,
 			() => I.value ?? null,
@@ -256,7 +251,7 @@ var we = [
 			() => P.value?.direction ?? null,
 			W
 		], ([e, t, n, r, i]) => {
-			y.serverSide && nt("update:params", {
+			y.serverSide && rt("update:params", {
 				page: e,
 				perPage: t,
 				sortKey: n,
@@ -264,13 +259,13 @@ var we = [
 				search: i
 			});
 		});
-		let K = f(() => new Set(L.value)), q = f(() => U.value.map((e, t) => mt(e, t))), J = f(() => q.value.length > 0 && q.value.every((e) => K.value.has(e))), Ot = f(() => !J.value && q.value.some((e) => K.value.has(e))), kt = (e) => K.value.has(e);
-		function At(e) {
+		let K = f(() => new Set(L.value)), q = f(() => U.value.map((e, t) => ht(e, t))), J = f(() => q.value.length > 0 && q.value.every((e) => K.value.has(e))), kt = f(() => !J.value && q.value.some((e) => K.value.has(e))), At = (e) => K.value.has(e);
+		function jt(e) {
 			L.value = ce(L.value, e);
 		}
-		let jt = f(() => q.value.length === 0 || y.loading);
-		function Mt() {
-			if (jt.value) return;
+		let Mt = f(() => q.value.length === 0 || y.loading);
+		function Nt() {
+			if (Mt.value) return;
 			let e = q.value;
 			if (J.value) {
 				let t = new Set(e);
@@ -280,29 +275,26 @@ var we = [
 				L.value = [...L.value, ...e.filter((e) => !t.has(e))];
 			}
 		}
-		function Nt(e, t) {
-			let n = Pt.value + t;
+		function Pt(e, t) {
+			let n = Ft.value + t;
 			return y.selectRowLabel?.(e, n) ?? b.value.dataTable.selectRow(n + 1);
 		}
-		let Pt = f(() => B.value ? (H.value - 1) * (I.value ?? 0) : 0), Y = C(null), Ft = C(null), X = C(null), Z = C(-1);
-		function It(e) {
+		let Ft = f(() => B.value ? (H.value - 1) * (I.value ?? 0) : 0), Y = C(null), It = C(null), X = C(null), Z = C(-1);
+		function Lt(e) {
 			if (!(e instanceof Element)) return -1;
 			let t = e.closest("tr");
 			return !t || t.parentElement !== X.value || t.dataset.index === void 0 ? -1 : Number(t.dataset.index);
 		}
-		let Lt = {
-			regular: 46,
-			compact: 38
-		}, Rt = ge({
+		let Rt = ge({
 			scrollEl: f(() => y.virtual ? Y.value : null),
 			listEl: X,
 			count: () => U.value.length,
 			key: (e) => q.value[e],
-			itemSize: () => y.compact ? Lt.compact : Lt.regular,
+			itemSize: () => $e,
 			overscan: () => 5,
 			initialCount: () => 20,
 			pinned: () => Z.value >= 0 ? [Z.value] : [],
-			insetStart: () => y.stickyHeader ? Ft.value?.offsetHeight ?? 0 : 0
+			insetStart: () => y.stickyHeader ? It.value?.offsetHeight ?? 0 : 0
 		}), zt = Rt.measure, Bt = f(() => y.virtual ? Rt.segments.value : U.value.map((e, t) => ({
 			type: "row",
 			index: t
@@ -314,7 +306,7 @@ var we = [
 			root: () => Y.value,
 			canLoad: () => y.hasMore && !y.loading,
 			loaded: () => y.rows,
-			onLoadMore: () => nt("load-more")
+			onLoadMore: () => rt("load-more")
 		}), e && k(Bt, (e) => {
 			let t = Y.value;
 			!y.virtual || !t || U.value.length < 100 || t.scrollHeight > t.clientHeight || e.some((e) => e.type === "spacer") || console.warn("[VDataTable] `virtual` renders every row because the table does not scroll: give it a `height` or a parent with a height.");
@@ -340,18 +332,17 @@ var we = [
 			});
 		}), Gt = f(() => y.height === void 0 ? void 0 : { blockSize: i(y.height) });
 		return (e, t) => (S(), h("div", {
-			class: ye(["v-data-table", D(it)]),
-			style: be([Gt.value, D(at)]),
+			class: ye(["v-data-table", D(at)]),
+			style: be([Gt.value, D(ot)]),
 			"data-variant": c.variant,
 			"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,
 			"data-virtual": c.virtual ? "" : void 0
 		}, [
 			c.title || c.subtitle || e.$slots.header || c.searchable ? (S(), h("div", Te, [T(e.$slots, "header", {}, () => [c.title || c.subtitle ? (S(), h("div", Ee, [c.title ? (S(), p(o, {
 				key: 0,
-				id: D(lt),
+				id: D(ut),
 				as: "div",
 				variant: "heading-4",
 				class: "v-data-table-title"
@@ -360,7 +351,7 @@ var we = [
 				_: 1
 			}, 8, ["id"])) : m("", !0), c.subtitle ? (S(), p(o, {
 				key: 1,
-				id: D(ut),
+				id: D(dt),
 				variant: "subtitle",
 				tone: "muted",
 				class: "v-data-table-subtitle"
@@ -374,14 +365,12 @@ var we = [
 				class: "v-data-table-search",
 				type: "search",
 				size: "sm",
-				compact: c.compact,
 				"icon-start": D(ve),
 				clearable: "",
-				placeholder: $e.value,
-				"aria-label": et.value
+				placeholder: et.value,
+				"aria-label": tt.value
 			}, null, 8, [
 				"modelValue",
-				"compact",
 				"icon-start",
 				"placeholder",
 				"aria-label"
@@ -393,22 +382,22 @@ var we = [
 				class: "v-data-table-scroller"
 			}, [g("table", x({
 				ref_key: "tableEl",
-				ref: ct,
+				ref: lt,
 				class: "v-data-table-table",
-				"aria-labelledby": ft.value,
-				"aria-describedby": pt.value,
+				"aria-labelledby": pt.value,
+				"aria-describedby": mt.value,
 				"aria-rowcount": Vt.value,
 				"aria-busy": Ht.value ? "true" : void 0
-			}, D(ot)), [g("thead", {
+			}, D(st)), [g("thead", {
 				ref_key: "theadEl",
-				ref: Ft,
+				ref: It,
 				class: "v-data-table-head"
 			}, [g("tr", { "aria-rowindex": c.virtual ? 1 : void 0 }, [c.selectable ? (S(), h("th", je, [v(ue, {
 				"model-value": J.value,
-				indeterminate: Ot.value,
-				disabled: jt.value,
-				"aria-label": tt.value,
-				"onUpdate:modelValue": Mt
+				indeterminate: kt.value,
+				disabled: Mt.value,
+				"aria-label": nt.value,
+				"onUpdate:modelValue": Nt
 			}, null, 8, [
 				"model-value",
 				"indeterminate",
@@ -418,18 +407,18 @@ var we = [
 				key: t.key,
 				scope: "col",
 				"data-align": t.align,
-				"aria-sort": Ct(t)
+				"aria-sort": wt(t)
 			}, [t.sortable ? (S(), h("button", {
 				key: 0,
 				type: "button",
 				class: "v-data-table-sort",
 				"data-direction": P.value?.key === t.key ? P.value.direction : void 0,
-				onClick: (e) => St(t.key)
-			}, [T(e.$slots, `head-${t.key}`, { column: t }, () => [_(E(t.label), 1)]), v(a, x({ class: "v-data-table-sort-icon" }, { ref_for: !0 }, D(r)(wt(t))), null, 16)], 8, Ne)) : T(e.$slots, `head-${t.key}`, { column: t }, () => [_(E(t.label), 1)], void 0, 1)], 8, Me))), 128))], 8, Ae)], 512), g("tbody", {
+				onClick: (e) => Ct(t.key)
+			}, [T(e.$slots, `head-${t.key}`, { column: t }, () => [_(E(t.label), 1)]), v(a, x({ class: "v-data-table-sort-icon" }, { ref_for: !0 }, D(r)(Tt(t))), null, 16)], 8, Ne)) : T(e.$slots, `head-${t.key}`, { column: t }, () => [_(E(t.label), 1)], void 0, 1)], 8, Me))), 128))], 8, Ae)], 512), g("tbody", {
 				ref_key: "tbodyEl",
 				ref: X,
-				onFocusin: t[1] ||= (e) => Z.value = It(e.target),
-				onFocusout: t[2] ||= (e) => Z.value = It(e.relatedTarget)
+				onFocusin: t[1] ||= (e) => Z.value = Lt(e.target),
+				onFocusout: t[2] ||= (e) => Z.value = Lt(e.relatedTarget)
 			}, [c.loading && !Ht.value ? (S(), h("tr", Pe, [g("td", {
 				colspan: $.value,
 				class: "v-data-table-state"
@@ -439,7 +428,7 @@ var we = [
 			}, [T(e.$slots, "empty", { search: G.value }, () => [v(fe, {
 				size: "sm",
 				icon: G.value ? D(me) : D(pe),
-				title: Dt.value
+				title: Ot.value
 			}, null, 8, ["icon", "title"])])], 8, ze)])) : (S(), h(d, { key: 2 }, [(S(!0), h(d, null, w(Bt.value, (t) => (S(), h(d, { key: t.type === "row" ? q.value[t.index] : t.key }, [t.type === "spacer" ? (S(), h("tr", Be, [g("td", {
 				colspan: $.value,
 				style: be({ blockSize: `${t.size}px` })
@@ -448,13 +437,13 @@ var we = [
 				ref_for: !0,
 				ref: c.virtual ? (e) => D(zt)(e, t.index) : void 0,
 				"data-index": c.virtual ? t.index : void 0,
-				"aria-rowindex": c.virtual ? Pt.value + t.index + 2 : void 0,
+				"aria-rowindex": c.virtual ? Ft.value + t.index + 2 : void 0,
 				"data-stripe": c.striped && t.index % 2 == 1 ? "" : void 0,
-				"data-selected": c.selectable && kt(q.value[t.index]) ? "" : void 0
+				"data-selected": c.selectable && At(q.value[t.index]) ? "" : void 0
 			}, [c.selectable ? (S(), h("td", Ue, [v(ue, {
-				"model-value": kt(q.value[t.index]),
-				"aria-label": Nt(U.value[t.index], t.index),
-				"onUpdate:modelValue": (e) => At(q.value[t.index])
+				"model-value": At(q.value[t.index]),
+				"aria-label": Pt(U.value[t.index], t.index),
+				"onUpdate:modelValue": (e) => jt(q.value[t.index])
 			}, null, 8, [
 				"model-value",
 				"aria-label",
@@ -475,19 +464,17 @@ var we = [
 			}, [g("td", { colspan: $.value }, [c.loading ? (S(), h("span", Ke, [v(s), g("span", null, E(M.value), 1)])) : m("", !0)], 8, Ge)], 512)) : m("", !0)], 64))], 544)], 16, ke)], 512), B.value || c.selectable ? (S(), h("div", qe, [c.selectable ? (S(), h("span", Je, E(Ut.value), 1)) : m("", !0), B.value ? (S(), h("div", Ye, [
 				c.perPageOptions?.length ? (S(), h("div", Xe, [g("span", Ze, E(N.value), 1), v(re, {
 					size: "sm",
-					compact: c.compact,
 					placement: "top-end",
 					"match-trigger": ""
 				}, {
 					trigger: A(({ triggerProps: e }) => [v(te, x({
 						variant: "ghost",
 						tone: "neutral",
-						size: "sm",
-						compact: c.compact
+						size: "sm"
 					}, e, { "aria-label": D(b).dataTable.perPageValue(N.value, I.value ?? 0) }), {
 						default: A(() => [_(E(I.value) + " ", 1), v(a, { name: D(_e) }, null, 8, ["name"])]),
 						_: 1
-					}, 16, ["compact", "aria-label"])]),
+					}, 16, ["aria-label"])]),
 					default: A(() => [(S(!0), h(d, null, w(c.perPageOptions, (e) => (S(), p(de, {
 						key: e,
 						label: String(e),
@@ -499,16 +486,15 @@ var we = [
 						"onSelect"
 					]))), 128))]),
 					_: 1
-				}, 8, ["compact"])])) : m("", !0),
+				})])) : m("", !0),
 				c.showRange ? (S(), h("span", Qe, E(Wt.value), 1)) : m("", !0),
 				v(ie, {
 					modelValue: F.value,
 					"onUpdate:modelValue": t[3] ||= (e) => F.value = e,
 					label: D(b).dataTable.pagination,
-					length: xt.value,
+					length: St.value,
 					size: "sm",
 					"item-variant": "ghost",
-					compact: c.compact,
 					align: "end",
 					"total-visible": 0,
 					"edge-controls": "",
@@ -516,8 +502,7 @@ var we = [
 				}, null, 8, [
 					"modelValue",
 					"label",
-					"length",
-					"compact"
+					"length"
 				])
 			])) : m("", !0)])) : m("", !0)])
 		], 14, we));