@eos-ui/vue 0.1.0 → 0.2.0

package/dist/components/DataGrid/EDataGrid.vue_vue_type_script_setup_true_lang.js

@@ -2,19 +2,19 @@
 import { useMessages as e, usePortalTarget as t } from "../../config.js";
 import { useUid as n } from "../../composables/useUid.js";
 import r from "../Icon/EIcon.js";
+import ee from "../Button/EButton.js";
+import te from "../IconButton/EIconButton.js";
+import i from "../Checkbox/ECheckbox.js";
 /* empty css                 */
-import ee from "../TextField/ETextField.js";
-import { normalizeOptions as te } from "../Select/options.js";
+import { normalizeOptions as ne } from "../Select/options.js";
 /* empty css              */
-import ne from "../Select/ESelect.js";
-import i from "../Button/EButton.js";
-import re from "../IconButton/EIconButton.js";
-import ie from "../Checkbox/ECheckbox.js";
-import ae from "../EmptyState/EEmptyState.js";
-import oe from "../Pagination/EPagination.js";
-import se from "./EDataGridResizer.js";
-import { cellValue as ce, compareValues as le, filterActive as ue, parsePx as de, passesFilter as fe } from "./grid.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as pe, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as me, nextTick as he, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, useSlots as ge, watch as _e, withCtx as w } from "vue";
+import re from "../EmptyState/EEmptyState.js";
+import ie from "../Pagination/EPagination.js";
+import ae from "../Select/ESelect.js";
+import a from "../TextField/ETextField.js";
+import oe from "./EDataGridResizer.js";
+import { cellValue as se, compareValues as ce, filterActive as le, parsePx as ue, passesFilter as de } from "./grid.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as fe, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as pe, mergeProps as me, nextTick as he, normalizeClass as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, useSlots as ge, watch as _e, withCtx as w } from "vue";
 import { PopoverClose as ve, PopoverContent as ye, PopoverPortal as be, PopoverRoot as xe, PopoverTrigger as Se } from "reka-ui";
 import { columnFilteringFeature as Ce, columnSizingFeature as we, columnVisibilityFeature as Te, createFilteredRowModel as Ee, createPaginatedRowModel as De, createSortedRowModel as Oe, functionalUpdate as T, globalFilteringFeature as ke, rowPaginationFeature as Ae, rowSelectionFeature as je, rowSortingFeature as Me, tableFeatures as Ne, useTable as Pe } from "@tanstack/vue-table";
 import { useVirtualizer as Fe } from "@tanstack/vue-virtual";
