@bridge-ui/vue 0.6.0 → 0.8.0

package/dist/Components/DataTable/composables/useDataTable.js

@@ -1,147 +1,147 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
-import { computed as r, getCurrentInstance as i, onBeforeUnmount as a, ref as o, useAttrs as ee, useSlots as te } from "vue";
-import { compact as ne, fromPairs as re, get as s, head as c, isArray as ie, isEmpty as ae, isFunction as l, isNil as oe, isString as se, keyBy as ce, map as u, omit as le } from "es-toolkit/compat";
-import { DATATABLE_EXPAND_COLUMN_ID as d, DATATABLE_SELECTION_COLUMN_ID as f, getDataTableAriaSort as ue, getDataTableColumnAccessor as p, getDataTableColumnCssWidth as de, getDataTableColumnFilterValues as fe, getDataTableColumnSearch as pe, getDataTableDefaultCellContent as me, getDataTablePaginationVariant as he, getDataTablePerPageSelectOptions as ge, getDataTableResolvedPageCount as _e, getDataTableResolvedPerPage as ve, getDataTableSelectAllState as ye, getDataTableSortIcon as be, getDataTableStickyInsets as xe, getDataTableStickyPing as Se, isDataTableClientPaged as Ce, isDataTableColumnFilterable as we, isDataTableColumnFiltered as Te, isDataTableColumnSearchable as Ee, isDataTableColumnSearched as De, isDataTableExpandEnabled as Oe, isDataTablePerPageEnabled as ke, isDataTableSearchEnabled as Ae, isDataTableSelectionEnabled as je, isDataTableSelectionMultiple as Me, isDataTableServerPaged as Ne, isDataTableStickyHeader as Pe, isDataTableStickyHeaderBoxed as Fe, isDataTableVisibilityEnabled as Ie, matchDataTableSearch as Le, observeDataTablePaginationInline as Re, resolveDataTableRowId as ze, rowMatchesDataTableColumnSearch as Be, rowSelectionToIds as Ve, selectionToRowSelection as He, setDataTableColumnFilter as Ue, setDataTableColumnSearch as We, setDataTableRowSelection as Ge, sliceDataTablePage as Ke, toggleDataTableColumnVisibility as qe, toggleDataTablePageSelection as Je, toggleDataTableRowExpansion as Ye, toggleDataTableSorting as Xe } from "@bridge-ui/core/Domain";
-import { tableVariantProps as Ze } from "@bridge-ui/core/Tokens";
-import { cn as m, mergeBridgeUILayeredClasses as Qe, splitComponentProps as $e } from "@bridge-ui/core/Utils";
-import { getCoreRowModel as h, getFilteredRowModel as g, getSortedRowModel as _, useVueTable as et } from "@tanstack/vue-table";
+import { computed as r, getCurrentInstance as i, onBeforeUnmount as a, ref as ee, useAttrs as te, useSlots as ne } from "vue";
+import { compact as re, fromPairs as ie, get as o, head as s, isArray as ae, isEmpty as oe, isFunction as c, isNil as se, isString as ce, keyBy as le, map as l, omit as ue } from "es-toolkit/compat";
+import { DATATABLE_EXPAND_COLUMN_ID as u, DATATABLE_SELECTION_COLUMN_ID as d, getDataTableAriaSort as de, getDataTableColumnAccessor as f, getDataTableColumnCssWidth as fe, getDataTableColumnFilterValues as pe, getDataTableColumnSearch as me, getDataTableDefaultCellContent as he, getDataTableFooterLayout as ge, getDataTablePerPageSelectOptions as _e, getDataTableResolvedPageCount as ve, getDataTableResolvedPerPage as ye, getDataTableSelectAllState as be, getDataTableSelectionTotal as xe, getDataTableSortIcon as Se, getDataTableStickyInsets as Ce, getDataTableStickyPing as we, isDataTableClientPaged as Te, isDataTableColumnFilterable as Ee, isDataTableColumnFiltered as De, isDataTableColumnSearchable as Oe, isDataTableColumnSearched as ke, isDataTableExpandEnabled as Ae, isDataTablePerPageEnabled as je, isDataTableSearchEnabled as Me, isDataTableSelectionEnabled as Ne, isDataTableSelectionMultiple as Pe, isDataTableServerPaged as Fe, isDataTableStickyHeader as Ie, isDataTableStickyHeaderBoxed as Le, isDataTableVisibilityEnabled as Re, matchDataTableSearch as ze, observeDataTablePaginationInline as Be, resolveDataTableRowId as Ve, rowMatchesDataTableColumnSearch as He, rowSelectionToIds as Ue, selectionToRowSelection as We, setDataTableColumnFilter as Ge, setDataTableColumnSearch as Ke, setDataTableRowSelection as qe, sliceDataTablePage as Je, toggleDataTableColumnVisibility as Ye, toggleDataTablePageSelection as Xe, toggleDataTableRowExpansion as Ze, toggleDataTableSorting as Qe } from "@bridge-ui/core/Domain";
+import { tableVariantProps as $e } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as et, splitComponentProps as tt } from "@bridge-ui/core/Utils";
+import { getCoreRowModel as m, getFilteredRowModel as h, getSortedRowModel as g, useVueTable as nt } from "@tanstack/vue-table";
 //#region src/Components/DataTable/composables/useDataTable.ts