@@ -53,9 +53,9 @@ var Ie = { class: "e-grid-frame" }, Le = {
 	class: "e-sr",
 	role: "status",
 	"aria-live": "polite"
-}, xt = "__e-all__", St = "__e-none__", E = /*@__PURE__*/ p({
+}, E = "__e-all__", xt = "__e-none__", D = /*@__PURE__*/ m({
 	__name: "EDataGrid",
-	props: /*@__PURE__*/ m({
+	props: /*@__PURE__*/ pe({
 		columns: {},
 		rows: {},
 		caption: {},
@@ -79,7 +79,7 @@ var Ie = { class: "e-grid-frame" }, Le = {
 		emptyTitle: {},
 		emptyText: {},
 		emptyIcon: {},
-		plain: { type: Boolean }
+		bare: { type: Boolean }
 	}, {
 		sort: { default: null },
 		sortModifiers: {},
@@ -92,19 +92,19 @@ var Ie = { class: "e-grid-frame" }, Le = {
 		selected: { default: () => [] },
 		selectedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ m(["queryChange"], [
+	emits: /*@__PURE__*/ pe(["queryChange"], [
 		"update:sort",
 		"update:page",
 		"update:search",
 		"update:filters",
 		"update:selected"
 	]),
-	setup(p, { emit: m }) {
-		let E = p, Ct = m, wt = ge(), D = C(p, "sort"), O = C(p, "page"), k = C(p, "search"), A = C(p, "filters"), j = C(p, "selected"), M = e(), Tt = t(), Et = n(), N = v(!1), Dt = v(null);
-		_e(N, async (e) => {
-			e && (await he(), document.getElementById(Dt.value?.$el?.getAttribute("aria-controls") ?? "")?.setAttribute("aria-labelledby", `${Et.value}-columns`));
+	setup(m, { emit: pe }) {
+		let D = m, St = pe, Ct = ge(), O = C(m, "sort"), k = C(m, "page"), A = C(m, "search"), j = C(m, "filters"), M = C(m, "selected"), N = e(), wt = t(), Tt = n(), P = v(!1), Et = v(null);
+		_e(P, async (e) => {
+			e && (await he(), document.getElementById(Et.value?.$el?.getAttribute("aria-controls") ?? "")?.setAttribute("aria-labelledby", `${Tt.value}-columns`));
 		}, { flush: "post" });
-		let Ot = Ne({
+		let Dt = Ne({
 			rowSortingFeature: Me,
 			sortedRowModel: Oe(),
 			columnFilteringFeature: Ce,
@@ -115,198 +115,198 @@ var Ie = { class: "e-grid-frame" }, Le = {
 			rowSelectionFeature: je,
 			columnVisibilityFeature: Te,
 			columnSizingFeature: we
-		}), P = v({}), F = v({}), kt = (e, t, n) => le(e.getValue(n), t.getValue(n)), At = (e, t, n) => {
+		}), F = v({}), I = v({}), Ot = (e, t, n) => ce(e.getValue(n), t.getValue(n)), kt = (e, t, n) => {
 			if (!n.cols.includes(t)) return !1;
 			let r = e.getValue(t);
 			return r != null && String(r).toLowerCase().includes(n.q);
-		}, I = o(() => new Map(E.columns.map((e) => [e.key, e]))), jt = o(() => E.columns.map((e) => ({
+		}, L = s(() => new Map(D.columns.map((e) => [e.key, e]))), At = s(() => D.columns.map((e) => ({
 			id: e.key,
-			accessorFn: (t) => ce(t, e),
+			accessorFn: (t) => se(t, e),
 			header: e.label,
 			enableSorting: !!e.sortable,
 			sortDescFirst: !1,
-			sortFn: kt,
+			sortFn: Ot,
 			enableColumnFilter: !!e.filter,
-			filterFn: ((t, n, r) => fe(e, t.getValue(n), r)),
+			filterFn: ((t, n, r) => de(e, t.getValue(n), r)),
 			enableResizing: e.resizable !== !1
-		}))), L = o(() => E.virtual ? {
+		}))), R = s(() => D.virtual ? {
 			rowHeight: 48,
 			height: 440,
 			overscan: 8,
-			...E.virtual === !0 ? {} : E.virtual
-		} : null), R = o(() => L.value || E.plain ? 0 : E.pageSize ?? 10), Mt = o(() => R.value > 0 && !E.manual), z = o(() => !!E.resizable && !E.plain), B = o(() => E.cards !== !1 && !L.value && !z.value), V = o(() => k.value.trim().toLowerCase()), H = o(() => Object.values(A.value).some(ue)), U = Pe({
-			features: Ot,
-			columns: jt,
-			data: o(() => E.rows),
+			...D.virtual === !0 ? {} : D.virtual
+		} : null), z = s(() => R.value || D.bare ? 0 : D.pageSize ?? 10), jt = s(() => z.value > 0 && !D.manual), Mt = s(() => !!D.resizable && !D.bare), Nt = s(() => D.cards !== !1 && !R.value && !Mt.value), B = s(() => A.value.trim().toLowerCase()), V = s(() => Object.values(j.value).some(le)), H = Pe({
+			features: Dt,
+			columns: At,
+			data: s(() => D.rows),
 			getRowId: (e) => String(e.id),
 			enableMultiSort: !1,
 			enableSubRowSelection: !1,
 			autoResetPageIndex: !1,
-			manualSorting: o(() => !!E.manual),
-			manualFiltering: o(() => !!E.manual),
-			manualPagination: o(() => !Mt.value),
-			rowCount: o(() => E.manual ? E.total ?? E.rows.length : void 0),
-			globalFilterFn: At,
-			state: o(() => ({
-				sorting: D.value ? [{
-					id: D.value.key,
-					desc: D.value.dir === "desc"
+			manualSorting: s(() => !!D.manual),
+			manualFiltering: s(() => !!D.manual),
+			manualPagination: s(() => !jt.value),
+			rowCount: s(() => D.manual ? D.total ?? D.rows.length : void 0),
+			globalFilterFn: kt,
+			state: s(() => ({
+				sorting: O.value ? [{
+					id: O.value.key,
+					desc: O.value.dir === "desc"
 				}] : [],
-				columnFilters: Object.entries(A.value).filter(([e, t]) => I.value.has(e) && ue(t)).map(([e, t]) => ({
+				columnFilters: Object.entries(j.value).filter(([e, t]) => L.value.has(e) && le(t)).map(([e, t]) => ({
 					id: e,
 					value: t
 				})),
-				globalFilter: V.value ? {
-					q: V.value,
-					cols: E.columns.filter((e) => P.value[e.key] !== !1).map((e) => e.key)
+				globalFilter: B.value ? {
+					q: B.value,
+					cols: D.columns.filter((e) => F.value[e.key] !== !1).map((e) => e.key)
 				} : void 0,
-				rowSelection: Object.fromEntries(j.value.map((e) => [e, !0])),
-				columnVisibility: P.value,
-				columnSizing: F.value,
+				rowSelection: Object.fromEntries(M.value.map((e) => [e, !0])),
+				columnVisibility: F.value,
+				columnSizing: I.value,
 				pagination: {
-					pageIndex: Math.max(0, O.value - 1),
-					pageSize: R.value || 1
+					pageIndex: Math.max(0, k.value - 1),
+					pageSize: z.value || 1
 				}
 			})),
 			onSortingChange: (e) => {
-				let t = T(e, D.value ? [{
-					id: D.value.key,
-					desc: D.value.dir === "desc"
+				let t = T(e, O.value ? [{
+					id: O.value.key,
+					desc: O.value.dir === "desc"
 				}] : [])[0];
-				D.value = t ? {
+				O.value = t ? {
 					key: t.id,
 					dir: t.desc ? "desc" : "asc"
-				} : null, O.value = 1;
+				} : null, k.value = 1;
 			},
 			onRowSelectionChange: (e) => {
-				let t = T(e, Object.fromEntries(j.value.map((e) => [e, !0])));
-				j.value = Object.keys(t).filter((e) => t[e]);
+				let t = T(e, Object.fromEntries(M.value.map((e) => [e, !0])));
+				M.value = Object.keys(t).filter((e) => t[e]);
 			},
 			onColumnVisibilityChange: (e) => {
-				P.value = T(e, P.value);
+				F.value = T(e, F.value);
 			},
 			onColumnSizingChange: (e) => {
-				F.value = T(e, F.value);
+				I.value = T(e, I.value);
 			}
-		}), W = o(() => U.getRowModel().rows), G = o(() => E.manual ? E.total ?? E.rows.length : U.getPrePaginatedRowModel().rows.length), K = o(() => R.value > 0 ? Math.max(1, Math.ceil(G.value / R.value)) : 1), Nt = o(() => Math.min(O.value, K.value));
-		_e(K, (e) => {
-			O.value > e && (O.value = e);
+		}), U = s(() => H.getRowModel().rows), W = s(() => D.manual ? D.total ?? D.rows.length : H.getPrePaginatedRowModel().rows.length), G = s(() => z.value > 0 ? Math.max(1, Math.ceil(W.value / z.value)) : 1), K = s(() => Math.min(k.value, G.value));
+		_e(G, (e) => {
+			k.value > e && (k.value = e);
 		});
-		let q = o(() => U.getVisibleLeafColumns().map((e) => I.value.get(e.id)).filter((e) => !!e)), Pt = o(() => !!E.filterable && !E.plain && q.value.some((e) => e.filter)), Ft = o(() => q.value.length + +!!E.selectable), It = o(() => G.value === 0 ? 0 : (Nt.value - 1) * (R.value > 0 ? R.value : G.value) + 1), Lt = o(() => R.value > 0 ? Math.min(G.value, Nt.value * R.value) : G.value), Rt = o(() => D.value ? I.value.get(D.value.key) : void 0), zt = o(() => j.value.length), Bt = o(() => W.value.length > 0 && W.value.every((e) => e.getIsSelected())), Vt = o(() => W.value.some((e) => e.getIsSelected())), Ht = v(null), Ut = Fe(o(() => ({
-			count: L.value ? W.value.length : 0,
+		let q = s(() => H.getVisibleLeafColumns().map((e) => L.value.get(e.id)).filter((e) => !!e)), Pt = s(() => !!D.filterable && !D.bare && q.value.some((e) => e.filter)), Ft = s(() => q.value.length + +!!D.selectable), It = s(() => W.value === 0 ? 0 : (K.value - 1) * (z.value > 0 ? z.value : W.value) + 1), Lt = s(() => z.value > 0 ? Math.min(W.value, K.value * z.value) : W.value), Rt = s(() => O.value ? L.value.get(O.value.key) : void 0), zt = s(() => M.value.length), Bt = s(() => U.value.length > 0 && U.value.every((e) => e.getIsSelected())), Vt = s(() => U.value.some((e) => e.getIsSelected())), Ht = v(null), Ut = Fe(s(() => ({
+			count: R.value ? U.value.length : 0,
 			getScrollElement: () => Ht.value,
-			estimateSize: () => L.value?.rowHeight ?? 48,
-			overscan: L.value?.overscan ?? 8,
-			getItemKey: (e) => W.value[e]?.id ?? e,
+			estimateSize: () => R.value?.rowHeight ?? 48,
+			overscan: R.value?.overscan ?? 8,
+			getItemKey: (e) => U.value[e]?.id ?? e,
 			initialRect: {
 				width: 0,
-				height: L.value?.height ?? 0
+				height: R.value?.height ?? 0
 			}
-		}))), J = o(() => L.value ? Ut.value.getVirtualItems() : []), Wt = o(() => L.value ? J.value.flatMap((e) => W.value[e.index] ? [e] : []) : []), Gt = o(() => J.value[0]?.start ?? 0), Kt = o(() => {
+		}))), J = s(() => R.value ? Ut.value.getVirtualItems() : []), Wt = s(() => R.value ? J.value.flatMap((e) => U.value[e.index] ? [e] : []) : []), Gt = s(() => J.value[0]?.start ?? 0), Kt = s(() => {
 			let e = J.value[J.value.length - 1];
 			return e ? Math.max(0, Ut.value.getTotalSize() - e.end) : 0;
-		}), qt = o(() => L.value ? Wt.value.map((e) => ({
-			row: W.value[e.index],
+		}), qt = s(() => R.value ? Wt.value.map((e) => ({
+			row: U.value[e.index],
 			index: e.index
-		})) : W.value.map((e, t) => ({
+		})) : U.value.map((e, t) => ({
 			row: e,
 			index: t
 		}))), Jt = (e, t) => ({
 			row: e.original,
 			value: e.getValue(t.key)
-		}), Yt = o(() => z.value || !!L.value || q.value.some((e) => e.width)), Xt = o(() => E.selectable ? 52 : 0), Y = (e) => F.value[e.key] || de(e.width) || void 0, Zt = o(() => (E.selectable ? 52 : 0) + q.value.reduce((e, t) => e + (Y(t) || t.minWidth || 96), 0)), X = (e) => !!E.stickyFirst && e === 0, Qt = (e) => X(e) ? { insetInlineStart: `${Xt.value}px` } : void 0, $t = o(() => ({
+		}), Yt = s(() => Mt.value || !!R.value || q.value.some((e) => e.width)), Xt = s(() => D.selectable ? 52 : 0), Y = (e) => I.value[e.key] || ue(e.width) || void 0, Zt = s(() => (D.selectable ? 52 : 0) + q.value.reduce((e, t) => e + (Y(t) || t.minWidth || 96), 0)), X = (e) => !!D.stickyFirst && e === 0, Qt = (e) => X(e) ? { insetInlineStart: `${Xt.value}px` } : void 0, $t = s(() => ({
 			tableLayout: Yt.value ? "fixed" : void 0,
 			"--e-grid-min-w": Yt.value ? `${Zt.value}px` : void 0,
-			"--e-row-h": L.value ? `${L.value.rowHeight}px` : void 0
-		})), en = o(() => L.value ? { height: `${L.value.height}px` } : E.maxHeight ? { "--e-grid-max-h": E.maxHeight } : void 0), Z = (e) => B.value ? e : void 0, tn = o(() => E.columns.filter((e) => e.sortable)), nn = o(() => [{
-			value: St,
-			label: M("sortBy")
+			"--e-row-h": R.value ? `${R.value.rowHeight}px` : void 0
+		})), en = s(() => R.value ? { height: `${R.value.height}px` } : D.maxHeight ? { "--e-grid-max-h": D.maxHeight } : void 0), Z = (e) => Nt.value ? e : void 0, tn = s(() => D.columns.filter((e) => e.sortable)), nn = s(() => [{
+			value: xt,
+			label: N("sortBy")
 		}, ...tn.value.flatMap((e) => ["asc", "desc"].map((t) => ({
 			value: `${e.key}:${t}`,
-			label: `${e.label}, ${M(t === "asc" ? "ascending" : "descending")}`
-		})))]), rn = o(() => D.value ? `${D.value.key}:${D.value.dir}` : St), an = o(() => B.value && tn.value.length > 0), on = o(() => !!wt.toolbar), sn = o(() => !!E.searchable || !!E.columnToggle || zt.value > 0 || H.value || on.value), cn = o(() => !E.plain && (sn.value || an.value));
+			label: `${e.label}, ${N(t === "asc" ? "ascending" : "descending")}`
+		})))]), rn = s(() => O.value ? `${O.value.key}:${O.value.dir}` : xt), an = s(() => Nt.value && tn.value.length > 0), on = s(() => !!Ct.toolbar), sn = s(() => !!D.searchable || !!D.columnToggle || zt.value > 0 || V.value || on.value), cn = s(() => !D.bare && (sn.value || an.value));
 		function ln(e) {
-			k.value = e.target.value, O.value = 1;
+			A.value = e.target.value, k.value = 1;
 		}
 		function Q(e, t) {
-			A.value = {
-				...A.value,
+			j.value = {
+				...j.value,
 				[e]: t
-			}, O.value = 1;
+			}, k.value = 1;
 		}
 		function un() {
-			A.value = {}, k.value = "", O.value = 1;
+			j.value = {}, A.value = "", k.value = 1;
 		}
 		function dn(e) {
-			if (e === St) D.value = null;
+			if (e === xt) O.value = null;
 			else {
 				let t = e.lastIndexOf(":");
-				D.value = {
+				O.value = {
 					key: e.slice(0, t),
 					dir: e.slice(t + 1) === "desc" ? "desc" : "asc"
 				};
 			}
-			O.value = 1;
+			k.value = 1;
 		}
 		function fn(e, t) {
-			U.setColumnSizing((n) => ({
+			H.setColumnSizing((n) => ({
 				...n,
 				[e]: t
 			}));
 		}
 		function pn(e) {
-			U.setColumnSizing((t) => {
+			H.setColumnSizing((t) => {
 				let n = { ...t };
 				return delete n[e], n;
 			});
 		}
 		let $ = (e) => {
-			let t = A.value[e];
+			let t = j.value[e];
 			return typeof t == "object" ? t : {
 				min: "",
 				max: ""
 			};
 		}, mn = (e) => {
-			let t = A.value[e];
+			let t = j.value[e];
 			return typeof t == "string" ? t : "";
 		}, hn = (e) => [{
-			value: xt,
-			label: M("all")
-		}, ...te(e.filter?.type === "select" ? e.filter.options : [])];
+			value: E,
+			label: N("all")
+		}, ...ne(e.filter?.type === "select" ? e.filter.options : [])];
 		return _e([
-			D,
 			O,
 			k,
-			A
+			A,
+			j
 		], () => {
-			Ct("queryChange", {
-				sort: D.value,
-				page: O.value,
-				pageSize: R.value,
-				search: k.value,
-				filters: A.value
+			St("queryChange", {
+				sort: O.value,
+				page: k.value,
+				pageSize: z.value,
+				search: A.value,
+				filters: j.value
 			});
-		}), (e, t) => (_(), l("div", { class: h(["e-grid", {
-			"e-grid--plain": p.plain,
-			"e-grid--cards": B.value
-		}]) }, [u("div", Ie, [
-			cn.value ? (_(), l("div", {
+		}), (e, t) => (_(), u("div", { class: h(["e-grid", {
+			"e-grid--bare": m.bare,
+			"e-grid--cards": Nt.value
+		}]) }, [d("div", Ie, [
+			cn.value ? (_(), u("div", {
 				key: 0,
 				class: h(["e-grid-bar", { "e-grid-bar--sortonly": !sn.value }])
 			}, [
-				p.searchable ? (_(), l("div", Le, [u("span", Re, [f(r, { name: "search" })]), u("input", {
+				m.searchable ? (_(), u("div", Le, [d("span", Re, [p(r, { name: "search" })]), d("input", {
 					class: "e-input",
 					type: "search",
-					placeholder: p.searchPlaceholder || S(M)("searchAll"),
-					"aria-label": S(M)("searchAll"),
-					value: k.value,
+					placeholder: m.searchPlaceholder || S(N)("searchAll"),
+					"aria-label": S(N)("searchAll"),
+					value: A.value,
 					onInput: ln
-				}, null, 40, ze)])) : c("", !0),
-				zt.value ? (_(), l("div", Be, [u("span", Ve, x(S(M)("selected", { n: zt.value })), 1), b(e.$slots, "bulk-actions")])) : c("", !0),
-				an.value ? (_(), l("div", He, [f(ne, {
+				}, null, 40, ze)])) : l("", !0),
+				zt.value ? (_(), u("div", Be, [d("span", Ve, x(S(N)("selected", { n: zt.value })), 1), b(e.$slots, "bulk-actions")])) : l("", !0),
+				an.value ? (_(), u("div", He, [p(ae, {
 					bare: "",
-					"aria-label": S(M)("sortBy"),
-					placeholder: S(M)("sortBy"),
+					"aria-label": S(N)("sortBy"),
+					placeholder: S(N)("sortBy"),
 					options: nn.value,
 					"model-value": rn.value,
 					"onUpdate:modelValue": dn
@@ -315,52 +315,52 @@ var Ie = { class: "e-grid-frame" }, Le = {
 					"placeholder",
 					"options",
 					"model-value"
-				])])) : c("", !0),
-				u("div", Ue, [
-					H.value || V.value ? (_(), s(i, {
+				])])) : l("", !0),
+				d("div", Ue, [
+					V.value || B.value ? (_(), c(ee, {
 						key: 0,
 						variant: "quiet",
 						onClick: un
 					}, {
-						default: w(() => [d(x(S(M)("clearFilters")), 1)]),
+						default: w(() => [f(x(S(N)("clearFilters")), 1)]),
 						_: 1
-					})) : c("", !0),
-					p.columnToggle ? (_(), s(S(xe), {
+					})) : l("", !0),
+					m.columnToggle ? (_(), c(S(xe), {
 						key: 1,
-						open: N.value,
-						"onUpdate:open": t[0] ||= (e) => N.value = e
+						open: P.value,
+						"onUpdate:open": t[0] ||= (e) => P.value = e
 					}, {
-						default: w(() => [f(S(Se), { "as-child": "" }, {
-							default: w(() => [f(i, {
+						default: w(() => [p(S(Se), { "as-child": "" }, {
+							default: w(() => [p(ee, {
 								ref_key: "menuTrigger",
-								ref: Dt,
+								ref: Et,
 								variant: "outline",
-								"aria-label": S(M)("chooseColumns")
+								"aria-label": S(N)("chooseColumns")
 							}, {
-								default: w(() => [d(x(S(M)("columns")), 1)]),
+								default: w(() => [f(x(S(N)("columns")), 1)]),
 								_: 1
 							}, 8, ["aria-label"])]),
 							_: 1
-						}), f(S(be), { to: S(Tt) }, {
-							default: w(() => [f(S(ye), {
+						}), p(S(be), { to: S(wt) }, {
+							default: w(() => [p(S(ye), {
 								class: "e-popover e-root",
 								side: "bottom",
 								align: "start",
 								"side-offset": 8,
 								"collision-padding": 16
 							}, {
-								default: w(() => [u("header", We, [u("h3", {
-									id: `${S(Et)}-columns`,
+								default: w(() => [d("header", We, [d("h3", {
+									id: `${S(Tt)}-columns`,
 									class: "e-pop-title"
-								}, x(S(M)("showColumns")), 9, Ge), f(S(ve), { "as-child": "" }, {
-									default: w(() => [f(re, {
+								}, x(S(N)("showColumns")), 9, Ge), p(S(ve), { "as-child": "" }, {
+									default: w(() => [p(te, {
 										icon: "x",
-										label: S(M)("close")
+										label: S(N)("close")
 									}, null, 8, ["label"])]),
 									_: 1
-								})]), u("div", Ke, [(_(!0), l(a, null, y(S(U).getAllLeafColumns(), (e) => (_(), s(ie, {
+								})]), d("div", Ke, [(_(!0), u(o, null, y(S(H).getAllLeafColumns(), (e) => (_(), c(i, {
 									key: e.id,
-									label: I.value.get(e.id)?.label ?? e.id,
+									label: L.value.get(e.id)?.label ?? e.id,
 									"model-value": e.getIsVisible(),
 									"onUpdate:modelValue": (t) => e.toggleVisibility(t)
 								}, null, 8, [
@@ -373,46 +373,46 @@ var Ie = { class: "e-grid-frame" }, Le = {
 							_: 1
 						}, 8, ["to"])]),
 						_: 1
-					}, 8, ["open"])) : c("", !0),
+					}, 8, ["open"])) : l("", !0),
 					b(e.$slots, "toolbar")
 				])
-			], 2)) : c("", !0),
-			u("div", {
+			], 2)) : l("", !0),
+			d("div", {
 				ref_key: "scrollEl",
 				ref: Ht,
 				class: "e-grid-scroll",
 				style: g(en.value),
 				tabindex: "0",
 				role: "region",
-				"aria-label": p.caption
-			}, [u("table", {
-				class: h(["e-table e-gridtable", { "e-gridtable--virtual": L.value }]),
+				"aria-label": m.caption
+			}, [d("table", {
+				class: h(["e-table e-gridtable", { "e-gridtable--virtual": R.value }]),
 				style: g($t.value),
 				role: Z("table"),
-				"aria-busy": p.loading ? "true" : void 0,
-				"aria-rowcount": L.value ? G.value + 1 + +!!Pt.value : void 0
+				"aria-busy": m.loading ? "true" : void 0,
+				"aria-rowcount": R.value ? W.value + 1 + +!!Pt.value : void 0
 			}, [
-				u("caption", Ye, x(p.caption), 1),
-				Yt.value ? (_(), l("colgroup", Xe, [p.selectable ? (_(), l("col", Ze)) : c("", !0), (_(!0), l(a, null, y(q.value, (e) => (_(), l("col", {
+				d("caption", Ye, x(m.caption), 1),
+				Yt.value ? (_(), u("colgroup", Xe, [m.selectable ? (_(), u("col", Ze)) : l("", !0), (_(!0), u(o, null, y(q.value, (e) => (_(), u("col", {
 					key: e.key,
 					style: g(Y(e) ? { width: `${Y(e)}px` } : void 0)
-				}, null, 4))), 128))])) : c("", !0),
-				u("thead", { role: Z("rowgroup") }, [u("tr", { role: Z("row") }, [p.selectable ? (_(), l("th", {
+				}, null, 4))), 128))])) : l("", !0),
+				d("thead", { role: Z("rowgroup") }, [d("tr", { role: Z("row") }, [m.selectable ? (_(), u("th", {
 					key: 0,
 					scope: "col",
 					class: "e-cell-check",
 					role: Z("columnheader")
-				}, [f(ie, {
+				}, [p(i, {
 					bare: "",
-					label: L.value ? S(M)("selectAll") : S(M)("selectAllPage"),
+					label: R.value ? S(N)("selectAll") : S(N)("selectAllPage"),
 					"model-value": Bt.value,
 					indeterminate: Vt.value && !Bt.value,
-					"onUpdate:modelValue": t[1] ||= (e) => S(U).toggleAllPageRowsSelected(!Bt.value)
+					"onUpdate:modelValue": t[1] ||= (e) => S(H).toggleAllPageRowsSelected(!Bt.value)
 				}, null, 8, [
 					"label",
 					"model-value",
 					"indeterminate"
-				])], 8, et)) : c("", !0), (_(!0), l(a, null, y(q.value, (t, n) => (_(), l("th", {
+				])], 8, et)) : l("", !0), (_(!0), u(o, null, y(q.value, (t, n) => (_(), u("th", {
 					key: t.key,
 					scope: "col",
 					role: Z("columnheader"),
@@ -422,16 +422,16 @@ var Ie = { class: "e-grid-frame" }, Le = {
 						"e-sticky": X(n)
 					}),
 					style: g(Qt(n)),
-					"aria-sort": t.sortable ? D.value?.key === t.key ? D.value.dir === "asc" ? "ascending" : "descending" : "none" : void 0
-				}, [t.sortable ? (_(), l("button", {
+					"aria-sort": t.sortable ? O.value?.key === t.key ? O.value.dir === "asc" ? "ascending" : "descending" : "none" : void 0
+				}, [t.sortable ? (_(), u("button", {
 					key: 0,
 					type: "button",
 					class: "e-sortbtn",
-					onClick: (e) => S(U).getColumn(t.key)?.toggleSorting()
-				}, [b(e.$slots, `header-${t.key}`, { column: t }, () => [d(x(t.label), 1)]), f(r, {
-					name: D.value?.key === t.key ? D.value.dir === "asc" ? "arrow-up" : "arrow-down" : "sort",
+					onClick: (e) => S(H).getColumn(t.key)?.toggleSorting()
+				}, [b(e.$slots, `header-${t.key}`, { column: t }, () => [f(x(t.label), 1)]), p(r, {
+					name: O.value?.key === t.key ? O.value.dir === "asc" ? "arrow-up" : "arrow-down" : "sort",
 					small: ""
-				}, null, 8, ["name"])], 8, nt)) : b(e.$slots, `header-${t.key}`, { column: t }, () => [d(x(t.label), 1)], void 0, 1), z.value && t.resizable !== !1 ? (_(), s(se, {
+				}, null, 8, ["name"])], 8, nt)) : b(e.$slots, `header-${t.key}`, { column: t }, () => [f(x(t.label), 1)], void 0, 1), Mt.value && t.resizable !== !1 ? (_(), c(oe, {
 					key: 2,
 					label: t.label,
 					width: Y(t),
@@ -444,38 +444,38 @@ var Ie = { class: "e-grid-frame" }, Le = {
 					"min",
 					"onResize",
 					"onReset"
-				])) : c("", !0)], 14, tt))), 128))], 8, $e), Pt.value ? (_(), l("tr", {
+				])) : l("", !0)], 14, tt))), 128))], 8, $e), Pt.value ? (_(), u("tr", {
 					key: 0,
 					class: "e-filterrow",
 					role: Z("row")
-				}, [p.selectable ? (_(), l("td", {
+				}, [m.selectable ? (_(), u("td", {
 					key: 0,
 					class: "e-cell-check",
 					role: Z("cell")
-				}, null, 8, it)) : c("", !0), (_(!0), l(a, null, y(q.value, (e, t) => (_(), l("td", {
+				}, null, 8, it)) : l("", !0), (_(!0), u(o, null, y(q.value, (e, t) => (_(), u("td", {
 					key: e.key,
 					role: Z("cell"),
 					class: h({ "e-sticky": X(t) }),
 					style: g(Qt(t))
-				}, [e.filter ? (_(), l(a, { key: 0 }, [e.filter.type === "select" ? (_(), s(ne, {
+				}, [e.filter ? (_(), u(o, { key: 0 }, [e.filter.type === "select" ? (_(), c(ae, {
 					key: 0,
 					bare: "",
-					"aria-label": S(M)("filterColumn", { col: e.label }),
-					placeholder: S(M)("all"),
+					"aria-label": S(N)("filterColumn", { col: e.label }),
+					placeholder: S(N)("all"),
 					options: hn(e),
-					"model-value": mn(e.key) || xt,
-					"onUpdate:modelValue": (t) => Q(e.key, t === xt ? "" : t)
+					"model-value": mn(e.key) || E,
+					"onUpdate:modelValue": (t) => Q(e.key, t === E ? "" : t)
 				}, null, 8, [
 					"aria-label",
 					"placeholder",
 					"options",
 					"model-value",
 					"onUpdate:modelValue"
-				])) : e.filter.type === "number" ? (_(), l("div", ot, [f(ee, {
+				])) : e.filter.type === "number" ? (_(), u("div", ot, [p(a, {
 					"hide-label": "",
 					inputmode: "decimal",
-					label: S(M)("minOf", { col: S(M)("filterColumn", { col: e.label }) }),
-					placeholder: S(M)("min"),
+					label: S(N)("minOf", { col: S(N)("filterColumn", { col: e.label }) }),
+					placeholder: S(N)("min"),
 					"model-value": $(e.key).min,
 					"onUpdate:modelValue": (t) => Q(e.key, {
 						min: t,
@@ -486,11 +486,11 @@ var Ie = { class: "e-grid-frame" }, Le = {
 					"placeholder",
 					"model-value",
 					"onUpdate:modelValue"
-				]), f(ee, {
+				]), p(a, {
 					"hide-label": "",
 					inputmode: "decimal",
-					label: S(M)("maxOf", { col: S(M)("filterColumn", { col: e.label }) }),
-					placeholder: S(M)("max"),
+					label: S(N)("maxOf", { col: S(N)("filterColumn", { col: e.label }) }),
+					placeholder: S(N)("max"),
 					"model-value": $(e.key).max,
 					"onUpdate:modelValue": (t) => Q(e.key, {
 						min: $(e.key).min,
@@ -501,12 +501,12 @@ var Ie = { class: "e-grid-frame" }, Le = {
 					"placeholder",
 					"model-value",
 					"onUpdate:modelValue"
-				])])) : (_(), s(ee, {
+				])])) : (_(), c(a, {
 					key: 2,
 					"hide-label": "",
 					type: "search",
-					label: S(M)("filterColumn", { col: e.label }),
-					placeholder: S(M)("filter"),
+					label: S(N)("filterColumn", { col: e.label }),
+					placeholder: S(N)("filter"),
 					"model-value": mn(e.key),
 					"onUpdate:modelValue": (t) => Q(e.key, t)
 				}, null, 8, [
@@ -514,67 +514,67 @@ var Ie = { class: "e-grid-frame" }, Le = {
 					"placeholder",
 					"model-value",
 					"onUpdate:modelValue"
-				]))], 64)) : c("", !0)], 14, at))), 128))], 8, rt)) : c("", !0)], 8, Qe),
-				u("tbody", { role: Z("rowgroup") }, [p.loading ? (_(), l(a, { key: 0 }, y(5, (e) => u("tr", {
+				]))], 64)) : l("", !0)], 14, at))), 128))], 8, rt)) : l("", !0)], 8, Qe),
+				d("tbody", { role: Z("rowgroup") }, [m.loading ? (_(), u(o, { key: 0 }, y(5, (e) => d("tr", {
 					key: `s${e}`,
 					role: Z("row")
-				}, [p.selectable ? (_(), l("td", {
+				}, [m.selectable ? (_(), u("td", {
 					key: 0,
 					class: "e-cell-check",
 					role: Z("cell")
-				}, null, 8, lt)) : c("", !0), (_(!0), l(a, null, y(q.value, (e) => (_(), l("td", {
+				}, null, 8, lt)) : l("", !0), (_(!0), u(o, null, y(q.value, (e) => (_(), u("td", {
 					key: e.key,
 					role: Z("cell")
-				}, [...t[3] ||= [u("span", { class: "e-skel" }, null, -1)]], 8, ut))), 128))], 8, ct)), 64)) : W.value.length === 0 ? (_(), l("tr", {
+				}, [...t[3] ||= [d("span", { class: "e-skel" }, null, -1)]], 8, ut))), 128))], 8, ct)), 64)) : U.value.length === 0 ? (_(), u("tr", {
 					key: 1,
 					role: Z("row")
-				}, [u("td", {
+				}, [d("td", {
 					colspan: Ft.value,
 					class: "e-grid-empty",
 					role: Z("cell")
-				}, [f(ae, {
+				}, [p(re, {
 					bare: "",
-					icon: p.emptyIcon || "search",
-					title: p.emptyTitle || S(M)("noResults")
-				}, pe({
-					default: w(() => [d(x(p.emptyText || (H.value || V.value ? S(M)("noMatchesFilters") : S(M)("nothingYet"))) + " ", 1)]),
+					icon: m.emptyIcon || "search",
+					title: m.emptyTitle || S(N)("noResults")
+				}, fe({
+					default: w(() => [f(x(m.emptyText || (V.value || B.value ? S(N)("noMatchesFilters") : S(N)("nothingYet"))) + " ", 1)]),
 					_: 2
-				}, [H.value || V.value ? {
+				}, [V.value || B.value ? {
 					name: "action",
-					fn: w(() => [f(i, {
+					fn: w(() => [p(ee, {
 						variant: "outline",
 						onClick: un
 					}, {
-						default: w(() => [d(x(S(M)("clearFilters")), 1)]),
+						default: w(() => [f(x(S(N)("clearFilters")), 1)]),
 						_: 1
 					})]),
 					key: "0"
-				} : void 0]), 1032, ["icon", "title"])], 8, ft)], 8, dt)) : (_(), l(a, { key: 2 }, [
-					L.value && Gt.value > 0 ? (_(), l("tr", {
+				} : void 0]), 1032, ["icon", "title"])], 8, ft)], 8, dt)) : (_(), u(o, { key: 2 }, [
+					R.value && Gt.value > 0 ? (_(), u("tr", {
 						key: 0,
 						"aria-hidden": "true",
 						class: "e-spacer",
 						style: g({ height: `${Gt.value}px` })
-					}, [u("td", { colspan: Ft.value }, null, 8, pt)], 4)) : c("", !0),
-					(_(!0), l(a, null, y(qt.value, ({ row: t, index: n }) => (_(), l("tr", {
+					}, [d("td", { colspan: Ft.value }, null, 8, pt)], 4)) : l("", !0),
+					(_(!0), u(o, null, y(qt.value, ({ row: t, index: n }) => (_(), u("tr", {
 						key: t.id,
 						role: Z("row"),
 						"data-selected": t.getIsSelected() ? "" : void 0,
-						"aria-rowindex": L.value ? n + 2 + +!!Pt.value : void 0
-					}, [p.selectable ? (_(), l("td", {
+						"aria-rowindex": R.value ? n + 2 + +!!Pt.value : void 0
+					}, [m.selectable ? (_(), u("td", {
 						key: 0,
 						class: "e-cell-check",
 						role: Z("cell")
-					}, [f(ie, {
+					}, [p(i, {
 						bare: "",
-						label: S(M)("selectRow"),
+						label: S(N)("selectRow"),
 						"model-value": t.getIsSelected(),
 						"onUpdate:modelValue": (e) => t.toggleSelected(e)
 					}, null, 8, [
 						"label",
 						"model-value",
 						"onUpdate:modelValue"
-					])], 8, ht)) : c("", !0), (_(!0), l(a, null, y(q.value, (n, r) => (_(), l("td", {
+					])], 8, ht)) : l("", !0), (_(!0), u(o, null, y(q.value, (n, r) => (_(), u("td", {
 						key: n.key,
 						role: Z("cell"),
 						"data-label": n.label,
@@ -584,33 +584,33 @@ var Ie = { class: "e-grid-frame" }, Le = {
 							"e-sticky": X(r)
 						}),
 						style: g(Qt(r))
-					}, [b(e.$slots, `cell-${n.key}`, me({ ref_for: !0 }, Jt(t, n)), () => [d(x(t.original[n.key]), 1)])], 14, gt))), 128))], 8, mt))), 128)),
-					L.value && Kt.value > 0 ? (_(), l("tr", {
+					}, [b(e.$slots, `cell-${n.key}`, me({ ref_for: !0 }, Jt(t, n)), () => [f(x(t.original[n.key]), 1)])], 14, gt))), 128))], 8, mt))), 128)),
+					R.value && Kt.value > 0 ? (_(), u("tr", {
 						key: 1,
 						"aria-hidden": "true",
 						class: "e-spacer",
 						style: g({ height: `${Kt.value}px` })
-					}, [u("td", { colspan: Ft.value }, null, 8, _t)], 4)) : c("", !0)
+					}, [d("td", { colspan: Ft.value }, null, 8, _t)], 4)) : l("", !0)
 				], 64))], 8, st)
 			], 14, Je)], 12, qe),
-			p.plain ? c("", !0) : (_(), l("div", vt, [u("span", yt, x(G.value === 0 ? S(M)("rows", { n: 0 }) : L.value || R.value === 0 ? S(M)("rows", { n: G.value }) : S(M)("showing", {
+			m.bare ? l("", !0) : (_(), u("div", vt, [d("span", yt, x(W.value === 0 ? S(N)("rows", { n: 0 }) : R.value || z.value === 0 ? S(N)("rows", { n: W.value }) : S(N)("showing", {
 				from: It.value,
 				to: Lt.value,
-				total: G.value
-			})), 1), R.value > 0 && K.value > 1 ? (_(), s(oe, {
+				total: W.value
+			})), 1), z.value > 0 && G.value > 1 ? (_(), c(ie, {
 				key: 0,
-				"model-value": Nt.value,
-				"page-count": K.value,
-				"onUpdate:modelValue": t[2] ||= (e) => O.value = e
-			}, null, 8, ["model-value", "page-count"])) : c("", !0)])),
-			u("span", bt, x(p.loading ? S(M)("loading") : (Rt.value ? S(M)("sortedBy", {
+				"model-value": K.value,
+				"page-count": G.value,
+				"onUpdate:modelValue": t[2] ||= (e) => k.value = e
+			}, null, 8, ["model-value", "page-count"])) : l("", !0)])),
+			d("span", bt, x(m.loading ? S(N)("loading") : (Rt.value ? S(N)("sortedBy", {
 				col: Rt.value.label,
-				dir: S(M)(D.value?.dir === "asc" ? "ascending" : "descending")
-			}) + " " : "") + S(M)("rowsAnnounce", { n: G.value })), 1)
+				dir: S(N)(O.value?.dir === "asc" ? "ascending" : "descending")
+			}) + " " : "") + S(N)("rowsAnnounce", { n: W.value })), 1)
 		])], 2));
 	}
 });
 //#endregion
-export { E as default };
+export { D as default };
 
 //# sourceMappingURL=EDataGrid.vue_vue_type_script_setup_true_lang.js.map