-var tt = /* @__PURE__ */ "full.page.rows.size.search.classes.columns.filters.loading.perPage.rounded.sorting.striped.variant.expanded.getRowId.hoverable.pageCount.selection.totalCount.customProps.columnSearch.stickyHeader.filterOverlay.hiddenColumns.selectionMode.columnsOverlay.loadingVariant.perPageOptions.columnsShowFooter".split("."), v = {
+var rt = /* @__PURE__ */ "full.page.rows.size.search.classes.columns.filters.loading.perPage.rounded.sorting.striped.variant.expanded.getRowId.hoverable.pageCount.selection.totalCount.customProps.columnSearch.stickyHeader.filterOverlay.hiddenColumns.selectionMode.columnsOverlay.loadingVariant.perPageOptions.columnsShowFooter".split("."), it = {
 	enableHiding: !1,
 	enableSorting: !1,
 	cell: () => null,
 	header: () => null
-}, nt = [], rt = [], it = [], at = h(), ot = _(), st = g();
-function y(h, g, _) {
-	let y = ee(), b = te(), x = i(), S = r(() => $e({
-		bridgeKeys: tt,
+}, at = [], ot = [], st = [], ct = m(), lt = g(), ut = h();
+function _(m, h, g) {
+	let _ = te(), v = ne(), dt = i(), y = r(() => tt({
+		bridgeKeys: rt,
 		props: {
-			...y,
-			...h,
-			page: _.page.value,
-			perPage: _.perPage.value,
-			filters: _.filters.value,
-			sorting: _.sorting.value,
-			expanded: _.expanded.value,
-			selection: _.selection.value,
-			columnSearch: _.columnSearch.value,
-			hiddenColumns: _.hiddenColumns.value
+			..._,
+			...m,
+			page: g.page.value,
+			perPage: g.perPage.value,
+			filters: g.filters.value,
+			sorting: g.sorting.value,
+			expanded: g.expanded.value,
+			selection: g.selection.value,
+			columnSearch: g.columnSearch.value,
+			hiddenColumns: g.hiddenColumns.value
 		}
-	})), { merged: C, components: ct, entry: lt } = t({
-		libDefaults: g,
+	})), { merged: b, components: ft, entry: pt } = t({
+		libDefaults: h,
 		componentName: "DataTable",
-		props: () => S.value.componentProps
-	}), w = r(() => C.value.customProps), ut = r(() => le(S.value.inheritedAttrs, ["children"])), T = n({
-		entry: lt,
-		props: () => S.value.componentProps
-	}), dt = r(() => Qe(Ze, s(ct.value, [
+		props: () => y.value.componentProps
+	}), x = r(() => b.value.customProps), mt = r(() => ue(y.value.inheritedAttrs, ["children"])), S = n({
+		entry: pt,
+		props: () => y.value.componentProps
+	}), ht = r(() => et($e, o(ft.value, [
 		"Table",
 		"tokens",
 		"variant"
-	]))), E = r(() => s(dt.value, C.value.variant)), D = r(() => C.value.columns ?? rt), O = r(() => ce(D.value, "id")), ft = r(() => C.value.rows ?? nt), k = r(() => je(_.selection.value, y["onUpdate:selection"] !== void 0)), A = r(() => Oe(_.expanded.value, y["onUpdate:expanded"] !== void 0, b.expanded !== void 0)), j = r(() => Ie(_.hiddenColumns.value, y["onUpdate:hiddenColumns"] !== void 0)), M = r(() => Me(C.value.selectionMode)), N = r(() => Ne(_.page.value, C.value.pageCount, C.value.totalCount)), P = r(() => Ce(_.page.value, _.perPage.value, C.value.pageCount, C.value.totalCount)), F = r(() => ve(_.perPage.value)), I = r(() => Pe(C.value.stickyHeader)), L = r(() => Fe(C.value.stickyHeader)), R = r(() => _.sorting.value ? [{
-		id: _.sorting.value.id,
-		desc: _.sorting.value.desc
-	}] : []), pt = r(() => u(_.filters.value ?? {}, (e, t) => ({
+	]))), C = r(() => o(ht.value, b.value.variant)), w = r(() => b.value.columns ?? ot), T = r(() => le(w.value, "id")), gt = r(() => b.value.rows ?? at), E = r(() => Ne(g.selection.value, _["onUpdate:selection"] !== void 0)), _t = r(() => Ae(g.expanded.value, _["onUpdate:expanded"] !== void 0, v.expanded !== void 0)), D = r(() => Re(g.hiddenColumns.value, _["onUpdate:hiddenColumns"] !== void 0)), O = r(() => Pe(b.value.selectionMode)), k = r(() => Fe(g.page.value, b.value.pageCount, b.value.totalCount)), A = r(() => Te(g.page.value, g.perPage.value, b.value.pageCount, b.value.totalCount)), j = r(() => ye(g.perPage.value)), M = r(() => Ie(b.value.stickyHeader)), N = r(() => Le(b.value.stickyHeader)), P = r(() => g.sorting.value ? [{
+		id: g.sorting.value.id,
+		desc: g.sorting.value.desc
+	}] : []), vt = r(() => l(g.filters.value ?? {}, (e, t) => ({
 		id: t,
 		value: e
-	}))), z = r(() => He(_.selection.value)), B = r(() => _.hiddenColumns.value ?? it), mt = r(() => re(B.value.map((e) => [e, !1]))), ht = r(() => {
-		let e = D.value.map((e) => ({
+	}))), F = r(() => We(g.selection.value)), I = r(() => g.hiddenColumns.value ?? st), yt = r(() => ie(I.value.map((e) => [e, !1]))), bt = r(() => {
+		let e = w.value.map((e) => ({
 			id: e.id,
 			enableSorting: e.sortable === !0,
 			enableHiding: e.hideable !== !1,
-			enableColumnFilter: we(e),
+			enableColumnFilter: Ee(e),
 			header: () => e.header,
 			cell: (t) => e.cell?.(t.row.original) ?? null,
-			accessorFn: (t) => p(t, e),
+			accessorFn: (t) => f(t, e),
 			filterFn: (e, t, n) => {
-				let r = ie(n) ? n : [];
-				return ae(r) ? !0 : r.includes(String(e.getValue(t) ?? ""));
+				let r = ae(n) ? n : [];
+				return oe(r) ? !0 : r.includes(String(e.getValue(t) ?? ""));
 			}
 		}));
-		return ne([
-			k.value ? {
-				...v,
-				id: f
-			} : void 0,
-			A.value ? {
-				...v,
+		return re([
+			E.value ? {
+				...it,
 				id: d
 			} : void 0,
+			_t.value ? {
+				...it,
+				id: u
+			} : void 0,
 			...e
 		]);
-	}), gt = et({
-		data: ft,
+	}), xt = nt({
+		data: gt,
 		enableSortingRemoval: !0,
-		getCoreRowModel: at,
+		getCoreRowModel: ct,
 		get columns() {
-			return ht.value;
+			return bt.value;
 		},
 		get manualSorting() {
-			return N.value;
+			return k.value;
 		},
 		get manualFiltering() {
-			return N.value;
+			return k.value;
 		},
 		get enableHiding() {
-			return j.value;
+			return D.value;
 		},
 		get enableRowSelection() {
-			return k.value;
+			return E.value;
 		},
 		get enableMultiRowSelection() {
-			return M.value;
+			return O.value;
 		},
 		get getSortedRowModel() {
-			return N.value ? void 0 : ot;
+			return k.value ? void 0 : lt;
 		},
-		getRowId: (e, t) => ze(e, t, C.value.getRowId),
+		getRowId: (e, t) => Ve(e, t, b.value.getRowId),
 		get getFilteredRowModel() {
-			return N.value ? void 0 : st;
+			return k.value ? void 0 : ut;
 		},
 		onRowSelectionChange: (e) => {
-			let t = l(e) ? e(z.value) : e;
-			_.selection.value = Ve(t);
+			let t = c(e) ? e(F.value) : e;
+			g.selection.value = Ue(t);
 		},
 		onSortingChange: (e) => {
-			let t = l(e) ? e(R.value) : e, n = c(t);
-			_.sorting.value = n ? {
+			let t = c(e) ? e(P.value) : e, n = s(t);
+			g.sorting.value = n ? {
 				id: n.id,
 				desc: n.desc
 			} : null;
 		},
 		state: {
 			get sorting() {
-				return R.value;
+				return P.value;
 			},
 			get rowSelection() {
-				return z.value;
+				return F.value;
 			},
 			get columnFilters() {
-				return pt.value;
+				return vt.value;
 			},
 			get columnVisibility() {
-				return mt.value;
+				return yt.value;
 			}
 		}
-	}), V = r(() => {
-		let e = gt.getRowModel().rows;
-		if (N.value) return e;
-		let t = _.search.value ?? "", n = B.value;
-		return e.filter((e) => Be(e.original, D.value, _.columnSearch.value, n) ? t.trim().length === 0 || D.value.some((r) => !n.includes(r.id) && Le(p(e.original, r), t)) : !1);
-	}), _t = r(() => P.value ? Ke(V.value, _.page.value ?? 1, F.value) : V.value), H = r(() => u(_t.value, "id")), vt = r(() => ye(H.value, _.selection.value ?? [])), U = r(() => {
-		let e = (c(gt.getHeaderGroups())?.headers ?? []).map((e) => {
-			let t = s(O.value, e.column.id);
+	}), L = r(() => {
+		let e = xt.getRowModel().rows;
+		if (k.value) return e;
+		let t = g.search.value ?? "", n = I.value;
+		return e.filter((e) => He(e.original, w.value, g.columnSearch.value, n) ? t.trim().length === 0 || w.value.some((r) => !n.includes(r.id) && ze(f(e.original, r), t)) : !1);
+	}), R = r(() => A.value ? Je(L.value, g.page.value ?? 1, j.value) : L.value), z = r(() => l(R.value, "id")), St = r(() => be(z.value, g.selection.value ?? [])), B = r(() => {
+		let e = (s(xt.getHeaderGroups())?.headers ?? []).map((e) => {
+			let t = o(T.value, e.column.id);
 			return {
 				column: t,
 				id: e.column.id,
 				width: t?.width,
 				sticky: t?.sticky,
-				isExpand: e.column.id === d,
-				isSelection: e.column.id === f
+				isExpand: e.column.id === u,
+				isSelection: e.column.id === d
 			};
-		}), t = xe(e, I.value ? 20 : 10);
+		}), t = Ce(e, M.value ? 20 : 10);
 		return e.map((e) => {
-			let n = s(t, e.id), r = e.column?.sortable ? ue(_.sorting.value ?? null, e.id) : "none";
+			let n = o(t, e.id), r = e.column?.sortable ? de(g.sorting.value ?? null, e.id) : "none";
 			return {
 				ariaSort: r,
 				id: e.id,
@@ -156,34 +156,34 @@ function y(h, g, _) {
 				stickyEdge: n?.edge === !0,
 				ellipsis: e.column?.ellipsis === !0,
 				sortable: e.column?.sortable === !0,
-				sortIcon: be(r),
+				sortIcon: Se(r),
 				hideable: e.column?.hideable !== !1,
 				filterOptions: e.column?.filters ?? [],
-				filterable: we(e.column),
-				searchable: Ee(e.column),
+				filterable: Ee(e.column),
+				searchable: Oe(e.column),
 				filterMultiple: e.column?.filterMultiple !== !1,
-				searchQuery: pe(_.columnSearch.value, e.id),
-				filterValues: fe(_.filters.value, e.id),
-				filterActive: Te(_.filters.value, e.id) || De(_.columnSearch.value, e.id)
+				searchQuery: me(g.columnSearch.value, e.id),
+				filterValues: pe(g.filters.value, e.id),
+				filterActive: De(g.filters.value, e.id) || ke(g.columnSearch.value, e.id)
 			};
 		});
-	}), yt = r(() => {
-		let e = xe(U.value.map((e) => ({
+	}), V = r(() => {
+		let e = Ce(B.value.map((e) => ({
 			id: e.id,
 			width: e.width,
 			sticky: e.sticky,
 			isExpand: e.isExpand,
 			isSelection: e.isSelection
 		})), 1);
-		return _t.value.map((t) => ({
+		return R.value.map((t) => ({
 			id: t.id,
 			original: t.original,
-			expanded: (_.expanded.value ?? []).includes(t.id),
-			selected: (_.selection.value ?? []).includes(t.id),
+			expanded: (g.expanded.value ?? []).includes(t.id),
+			selected: (g.selection.value ?? []).includes(t.id),
 			cells: t.getVisibleCells().map((n) => {
-				let r = s(O.value, n.column.id), i = s(e, n.column.id), a = r ? p(t.original, r) : void 0;
+				let r = o(T.value, n.column.id), i = o(e, n.column.id), a = r ? f(t.original, r) : void 0;
 				return {
-					tooltip: r?.ellipsis === !0 && !oe(a) && a !== "" ? String(a) : void 0,
+					tooltip: r?.ellipsis === !0 && !se(a) && a !== "" ? String(a) : void 0,
 					value: a,
 					id: n.column.id,
 					width: r?.width,
@@ -193,110 +193,110 @@ function y(h, g, _) {
 					stickyStyle: i?.style,
 					stickyEdge: i?.edge === !0,
 					ellipsis: r?.ellipsis === !0,
-					isExpand: n.column.id === d,
-					isSelection: n.column.id === f,
-					content: r?.cell ? r.cell(t.original) : me(a)
+					isExpand: n.column.id === u,
+					isSelection: n.column.id === d,
+					content: r?.cell ? r.cell(t.original) : he(a)
 				};
 			})
 		}));
-	}), bt = r(() => U.value.length), xt = r(() => !!b.pagination || !!b.perPage || N.value || P.value), W = r(() => ke(_.perPage.value, x?.vnode.props?.["onUpdate:perPage"] !== void 0, !!b.perPage)), St = r(() => _e({
-		perPage: _.perPage.value,
-		clientPaged: P.value,
-		pageCount: C.value.pageCount,
-		totalCount: C.value.totalCount,
-		filteredCount: V.value.length
-	})), Ct = r(() => yt.value.length === 0), wt = r(() => he(C.value.variant)), Tt = r(() => e(w.value?.root, ut.value, { class: m({ [L.value ? "" : s(T.value, "root") ?? ""]: !0 }) })), Et = r(() => U.value.some((e) => !!e.stickyStyle)), G = o({
+	}), Ct = r(() => B.value.length), H = r(() => je(g.perPage.value, dt?.vnode.props?.["onUpdate:perPage"] !== void 0, !!v.perPage)), U = r(() => ve({
+		perPage: g.perPage.value,
+		clientPaged: A.value,
+		pageCount: b.value.pageCount,
+		totalCount: b.value.totalCount,
+		filteredCount: L.value.length
+	})), W = r(() => E.value), G = r(() => !!v.pagination || U.value !== void 0), wt = r(() => W.value || G.value || H.value), Tt = r(() => V.value.length === 0), Et = r(() => e(x.value?.root, mt.value, { class: p({ [N.value ? "" : o(S.value, "root") ?? ""]: !0 }) })), Dt = r(() => B.value.some((e) => !!e.stickyStyle)), K = ee({
 		end: !1,
 		start: !1
-	}), K;
-	function q(e) {
-		let t = e ? Se(e.scrollLeft, e.scrollWidth, e.clientWidth) : {
+	}), q;
+	function J(e) {
+		let t = e ? we(e.scrollLeft, e.scrollWidth, e.clientWidth) : {
 			end: !1,
 			start: !1
 		};
-		(G.value.end !== t.end || G.value.start !== t.start) && (G.value = t);
+		(K.value.end !== t.end || K.value.start !== t.start) && (K.value = t);
 	}
-	function J(e) {
-		K?.disconnect(), K = void 0, q(e), !(!e || typeof ResizeObserver > "u") && (K = new ResizeObserver(() => {
-			q(e);
-		}), K.observe(e));
+	function Y(e) {
+		q?.disconnect(), q = void 0, J(e), !(!e || typeof ResizeObserver > "u") && (q = new ResizeObserver(() => {
+			J(e);
+		}), q.observe(e));
 	}
-	let Y = o(!1), X;
-	function Z(e) {
-		X?.(), X = void 0, e && (X = Re(e, (e) => {
-			Y.value !== e && (Y.value = e);
+	let X = ee(!1), Z;
+	function Q(e) {
+		Z?.(), Z = void 0, e && (Z = Be(e, (e) => {
+			X.value !== e && (X.value = e);
 		}));
 	}
-	function Dt(e) {
+	function Ot(e) {
 		let t = e.el;
-		Z(t instanceof HTMLElement ? t : null);
+		Q(t instanceof HTMLElement ? t : null);
 	}
-	function Ot() {
-		Z(null);
+	function kt() {
+		Q(null);
 	}
-	function kt(e) {
-		let t = w.value?.wrapper?.onScroll;
-		l(t) && t(e);
+	function At(e) {
+		let t = x.value?.wrapper?.onScroll;
+		c(t) && t(e);
 		let n = e.currentTarget;
-		n instanceof HTMLElement && q(n);
+		n instanceof HTMLElement && J(n);
 	}
-	function At(e, t) {
-		let n = w.value?.wrapper?.[e];
-		l(n) && n(t);
+	function jt(e, t) {
+		let n = x.value?.wrapper?.[e];
+		c(n) && n(t);
 	}
-	function jt(e) {
-		At("onVnodeMounted", e);
+	function Mt(e) {
+		jt("onVnodeMounted", e);
 		let t = e.el;
-		J(t instanceof HTMLElement ? t : null);
+		Y(t instanceof HTMLElement ? t : null);
 	}
-	function Mt(e) {
-		At("onVnodeUnmounted", e), J(null);
+	function Nt(e) {
+		jt("onVnodeUnmounted", e), Y(null);
 	}
 	a(() => {
-		J(null), Z(null);
+		Y(null), Q(null);
 	});
-	let Nt = r(() => ({
-		size: C.value.size,
-		variant: C.value.variant,
-		rounded: C.value.rounded,
-		full: C.value.full !== !1,
-		striped: C.value.striped === !0,
-		stickyHeader: I.value,
-		hoverable: C.value.hoverable === !0,
+	let Pt = r(() => ({
+		size: b.value.size,
+		variant: b.value.variant,
+		rounded: b.value.rounded,
+		full: b.value.full !== !1,
+		striped: b.value.striped === !0,
+		stickyHeader: M.value,
+		hoverable: b.value.hoverable === !0,
 		customProps: {
 			table: {
-				...w.value?.table,
-				"aria-busy": C.value.loading || void 0
+				...x.value?.table,
+				"aria-busy": b.value.loading || void 0
 			},
 			root: {
-				...w.value?.wrapper,
-				onScroll: kt,
-				onVnodeMounted: jt,
-				onVnodeUnmounted: Mt
+				...x.value?.wrapper,
+				onScroll: At,
+				onVnodeMounted: Mt,
+				onVnodeUnmounted: Nt
 			}
 		},
 		classes: {
-			row: s(T.value, "row"),
-			body: s(T.value, "body"),
-			cell: s(T.value, "cell"),
-			head: s(T.value, "head"),
-			header: m({
-				"relative z-40": C.value.loading && C.value.loadingVariant === "bar",
-				[s(T.value, "header") ?? ""]: !0
+			row: o(S.value, "row"),
+			body: o(S.value, "body"),
+			cell: o(S.value, "cell"),
+			head: o(S.value, "head"),
+			header: p({
+				"relative z-40": b.value.loading && b.value.loadingVariant === "bar",
+				[o(S.value, "header") ?? ""]: !0
 			}),
-			table: m({
-				"border-separate border-spacing-0": Et.value && !I.value,
-				[s(T.value, "table") ?? ""]: !0
+			table: p({
+				"border-separate border-spacing-0": Dt.value && !M.value,
+				[o(S.value, "table") ?? ""]: !0
 			}),
-			root: m({
-				"overflow-auto": L.value,
-				[s(T.value, "wrapper") ?? ""]: !0,
-				[L.value ? s(T.value, "root") ?? "" : ""]: !0
+			root: p({
+				"overflow-auto": N.value,
+				[o(S.value, "wrapper") ?? ""]: !0,
+				[N.value ? o(S.value, "root") ?? "" : ""]: !0
 			})
 		}
 	}));
-	function Q(e, t = !1) {
-		let n = de(e.width, e.isExpand || e.isSelection), r = t && I.value;
+	function Ft(e, t = !1) {
+		let n = fe(e.width, e.isExpand || e.isSelection), r = t && M.value;
 		return {
 			...n ? {
 				width: n,
@@ -311,116 +311,132 @@ function y(h, g, _) {
 			} : {}
 		};
 	}
-	function Pt(e) {
+	function It(e) {
 		return e.isSelection || e.isExpand ? "center" : e.align ?? "start";
 	}
-	function Ft(e) {
+	function Lt(e) {
 		return e.isSelection || e.isExpand ? "center" : e.align ?? "start";
 	}
-	function It(t) {
+	function Rt(t) {
 		let n = t.isSelection || t.isExpand;
-		return e(w.value?.head, {}, {
-			style: Q(t, !0),
+		return e(x.value?.head, {}, {
+			style: Ft(t, !0),
 			"aria-sort": t.sortable ? t.ariaSort : void 0,
-			class: m({
+			class: p({
 				"min-w-0": !0,
 				"border-e-0": n,
 				"sticky z-20": !!t.stickyStyle,
 				"after:hidden": n,
-				[s(E.value, "cellStickyEdgeStart") ?? ""]: t.sticky === "start" && t.stickyEdge && G.value.start,
-				[s(E.value, "cellStickyEdgeEnd") ?? ""]: t.sticky === "end" && t.stickyEdge && G.value.end,
+				[o(C.value, "cellStickyEdgeStart") ?? ""]: t.sticky === "start" && t.stickyEdge && K.value.start,
+				[o(C.value, "cellStickyEdgeEnd") ?? ""]: t.sticky === "end" && t.stickyEdge && K.value.end,
 				[t.classes?.header ?? ""]: !0
 			})
 		});
 	}
-	function Lt(t) {
+	function zt(t) {
 		let n = t.isSelection || t.isExpand;
-		return e(w.value?.cell, {}, {
-			style: Q(t),
-			class: m({
+		return e(x.value?.cell, {}, {
+			style: Ft(t),
+			class: p({
 				"min-w-0": !0,
 				"border-e-0": n,
 				"after:hidden": n,
-				[s(E.value, "cellSticky") ?? ""]: !!t.stickyStyle,
-				[s(E.value, "cellStickyEdgeStart") ?? ""]: t.sticky === "start" && t.stickyEdge && G.value.start,
-				[s(E.value, "cellStickyEdgeEnd") ?? ""]: t.sticky === "end" && t.stickyEdge && G.value.end,
+				[o(C.value, "cellSticky") ?? ""]: !!t.stickyStyle,
+				[o(C.value, "cellStickyEdgeStart") ?? ""]: t.sticky === "start" && t.stickyEdge && K.value.start,
+				[o(C.value, "cellStickyEdgeEnd") ?? ""]: t.sticky === "end" && t.stickyEdge && K.value.end,
 				[t.classes?.cell ?? ""]: !0
 			})
 		});
 	}
-	let Rt = r(() => e(w.value?.toolbar, {}, { class: m({
+	let Bt = r(() => e(x.value?.toolbar, {}, { class: p({
 		"flex items-center justify-between gap-3 pb-3": !0,
-		[s(T.value, "toolbar") ?? ""]: !0
-	}) })), zt = r(() => e(w.value?.empty, {}, { class: m({
+		[o(S.value, "toolbar") ?? ""]: !0
+	}) })), Vt = r(() => e(x.value?.empty, {}, { class: p({
 		"w-full": !0,
-		[s(T.value, "empty") ?? ""]: !0
-	}) })), Bt = r(() => e(w.value?.loading, {}, { class: m({
+		[o(S.value, "empty") ?? ""]: !0
+	}) })), Ht = r(() => e(x.value?.loading, {}, { class: p({
 		"absolute inset-0 z-30 bg-white/50 dark:bg-dark-900/50": !0,
-		"flex items-center justify-center": C.value.loadingVariant !== "bar",
-		[s(T.value, "loading") ?? ""]: !0
-	}) })), Vt = r(() => e({}, {}, { class: m({ "pointer-events-none absolute inset-x-0 top-0 z-40": !0 }) })), Ht = r(() => e({}, {}, { class: m({ "w-fit min-w-0 max-w-full": C.value.full === !1 }) })), Ut = r(() => e(w.value?.footer, {}, { class: m({
-		"w-0 min-w-full": C.value.full === !1,
+		"flex items-center justify-center": b.value.loadingVariant !== "bar",
+		[o(S.value, "loading") ?? ""]: !0
+	}) })), Ut = r(() => e({}, {}, { class: p({ "pointer-events-none absolute inset-x-0 top-0 z-40": !0 }) })), Wt = r(() => e({}, {}, { class: p({ "w-fit min-w-0 max-w-full": b.value.full === !1 }) })), Gt = r(() => e(x.value?.footer, {}, { class: p({
+		"w-0 min-w-full": b.value.full === !1,
 		"border-t border-dark-200 bg-dark-50 px-3 py-2.5 text-sm text-dark-600 dark:border-dark-700 dark:bg-dark-800 dark:text-dark-300": !0,
-		[s(T.value, "footer") ?? ""]: !0
-	}) })), Wt = r(() => e({}, {}, {
-		onVnodeMounted: Dt,
-		onVnodeUnmounted: Ot,
-		class: m({
+		[o(S.value, "footer") ?? ""]: !0
+	}) })), $ = r(() => ge({
+		showPager: G.value,
+		showPerPage: H.value,
+		inline: X.value,
+		showSelected: W.value
+	})), Kt = r(() => e(x.value?.selected, {}, { class: p({
+		grow: !$.value.stack,
+		"whitespace-nowrap text-sm text-dark-500 dark:text-dark-400": !0,
+		[o(S.value, "selected") ?? ""]: !0
+	}) })), qt = r(() => e({}, {}, {
+		onVnodeMounted: Ot,
+		onVnodeUnmounted: kt,
+		class: p({
 			"flex items-center gap-3 py-3 [&>*]:shrink-0": !0,
-			"flex-col justify-center": W.value && !Y.value,
-			"flex-row": !W.value || Y.value,
-			"justify-end": !W.value,
-			"justify-between": W.value && Y.value,
-			"w-full": C.value.full !== !1,
-			"w-0 min-w-full": C.value.full === !1,
-			[s(T.value, "pagination") ?? ""]: !0
+			"flex-col": $.value.stack,
+			"flex-row": !$.value.stack,
+			"justify-center": $.value.justify === "center",
+			"justify-end": $.value.justify === "end",
+			"justify-between": $.value.justify === "between",
+			"justify-start": $.value.justify === "start",
+			"w-full": b.value.full !== !1,
+			"w-0 min-w-full": b.value.full === !1,
+			[o(S.value, "pagination") ?? ""]: !0
 		})
 	}));
-	function Gt(e) {
-		_.sorting.value = Xe(_.sorting.value ?? null, e);
+	function Jt(e) {
+		g.sorting.value = Qe(g.sorting.value ?? null, e);
 	}
-	function Kt(e, t) {
-		_.selection.value = Ge(_.selection.value ?? [], e, t, C.value.selectionMode);
+	function Yt(e, t) {
+		g.selection.value = qe(g.selection.value ?? [], e, t, b.value.selectionMode);
 	}
-	function qt(e) {
-		_.perPage.value = e, _.page.value !== 1 && (_.page.value = 1);
+	function Xt(e) {
+		g.perPage.value = e, g.page.value !== 1 && (g.page.value = 1);
 	}
-	function Jt(e) {
-		_.search.value = e, _.page.value !== 1 && (_.page.value = 1);
+	function Zt(e) {
+		g.search.value = e, g.page.value !== 1 && (g.page.value = 1);
 	}
-	let Yt = r(() => ({
-		page: _.page.value ?? 1,
-		variant: wt.value,
-		count: St.value ?? 1,
+	let Qt = r(() => ({
+		page: g.page.value ?? 1,
+		count: U.value ?? 1,
 		onPageChange: (e) => {
-			_.page.value = e;
+			g.page.value = e;
 		}
-	})), Xt = r(() => ({
-		perPage: F.value,
-		onPerPageChange: qt,
-		options: ge(F.value, C.value.perPageOptions)
+	})), $t = r(() => ({
+		perPage: j.value,
+		onPerPageChange: Xt,
+		options: _e(j.value, b.value.perPageOptions)
+	})), en = r(() => ({
+		selectedCount: (g.selection.value ?? []).length,
+		totalCount: xe({
+			totalCount: b.value.totalCount,
+			filteredCount: L.value.length
+		})
 	}));
-	function Zt(e) {
-		_.selection.value = Je(_.selection.value ?? [], H.value, e);
+	function tn(e) {
+		g.selection.value = Xe(g.selection.value ?? [], z.value, e);
 	}
-	function Qt(e, t, n) {
-		let r = s(O.value, e);
-		r?.filters && r.filters.length > 0 && (_.filters.value = Ue(_.filters.value, e, t)), Ee(r) && (_.columnSearch.value = We(_.columnSearch.value, e, n)), _.page.value !== 1 && (_.page.value = 1);
+	function nn(e, t, n) {
+		let r = o(T.value, e);
+		r?.filters && r.filters.length > 0 && (g.filters.value = Ge(g.filters.value, e, t)), Oe(r) && (g.columnSearch.value = Ke(g.columnSearch.value, e, n)), g.page.value !== 1 && (g.page.value = 1);
 	}
-	function $t(e, t) {
-		_.expanded.value = Ye(_.expanded.value ?? [], e, t);
+	function rn(e, t) {
+		g.expanded.value = Ze(g.expanded.value ?? [], e, t);
 	}
-	function en(e, t) {
-		_.hiddenColumns.value = qe(_.hiddenColumns.value ?? [], e, t, u(D.value, "id"));
+	function an(e, t) {
+		g.hiddenColumns.value = Ye(g.hiddenColumns.value ?? [], e, t, l(w.value, "id"));
 	}
-	function tn(e) {
-		_.hiddenColumns.value = e;
+	function on(e) {
+		g.hiddenColumns.value = e;
 	}
-	let nn = r(() => {
-		if (!D.value.some((e) => e.summary !== void 0)) return null;
-		let e = u(V.value, "original");
-		return U.value.map((t) => {
-			let n = s(O.value, t.id);
+	let sn = r(() => {
+		if (!w.value.some((e) => e.summary !== void 0)) return null;
+		let e = l(L.value, "original");
+		return B.value.map((t) => {
+			let n = o(T.value, t.id);
 			return {
 				id: t.id,
 				ellipsis: !1,
@@ -437,61 +453,64 @@ function y(h, g, _) {
 				content: t.isSelection || t.isExpand ? null : n?.summary?.(e) ?? null
 			};
 		});
-	}), rn = r(() => D.value.map((e) => ({
+	}), cn = r(() => w.value.map((e) => ({
 		id: e.id,
 		hideable: e.hideable !== !1,
-		hidden: B.value.includes(e.id),
-		label: se(e.header) ? e.header : e.id
-	}))), $ = r(() => Ae(_.search.value, x?.vnode.props?.["onUpdate:search"] !== void 0, b.search !== void 0));
+		hidden: I.value.includes(e.id),
+		label: ce(e.header) ? e.header : e.id
+	}))), ln = r(() => Me(g.search.value, dt?.vnode.props?.["onUpdate:search"] !== void 0, v.search !== void 0));
 	return {
-		merged: C,
-		pageIds: H,
-		rowViews: yt,
-		rootBind: Tt,
-		emptyBind: zt,
-		showEmpty: Ct,
-		frameBind: Ht,
-		tableProps: Nt,
-		footerBind: Ut,
-		showSearch: $,
-		getHeadBind: It,
-		headerViews: U,
-		loadingBind: Bt,
-		onToggleRow: Kt,
-		toolbarBind: Rt,
-		getCellBind: Lt,
-		columnCount: bt,
-		clientPaged: P,
-		serverPaged: N,
-		showPerPage: W,
-		showToolbar: r(() => !!b.toolbar || !!b.toolbarActions || j.value || $.value),
-		getHeadAlign: Pt,
-		getCellAlign: Ft,
-		onTogglePage: Zt,
-		onToggleSort: Gt,
-		summaryCells: nn,
-		expandEnabled: A,
-		onChangeSearch: Jt,
-		loadingBarBind: Vt,
-		paginationBind: Wt,
-		selectAllState: vt,
-		showPagination: xt,
-		onToggleExpand: $t,
-		visibilityItems: rn,
-		onChangePerPage: qt,
-		resolvedPerPage: F,
-		selectionEnabled: k,
-		perPageSlotProps: Xt,
-		paginationVariant: wt,
-		resolvedPageCount: St,
-		selectionMultiple: M,
-		visibilityEnabled: j,
-		paginationSlotProps: Yt,
-		onCommitColumnFilter: Qt,
-		onHiddenColumnsChange: tn,
-		onToggleColumnVisibility: en,
-		loadingBar: r(() => C.value.loadingVariant === "bar")
+		merged: b,
+		pageIds: z,
+		rowViews: V,
+		rootBind: Et,
+		emptyBind: Vt,
+		showEmpty: Tt,
+		frameBind: Wt,
+		showPager: G,
+		tableProps: Pt,
+		footerBind: Gt,
+		showSearch: ln,
+		getHeadBind: Rt,
+		headerViews: B,
+		loadingBind: Ht,
+		onToggleRow: Yt,
+		toolbarBind: Bt,
+		getCellBind: zt,
+		columnCount: Ct,
+		clientPaged: A,
+		serverPaged: k,
+		showPerPage: H,
+		showToolbar: r(() => !!v.toolbar || !!v.toolbarActions || D.value || ln.value),
+		selectedBind: Kt,
+		showSelected: W,
+		getHeadAlign: It,
+		getCellAlign: Lt,
+		onTogglePage: tn,
+		onToggleSort: Jt,
+		summaryCells: sn,
+		showFooterBar: wt,
+		expandEnabled: _t,
+		onChangeSearch: Zt,
+		loadingBarBind: Ut,
+		paginationBind: qt,
+		selectAllState: St,
+		onToggleExpand: rn,
+		visibilityItems: cn,
+		onChangePerPage: Xt,
+		resolvedPerPage: j,
+		selectionEnabled: E,
+		perPageSlotProps: $t,
+		selectedSlotProps: en,
+		resolvedPageCount: U,
+		selectionMultiple: O,
+		visibilityEnabled: D,
+		paginationSlotProps: Qt,
+		onCommitColumnFilter: nn,
+		onHiddenColumnsChange: on,
+		onToggleColumnVisibility: an,
+		loadingBar: r(() => b.value.loadingVariant === "bar")
 	};
 }
 //#endregion
-export { y as useDataTable };
+export { _ as useDataTable };