@inandu-solutions/grid-vue 0.2.2 → 0.3.0

package/dist/inandu-grid-vue.js

@@ -1,453 +1,45 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onScopeDispose as f, openBlock as p, renderList as m, shallowRef as h, toDisplayString as g, toValue as _, unref as v, useSlots as y, watch as ee, withModifiers as b } from "vue";
-//#region src/core/format.ts
-var x = /^(\d+)?\.(\d+)-(\d+)$/;
-function te(e, t, n) {
-	let r = {}, i = n ? x.exec(n) : null;
-	return i ? (i[1] && (r.minimumIntegerDigits = Number(i[1])), r.minimumFractionDigits = Number(i[2]), r.maximumFractionDigits = Number(i[3])) : r.maximumFractionDigits = 3, new Intl.NumberFormat(t || void 0, r).format(e);
-}
-function S(e) {
-	return e instanceof Date ? e : typeof e == "string" ? new Date(e.replace(/^(\d{4}-\d{2}-\d{2}) (\d{2}:\d{2})/, "$1T$2")) : new Date(e);
-}
-var C = /YYYY|sss|MM|DD|HH|mm|ss/g;
-function w(e, t) {
-	let n = (e, t = 2) => String(e).padStart(t, "0");
-	return t.replace(C, (t) => {
-		switch (t) {
-			case "YYYY": return String(e.getFullYear());
-			case "MM": return n(e.getMonth() + 1);
-			case "DD": return n(e.getDate());
-			case "HH": return n(e.getHours());
-			case "mm": return n(e.getMinutes());
-			case "ss": return n(e.getSeconds());
-			case "sss": return n(e.getMilliseconds(), 3);
-			default: return t;
-		}
-	});
-}
-function T(e, t, n, r, i = te) {
-	if (e == null) return "";
-	switch (t) {
-		case "number": {
-			let t = typeof e == "number" ? e : Number(e);
-			return Number.isNaN(t) ? String(e) : i(t, r, n || void 0);
-		}
-		case "date": {
-			let t = S(e);
-			return Number.isNaN(t.getTime()) ? String(e) : w(t, n || "YYYY-MM-DD");
-		}
-		case "boolean": {
-			let [t, r] = (n || "true|false").split("|");
-			return e ? t : r;
-		}
-		default: return String(e);
-	}
-}
-//#endregion
-//#region src/core/sort.ts
-function E(e, t, n) {
-	return e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t), n || void 0);
-}
-//#endregion
-//#region src/core/tree.ts
-function D(e, t) {
-	let { getChildren: n, isExpanded: r, match: i, compare: a } = t, o = [], s = /* @__PURE__ */ new Map(), c = (e) => {
-		if (!i) return !0;
-		let t = s.get(e);
-		if (t !== void 0) return t;
-		let r = i(e);
-		if (!r) {
-			let t = n(e);
-			r = !!t && t.some(c);
-		}
-		return s.set(e, r), r;
-	}, l = (e, t) => {
-		let s = i ? e.filter(c) : [...e];
-		a && (s = s.slice().sort(a));
-		for (let e of s) {
-			let a = n(e), s = (a ? i ? a.filter(c) : a : []).length > 0, u = s && (i ? !0 : r(e));
-			o.push({
-				row: e,
-				depth: t,
-				expandable: s,
-				expanded: u
-			}), u && l(a, t + 1);
-		}
-	};
-	return l(e, 0), o;
-}
-function ne(e, t) {
-	let n = [], r = (e) => {
-		for (let i of e) {
-			n.push(i);
-			let e = t(i);
-			e && e.length && r(e);
-		}
-	};
-	return r(e), n;
-}
-//#endregion
-//#region src/core/filter.ts
-function re(e) {
-	return e ? Object.values(e).some((e) => Array.isArray(e) ? !0 : !!e) : !1;
-}
-function ie(e, t, n, r, i) {
-	let a = t[e.field()];
-	if (n.values !== void 0) return n.values.includes(T(a, e.type(), e.format(), r, i));
-	switch (e.type()) {
-		case "number": {
-			let e = !!n.min, t = !!n.max;
-			if (!e && !t) return !0;
-			let r = typeof a == "number" ? a : Number(a);
-			return !(a == null || Number.isNaN(r) || e && r < Number(n.min) || t && r > Number(n.max));
-		}
-		case "date": {
-			let e = !!n.from, t = !!n.to;
-			if (!e && !t) return !0;
-			if (a == null) return !1;
-			let r = S(a);
-			if (Number.isNaN(r.getTime()) || e && r < new Date(n.from)) return !1;
-			if (t) {
-				let e = new Date(n.to);
-				if (e.setHours(23, 59, 59, 999), r > e) return !1;
-			}
-			return !0;
-		}
-		case "boolean": return !n.bool || !!a == (n.bool === "true");
-		default: {
-			let t = (n.text ?? "").trim().toLowerCase();
-			return !t || T(a, e.type(), e.format(), r, i).toLowerCase().includes(t);
-		}
-	}
-}
-//#endregion
-//#region src/core/aggregate.ts
-var O = {
-	sum: "Σ",
-	avg: "x̄",
-	min: "min",
-	max: "max",
-	count: "#"
-};
-function ae(e, t) {
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, onScopeDispose as f, openBlock as p, renderList as m, shallowRef as h, toDisplayString as g, toValue as _, unref as v, useSlots as y, watch as b, withModifiers as x } from "vue";
+// \0rolldown/runtime.js
+var S = Object.defineProperty, C = Object.getOwnPropertyDescriptor, w = Object.getOwnPropertyNames, T = Object.prototype.hasOwnProperty, E = (e, t) => {
 	let n = {};
-	for (let r of t) {
-		let t = r.field(), i = r.aggregate();
-		if (i === "count") {
-			n[t] = e.length;
-			continue;
-		}
-		let a = e.map((e) => e[t]).filter((e) => e != null && e !== "" && typeof e != "boolean").map((e) => Number(e)).filter((e) => Number.isFinite(e));
-		if (a.length === 0) n[t] = 0;
-		else switch (i) {
-			case "sum":
-				n[t] = a.reduce((e, t) => e + t, 0);
-				break;
-			case "avg":
-				n[t] = a.reduce((e, t) => e + t, 0) / a.length;
-				break;
-			case "min":
-				n[t] = a.reduce((e, t) => t < e ? t : e, Infinity);
-				break;
-			case "max": n[t] = a.reduce((e, t) => t > e ? t : e, -Infinity);
-		}
-	}
-	return n;
+	for (var r in e) S(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || S(n, Symbol.toStringTag, { value: "Module" }), n;
+}, D = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = w(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !T.call(e, s) && s !== n && S(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = C(t, s)) || r.enumerable
+	});
+	return e;
+}, O = (e, t, n) => (D(e, t, "default"), n && D(n, t, "default")), k = /* @__PURE__ */ E({});
+import * as A from "@inandu-solutions/grid-core";
+O(k, A);
+// src/composables/rowKey.ts
+var j = /* @__PURE__ */ new WeakMap(), M = 0;
+function ee(e) {
+	if (typeof e == "function") return (t) => e(t) ?? t;
+	let t = e ?? "id";
+	return (e) => e[t] ?? e;
 }
-//#endregion
-//#region src/core/parse.ts
-function oe(e, t) {
-	switch (t) {
-		case "number": {
-			if (e === "" || e === void 0) return;
-			let t = Number(e);
-			return Number.isNaN(t) ? void 0 : t;
-		}
-		case "date": {
-			let t = typeof e == "string" ? /^(\d{4})-(\d{2})-(\d{2})$/.exec(e) : null, n = t ? new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3])) : new Date(e);
-			return Number.isNaN(n.getTime()) ? void 0 : n;
-		}
-		case "boolean": return !!e;
-		default: return e;
+function N(e) {
+	if (typeof e == "object" && e) {
+		let t = j.get(e);
+		return t === void 0 && (t = ++M, j.set(e, t)), `o${t}`;
 	}
+	return `${typeof e}:${String(e)}`;
 }
-function se(e, t) {
-	return t === "boolean" ? e.trim().toLowerCase() === "true" : oe(e, t);
-}
-//#endregion
-//#region src/core/dom.ts
-function k(e) {
-	return e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
-}
-//#endregion
-//#region src/core/export/csv.ts
-function A(e) {
-	return /[",\r\n]/.test(e) ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
-}
-//#endregion
-//#region src/core/export/markup.ts
-function j(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-//#endregion
-//#region src/core/export/pdf.ts
-function M(e, t, n) {
-	if (e.getTextWidth(t) <= n) return t;
-	let r = t;
-	for (; r.length > 0 && e.getTextWidth(r + "…") > n;) r = r.slice(0, -1);
-	return r + "…";
-}
-//#endregion
-//#region src/core/export/download.ts
-function N(e, t, n) {
-	let r = e instanceof Blob ? e : new Blob([e], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
-	a.href = i, a.download = t, a.click(), URL.revokeObjectURL(i);
-}
-//#endregion
-//#region src/core/i18n/en.ts
-var P = {
-	MsgNoData: "No data",
-	MsgFirstPage: "First page",
-	MsgPreviousPage: "Previous page",
-	MsgNextPage: "Next page",
-	MsgLastPage: "Last page",
-	MsgSortBy: "Sort by {{column}}",
-	MsgPageOf: "Page {{page}} of {{total}}",
-	MsgFilterPlaceholder: "Search",
-	MsgFilterColumn: "Filter {{column}}",
-	MsgFilterMin: "Min",
-	MsgFilterMax: "Max",
-	MsgFilterFrom: "From",
-	MsgFilterTo: "To",
-	MsgAll: "All",
-	MsgCancelFilter: "Cancel filter",
-	MsgCancelAllFilters: "Clear filters",
-	MsgGroupByHint: "Drag a column header here to group by it",
-	MsgGroupedBy: "Grouped by {{column}}",
-	MsgGroupHeader: "{{column}}: {{value}} ({{count}})",
-	MsgCancelGrouping: "Cancel grouping",
-	MsgSelectAll: "Select all rows",
-	MsgSelectRow: "Select row {{index}}",
-	MsgExportCsv: "Export CSV",
-	MsgExportExcel: "Export Excel",
-	MsgExportPdf: "Export PDF",
-	MsgPrint: "Print",
-	MsgToggleColumns: "Columns",
-	MsgToggleColumn: "Toggle {{column}}",
-	MsgEditCell: "Edit {{column}}",
-	MsgEditRow: "Edit",
-	MsgSaveRow: "Save",
-	MsgCancelRowEdit: "Cancel",
-	MsgDeleteRow: "Delete",
-	MsgAddRow: "Add row",
-	MsgLoading: "Loading…",
-	MsgDragRow: "Drag to reorder row",
-	MsgAutosizeColumn: "Double-click to fit column to content",
-	MsgExpandDetail: "Expand row details",
-	MsgCollapseDetail: "Collapse row details",
-	MsgDeleteSelected: "Delete selected ({{count}})",
-	MsgValidationRequired: "This field is required",
-	MsgValidationMin: "Must be at least {{min}}",
-	MsgValidationMax: "Must be at most {{max}}",
-	MsgValidationPattern: "Invalid format"
-}, F = {
-	MsgNoData: "Sin datos",
-	MsgFirstPage: "Primera página",
-	MsgPreviousPage: "Página anterior",
-	MsgNextPage: "Página siguiente",
-	MsgLastPage: "Última página",
-	MsgSortBy: "Ordenar por {{column}}",
-	MsgPageOf: "Página {{page}} de {{total}}",
-	MsgFilterPlaceholder: "Buscar",
-	MsgFilterColumn: "Filtrar {{column}}",
-	MsgFilterMin: "Mín",
-	MsgFilterMax: "Máx",
-	MsgFilterFrom: "Desde",
-	MsgFilterTo: "Hasta",
-	MsgAll: "Todos",
-	MsgCancelFilter: "Cancelar filtro",
-	MsgCancelAllFilters: "Cancelar filtros",
-	MsgGroupByHint: "Arrastra el encabezado de una columna aquí para agrupar por ella",
-	MsgGroupedBy: "Agrupado por {{column}}",
-	MsgGroupHeader: "{{column}}: {{value}} ({{count}})",
-	MsgCancelGrouping: "Cancelar agrupación",
-	MsgSelectAll: "Seleccionar todas las filas",
-	MsgSelectRow: "Seleccionar fila {{index}}",
-	MsgExportCsv: "Exportar CSV",
-	MsgExportExcel: "Exportar Excel",
-	MsgExportPdf: "Exportar PDF",
-	MsgPrint: "Imprimir",
-	MsgToggleColumns: "Columnas",
-	MsgToggleColumn: "Mostrar u ocultar {{column}}",
-	MsgEditCell: "Editar {{column}}",
-	MsgEditRow: "Editar",
-	MsgSaveRow: "Guardar",
-	MsgCancelRowEdit: "Cancelar",
-	MsgDeleteRow: "Eliminar",
-	MsgAddRow: "Agregar fila",
-	MsgLoading: "Cargando…",
-	MsgDragRow: "Arrastrar para reordenar fila",
-	MsgAutosizeColumn: "Doble clic para ajustar la columna al contenido",
-	MsgExpandDetail: "Expandir detalle de fila",
-	MsgCollapseDetail: "Contraer detalle de fila",
-	MsgDeleteSelected: "Eliminar seleccionados ({{count}})",
-	MsgValidationRequired: "Este campo es obligatorio",
-	MsgValidationMin: "Debe ser como mínimo {{min}}",
-	MsgValidationMax: "Debe ser como máximo {{max}}",
-	MsgValidationPattern: "Formato inválido"
-}, I = {
-	MsgNoData: "Aucune donnée",
-	MsgFirstPage: "Première page",
-	MsgPreviousPage: "Page précédente",
-	MsgNextPage: "Page suivante",
-	MsgLastPage: "Dernière page",
-	MsgSortBy: "Trier par {{column}}",
-	MsgPageOf: "Page {{page}} sur {{total}}",
-	MsgFilterPlaceholder: "Rechercher",
-	MsgFilterColumn: "Filtrer {{column}}",
-	MsgFilterMin: "Min",
-	MsgFilterMax: "Max",
-	MsgFilterFrom: "De",
-	MsgFilterTo: "À",
-	MsgAll: "Tous",
-	MsgCancelFilter: "Annuler le filtre",
-	MsgCancelAllFilters: "Effacer les filtres",
-	MsgGroupByHint: "Faites glisser l'en-tête d'une colonne ici pour regrouper par celle-ci",
-	MsgGroupedBy: "Regroupé par {{column}}",
-	MsgGroupHeader: "{{column}} : {{value}} ({{count}})",
-	MsgCancelGrouping: "Annuler le regroupement",
-	MsgSelectAll: "Sélectionner toutes les lignes",
-	MsgSelectRow: "Sélectionner la ligne {{index}}",
-	MsgExportCsv: "Exporter CSV",
-	MsgExportExcel: "Exporter Excel",
-	MsgExportPdf: "Exporter PDF",
-	MsgPrint: "Imprimer",
-	MsgToggleColumns: "Colonnes",
-	MsgToggleColumn: "Afficher/masquer {{column}}",
-	MsgEditCell: "Modifier {{column}}",
-	MsgEditRow: "Modifier",
-	MsgSaveRow: "Enregistrer",
-	MsgCancelRowEdit: "Annuler",
-	MsgDeleteRow: "Supprimer",
-	MsgAddRow: "Ajouter une ligne",
-	MsgLoading: "Chargement…",
-	MsgDragRow: "Glisser pour réordonner la ligne",
-	MsgAutosizeColumn: "Double-cliquez pour ajuster la colonne au contenu",
-	MsgExpandDetail: "Développer les détails de la ligne",
-	MsgCollapseDetail: "Réduire les détails de la ligne",
-	MsgDeleteSelected: "Supprimer la sélection ({{count}})",
-	MsgValidationRequired: "Ce champ est obligatoire",
-	MsgValidationMin: "Doit être au moins {{min}}",
-	MsgValidationMax: "Doit être au plus {{max}}",
-	MsgValidationPattern: "Format invalide"
-}, ce = {
-	MsgNoData: "Nessun dato",
-	MsgFirstPage: "Prima pagina",
-	MsgPreviousPage: "Pagina precedente",
-	MsgNextPage: "Pagina successiva",
-	MsgLastPage: "Ultima pagina",
-	MsgSortBy: "Ordina per {{column}}",
-	MsgPageOf: "Pagina {{page}} di {{total}}",
-	MsgFilterPlaceholder: "Cerca",
-	MsgFilterColumn: "Filtra {{column}}",
-	MsgFilterMin: "Min",
-	MsgFilterMax: "Max",
-	MsgFilterFrom: "Da",
-	MsgFilterTo: "A",
-	MsgAll: "Tutti",
-	MsgCancelFilter: "Annulla filtro",
-	MsgCancelAllFilters: "Cancella filtri",
-	MsgGroupByHint: "Trascina qui l'intestazione di una colonna per raggruppare per essa",
-	MsgGroupedBy: "Raggruppato per {{column}}",
-	MsgGroupHeader: "{{column}}: {{value}} ({{count}})",
-	MsgCancelGrouping: "Annulla raggruppamento",
-	MsgSelectAll: "Seleziona tutte le righe",
-	MsgSelectRow: "Seleziona riga {{index}}",
-	MsgExportCsv: "Esporta CSV",
-	MsgExportExcel: "Esporta Excel",
-	MsgExportPdf: "Esporta PDF",
-	MsgPrint: "Stampa",
-	MsgToggleColumns: "Colonne",
-	MsgToggleColumn: "Mostra/nascondi {{column}}",
-	MsgEditCell: "Modifica {{column}}",
-	MsgEditRow: "Modifica",
-	MsgSaveRow: "Salva",
-	MsgCancelRowEdit: "Annulla",
-	MsgDeleteRow: "Elimina",
-	MsgAddRow: "Aggiungi riga",
-	MsgLoading: "Caricamento…",
-	MsgDragRow: "Trascina per riordinare la riga",
-	MsgAutosizeColumn: "Doppio clic per adattare la colonna al contenuto",
-	MsgExpandDetail: "Espandi dettagli riga",
-	MsgCollapseDetail: "Comprimi dettagli riga",
-	MsgDeleteSelected: "Elimina selezionati ({{count}})",
-	MsgValidationRequired: "Questo campo è obbligatorio",
-	MsgValidationMin: "Deve essere almeno {{min}}",
-	MsgValidationMax: "Deve essere al massimo {{max}}",
-	MsgValidationPattern: "Formato non valido"
-}, L = {
-	MsgNoData: "暂无数据",
-	MsgFirstPage: "首页",
-	MsgPreviousPage: "上一页",
-	MsgNextPage: "下一页",
-	MsgLastPage: "末页",
-	MsgSortBy: "按{{column}}排序",
-	MsgPageOf: "第 {{page}} 页，共 {{total}} 页",
-	MsgFilterPlaceholder: "搜索",
-	MsgFilterColumn: "筛选{{column}}",
-	MsgFilterMin: "最小",
-	MsgFilterMax: "最大",
-	MsgFilterFrom: "从",
-	MsgFilterTo: "到",
-	MsgAll: "全部",
-	MsgCancelFilter: "取消筛选",
-	MsgCancelAllFilters: "清除所有筛选",
-	MsgGroupByHint: "将列标题拖到此处以按其分组",
-	MsgGroupedBy: "按{{column}}分组",
-	MsgGroupHeader: "{{column}}: {{value}} ({{count}})",
-	MsgCancelGrouping: "取消分组",
-	MsgSelectAll: "选择所有行",
-	MsgSelectRow: "选择第 {{index}} 行",
-	MsgExportCsv: "导出 CSV",
-	MsgExportExcel: "导出 Excel",
-	MsgExportPdf: "导出 PDF",
-	MsgPrint: "打印",
-	MsgToggleColumns: "列",
-	MsgToggleColumn: "显示/隐藏{{column}}",
-	MsgEditCell: "编辑{{column}}",
-	MsgEditRow: "编辑",
-	MsgSaveRow: "保存",
-	MsgCancelRowEdit: "取消",
-	MsgDeleteRow: "删除",
-	MsgAddRow: "添加行",
-	MsgLoading: "加载中…",
-	MsgDragRow: "拖动以重新排序行",
-	MsgAutosizeColumn: "双击以使列适应内容",
-	MsgExpandDetail: "展开行详情",
-	MsgCollapseDetail: "收起行详情",
-	MsgDeleteSelected: "删除所选 ({{count}})",
-	MsgValidationRequired: "此字段为必填项",
-	MsgValidationMin: "不得小于 {{min}}",
-	MsgValidationMax: "不得大于 {{max}}",
-	MsgValidationPattern: "格式无效"
-}, R = {
-	en: P,
-	es: F,
-	fr: I,
-	it: ce,
-	zh: L
-};
-//#endregion
-//#region src/utils/translate.ts
-function le(e, t) {
+// src/utils/translate.ts
+function P(e, t) {
 	return t ? e.replace(/\{\{(\w+)\}\}/g, (e, n) => n in t ? String(t[n]) : e) : e;
 }
-function ue(e) {
-	let t = R[e.split("-")[0]] ?? P;
-	return (e, n) => le(t[e] ?? P[e], n);
+function te(e) {
+	let t = e.split("-")[0], n = k.INANDU_GRID_TRANSLATIONS[t] ?? k.en;
+	return (e, t) => P(n[e] ?? k.en[e], t);
 }
-//#endregion
-//#region src/composables/useInanduGrid.ts
-function de(e) {
+// src/composables/useInanduGrid.ts
+function ne(e) {
 	return {
 		field: () => e.field,
 		type: () => e.type ?? "string",
@@ -456,9 +48,9 @@ function de(e) {
 		aggregate: () => e.aggregate ?? ""
 	};
 }
-function fe(e) {
-	let n = (n) => t(() => _(e)[n]), r = n("rows"), i = n("columns"), a = t(() => _(e).locale ?? "en"), o = n("lang"), s = t(() => _(e).pageSize ?? 0), c = t(() => _(e).selectable ?? !1), l = n("treeChildrenKey"), u = t(() => _(e).treeDefaultExpanded ?? "none"), d = t(() => _(e).virtualScroll ?? !1), f = n("extraRowFilter"), p = n("serverSide"), m = t(() => !!p.value), g = () => _(e), v = h([]), y = h({}), b = h(""), x = h(0), te = h(void 0), C = t(() => m.value ? void 0 : te.value), w = h(/* @__PURE__ */ new Set()), O = h(void 0), k = h(!1), A = h({}), j = h({}), M = h(!1), N = h(/* @__PURE__ */ new Set()), P = h(void 0), F = h(void 0), I = h({}), ce = h({}), L = h(void 0), R = h(/* @__PURE__ */ new Set()), le = h(/* @__PURE__ */ new Set()), fe, pe = t(() => ue(o.value ?? a.value)), z = t(() => {
-		let e = P.value;
+function re(e) {
+	let n = (n) => t(() => _(e)[n]), r = n("rows"), i = n("columns"), a = t(() => _(e).locale ?? "en"), o = n("lang"), s = t(() => _(e).pageSize ?? 0), c = t(() => _(e).selectable ?? !1), l = n("treeChildrenKey"), u = t(() => _(e).treeDefaultExpanded ?? "none"), d = t(() => _(e).virtualScroll ?? !1), f = n("extraRowFilter"), p = n("rowId"), m = t(() => ee(p.value)), g = n("serverSide"), v = t(() => !!g.value), y = () => _(e), x = h([]), S = h({}), C = h(""), w = h(0), T = h(void 0), E = t(() => v.value ? void 0 : T.value), D = h(/* @__PURE__ */ new Map()), O = t(() => new Set(D.value.values())), A = h(void 0), j = h(!1), M = h({}), P = h({}), re = h(!1), F = h(/* @__PURE__ */ new Set()), I = h(void 0), L = h(void 0), ie = h({}), R = h({}), z = h(void 0), B = h(/* @__PURE__ */ new Set()), ae = h(/* @__PURE__ */ new Set()), oe = /* @__PURE__ */ new Set(), se = t(() => te(o.value ?? a.value)), V = t(() => {
+		let e = I.value;
 		if (!e) return i.value;
 		let t = new Map(i.value.map((e) => [e.field, e])), n = [];
 		for (let r of e) {
@@ -466,192 +58,213 @@ function fe(e) {
 			e && (n.push(e), t.delete(r));
 		}
 		return n.push(...t.values()), n;
-	}), B = t(() => N.value.size === 0 ? z.value : z.value.filter((e) => !N.value.has(e.field))), me = t(() => z.value.filter((e) => e.hideable !== !1));
-	function he(e) {
-		let t = z.value.map((e) => e.field), n = new Set(t), r = e.filter((e) => n.has(e)), i = new Set(r), a = t.filter((e) => !i.has(e));
-		P.value = [...r, ...a];
+	}), H = t(() => F.value.size === 0 ? V.value : V.value.filter((e) => !F.value.has(e.field))), ce = t(() => V.value.filter((e) => e.hideable !== !1));
+	function le(e) {
+		let t = V.value.map((e) => e.field), n = new Set(t), r = e.filter((e) => n.has(e)), i = new Set(r), a = t.filter((e) => !i.has(e));
+		I.value = [...r, ...a];
 	}
-	function ge(e) {
-		F.value = e;
+	function U(e) {
+		L.value = e;
 	}
-	function _e(e) {
-		let t = F.value;
-		if (F.value = void 0, !t || t === e) return;
-		let n = z.value.find((e) => e.field === t);
+	function ue(e) {
+		let t = L.value;
+		if (L.value = void 0, !t || t === e) return;
+		let n = V.value.find((e) => e.field === t);
 		if (!n || n.reorder === !1) return;
-		let r = z.value.map((e) => e.field), i = r.indexOf(t), a = r.indexOf(e);
-		i !== -1 && a !== -1 && (r.splice(i, 1), i < a && a--, r.splice(a, 0, t), he(r));
+		let r = V.value.map((e) => e.field), i = r.indexOf(t), a = r.indexOf(e);
+		i !== -1 && a !== -1 && (r.splice(i, 1), i < a && a--, r.splice(a, 0, t), le(r));
 	}
-	function ve(e) {
-		return N.value.has(e);
+	function de(e) {
+		return F.value.has(e);
 	}
-	function ye(e) {
-		if (N.value.has(e)) {
-			let t = new Set(N.value);
-			t.delete(e), N.value = t;
-		} else B.value.length <= 1 || (N.value = new Set(N.value).add(e));
+	function fe(e) {
+		if (F.value.has(e)) {
+			let t = new Set(F.value);
+			t.delete(e), F.value = t;
+		} else H.value.length <= 1 || (F.value = new Set(F.value).add(e));
 	}
-	let V = t(() => B.value.filter((e) => e.editable));
-	function H(e) {
-		x.value = 0, b.value = e;
+	let W = t(() => H.value.filter((e) => e.editable));
+	function pe(e) {
+		w.value = 0, C.value = e;
 	}
-	let U = t(() => new Map(B.value.map((e) => [e.field, de(e)]))), be = t(() => B.value.filter((e) => e.aggregate).map((e) => U.value.get(e.field)));
-	function xe(e, t) {
-		x.value = 0, y.value = {
-			...y.value,
+	let G = t(() => new Map(H.value.map((e) => [e.field, ne(e)]))), K = t(() => H.value.filter((e) => e.aggregate).map((e) => G.value.get(e.field)));
+	function me(e, t) {
+		w.value = 0, S.value = {
+			...S.value,
 			[e]: t
 		};
 	}
-	function W() {
-		x.value = 0, y.value = {};
+	function he() {
+		w.value = 0, S.value = {};
 	}
-	function G(e, t) {
-		return B.value.some((n) => {
-			let r = U.value.get(n.field);
-			return T(e[n.field], r.type(), r.format(), a.value).toLowerCase().includes(t);
+	function ge(e, t) {
+		return H.value.some((n) => {
+			let r = G.value.get(n.field);
+			return (0, k.formatCellValue)(e[n.field], r.type(), r.format(), a.value).toLowerCase().includes(t);
 		});
 	}
-	function K(e, t) {
+	function q(e, t) {
 		return t.every(([t, n]) => {
-			let r = U.value.get(t);
-			return !r || ie(r, e, n, a.value);
+			let r = G.value.get(t);
+			return !r || (0, k.matchesColumnFilter)(r, e, n, a.value);
 		});
 	}
-	function Se(e, t) {
-		for (let { field: n, direction: r } of v.value) {
-			let i = E(e[n], t[n], a.value) * (r === "asc" ? 1 : -1);
+	function J(e, t) {
+		for (let { field: n, direction: r } of x.value) {
+			let i = (0, k.compareCellValues)(e[n], t[n], a.value) * (r === "asc" ? 1 : -1);
 			if (i !== 0) return i;
 		}
 		return 0;
 	}
-	let q = t(() => {
+	let Y = t(() => {
 		let e = r.value;
-		if (m.value) return e;
-		let t = b.value.trim().toLowerCase();
-		t && (e = e.filter((e) => G(e, t)));
-		let n = Object.entries(y.value).filter(([, e]) => re(e));
-		n.length > 0 && (e = e.filter((e) => K(e, n)));
+		if (v.value) return e;
+		let t = C.value.trim().toLowerCase();
+		t && (e = e.filter((e) => ge(e, t)));
+		let n = Object.entries(S.value).filter(([, e]) => (0, k.hasMeaningfulFilterValue)(e));
+		n.length > 0 && (e = e.filter((e) => q(e, n)));
 		let i = f.value;
-		return i && (e = e.filter(i)), v.value.length > 0 && (e = [...e].sort(Se)), e;
-	}), Ce = t(() => {
-		let e = C.value;
+		return i && (e = e.filter(i)), x.value.length > 0 && (e = [...e].sort(J)), e;
+	}), _e = t(() => {
+		let e = E.value;
 		if (!e) return null;
-		let t = U.value.get(e);
+		let t = G.value.get(e);
 		if (!t) return null;
 		let n = /* @__PURE__ */ new Map();
-		for (let r of q.value) {
-			let i = T(r[e], t.type(), t.format(), a.value), o = n.get(i);
+		for (let r of Y.value) {
+			let i = (0, k.formatCellValue)(r[e], t.type(), t.format(), a.value), o = n.get(i);
 			o ? o.push(r) : n.set(i, [r]);
 		}
 		return Array.from(n.entries()).map(([e, t]) => ({
 			key: e,
 			rows: t,
-			aggregates: ae(t, be.value)
+			aggregates: (0, k.computeGroupAggregates)(t, K.value)
 		}));
-	}), we = t(() => ae(q.value, be.value)), J = t(() => !!l.value && !C.value && !d.value && !m.value);
-	function Y(e) {
+	}), ve = t(() => (0, k.computeGroupAggregates)(Y.value, K.value)), X = t(() => !!l.value && !E.value && !d.value && !v.value);
+	function Z(e) {
 		let t = l.value, n = t ? e[t] : void 0;
 		return Array.isArray(n) ? n : void 0;
 	}
-	let X = t(() => {
-		if (!J.value) return [];
-		let e = b.value.trim().toLowerCase(), t = Object.entries(y.value).filter(([, e]) => re(e)), n = f.value, i = e || t.length > 0 || n ? (r) => e && !G(r, e) || !K(r, t) ? !1 : !n || n(r) : void 0, a = v.value.length > 0 ? Se : void 0, o = R.value;
-		return D(r.value, {
-			getChildren: Y,
-			isExpanded: (e) => o.has(e),
+	let ye = t(() => {
+		if (!X.value) return [];
+		let e = C.value.trim().toLowerCase(), t = Object.entries(S.value).filter(([, e]) => (0, k.hasMeaningfulFilterValue)(e)), n = f.value, i = e || t.length > 0 || n ? (r) => e && !ge(r, e) || !q(r, t) ? !1 : !n || n(r) : void 0, a = x.value.length > 0 ? J : void 0, o = B.value, s = m.value;
+		return (0, k.flattenTree)(r.value, {
+			getChildren: Z,
+			isExpanded: (e) => o.has(s(e)),
 			match: i,
 			compare: a
 		});
 	});
-	ee([
-		J,
+	b([
+		X,
 		r,
-		u
+		u,
+		m
 	], () => {
-		if (!J.value || fe === r.value) return;
-		fe = r.value;
-		let e = u.value;
-		if (e === "none") {
-			R.value = /* @__PURE__ */ new Set();
-			return;
-		}
-		let t = /* @__PURE__ */ new Set();
-		if (e === "all") for (let e of ne(r.value, Y)) Y(e)?.length && t.add(e);
-		else {
-			let n = (r, i) => {
-				if (!(i >= e)) for (let e of r) {
-					let r = Y(e);
-					r?.length && (t.add(e), n(r, i + 1));
+		if (!X.value) return;
+		let e = m.value, t = u.value, n = /* @__PURE__ */ new Set();
+		if (t === "all") for (let t of (0, k.collectTreeRows)(r.value, Z)) Z(t)?.length && n.add(e(t));
+		else if (t !== "none") {
+			let i = (r, a) => {
+				if (!(a >= t)) for (let t of r) {
+					let r = Z(t);
+					r?.length && (n.add(e(t)), i(r, a + 1));
 				}
 			};
-			n(r.value, 0);
+			i(r.value, 0);
+		}
+		let i = [];
+		for (let t of (0, k.collectTreeRows)(r.value, Z)) {
+			let r = e(t);
+			oe.has(r) || (oe.add(r), n.has(r) && i.push(r));
+		}
+		if (i.length > 0) {
+			let e = new Set(B.value);
+			for (let t of i) e.add(t);
+			B.value = e;
 		}
-		R.value = t;
 	}, {
 		immediate: !0,
 		flush: "sync"
 	});
-	function Te(e) {
-		return R.value.has(e);
+	function be(e) {
+		return B.value.has(m.value(e));
 	}
-	function Ee(e) {
-		let t = new Set(R.value);
-		t.has(e) ? t.delete(e) : t.add(e), R.value = t;
+	function xe(e) {
+		let t = m.value(e), n = new Set(B.value);
+		n.has(t) ? n.delete(t) : n.add(t), B.value = n;
 	}
-	function De(e) {
+	function Se(e) {
 		if (!e) {
-			R.value = /* @__PURE__ */ new Set();
+			B.value = /* @__PURE__ */ new Set();
 			return;
 		}
 		let t = /* @__PURE__ */ new Set();
-		for (let e of ne(r.value, Y)) Y(e)?.length && t.add(e);
-		R.value = t;
+		for (let e of (0, k.collectTreeRows)(r.value, Z)) Z(e)?.length && t.add(m.value(e));
+		B.value = t;
 	}
-	let Oe = t(() => d.value && !C.value && !m.value), Z = t(() => s.value > 0 && !C.value && !J.value && !Oe.value), ke = t(() => p.value ? p.value.totalItems : q.value.length), Ae = t(() => Z.value ? Math.max(1, Math.ceil(ke.value / s.value)) : 1), je = t(() => m.value ? x.value : Math.min(x.value, Ae.value - 1)), Q = t(() => {
-		if (J.value) return X.value.map((e) => e.row);
-		if (!Z.value || m.value) return q.value;
-		let e = je.value * s.value;
-		return q.value.slice(e, e + s.value);
+	let Ce = t(() => d.value && !E.value && !v.value), we = t(() => s.value > 0 && !E.value && !X.value && !Ce.value), Q = t(() => g.value ? g.value.totalItems : Y.value.length), Te = t(() => we.value ? Math.max(1, Math.ceil(Q.value / s.value)) : 1), Ee = t(() => v.value ? w.value : Math.min(w.value, Te.value - 1)), De = t(() => {
+		if (X.value) return ye.value.map((e) => e.row);
+		if (!we.value || v.value) return Y.value;
+		let e = Ee.value * s.value;
+		return Y.value.slice(e, e + s.value);
 	});
-	ee([
-		m,
-		je,
-		s,
+	b([
 		v,
-		y,
-		b
+		Ee,
+		s,
+		x,
+		S,
+		C
 	], () => {
-		m.value && g().onQueryChange?.({
-			page: je.value,
+		v.value && y().onQueryChange?.({
+			page: Ee.value,
 			pageSize: s.value,
-			sortCriteria: v.value,
-			filterValues: y.value,
-			filterQuery: b.value
+			sortCriteria: x.value,
+			filterValues: S.value,
+			filterQuery: C.value
 		});
 	}, { immediate: !0 });
-	let $ = t(() => C.value ? q.value : Q.value);
-	function Me(e) {
-		return w.value.has(e);
+	let Oe = t(() => E.value ? Y.value : De.value);
+	function ke(e) {
+		return N(m.value(e));
+	}
+	function Ae(e) {
+		return D.value.has(m.value(e));
 	}
-	function Ne(e) {
-		let t = new Set(w.value);
-		t.has(e) ? t.delete(e) : t.add(e), w.value = t;
+	function je(e) {
+		let t = m.value(e), n = new Map(D.value);
+		n.has(t) ? n.delete(t) : n.set(t, e), D.value = n;
 	}
-	let Pe = t(() => $.value.length > 0 && $.value.every((e) => w.value.has(e))), Fe = t(() => !Pe.value && $.value.some((e) => w.value.has(e)));
-	function Ie() {
-		let e = !Pe.value, t = new Set(w.value);
-		for (let n of $.value) e ? t.add(n) : t.delete(n);
-		w.value = t;
+	let Me = t(() => Oe.value.length > 0 && Oe.value.every((e) => D.value.has(m.value(e)))), Ne = t(() => !Me.value && Oe.value.some((e) => D.value.has(m.value(e))));
+	function Pe() {
+		let e = !Me.value, t = m.value, n = new Map(D.value);
+		for (let r of Oe.value) e ? n.set(t(r), r) : n.delete(t(r));
+		D.value = n;
 	}
-	function Le() {
-		w.value = /* @__PURE__ */ new Set();
+	function Fe() {
+		D.value = /* @__PURE__ */ new Map();
 	}
-	function Re(e, t = !1) {
-		x.value = 0;
-		let n = v.value, r = n.findIndex((t) => t.field === e);
+	b([
+		r,
+		X,
+		m
+	], () => {
+		let e = D.value;
+		if (e.size === 0) return;
+		let t = m.value, n, i = X.value ? (0, k.collectTreeRows)(r.value, Z) : r.value;
+		for (let r of i ?? []) {
+			let i = t(r);
+			e.has(i) && e.get(i) !== r && (n ??= new Map(e), n.set(i, r));
+		}
+		n && (D.value = n);
+	}, { flush: "sync" });
+	function Ie(e, t = !1) {
+		w.value = 0;
+		let n = x.value, r = n.findIndex((t) => t.field === e);
 		if (t) {
 			if (r === -1) {
-				v.value = [...n, {
+				x.value = [...n, {
 					field: e,
 					direction: "asc"
 				}];
@@ -661,37 +274,37 @@ function fe(e) {
 			t[r] = {
 				field: e,
 				direction: n[r].direction === "asc" ? "desc" : "asc"
-			}, v.value = t;
-		} else n.length === 1 && n[0].field === e ? v.value = [{
+			}, x.value = t;
+		} else n.length === 1 && n[0].field === e ? x.value = [{
 			field: e,
 			direction: n[0].direction === "asc" ? "desc" : "asc"
-		}] : v.value = [{
+		}] : x.value = [{
 			field: e,
 			direction: "asc"
 		}];
 	}
-	function ze(e) {
-		v.value = e;
+	function Le(e) {
+		x.value = e;
 	}
-	function Be(e) {
-		return v.value.find((t) => t.field === e)?.direction;
+	function Re(e) {
+		return x.value.find((t) => t.field === e)?.direction;
 	}
-	function Ve(e) {
-		if (v.value.length < 2) return;
-		let t = v.value.findIndex((t) => t.field === e);
+	function ze(e) {
+		if (x.value.length < 2) return;
+		let t = x.value.findIndex((t) => t.field === e);
 		return t === -1 ? void 0 : t + 1;
 	}
-	function He(e) {
-		return O.value === e;
+	function Be(e) {
+		return A.value === e;
 	}
-	function Ue(e) {
-		return k.value ? !0 : O.value !== void 0 && O.value !== e;
+	function Ve(e) {
+		return j.value ? !0 : A.value !== void 0 && A.value !== e;
 	}
-	function We(e, t) {
+	function He(e, t) {
 		let n = t.type ?? "string";
 		if (n === "boolean") return !!e[t.field];
 		if (n === "date") {
-			let n = S(e[t.field]);
+			let n = (0, k.coerceToDate)(e[t.field]);
 			if (Number.isNaN(n.getTime())) return "";
 			let r = (e) => String(e).padStart(2, "0");
 			return `${n.getFullYear()}-${r(n.getMonth() + 1)}-${r(n.getDate())}`;
@@ -699,22 +312,22 @@ function fe(e) {
 		let r = e[t.field];
 		return r == null ? "" : String(r);
 	}
-	function Ge(e) {
+	function Ue(e) {
 		let t = {};
-		for (let n of V.value) t[n.field] = We(e, n);
-		O.value = e, A.value = t, j.value = {};
+		for (let n of W.value) t[n.field] = He(e, n);
+		A.value = e, M.value = t, P.value = {};
 	}
-	function Ke() {
-		O.value = void 0, A.value = {}, j.value = {};
+	function We() {
+		A.value = void 0, M.value = {}, P.value = {};
 	}
-	function qe(e, t) {
-		A.value = {
-			...A.value,
+	function Ge(e, t) {
+		M.value = {
+			...M.value,
 			[e]: t
 		};
 	}
-	function Je(e, t, n, r) {
-		let i = pe.value;
+	function Ke(e, t, n, r) {
+		let i = se.value;
 		if (e.required && (t === "" || t == null)) return i("MsgValidationRequired");
 		if ((e.type ?? "string") === "number" && typeof n == "number") {
 			if (e.min !== void 0 && n < e.min) return i("MsgValidationMin", { min: e.min });
@@ -731,25 +344,25 @@ function fe(e) {
 		}
 		return e.validator ? e.validator(n, r) : null;
 	}
-	function Ye(e, t, n = {}) {
-		return Je(e, t, t, n);
+	function qe(e, t, n = {}) {
+		return Ke(e, t, t, n);
 	}
-	async function Xe(e) {
-		let t = V.value, n = {};
-		for (let r of t) n[r.field] = oe(e[r.field], r.type ?? "string");
+	async function Je(e) {
+		let t = W.value, n = {};
+		for (let r of t) n[r.field] = (0, k.parseDraftValue)(e[r.field], r.type ?? "string");
 		let r = {}, i = {}, a = [];
 		for (let o of t) {
-			let t = o.field, s = Je(o, e[t], n[t], n);
+			let t = o.field, s = Ke(o, e[t], n[t], n);
 			s ? r[t] = s : o.asyncValidator ? a.push(o.asyncValidator(n[t], n).then((e) => {
 				e ? r[t] = e : n[t] !== void 0 && (i[t] = n[t]);
 			})) : n[t] !== void 0 && (i[t] = n[t]);
 		}
 		if (a.length > 0) {
-			M.value = !0;
+			re.value = !0;
 			try {
 				await Promise.all(a);
 			} finally {
-				M.value = !1;
+				re.value = !1;
 			}
 		}
 		return {
@@ -757,41 +370,41 @@ function fe(e) {
 			values: i
 		};
 	}
-	async function Ze(e) {
-		if (O.value !== e) return;
-		let { errors: t, values: n } = await Xe(A.value);
-		O.value === e && (Object.keys(t).length > 0 ? j.value = t : (O.value = void 0, A.value = {}, j.value = {}, g().onRowSave?.({
+	async function Ye(e) {
+		if (A.value !== e) return;
+		let { errors: t, values: n } = await Je(M.value);
+		A.value === e && (Object.keys(t).length > 0 ? P.value = t : (A.value = void 0, M.value = {}, P.value = {}, y().onRowSave?.({
 			row: e,
 			values: n
 		})));
 	}
-	function Qe(e) {
-		let t = g().deleteConfirmMessage;
-		(!t || window.confirm(t)) && g().onRowDelete?.(e);
+	function Xe(e) {
+		let t = y().deleteConfirmMessage;
+		(!t || window.confirm(t)) && y().onRowDelete?.(e);
 	}
-	function $e() {
-		let e = g().bulkDeleteConfirmMessage;
+	function Ze() {
+		let e = y().bulkDeleteConfirmMessage;
 		if (e && !window.confirm(e)) return;
-		let t = Array.from(w.value);
-		Le(), g().onRowsDelete?.(t);
+		let t = Array.from(O.value);
+		Fe(), y().onRowsDelete?.(t);
 	}
-	function et() {
-		k.value = !0, A.value = {}, j.value = {};
+	function Qe() {
+		j.value = !0, M.value = {}, P.value = {};
 	}
-	function tt() {
-		k.value = !1, A.value = {}, j.value = {};
+	function $e() {
+		j.value = !1, M.value = {}, P.value = {};
 	}
-	async function nt() {
-		if (!k.value) return;
-		let { errors: e, values: t } = await Xe(A.value);
-		k.value && (Object.keys(e).length > 0 ? j.value = e : (k.value = !1, A.value = {}, j.value = {}, g().onRowCreate?.(t)));
+	async function et() {
+		if (!j.value) return;
+		let { errors: e, values: t } = await Je(M.value);
+		j.value && (Object.keys(e).length > 0 ? P.value = e : (j.value = !1, M.value = {}, P.value = {}, y().onRowCreate?.(t)));
 	}
-	function rt(e, t) {
-		let n = Q.value[e], r = U.value.get(t);
-		return !n || !r ? "" : T(n[t], r.type(), r.format(), a.value);
+	function tt(e, t) {
+		let n = De.value[e], r = G.value.get(t);
+		return !n || !r ? "" : (0, k.formatCellValue)(n[t], r.type(), r.format(), a.value);
 	}
-	function it(e, t, n) {
-		let r = B.value, i = Q.value, a = r.findIndex((e) => e.field === t);
+	function nt(e, t, n) {
+		let r = H.value, i = De.value, a = r.findIndex((e) => e.field === t);
 		if (e === -1 || a === -1) return;
 		let o = [];
 		n.replace(/\r\n$|\r$|\n$/, "").split(/\r\n|\r|\n/).map((e) => e.split("	")).forEach((t, n) => {
@@ -801,272 +414,270 @@ function fe(e) {
 				n && n.editable && o.push({
 					row: s,
 					field: n.field,
-					value: se(e, n.type ?? "string")
+					value: (0, k.parsePastedCellValue)(e, n.type ?? "string")
 				});
 			});
-		}), o.length > 0 && g().onCellsPaste?.(o);
+		}), o.length > 0 && y().onCellsPaste?.(o);
 	}
-	function at(e) {
-		let t = I.value[e];
-		return t === void 0 ? z.value.find((t) => t.field === e)?.width ?? 80 : t;
+	function rt(e) {
+		let t = ie.value[e];
+		return t === void 0 ? V.value.find((t) => t.field === e)?.width ?? 80 : t;
 	}
-	function ot(e) {
-		return I.value[e] !== void 0;
+	function it(e) {
+		return ie.value[e] !== void 0;
 	}
-	function st(e, t) {
-		z.value.some((t) => t.field === e) && (I.value = {
-			...I.value,
-			[e]: Math.max(30, t)
+	function at(e, t) {
+		V.value.some((t) => t.field === e) && (ie.value = {
+			...ie.value,
+			[e]: Math.max(k.MIN_COLUMN_WIDTH, t)
 		});
 	}
+	function ot(e) {
+		z.value = e;
+	}
+	function st(e) {
+		return ae.value.has(m.value(e));
+	}
 	function ct(e) {
-		L.value = e;
+		let t = m.value(e), n = ae.value, r = y().singleDetailExpand ? /* @__PURE__ */ new Set() : new Set(n);
+		n.has(t) ? r.delete(t) : r.add(t), ae.value = r;
 	}
 	function lt(e) {
-		return le.value.has(e);
+		let t = z.value;
+		if (z.value = void 0, !t || t === e) return;
+		let n = [...Y.value], r = n.indexOf(t), i = n.indexOf(e);
+		r !== -1 && i !== -1 && (n.splice(r, 1), r < i && i--, n.splice(i, 0, t), y().onRowOrderChange?.(n));
 	}
 	function ut(e) {
-		let t = le.value, n = g().singleDetailExpand ? /* @__PURE__ */ new Set() : new Set(t);
-		t.has(e) ? n.delete(e) : n.add(e), le.value = n;
-	}
-	function dt(e) {
-		let t = L.value;
-		if (L.value = void 0, !t || t === e) return;
-		let n = [...q.value], r = n.indexOf(t), i = n.indexOf(e);
-		r !== -1 && i !== -1 && (n.splice(r, 1), r < i && i--, n.splice(i, 0, t), g().onRowOrderChange?.(n));
-	}
-	function ft(e) {
-		let t = ce.value[e];
+		let t = R.value[e];
 		if (t === "left" || t === "right") return t;
-		if (t !== "none") return z.value.find((t) => t.field === e)?.pinned;
+		if (t !== "none") return V.value.find((t) => t.field === e)?.pinned;
 	}
-	function pt(e, t) {
-		ce.value = {
-			...ce.value,
+	function dt(e, t) {
+		R.value = {
+			...R.value,
 			[e]: t ?? "none"
 		};
 	}
-	function mt(e) {
-		let t = c.value ? 36 : 0;
-		for (let n of B.value) {
+	function ft(e) {
+		let t = c.value ? k.SELECT_COLUMN_WIDTH : 0;
+		for (let n of H.value) {
 			if (n.field === e) break;
-			ft(n.field) === "left" && (t += at(n.field));
+			ut(n.field) === "left" && (t += rt(n.field));
 		}
 		return t;
 	}
-	function ht(e) {
+	function pt(e) {
 		let t = 0, n = !1;
-		for (let r of B.value) r.field === e ? n = !0 : n && ft(r.field) === "right" && (t += at(r.field));
+		for (let r of H.value) r.field === e ? n = !0 : n && ut(r.field) === "right" && (t += rt(r.field));
 		return t;
 	}
-	function gt(e) {
-		x.value = e;
+	function mt(e) {
+		w.value = e;
 	}
-	function _t(e) {
-		te.value = e;
+	function ht(e) {
+		T.value = e;
 	}
 	return {
 		get visibleColumns() {
-			return B.value;
+			return H.value;
 		},
 		get allColumns() {
-			return z.value;
+			return V.value;
 		},
-		stickyOffset: mt,
-		stickyOffsetRight: ht,
-		columnPinnedSide: ft,
-		setColumnPinned: pt,
+		stickyOffset: ft,
+		stickyOffsetRight: pt,
+		columnPinnedSide: ut,
+		setColumnPinned: dt,
 		get hideableColumns() {
-			return me.value;
+			return ce.value;
 		},
-		isColumnHidden: ve,
-		toggleColumnVisibility: ye,
-		setColumnOrder: he,
+		isColumnHidden: de,
+		toggleColumnVisibility: fe,
+		setColumnOrder: le,
 		get draggingField() {
-			return F.value;
+			return L.value;
 		},
-		onColumnDragStart: ge,
-		onColumnDrop: _e,
-		effectiveWidth: at,
-		isColumnResized: ot,
-		setColumnWidth: st,
+		onColumnDragStart: U,
+		onColumnDrop: ue,
+		effectiveWidth: rt,
+		isColumnResized: it,
+		setColumnWidth: at,
 		get draggingRow() {
-			return L.value;
+			return z.value;
 		},
-		onRowDragStart: ct,
-		onRowDrop: dt,
+		onRowDragStart: ot,
+		onRowDrop: lt,
 		get hasTreeData() {
-			return J.value;
+			return X.value;
 		},
 		get treeRows() {
-			return X.value;
+			return ye.value;
 		},
-		isTreeRowExpanded: Te,
-		toggleTreeRow: Ee,
-		setAllTreeRowsExpanded: De,
-		isRowExpanded: lt,
-		toggleRowExpanded: ut,
+		isTreeRowExpanded: be,
+		toggleTreeRow: xe,
+		setAllTreeRowsExpanded: Se,
+		isRowExpanded: st,
+		toggleRowExpanded: ct,
 		get hasVirtualScroll() {
-			return Oe.value;
+			return Ce.value;
 		},
 		get visibleRows() {
-			return Q.value;
+			return De.value;
 		},
 		get exportRows() {
-			return $.value;
+			return Oe.value;
 		},
 		get sortedRows() {
-			return q.value;
+			return Y.value;
 		},
 		get filteredRowCount() {
-			return ke.value;
+			return Q.value;
 		},
 		get locale() {
 			return a.value;
 		},
 		get sortCriteria() {
-			return v.value;
+			return x.value;
 		},
-		setSort: ze,
-		toggleSort: Re,
-		sortDirectionFor: Be,
-		sortPriorityFor: Ve,
+		setSort: Le,
+		toggleSort: Ie,
+		sortDirectionFor: Re,
+		sortPriorityFor: ze,
 		get filterValues() {
-			return y.value;
+			return S.value;
 		},
-		setFilterValue: xe,
-		clearAllFilters: W,
+		setFilterValue: me,
+		clearAllFilters: he,
 		get filterQuery() {
-			return b.value;
+			return C.value;
 		},
-		setFilterQuery: H,
+		setFilterQuery: pe,
 		get page() {
-			return je.value;
+			return Ee.value;
 		},
-		setPage: gt,
+		setPage: mt,
 		get pageCount() {
-			return Z.value ? Ae.value : 1;
+			return we.value ? Te.value : 1;
 		},
 		get groupByField() {
-			return C.value;
+			return E.value;
 		},
-		setGroupByField: _t,
+		setGroupByField: ht,
 		get groups() {
-			return Ce.value;
+			return _e.value;
 		},
 		get totals() {
-			return we.value;
+			return ve.value;
 		},
 		get selectedRows() {
-			return w.value;
+			return O.value;
 		},
-		isRowSelected: Me,
-		toggleRowSelection: Ne,
+		isRowSelected: Ae,
+		rowKeyOf: ke,
+		toggleRowSelection: je,
 		get allSelected() {
-			return Pe.value;
+			return Me.value;
 		},
 		get someSelected() {
-			return Fe.value;
+			return Ne.value;
 		},
-		toggleSelectAll: Ie,
-		clearSelection: Le,
+		toggleSelectAll: Pe,
+		clearSelection: Fe,
 		get editableColumns() {
-			return V.value;
+			return W.value;
 		},
 		get editingRow() {
-			return O.value;
+			return A.value;
 		},
 		get isAddingRow() {
-			return k.value;
+			return j.value;
 		},
 		get rowDraft() {
-			return A.value;
+			return M.value;
 		},
 		get fieldErrors() {
-			return j.value;
+			return P.value;
 		},
 		get isValidating() {
-			return M.value;
+			return re.value;
 		},
-		isEditingRow: He,
-		isAnotherRowEditing: Ue,
-		startEditingRow: Ge,
-		cancelRowEdit: Ke,
-		setRowDraftValue: qe,
-		saveRow: Ze,
-		deleteRow: Qe,
-		deleteSelectedRows: $e,
-		startAddingRow: et,
-		cancelAddRow: tt,
-		saveNewRow: nt,
-		validateCell: Ye,
-		copyCellText: rt,
-		pasteAt: it
+		isEditingRow: Be,
+		isAnotherRowEditing: Ve,
+		startEditingRow: Ue,
+		cancelRowEdit: We,
+		setRowDraftValue: Ge,
+		saveRow: Ye,
+		deleteRow: Xe,
+		deleteSelectedRows: Ze,
+		startAddingRow: Qe,
+		cancelAddRow: $e,
+		saveNewRow: et,
+		validateCell: qe,
+		copyCellText: tt,
+		pasteAt: nt
 	};
 }
-//#endregion
-//#region src/utils/exporters.ts
-function pe(e) {
+// src/utils/exporters.ts
+function F(e) {
 	return e.headerText || e.field;
 }
-function z(e, t, n) {
-	return T(t[e.field], e.type ?? "string", e.format ?? "", n);
+function I(e, t, n) {
+	return (0, k.formatCellValue)(t[e.field], e.type ?? "string", e.format ?? "", n);
 }
-function B(e, t, n) {
-	return "" + [t.map((e) => A(pe(e))).join(","), ...e.map((e) => t.map((t) => A(z(t, e, n))).join(","))].join("\r\n");
+function L(e, t, n) {
+	return "" + [t.map((e) => (0, k.escapeCsvValue)(F(e))).join(","), ...e.map((e) => t.map((t) => (0, k.escapeCsvValue)(I(t, e, n))).join(","))].join("\r\n");
 }
-function me(e, t, n, r = "inandu-grid") {
-	N(B(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
+function ie(e, t, n, r = "inandu-grid") {
+	(0, k.downloadBlob)(L(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
 }
-function he(e, t, n) {
+function R(e, t, n) {
 	let r = (e, t) => {
 		let n = t[e.field];
 		return e.type === "number" && typeof n == "number" && Number.isFinite(n) ? n : void 0;
 	}, i = (e, t) => {
 		let i = r(e, t);
-		return i === void 0 ? `<Cell><Data ss:Type="String">${j(z(e, t, n))}</Data></Cell>` : `<Cell><Data ss:Type="Number">${i}</Data></Cell>`;
-	}, a = `<Row ss:StyleID="header">${t.map((e) => `<Cell><Data ss:Type="String">${j(pe(e))}</Data></Cell>`).join("")}</Row>`, o = e.map((e) => `<Row>${t.map((t) => i(t, e)).join("")}</Row>`).join("");
+		return i === void 0 ? `<Cell><Data ss:Type="String">${(0, k.escapeMarkup)(I(e, t, n))}</Data></Cell>` : `<Cell><Data ss:Type="Number">${i}</Data></Cell>`;
+	}, a = `<Row ss:StyleID="header">${t.map((e) => `<Cell><Data ss:Type="String">${(0, k.escapeMarkup)(F(e))}</Data></Cell>`).join("")}</Row>`, o = e.map((e) => `<Row>${t.map((t) => i(t, e)).join("")}</Row>`).join("");
 	return "<?xml version=\"1.0\"?><?mso-application progid=\"Excel.Sheet\"?><Workbook xmlns=\"urn:schemas-microsoft-com:office:spreadsheet\" xmlns:ss=\"urn:schemas-microsoft-com:office:spreadsheet\"><Styles><Style ss:ID=\"header\"><Font ss:Bold=\"1\"/></Style></Styles><Worksheet ss:Name=\"Sheet1\"><Table>" + a + o + "</Table></Worksheet></Workbook>";
 }
-function ge(e, t, n, r = "inandu-grid") {
-	N(he(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
+function z(e, t, n, r = "inandu-grid") {
+	(0, k.downloadBlob)(R(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
 }
-function _e(e, t, n, r = "inandu-grid") {
-	let i = t.map((e) => `<th>${j(pe(e))}</th>`).join(""), a = e.map((e) => `<tr>${t.map((t) => `<td>${j(z(t, e, n))}</td>`).join("")}</tr>`).join(""), o = `<!doctype html><html><head><meta charset="utf-8"><title>${j(r)}</title><style>table{border-collapse:collapse;width:100%}th,td{border:1px solid #333;padding:4px 8px;text-align:left}th{background:#eee}</style></head><body><table><thead><tr>${i}</tr></thead><tbody>${a}</tbody></table></body></html>`, s = window.open("", "_blank");
+function B(e, t, n, r = "inandu-grid") {
+	let i = t.map((e) => `<th>${(0, k.escapeMarkup)(F(e))}</th>`).join(""), a = e.map((e) => `<tr>${t.map((t) => `<td>${(0, k.escapeMarkup)(I(t, e, n))}</td>`).join("")}</tr>`).join(""), o = `<!doctype html><html><head><meta charset="utf-8"><title>${(0, k.escapeMarkup)(r)}</title><style>table{border-collapse:collapse;width:100%}th,td{border:1px solid #333;padding:4px 8px;text-align:left}th{background:#eee}</style></head><body><table><thead><tr>${i}</tr></thead><tbody>${a}</tbody></table></body></html>`, s = window.open("", "_blank");
 	s && (s.document.write(o), s.document.close(), s.focus(), setTimeout(() => s.print(), 0));
 }
-async function ve(e, t, n, r = "inandu-grid") {
-	let { jsPDF: i } = await import("jspdf"), a = t.map(pe), o = new i({ orientation: "landscape" }), s = o.internal.pageSize.getWidth() - 20, c = o.internal.pageSize.getHeight() - 10, l = s / (t.length || 1), u = 10, d = (e, t) => {
+async function ae(e, t, n, r = "inandu-grid") {
+	let { jsPDF: i } = await import("jspdf"), a = t.map(F), o = new i({ orientation: "landscape" }), s = o.internal.pageSize.getWidth() - 20, c = o.internal.pageSize.getHeight() - 10, l = s / (t.length || 1), u = 10, d = (e, t) => {
 		o.setFont("helvetica", t ? "bold" : "normal");
 		let n = 10;
 		e.forEach((e) => {
-			o.text(M(o, e, l - 4), n + 2, u + 6), n += l;
+			o.text((0, k.truncatePdfText)(o, e, l - 4), n + 2, u + 6), n += l;
 		}), u += 8;
 	};
 	d(a, !0);
-	for (let r of e) u + 8 > c && (o.addPage(), u = 10, d(a, !0)), d(t.map((e) => z(e, r, n)), !1);
-	N(o.output("blob"), `${r}-export.pdf`);
+	for (let r of e) u + 8 > c && (o.addPage(), u = 10, d(a, !0)), d(t.map((e) => I(e, r, n)), !1);
+	(0, k.downloadBlob)(o.output("blob"), `${r}-export.pdf`);
 }
-//#endregion
-//#region src/utils/measureColumn.ts
-function ye(e, t, n) {
-	let r = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : k(t), i = Array.from(e.querySelectorAll(`td[data-field="${r}"]`)), a = e.querySelector(`th[data-field="${r}"]`), o = i[0] ?? a ?? e, s = getComputedStyle(o), c = document.createElement("span");
+// src/utils/measureColumn.ts
+function oe(e, t, n) {
+	let r = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : (0, k.escapeAttributeSelectorValue)(t), i = Array.from(e.querySelectorAll(`td[data-field="${r}"]`)), a = e.querySelector(`th[data-field="${r}"]`), o = i[0] ?? a ?? e, s = getComputedStyle(o), c = document.createElement("span");
 	c.style.cssText = "position:absolute;left:-9999px;top:-9999px;visibility:hidden;white-space:pre;pointer-events:none", c.style.font = s.font || `${s.fontStyle} ${s.fontWeight} ${s.fontSize}/${s.lineHeight} ${s.fontFamily}`, c.style.letterSpacing = s.letterSpacing, document.body.appendChild(c);
 	let l = (parseFloat(s.paddingLeft) || 0) + (parseFloat(s.paddingRight) || 0) + 2, u = 0;
 	c.textContent = n || t, u = Math.max(u, c.offsetWidth + 44);
 	for (let e of i) c.textContent = (e.textContent ?? "").replace(/\s+/g, " ").trim(), u = Math.max(u, c.offsetWidth + l);
 	return c.remove(), i.length || a ? Math.ceil(u) : 0;
 }
-//#endregion
-//#region src/components/EditCell.vue?vue&type=script&setup=true&lang.ts
-var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
+// src/components/EditCell.vue?vue&type=script&setup=true&lang.ts
+var se = { class: "inandu-grid-edit-cell" }, V = ["aria-label", "checked"], H = [
 	"aria-label",
 	"type",
 	"value"
-], be = {
+], ce = {
 	key: 2,
 	class: "inandu-grid-field-error"
-}, xe = /* @__PURE__ */ c({
+}, le = /* @__PURE__ */ c({
 	__name: "EditCell",
 	props: {
 		column: {},
@@ -1077,21 +688,21 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 	emits: ["change"],
 	setup(e, { emit: n }) {
 		let a = e, o = n, s = t(() => a.column.type ?? "string"), c = t(() => a.t("MsgEditCell", { column: a.column.headerText ?? a.column.field })), l = t(() => typeof a.value == "string" ? a.value : "");
-		return (t, n) => (p(), i("span", V, [s.value === "boolean" ? (p(), i("input", {
+		return (t, n) => (p(), i("span", se, [s.value === "boolean" ? (p(), i("input", {
 			key: 0,
 			"aria-label": c.value,
 			type: "checkbox",
 			checked: !!e.value,
 			onChange: n[0] ||= (e) => o("change", e.target.checked)
-		}, null, 40, H)) : (p(), i("input", {
+		}, null, 40, V)) : (p(), i("input", {
 			key: 1,
 			"aria-label": c.value,
 			type: s.value === "date" ? "date" : s.value === "number" ? "number" : "text",
 			value: l.value,
 			onInput: n[1] ||= (e) => o("change", e.target.value)
-		}, null, 40, U)), e.error ? (p(), i("span", be, g(e.error), 1)) : r("", !0)]));
+		}, null, 40, H)), e.error ? (p(), i("span", ce, g(e.error), 1)) : r("", !0)]));
 	}
-}), W = c({
+}), U = c({
 	name: "InanduGridRenderNodes",
 	props: { nodes: {
 		type: null,
@@ -1100,18 +711,18 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 	setup(e) {
 		return () => e.nodes;
 	}
-}), G = ["data-row-index"], K = { key: 0 }, Se = ["aria-label", "title"], q = { key: 1 }, Ce = ["aria-label"], we = ["aria-label", "checked"], J = [
+}), ue = ["data-row-index", "aria-selected"], de = { key: 0 }, fe = ["aria-label", "title"], W = { key: 1 }, pe = ["aria-label"], G = ["aria-label", "checked"], K = [
 	"data-field",
 	"tabindex",
 	"onMousedown",
 	"onMouseenter"
-], Y = {
+], me = {
 	key: 3,
 	class: "inandu-grid-row-actions"
-}, X = ["disabled"], Te = ["disabled"], Ee = ["disabled"], De = ["disabled"], Oe = {
+}, he = ["disabled"], ge = ["disabled"], q = ["disabled"], J = ["disabled"], Y = {
 	key: 0,
 	class: "inandu-grid-detail-row"
-}, Z = ["colspan"], ke = /* @__PURE__ */ c({
+}, _e = ["colspan"], ve = /* @__PURE__ */ c({
 	__name: "DataRow",
 	props: {
 		ctx: {},
@@ -1146,38 +757,39 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 		function y(e) {
 			d.hasRowDragHandle && (e.preventDefault(), f("rowDragOver"));
 		}
-		function ee(e) {
+		function b(e) {
 			d.hasRowDragHandle && (e.preventDefault(), f("rowDrop"));
 		}
-		function b(e) {
+		function x(e) {
 			f("rowDragStart"), e.dataTransfer?.setData("text/plain", "row");
 		}
-		function x(e, t) {
+		function S(e, t) {
 			d.ctx.cellRangeSelection && d.ctx.onCellRangeMouseDown(e, d.rowIndex, t);
 		}
-		function te(e) {
+		function C(e) {
 			d.ctx.cellRangeSelection && d.ctx.onCellRangeMouseEnter(d.rowIndex, e);
 		}
 		return (t, c) => (p(), i(e, null, [a("tr", {
 			"data-row-index": o.rowIndex,
+			"aria-selected": o.ctx.selectable ? o.ctx.isRowSelected(o.row) : void 0,
 			class: l(o.isDragOverRow ? "inandu-drag-over" : void 0),
 			onDragover: y,
 			onDragleave: c[6] ||= (e) => o.hasRowDragHandle && f("rowDragLeave"),
-			onDrop: ee
+			onDrop: b
 		}, [
-			o.hasMasterDetail ? (p(), i("td", K, [a("button", {
+			o.hasMasterDetail ? (p(), i("td", de, [a("button", {
 				type: "button",
 				class: "inandu-grid-detail-toggle",
 				"aria-label": _.value,
 				title: _.value,
 				onClick: c[0] ||= (e) => f("toggleExpanded")
-			}, g(o.isRowExpanded ? "▾" : "▸"), 9, Se)])) : r("", !0),
-			o.hasRowDragHandle ? (p(), i("td", q, [a("span", {
+			}, g(o.isRowExpanded ? "▾" : "▸"), 9, fe)])) : r("", !0),
+			o.hasRowDragHandle ? (p(), i("td", W, [a("span", {
 				class: "inandu-grid-row-drag-handle",
 				"aria-label": o.ctx.t("MsgDragRow"),
 				draggable: "true",
-				onDragstart: b
-			}, "⋮⋮", 40, Ce)])) : r("", !0),
+				onDragstart: x
+			}, "⋮⋮", 40, pe)])) : r("", !0),
 			o.ctx.selectable ? (p(), i("td", {
 				key: 2,
 				style: u(o.ctx.selectColumnStyle)
@@ -1186,16 +798,16 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 				type: "checkbox",
 				checked: o.ctx.isRowSelected(o.row),
 				onChange: c[1] ||= (e) => o.ctx.toggleRowSelection(o.row)
-			}, null, 40, we)], 4)) : r("", !0),
+			}, null, 40, G)], 4)) : r("", !0),
 			(p(!0), i(e, null, m(o.ctx.columns, (t, r) => (p(), i("td", {
 				key: t.field,
 				style: u(o.ctx.columnStyle(t)),
 				"data-field": t.field,
 				tabindex: o.ctx.clipboard ? 0 : void 0,
 				class: l(o.ctx.cellRangeSelection && o.ctx.isCellInRange(o.rowIndex, r) ? "inandu-cell-range-selected" : void 0),
-				onMousedown: (e) => x(e, r),
-				onMouseenter: (e) => te(r)
-			}, [h.value && t.editable ? (p(), i(e, { key: 0 }, [o.ctx.editorContent(t, o.row) === void 0 ? (p(), n(xe, {
+				onMousedown: (e) => S(e, r),
+				onMouseenter: (e) => C(r)
+			}, [h.value && t.editable ? (p(), i(e, { key: 0 }, [o.ctx.editorContent(t, o.row) === void 0 ? (p(), n(le, {
 				key: 1,
 				column: t,
 				value: o.ctx.rowDraft[t.field],
@@ -1208,41 +820,41 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 				"error",
 				"t",
 				"onChange"
-			])) : (p(), n(v(W), {
+			])) : (p(), n(v(U), {
 				key: 0,
 				nodes: o.ctx.editorContent(t, o.row)
-			}, null, 8, ["nodes"]))], 64)) : (p(), n(v(W), {
+			}, null, 8, ["nodes"]))], 64)) : (p(), n(v(U), {
 				key: 1,
 				nodes: o.ctx.cellContent(t, o.row)
-			}, null, 8, ["nodes"]))], 46, J))), 128)),
-			o.ctx.hasRowActions ? (p(), i("td", Y, [h.value ? (p(), i(e, { key: 0 }, [a("button", {
+			}, null, 8, ["nodes"]))], 46, K))), 128)),
+			o.ctx.hasRowActions ? (p(), i("td", me, [h.value ? (p(), i(e, { key: 0 }, [a("button", {
 				type: "button",
 				disabled: o.ctx.isValidating,
 				onClick: c[2] ||= (e) => o.ctx.saveRow(o.row)
-			}, g(o.ctx.t("MsgSaveRow")), 9, X), a("button", {
+			}, g(o.ctx.t("MsgSaveRow")), 9, he), a("button", {
 				type: "button",
 				disabled: o.ctx.isValidating,
 				onClick: c[3] ||= (e) => o.ctx.cancelRowEdit()
-			}, g(o.ctx.t("MsgCancelRowEdit")), 9, Te)], 64)) : (p(), i(e, { key: 1 }, [o.ctx.editableColumnCount > 0 ? (p(), i("button", {
+			}, g(o.ctx.t("MsgCancelRowEdit")), 9, ge)], 64)) : (p(), i(e, { key: 1 }, [o.ctx.editableColumnCount > 0 ? (p(), i("button", {
 				key: 0,
 				type: "button",
 				disabled: o.ctx.isAnotherRowEditing(o.row),
 				onClick: c[4] ||= (e) => o.ctx.startEditingRow(o.row)
-			}, g(o.ctx.t("MsgEditRow")), 9, Ee)) : r("", !0), o.ctx.deletable ? (p(), i("button", {
+			}, g(o.ctx.t("MsgEditRow")), 9, q)) : r("", !0), o.ctx.deletable ? (p(), i("button", {
 				key: 1,
 				type: "button",
 				disabled: o.ctx.isAnotherRowEditing(o.row),
 				onClick: c[5] ||= (e) => o.ctx.deleteRow(o.row)
-			}, g(o.ctx.t("MsgDeleteRow")), 9, De)) : r("", !0)], 64))])) : r("", !0)
-		], 42, G), o.hasMasterDetail && o.isRowExpanded ? (p(), i("tr", Oe, [a("td", { colspan: o.ctx.columns.length + o.ctx.extraColumnCount }, [s(v(W), { nodes: o.ctx.detailContent(o.row) }, null, 8, ["nodes"])], 8, Z)])) : r("", !0)], 64));
+			}, g(o.ctx.t("MsgDeleteRow")), 9, J)) : r("", !0)], 64))])) : r("", !0)
+		], 42, ue), o.hasMasterDetail && o.isRowExpanded ? (p(), i("tr", Y, [a("td", { colspan: o.ctx.columns.length + o.ctx.extraColumnCount }, [s(v(U), { nodes: o.ctx.detailContent(o.row) }, null, 8, ["nodes"])], 8, _e)])) : r("", !0)], 64));
 	}
-}), Ae = {
+}), X = {
 	key: 0,
 	class: "inandu-grid-filter-range"
-}, je = ["aria-label", "value"], Q = ["aria-label", "value"], $ = {
+}, Z = ["aria-label", "value"], ye = ["aria-label", "value"], be = {
 	key: 1,
 	class: "inandu-grid-filter-range"
-}, Me = ["aria-label", "value"], Ne = ["aria-label", "value"], Pe = ["aria-label", "value"], Fe = { value: "" }, Ie = ["aria-label", "value"], Le = /* @__PURE__ */ c({
+}, xe = ["aria-label", "value"], Se = ["aria-label", "value"], Ce = ["aria-label", "value"], we = { value: "" }, Q = ["aria-label", "value"], Te = /* @__PURE__ */ c({
 	__name: "FilterControl",
 	props: {
 		column: {},
@@ -1255,63 +867,68 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 		function l(e) {
 			return e.target.value;
 		}
-		return (t, n) => s.value === "number" ? (p(), i("span", Ae, [a("input", {
+		return (t, n) => s.value === "number" ? (p(), i("span", X, [a("input", {
 			"aria-label": `${c.value} ${e.t("MsgFilterMin")}`,
 			type: "number",
 			value: e.value?.min ?? "",
 			onInput: n[0] ||= (e) => o("change", { min: l(e) })
-		}, null, 40, je), a("input", {
+		}, null, 40, Z), a("input", {
 			"aria-label": `${c.value} ${e.t("MsgFilterMax")}`,
 			type: "number",
 			value: e.value?.max ?? "",
 			onInput: n[1] ||= (e) => o("change", { max: l(e) })
-		}, null, 40, Q)])) : s.value === "date" ? (p(), i("span", $, [a("input", {
+		}, null, 40, ye)])) : s.value === "date" ? (p(), i("span", be, [a("input", {
 			"aria-label": `${c.value} ${e.t("MsgFilterFrom")}`,
 			type: "date",
 			value: e.value?.from ?? "",
 			onInput: n[2] ||= (e) => o("change", { from: l(e) })
-		}, null, 40, Me), a("input", {
+		}, null, 40, xe), a("input", {
 			"aria-label": `${c.value} ${e.t("MsgFilterTo")}`,
 			type: "date",
 			value: e.value?.to ?? "",
 			onInput: n[3] ||= (e) => o("change", { to: l(e) })
-		}, null, 40, Ne)])) : s.value === "boolean" ? (p(), i("select", {
+		}, null, 40, Se)])) : s.value === "boolean" ? (p(), i("select", {
 			key: 2,
 			"aria-label": c.value,
 			value: e.value?.bool ?? "",
 			onChange: n[4] ||= (e) => o("change", { bool: l(e) })
 		}, [
-			a("option", Fe, g(e.t("MsgAll")), 1),
+			a("option", we, g(e.t("MsgAll")), 1),
 			n[6] ||= a("option", { value: "true" }, "true", -1),
 			n[7] ||= a("option", { value: "false" }, "false", -1)
-		], 40, Pe)) : (p(), i("input", {
+		], 40, Ce)) : (p(), i("input", {
 			key: 3,
 			"aria-label": c.value,
 			type: "text",
 			value: e.value?.text ?? "",
 			onInput: n[5] ||= (e) => o("change", { text: l(e) })
-		}, null, 40, Ie));
+		}, null, 40, Q));
 	}
-}), Re = { class: "inandu-grid-vue" }, ze = { class: "inandu-grid-search" }, Be = [
+}), Ee = { class: "inandu-grid-vue" }, De = {
+	class: "inandu-grid-sr-only",
+	role: "status",
+	"aria-live": "polite"
+}, Oe = { class: "inandu-grid-search" }, ke = [
 	"aria-label",
 	"placeholder",
 	"value"
-], Ve = { class: "inandu-grid-toolbar" }, He = {
+], Ae = { class: "inandu-grid-toolbar" }, je = {
 	key: 3,
 	class: "inandu-grid-column-toggle"
-}, Ue = [
+}, Me = [
 	"aria-label",
 	"checked",
 	"onChange"
-], We = {
+], Ne = {
 	key: 0,
 	class: "inandu-grid-group-by"
-}, Ge = ["value"], Ke = { value: "" }, qe = ["value"], Je = { key: 0 }, Ye = { key: 1 }, Xe = [
+}, Pe = ["value"], Fe = { value: "" }, Ie = ["value"], Le = ["aria-rowcount"], Re = { key: 0 }, ze = { key: 1 }, Be = [
 	"aria-label",
 	"checked",
 	"indeterminate"
-], Ze = [
+], Ve = [
 	"data-field",
+	"aria-sort",
 	"draggable",
 	"aria-label",
 	"onDragstart",
@@ -1319,43 +936,47 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 	"onDragleave",
 	"onDrop",
 	"onClick"
-], Qe = {
+], He = {
 	key: 0,
 	class: "inandu-grid-sort-priority"
-}, $e = ["onMousedown", "onDblclick"], et = { key: 3 }, tt = { class: "inandu-grid-filter-row" }, nt = { key: 0 }, rt = { key: 1 }, it = { key: 3 }, at = {
+}, Ue = ["onMousedown", "onDblclick"], We = { key: 3 }, Ge = { class: "inandu-grid-filter-row" }, Ke = { key: 0 }, qe = { key: 1 }, Je = { key: 3 }, Ye = {
 	key: 0,
 	class: "inandu-grid-new-row"
-}, ot = {
+}, Xe = {
 	key: 1,
 	class: "inandu-grid-row-actions"
-}, st = ["disabled"], ct = ["disabled"], lt = { key: 1 }, ut = ["colspan"], dt = ["aria-level", "aria-expanded"], ft = [
+}, Ze = ["disabled"], Qe = ["disabled"], $e = { key: 1 }, et = ["colspan"], tt = [
+	"aria-selected",
+	"aria-level",
+	"aria-expanded"
+], nt = [
 	"aria-label",
 	"checked",
 	"onChange"
-], pt = [
+], rt = [
 	"aria-label",
 	"title",
 	"onClick"
-], mt = {
+], it = {
 	key: 1,
 	class: "inandu-grid-tree-toggle-spacer",
 	"aria-hidden": "true"
-}, ht = {
+}, at = {
 	key: 1,
 	class: "inandu-grid-row-actions"
-}, gt = { class: "inandu-grid-group-row" }, _t = ["colspan"], vt = {
+}, ot = { class: "inandu-grid-group-row" }, st = ["colspan"], ct = {
 	key: 0,
 	class: "inandu-grid-group-aggregates"
-}, yt = {
+}, lt = {
 	key: 0,
 	"aria-hidden": "true"
-}, bt = ["colspan"], xt = {
+}, ut = ["colspan"], dt = {
 	key: 1,
 	"aria-hidden": "true"
-}, St = ["colspan"], Ct = { key: 0 }, wt = { class: "inandu-grid-totals-row" }, Tt = { key: 0 }, Et = { key: 1 }, Dt = { key: 3 }, Ot = {
+}, ft = ["colspan"], pt = { key: 0 }, mt = { class: "inandu-grid-totals-row" }, ht = { key: 0 }, gt = { key: 1 }, _t = { key: 3 }, vt = {
 	key: 1,
 	class: "inandu-grid-pagination"
-}, kt = ["disabled"], At = ["disabled"], jt = /* @__PURE__ */ c({
+}, yt = ["disabled"], bt = ["disabled"], xt = /* @__PURE__ */ c({
 	name: "InanduGrid",
 	__name: "InanduGrid",
 	props: {
@@ -1381,6 +1002,7 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 		renderDetail: {},
 		singleDetailExpand: { type: Boolean },
 		extraRowFilter: {},
+		rowId: {},
 		serverSide: {},
 		virtualScroll: { type: Boolean },
 		virtualRowHeight: { default: 40 },
@@ -1401,7 +1023,7 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 		"rowOrderChange"
 	],
 	setup(c, { expose: f, emit: _ }) {
-		function x(e, t) {
+		function S(e, t) {
 			return {
 				minRow: Math.min(e.row, t.row),
 				maxRow: Math.max(e.row, t.row),
@@ -1409,177 +1031,183 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 				maxCol: Math.max(e.col, t.col)
 			};
 		}
-		function te(e, t, n) {
+		function C(e, t, n) {
 			return t >= e.minRow && t <= e.maxRow && n >= e.minCol && n <= e.maxCol;
 		}
-		let S = c, C = _, w = y(), E = fe(() => ({
-			rows: S.rows,
-			columns: S.columns,
-			locale: S.locale,
-			lang: S.lang,
-			pageSize: S.pageSize,
-			selectable: S.selectable,
-			deleteConfirmMessage: S.deleteConfirmMessage,
-			bulkDeleteConfirmMessage: S.bulkDeleteConfirmMessage,
-			onRowSave: (e) => C("rowSave", e),
-			onRowCreate: (e) => C("rowCreate", e),
-			onRowDelete: (e) => C("rowDelete", e),
-			onRowsDelete: (e) => C("rowsDelete", e),
-			onCellsPaste: (e) => C("cellsPaste", e),
-			onRowOrderChange: (e) => C("rowOrderChange", e),
-			treeChildrenKey: S.treeChildrenKey,
-			treeDefaultExpanded: S.treeDefaultExpanded,
-			singleDetailExpand: S.singleDetailExpand,
-			extraRowFilter: S.extraRowFilter,
-			virtualScroll: S.virtualScroll,
-			serverSide: S.serverSide,
-			onQueryChange: (e) => C("queryChange", e)
+		let w = c, T = _, E = y(), D = re(() => ({
+			rows: w.rows,
+			columns: w.columns,
+			locale: w.locale,
+			lang: w.lang,
+			pageSize: w.pageSize,
+			selectable: w.selectable,
+			deleteConfirmMessage: w.deleteConfirmMessage,
+			bulkDeleteConfirmMessage: w.bulkDeleteConfirmMessage,
+			onRowSave: (e) => T("rowSave", e),
+			onRowCreate: (e) => T("rowCreate", e),
+			onRowDelete: (e) => T("rowDelete", e),
+			onRowsDelete: (e) => T("rowsDelete", e),
+			onCellsPaste: (e) => T("cellsPaste", e),
+			onRowOrderChange: (e) => T("rowOrderChange", e),
+			treeChildrenKey: w.treeChildrenKey,
+			treeDefaultExpanded: w.treeDefaultExpanded,
+			singleDetailExpand: w.singleDetailExpand,
+			extraRowFilter: w.extraRowFilter,
+			rowId: w.rowId,
+			virtualScroll: w.virtualScroll,
+			serverSide: w.serverSide,
+			onQueryChange: (e) => T("queryChange", e)
 		}));
-		f({ grid: E });
-		let D = t(() => ue(S.lang ?? S.locale)), ne = h(void 0), re = h(void 0), ie = h(0), ae = h(null);
-		ee(() => E.selectedRows, (e) => C("selectionChange", Array.from(e)), { immediate: !0 });
-		let oe;
-		function se(e, t) {
-			e.preventDefault(), oe?.();
-			let n = e.clientX, r = E.effectiveWidth(t), i = (e) => E.setColumnWidth(t, r + (e.clientX - n)), a = () => oe?.();
-			window.addEventListener("mousemove", i), window.addEventListener("mouseup", a), oe = () => {
-				window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), oe = void 0;
+		f({ grid: D });
+		let O = t(() => te(w.lang ?? w.locale)), A = h(void 0), j = h(void 0), M = h(0), ee = h(null);
+		b(() => D.selectedRows, (e) => T("selectionChange", Array.from(e)), { immediate: !0 });
+		let N;
+		function P(e, t) {
+			e.preventDefault(), N?.();
+			let n = e.clientX, r = D.effectiveWidth(t), i = (e) => D.setColumnWidth(t, r + (e.clientX - n)), a = () => N?.();
+			window.addEventListener("mousemove", i), window.addEventListener("mouseup", a), N = () => {
+				window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), N = void 0;
 			};
 		}
-		function k(e, t) {
-			if (!S.autosize || !ae.value) return;
+		function ne(e, t) {
+			if (!w.autosize || !ee.value) return;
 			e.preventDefault(), e.stopPropagation();
-			let n = ye(ae.value, t.field, t.headerText ?? t.field);
-			n > 0 && E.setColumnWidth(t.field, Math.min(600, n));
+			let n = oe(ee.value, t.field, t.headerText ?? t.field);
+			n > 0 && D.setColumnWidth(t.field, Math.min(k.MAX_COLUMN_WIDTH, n));
 		}
-		let A = t(() => S.cellRangeSelection && !E.groupByField && !E.hasVirtualScroll && !E.hasTreeData), j = h(void 0), M = h(void 0), N = h([]), P = !1, F = t(() => j.value && M.value ? x(j.value, M.value) : void 0), I = t(() => F.value ? [...N.value, F.value] : N.value);
+		let F = t(() => w.cellRangeSelection && !D.groupByField && !D.hasVirtualScroll && !D.hasTreeData), I = h(void 0), L = h(void 0), R = h([]), se = !1, V = t(() => I.value && L.value ? S(I.value, L.value) : void 0), H = t(() => V.value ? [...R.value, V.value] : R.value);
 		function ce(e, t) {
-			return I.value.some((n) => te(n, e, t));
+			return H.value.some((n) => C(n, e, t));
 		}
-		function L(e) {
+		function ue(e) {
 			return {
-				rows: E.visibleRows.slice(e.minRow, e.maxRow + 1),
-				fields: E.visibleColumns.slice(e.minCol, e.maxCol + 1).map((e) => e.field)
+				rows: D.visibleRows.slice(e.minRow, e.maxRow + 1),
+				fields: D.visibleColumns.slice(e.minCol, e.maxCol + 1).map((e) => e.field)
 			};
 		}
-		ee([
-			A,
-			I,
-			() => E.visibleRows,
-			() => E.visibleColumns
+		b([
+			F,
+			H,
+			() => D.visibleRows,
+			() => D.visibleColumns
 		], () => {
-			A.value && (C("cellRangeChange", F.value ? L(F.value) : void 0), C("cellRangesChange", I.value.map(L)));
+			F.value && (T("cellRangeChange", V.value ? ue(V.value) : void 0), T("cellRangesChange", H.value.map(ue)));
 		}, { immediate: !0 });
-		function R(e, t, n) {
-			e.button === 0 && (P = !0, S.multiRange && (e.ctrlKey || e.metaKey) && !e.shiftKey ? (F.value && (N.value = [...N.value, F.value]), j.value = {
+		function de(e, t, n) {
+			e.button === 0 && (se = !0, w.multiRange && (e.ctrlKey || e.metaKey) && !e.shiftKey ? (V.value && (R.value = [...R.value, V.value]), I.value = {
 				row: t,
 				col: n
-			}) : (!e.shiftKey || !j.value) && (N.value = [], j.value = {
+			}) : e.shiftKey && I.value || (R.value = [], I.value = {
 				row: t,
 				col: n
-			}), M.value = {
+			}), L.value = {
 				row: t,
 				col: n
 			});
 		}
-		function le(e, t) {
-			P && (M.value = {
+		function fe(e, t) {
+			se && (L.value = {
 				row: e,
 				col: t
 			});
 		}
-		let de = () => {
-			P = !1;
+		let W = () => {
+			se = !1;
 		};
-		ee(A, (e, t, n) => {
-			e && (document.addEventListener("mouseup", de), n(() => document.removeEventListener("mouseup", de)));
-		}, { immediate: !0 }), d(() => oe?.());
+		b(F, (e, t, n) => {
+			e && (document.addEventListener("mouseup", W), n(() => document.removeEventListener("mouseup", W)));
+		}, { immediate: !0 }), d(() => N?.());
 		function pe(e) {
-			let t = E.visibleRows.slice(e.minRow, e.maxRow + 1), n = E.visibleColumns.slice(e.minCol, e.maxCol + 1);
-			return t.map((e) => n.map((t) => T(e[t.field], t.type ?? "string", t.format ?? "", S.locale)).join("	")).join("\n");
+			let t = D.visibleRows.slice(e.minRow, e.maxRow + 1), n = D.visibleColumns.slice(e.minCol, e.maxCol + 1);
+			return t.map((e) => n.map((t) => (0, k.formatCellValue)(e[t.field], t.type ?? "string", t.format ?? "", w.locale)).join("	")).join("\n");
+		}
+		let G = t(() => D.visibleColumns.filter((e) => e.aggregate)), K = t(() => w.serverSide ? [] : D.visibleColumns.filter((e) => e.groupable !== !1)), me = t(() => D.groups ? D.groups.length === 0 : D.visibleRows.length === 0);
+		function he(e) {
+			let t = D.sortDirectionFor(e);
+			return t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
 		}
-		let z = t(() => E.visibleColumns.filter((e) => e.aggregate)), B = t(() => S.serverSide ? [] : E.visibleColumns.filter((e) => e.groupable !== !1)), he = t(() => E.groups ? E.groups.length === 0 : E.visibleRows.length === 0), V = t(() => E.editableColumns.length > 0 || S.deletable || S.creatable), H = t(() => S.rowReorder && !E.groupByField && !E.hasVirtualScroll), U = t(() => (!!w.detail || !!S.renderDetail) && !E.groupByField && !E.hasVirtualScroll), be = t(() => +!!U.value + +!!H.value + +!!S.selectable + +!!V.value), G = t(() => E.visibleColumns.length + be.value), K = t(() => E.hasVirtualScroll ? Math.max(0, Math.floor(ie.value / S.virtualRowHeight) - S.overscan) : 0), Se = t(() => E.hasVirtualScroll ? Math.min(E.visibleRows.length, Math.ceil((ie.value + S.height) / S.virtualRowHeight) + S.overscan) : E.visibleRows.length), q = t(() => E.hasVirtualScroll ? E.visibleRows.slice(K.value, Se.value) : E.visibleRows), Ce = t(() => K.value * S.virtualRowHeight), we = t(() => (E.visibleRows.length - Se.value) * S.virtualRowHeight);
-		function J(e) {
-			E.hasVirtualScroll && (ie.value = e.currentTarget.scrollTop);
+		let ge = t(() => w.serverSide || w.pageSize > 0 && !D.groupByField || D.hasVirtualScroll ? (w.serverSide ? w.serverSide.totalItems : D.filteredRowCount) + 2 : void 0), q = t(() => D.editableColumns.length > 0 || w.deletable || w.creatable), J = t(() => w.rowReorder && !D.groupByField && !D.hasVirtualScroll), Y = t(() => (!!E.detail || !!w.renderDetail) && !D.groupByField && !D.hasVirtualScroll), _e = t(() => +!!Y.value + +!!J.value + +!!w.selectable + +!!q.value), X = t(() => D.visibleColumns.length + _e.value), Z = t(() => D.hasVirtualScroll ? Math.max(0, Math.floor(M.value / w.virtualRowHeight) - w.overscan) : 0), ye = t(() => D.hasVirtualScroll ? Math.min(D.visibleRows.length, Math.ceil((M.value + w.height) / w.virtualRowHeight) + w.overscan) : D.visibleRows.length), be = t(() => D.hasVirtualScroll ? D.visibleRows.slice(Z.value, ye.value) : D.visibleRows), xe = t(() => Z.value * w.virtualRowHeight), Se = t(() => (D.visibleRows.length - ye.value) * w.virtualRowHeight);
+		function Ce(e) {
+			D.hasVirtualScroll && (M.value = e.currentTarget.scrollTop);
 		}
-		function Y(e, t) {
-			E.setFilterValue(e, {
-				...E.filterValues[e],
+		function we(e, t) {
+			D.setFilterValue(e, {
+				...D.filterValues[e],
 				...t
 			});
 		}
-		function X(e) {
-			let t = e.width !== void 0 || E.isColumnResized(e.field) ? { width: `${E.effectiveWidth(e.field)}px` } : {}, n = E.columnPinnedSide(e.field);
+		function Q(e) {
+			let t = e.width !== void 0 || D.isColumnResized(e.field) ? { width: `${D.effectiveWidth(e.field)}px` } : {}, n = D.columnPinnedSide(e.field);
 			return n === "left" ? {
 				...t,
 				position: "sticky",
-				left: `${E.stickyOffset(e.field)}px`,
+				left: `${D.stickyOffset(e.field)}px`,
 				zIndex: 1
 			} : n === "right" ? {
 				...t,
 				position: "sticky",
-				right: `${E.stickyOffsetRight(e.field)}px`,
+				right: `${D.stickyOffsetRight(e.field)}px`,
 				zIndex: 1
 			} : t;
 		}
-		function Te(e, t) {
-			E.onColumnDragStart(t), e.dataTransfer?.setData("text/plain", t);
+		function xt(e, t) {
+			D.onColumnDragStart(t), e.dataTransfer?.setData("text/plain", t);
 		}
-		function Ee(e, t) {
-			e.preventDefault(), ne.value = t;
+		function St(e, t) {
+			e.preventDefault(), A.value = t;
 		}
-		function De(e) {
-			ne.value === e && (ne.value = void 0);
+		function Ct(e) {
+			A.value === e && (A.value = void 0);
 		}
-		function Oe(e, t) {
-			e.preventDefault(), ne.value = void 0, E.onColumnDrop(t);
+		function wt(e, t) {
+			e.preventDefault(), A.value = void 0, D.onColumnDrop(t);
 		}
-		let Z = t(() => S.selectable ? {
+		let $ = t(() => w.selectable ? {
 			position: "sticky",
 			left: "0px",
 			zIndex: 1
 		} : void 0);
-		function Ae(e, t) {
+		function Tt(e, t) {
 			let n = e.aggregate, r = t[e.field];
 			if (!n || r === void 0) return "";
-			let i = n === "count" ? String(r) : T(r, "number", e.format ?? "", S.locale);
-			return `${e.headerText ?? e.field} ${O[n]}: ${i}`;
+			let i = n === "count" ? String(r) : (0, k.formatCellValue)(r, "number", e.format ?? "", w.locale);
+			return `${e.headerText ?? e.field} ${k.AGGREGATE_SYMBOLS[n]}: ${i}`;
 		}
-		function je(e) {
+		function Et(e) {
 			let t = {
 				title: e.headerText ?? e.field,
 				field: e.field
-			}, n = w[`header-${e.field}`];
+			}, n = E[`header-${e.field}`];
 			return n ? n(t) : e.renderHeader ? e.renderHeader(t) : t.title;
 		}
-		function Q(e, t) {
+		function Dt(e, t) {
 			let n = {
 				value: t[e.field],
 				row: t,
 				field: e.field
-			}, r = w[`cell-${e.field}`];
-			return r ? r(n) : e.renderCell ? e.renderCell(n) : T(t[e.field], e.type ?? "string", e.format ?? "", S.locale);
+			}, r = E[`cell-${e.field}`];
+			return r ? r(n) : e.renderCell ? e.renderCell(n) : (0, k.formatCellValue)(t[e.field], e.type ?? "string", e.format ?? "", w.locale);
 		}
-		function $(e, t) {
-			let n = w[`editor-${e.field}`];
+		function Ot(e, t) {
+			let n = E[`editor-${e.field}`];
 			if (!n && !e.renderEditor) return;
 			let r = {
-				value: E.rowDraft[e.field],
+				value: D.rowDraft[e.field],
 				row: t,
 				field: e.field,
-				setValue: (t) => E.setRowDraftValue(e.field, t),
-				error: E.fieldErrors[e.field]
+				setValue: (t) => D.setRowDraftValue(e.field, t),
+				error: D.fieldErrors[e.field]
 			};
 			return n ? n(r) : e.renderEditor(r);
 		}
-		function Me(e) {
-			return w.detail ? w.detail({ row: e }) : S.renderDetail?.(e);
+		function kt(e) {
+			return E.detail ? E.detail({ row: e }) : w.renderDetail?.(e);
 		}
-		function Ne(e, t) {
-			E.toggleColumnVisibility(t), e.target.checked = !E.isColumnHidden(t);
+		function At(e, t) {
+			D.toggleColumnVisibility(t), e.target.checked = !D.isColumnHidden(t);
 		}
-		function Pe(e) {
-			if (!S.clipboard || !(e.ctrlKey || e.metaKey)) return;
+		function jt(e) {
+			if (!w.clipboard || !(e.ctrlKey || e.metaKey)) return;
 			let t = e.key.toLowerCase();
 			if (t !== "c" && t !== "v") return;
 			let n = e.target;
@@ -1588,221 +1216,225 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 			if (!r || !i || a == null) return;
 			let o = Number(a);
 			if (e.preventDefault(), t === "c") {
-				let e = F.value, t = A.value && e && (e.minRow !== e.maxRow || e.minCol !== e.maxCol) ? pe(e) : void 0;
-				navigator.clipboard?.writeText(t ?? E.copyCellText(o, i))?.catch(() => void 0);
-			} else navigator.clipboard?.readText()?.then((e) => E.pasteAt(o, i, e)).catch(() => void 0);
+				let e = V.value, t = F.value && e && (e.minRow !== e.maxRow || e.minCol !== e.maxCol) ? pe(e) : void 0;
+				navigator.clipboard?.writeText(t ?? D.copyCellText(o, i))?.catch(() => void 0);
+			} else navigator.clipboard?.readText()?.then((e) => D.pasteAt(o, i, e)).catch(() => void 0);
 		}
-		function Fe(e, t) {
-			return e.id == null ? t : String(e.id);
+		function Mt(e) {
+			return D.rowKeyOf(e);
 		}
-		let Ie = t(() => ({
-			columns: E.visibleColumns,
-			t: D.value,
-			selectable: S.selectable,
-			selectColumnStyle: Z.value,
-			columnStyle: X,
-			isRowSelected: E.isRowSelected,
-			toggleRowSelection: E.toggleRowSelection,
-			hasRowActions: V.value,
-			editableColumnCount: E.editableColumns.length,
-			isEditingRow: E.isEditingRow,
-			isAnotherRowEditing: E.isAnotherRowEditing,
-			startEditingRow: E.startEditingRow,
-			cancelRowEdit: E.cancelRowEdit,
-			saveRow: (e) => void E.saveRow(e),
-			deleteRow: E.deleteRow,
-			deletable: S.deletable,
-			rowDraft: E.rowDraft,
-			fieldErrors: E.fieldErrors,
-			isValidating: E.isValidating,
-			setRowDraftValue: E.setRowDraftValue,
-			cellContent: Q,
-			editorContent: $,
-			detailContent: Me,
-			clipboard: S.clipboard,
-			cellRangeSelection: A.value,
+		let Nt = t(() => ({
+			columns: D.visibleColumns,
+			t: O.value,
+			selectable: w.selectable,
+			selectColumnStyle: $.value,
+			columnStyle: Q,
+			isRowSelected: D.isRowSelected,
+			toggleRowSelection: D.toggleRowSelection,
+			hasRowActions: q.value,
+			editableColumnCount: D.editableColumns.length,
+			isEditingRow: D.isEditingRow,
+			isAnotherRowEditing: D.isAnotherRowEditing,
+			startEditingRow: D.startEditingRow,
+			cancelRowEdit: D.cancelRowEdit,
+			saveRow: (e) => void D.saveRow(e),
+			deleteRow: D.deleteRow,
+			deletable: w.deletable,
+			rowDraft: D.rowDraft,
+			fieldErrors: D.fieldErrors,
+			isValidating: D.isValidating,
+			setRowDraftValue: D.setRowDraftValue,
+			cellContent: Dt,
+			editorContent: Ot,
+			detailContent: kt,
+			clipboard: w.clipboard,
+			cellRangeSelection: F.value,
 			isCellInRange: ce,
-			onCellRangeMouseDown: R,
-			onCellRangeMouseEnter: le,
-			extraColumnCount: be.value
+			onCellRangeMouseDown: de,
+			onCellRangeMouseEnter: fe,
+			extraColumnCount: _e.value
 		}));
-		return (t, d) => (p(), i("div", Re, [
-			a("div", ze, [a("input", {
-				"aria-label": D.value("MsgFilterPlaceholder"),
+		return (t, d) => (p(), i("div", Ee, [
+			a("div", De, g(me.value ? O.value("MsgNoData") : ""), 1),
+			a("div", Oe, [a("input", {
+				"aria-label": O.value("MsgFilterPlaceholder"),
 				type: "text",
-				placeholder: `${D.value("MsgFilterPlaceholder")}…`,
-				value: v(E).filterQuery,
-				onInput: d[0] ||= (e) => v(E).setFilterQuery(e.target.value)
-			}, null, 40, Be)]),
-			a("div", Ve, [
+				placeholder: `${O.value("MsgFilterPlaceholder")}…`,
+				value: v(D).filterQuery,
+				onInput: d[0] ||= (e) => v(D).setFilterQuery(e.target.value)
+			}, null, 40, ke)]),
+			a("div", Ae, [
 				c.exportable ? (p(), i(e, { key: 0 }, [
 					a("button", {
 						type: "button",
-						onClick: d[1] ||= (e) => v(me)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, g(D.value("MsgExportCsv")), 1),
+						onClick: d[1] ||= (e) => v(ie)(v(D).exportRows, v(D).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(O.value("MsgExportCsv")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[2] ||= (e) => v(ge)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, g(D.value("MsgExportExcel")), 1),
+						onClick: d[2] ||= (e) => v(z)(v(D).exportRows, v(D).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(O.value("MsgExportExcel")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[3] ||= (e) => void v(ve)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, g(D.value("MsgExportPdf")), 1),
+						onClick: d[3] ||= (e) => void v(ae)(v(D).exportRows, v(D).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(O.value("MsgExportPdf")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[4] ||= (e) => v(_e)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, g(D.value("MsgPrint")), 1)
+						onClick: d[4] ||= (e) => v(B)(v(D).exportRows, v(D).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(O.value("MsgPrint")), 1)
 				], 64)) : r("", !0),
-				c.creatable && v(E).editableColumns.length > 0 && !v(E).isAddingRow ? (p(), i("button", {
+				c.creatable && v(D).editableColumns.length > 0 && !v(D).isAddingRow ? (p(), i("button", {
 					key: 1,
 					type: "button",
-					onClick: d[5] ||= (e) => v(E).startAddingRow()
-				}, g(D.value("MsgAddRow")), 1)) : r("", !0),
-				c.selectable && c.deletable && v(E).selectedRows.size > 0 ? (p(), i("button", {
+					onClick: d[5] ||= (e) => v(D).startAddingRow()
+				}, g(O.value("MsgAddRow")), 1)) : r("", !0),
+				c.selectable && c.deletable && v(D).selectedRows.size > 0 ? (p(), i("button", {
 					key: 2,
 					type: "button",
-					onClick: d[6] ||= (e) => v(E).deleteSelectedRows()
-				}, g(D.value("MsgDeleteSelected", { count: v(E).selectedRows.size })), 1)) : r("", !0),
-				c.columnToggle ? (p(), i("details", He, [a("summary", null, g(D.value("MsgToggleColumns")), 1), a("ul", null, [(p(!0), i(e, null, m(v(E).hideableColumns, (e) => (p(), i("li", { key: e.field }, [a("label", null, [a("input", {
-					"aria-label": D.value("MsgToggleColumn", { column: e.headerText ?? e.field }),
+					onClick: d[6] ||= (e) => v(D).deleteSelectedRows()
+				}, g(O.value("MsgDeleteSelected", { count: v(D).selectedRows.size })), 1)) : r("", !0),
+				c.columnToggle ? (p(), i("details", je, [a("summary", null, g(O.value("MsgToggleColumns")), 1), a("ul", null, [(p(!0), i(e, null, m(v(D).hideableColumns, (e) => (p(), i("li", { key: e.field }, [a("label", null, [a("input", {
+					"aria-label": O.value("MsgToggleColumn", { column: e.headerText ?? e.field }),
 					type: "checkbox",
-					checked: !v(E).isColumnHidden(e.field),
-					onChange: (t) => Ne(t, e.field)
-				}, null, 40, Ue), o(" " + g(e.headerText ?? e.field), 1)])]))), 128))])])) : r("", !0)
+					checked: !v(D).isColumnHidden(e.field),
+					onChange: (t) => At(t, e.field)
+				}, null, 40, Me), o(" " + g(e.headerText ?? e.field), 1)])]))), 128))])])) : r("", !0)
 			]),
-			B.value.length > 0 ? (p(), i("div", We, [a("label", null, [o(g(v(E).groupByField ? D.value("MsgGroupedBy", { column: B.value.find((e) => e.field === v(E).groupByField)?.headerText ?? v(E).groupByField }) : D.value("MsgGroupByHint")) + " ", 1), a("select", {
+			K.value.length > 0 ? (p(), i("div", Ne, [a("label", null, [o(g(v(D).groupByField ? O.value("MsgGroupedBy", { column: K.value.find((e) => e.field === v(D).groupByField)?.headerText ?? v(D).groupByField }) : O.value("MsgGroupByHint")) + " ", 1), a("select", {
 				"aria-label": "Group by",
-				value: v(E).groupByField ?? "",
-				onChange: d[7] ||= (e) => v(E).setGroupByField(e.target.value || void 0)
-			}, [a("option", Ke, g(D.value("MsgCancelGrouping")), 1), (p(!0), i(e, null, m(B.value, (e) => (p(), i("option", {
+				value: v(D).groupByField ?? "",
+				onChange: d[7] ||= (e) => v(D).setGroupByField(e.target.value || void 0)
+			}, [a("option", Fe, g(O.value("MsgCancelGrouping")), 1), (p(!0), i(e, null, m(K.value, (e) => (p(), i("option", {
 				key: e.field,
 				value: e.field
-			}, g(e.headerText ?? e.field), 9, qe))), 128))], 40, Ge)])])) : r("", !0),
+			}, g(e.headerText ?? e.field), 9, Ie))), 128))], 40, Pe)])])) : r("", !0),
 			a("div", {
-				class: l(v(E).hasVirtualScroll ? "inandu-grid-viewport" : void 0),
-				style: u(v(E).hasVirtualScroll ? {
+				class: l(v(D).hasVirtualScroll ? "inandu-grid-viewport" : void 0),
+				style: u(v(D).hasVirtualScroll ? {
 					height: `${c.height}px`,
 					overflow: "auto"
 				} : void 0),
-				onScroll: J
+				onScroll: Ce
 			}, [a("table", {
 				ref_key: "tableRef",
-				ref: ae,
+				ref: ee,
 				class: "inandu-grid",
-				onKeydown: Pe
+				"aria-rowcount": ge.value,
+				onKeydown: jt
 			}, [
 				a("thead", null, [a("tr", null, [
-					U.value ? (p(), i("th", Je)) : r("", !0),
-					H.value ? (p(), i("th", Ye)) : r("", !0),
+					Y.value ? (p(), i("th", Re)) : r("", !0),
+					J.value ? (p(), i("th", ze)) : r("", !0),
 					c.selectable ? (p(), i("th", {
 						key: 2,
-						style: u(Z.value)
+						style: u($.value)
 					}, [a("input", {
-						"aria-label": D.value("MsgSelectAll"),
+						"aria-label": O.value("MsgSelectAll"),
 						type: "checkbox",
-						checked: v(E).allSelected,
-						indeterminate: v(E).someSelected,
-						onChange: d[8] ||= (e) => v(E).toggleSelectAll()
-					}, null, 40, Xe)], 4)) : r("", !0),
-					(p(!0), i(e, null, m(v(E).visibleColumns, (e) => (p(), i("th", {
+						checked: v(D).allSelected,
+						indeterminate: v(D).someSelected,
+						onChange: d[8] ||= (e) => v(D).toggleSelectAll()
+					}, null, 40, Be)], 4)) : r("", !0),
+					(p(!0), i(e, null, m(v(D).visibleColumns, (e) => (p(), i("th", {
 						key: e.field,
 						"data-field": e.field,
-						style: u(X(e)),
-						class: l(ne.value === e.field ? "inandu-drag-over" : void 0),
+						"aria-sort": he(e.field),
+						style: u(Q(e)),
+						class: l(A.value === e.field ? "inandu-drag-over" : void 0),
 						draggable: e.reorder !== !1,
-						"aria-label": D.value("MsgSortBy", { column: e.headerText ?? e.field }),
-						onDragstart: (t) => Te(t, e.field),
-						onDragover: (t) => Ee(t, e.field),
-						onDragleave: (t) => De(e.field),
-						onDrop: (t) => Oe(t, e.field),
-						onClick: (t) => v(E).toggleSort(e.field, t.shiftKey)
+						"aria-label": O.value("MsgSortBy", { column: e.headerText ?? e.field }),
+						onDragstart: (t) => xt(t, e.field),
+						onDragover: (t) => St(t, e.field),
+						onDragleave: (t) => Ct(e.field),
+						onDrop: (t) => wt(t, e.field),
+						onClick: (t) => v(D).toggleSort(e.field, t.shiftKey)
 					}, [
-						s(v(W), { nodes: je(e) }, null, 8, ["nodes"]),
-						o(g(v(E).sortDirectionFor(e.field) ? v(E).sortDirectionFor(e.field) === "asc" ? " ▲" : " ▼" : ""), 1),
-						v(E).sortPriorityFor(e.field) === void 0 ? r("", !0) : (p(), i("sup", Qe, g(v(E).sortPriorityFor(e.field)), 1)),
+						s(v(U), { nodes: Et(e) }, null, 8, ["nodes"]),
+						o(g(v(D).sortDirectionFor(e.field) ? v(D).sortDirectionFor(e.field) === "asc" ? " ▲" : " ▼" : ""), 1),
+						v(D).sortPriorityFor(e.field) === void 0 ? r("", !0) : (p(), i("sup", He, g(v(D).sortPriorityFor(e.field)), 1)),
 						a("span", {
 							class: "inandu-grid-resize-handle",
 							draggable: "false",
-							onMousedown: (t) => se(t, e.field),
-							onDblclick: (t) => k(t, e),
-							onClick: d[9] ||= b(() => {}, ["stop"])
-						}, null, 40, $e)
-					], 46, Ze))), 128)),
-					V.value ? (p(), i("th", et)) : r("", !0)
-				]), a("tr", tt, [
-					U.value ? (p(), i("th", nt)) : r("", !0),
-					H.value ? (p(), i("th", rt)) : r("", !0),
+							onMousedown: (t) => P(t, e.field),
+							onDblclick: (t) => ne(t, e),
+							onClick: d[9] ||= x(() => {}, ["stop"])
+						}, null, 40, Ue)
+					], 46, Ve))), 128)),
+					q.value ? (p(), i("th", We)) : r("", !0)
+				]), a("tr", Ge, [
+					Y.value ? (p(), i("th", Ke)) : r("", !0),
+					J.value ? (p(), i("th", qe)) : r("", !0),
 					c.selectable ? (p(), i("th", {
 						key: 2,
-						style: u(Z.value)
+						style: u($.value)
 					}, null, 4)) : r("", !0),
-					(p(!0), i(e, null, m(v(E).visibleColumns, (e) => (p(), i("th", {
+					(p(!0), i(e, null, m(v(D).visibleColumns, (e) => (p(), i("th", {
 						key: e.field,
-						style: u(X(e))
-					}, [s(Le, {
+						style: u(Q(e))
+					}, [s(Te, {
 						column: e,
-						value: v(E).filterValues[e.field],
-						t: D.value,
-						onChange: (t) => Y(e.field, t)
+						value: v(D).filterValues[e.field],
+						t: O.value,
+						onChange: (t) => we(e.field, t)
 					}, null, 8, [
 						"column",
 						"value",
 						"t",
 						"onChange"
 					])], 4))), 128)),
-					V.value ? (p(), i("th", it)) : r("", !0)
+					q.value ? (p(), i("th", Je)) : r("", !0)
 				])]),
-				a("tbody", null, [v(E).isAddingRow ? (p(), i("tr", at, [
+				a("tbody", null, [v(D).isAddingRow ? (p(), i("tr", Ye, [
 					c.selectable ? (p(), i("td", {
 						key: 0,
-						style: u(Z.value)
+						style: u($.value)
 					}, null, 4)) : r("", !0),
-					(p(!0), i(e, null, m(v(E).visibleColumns, (t) => (p(), i("td", {
+					(p(!0), i(e, null, m(v(D).visibleColumns, (t) => (p(), i("td", {
 						key: t.field,
-						style: u(X(t))
-					}, [t.editable ? (p(), i(e, { key: 0 }, [$(t, {}) === void 0 ? (p(), n(xe, {
+						style: u(Q(t))
+					}, [t.editable ? (p(), i(e, { key: 0 }, [Ot(t, {}) === void 0 ? (p(), n(le, {
 						key: 1,
 						column: t,
-						value: v(E).rowDraft[t.field],
-						error: v(E).fieldErrors[t.field],
-						t: D.value,
-						onChange: (e) => v(E).setRowDraftValue(t.field, e)
+						value: v(D).rowDraft[t.field],
+						error: v(D).fieldErrors[t.field],
+						t: O.value,
+						onChange: (e) => v(D).setRowDraftValue(t.field, e)
 					}, null, 8, [
 						"column",
 						"value",
 						"error",
 						"t",
 						"onChange"
-					])) : (p(), n(v(W), {
+					])) : (p(), n(v(U), {
 						key: 0,
-						nodes: $(t, {})
+						nodes: Ot(t, {})
 					}, null, 8, ["nodes"]))], 64)) : r("", !0)], 4))), 128)),
-					V.value ? (p(), i("td", ot, [a("button", {
+					q.value ? (p(), i("td", Xe, [a("button", {
 						type: "button",
-						disabled: v(E).isValidating,
-						onClick: d[10] ||= (e) => void v(E).saveNewRow()
-					}, g(D.value("MsgSaveRow")), 9, st), a("button", {
+						disabled: v(D).isValidating,
+						onClick: d[10] ||= (e) => void v(D).saveNewRow()
+					}, g(O.value("MsgSaveRow")), 9, Ze), a("button", {
 						type: "button",
-						disabled: v(E).isValidating,
-						onClick: d[11] ||= (e) => v(E).cancelAddRow()
-					}, g(D.value("MsgCancelRowEdit")), 9, ct)])) : r("", !0)
-				])) : r("", !0), he.value ? (p(), i("tr", lt, [a("td", { colspan: G.value }, g(D.value("MsgNoData")), 9, ut)])) : v(E).hasTreeData ? (p(!0), i(e, { key: 2 }, m(v(E).treeRows, (t, o) => (p(), i("tr", {
-					key: Fe(t.row, o),
+						disabled: v(D).isValidating,
+						onClick: d[11] ||= (e) => v(D).cancelAddRow()
+					}, g(O.value("MsgCancelRowEdit")), 9, Qe)])) : r("", !0)
+				])) : r("", !0), me.value ? (p(), i("tr", $e, [a("td", { colspan: X.value }, g(O.value("MsgNoData")), 9, et)])) : v(D).hasTreeData ? (p(!0), i(e, { key: 2 }, m(v(D).treeRows, (t, o) => (p(), i("tr", {
+					key: Mt(t.row),
+					"aria-selected": c.selectable ? v(D).isRowSelected(t.row) : void 0,
 					"aria-level": t.depth + 1,
-					"aria-expanded": t.expandable ? v(E).isTreeRowExpanded(t.row) : void 0
+					"aria-expanded": t.expandable ? v(D).isTreeRowExpanded(t.row) : void 0
 				}, [
 					c.selectable ? (p(), i("td", {
 						key: 0,
-						style: u(Z.value)
+						style: u($.value)
 					}, [a("input", {
-						"aria-label": D.value("MsgSelectRow", { index: o + 1 }),
+						"aria-label": O.value("MsgSelectRow", { index: o + 1 }),
 						type: "checkbox",
-						checked: v(E).isRowSelected(t.row),
-						onChange: (e) => v(E).toggleRowSelection(t.row)
-					}, null, 40, ft)], 4)) : r("", !0),
-					(p(!0), i(e, null, m(v(E).visibleColumns, (e, r) => (p(), i("td", {
+						checked: v(D).isRowSelected(t.row),
+						onChange: (e) => v(D).toggleRowSelection(t.row)
+					}, null, 40, nt)], 4)) : r("", !0),
+					(p(!0), i(e, null, m(v(D).visibleColumns, (e, r) => (p(), i("td", {
 						key: e.field,
-						style: u(X(e))
+						style: u(Q(e))
 					}, [r === 0 ? (p(), i("span", {
 						key: 0,
 						class: "inandu-grid-tree-cell",
@@ -1811,50 +1443,50 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 						key: 0,
 						type: "button",
 						class: "inandu-grid-tree-toggle",
-						"aria-label": v(E).isTreeRowExpanded(t.row) ? D.value("MsgCollapseDetail") : D.value("MsgExpandDetail"),
-						title: v(E).isTreeRowExpanded(t.row) ? D.value("MsgCollapseDetail") : D.value("MsgExpandDetail"),
-						onClick: (e) => v(E).toggleTreeRow(t.row)
-					}, g(v(E).isTreeRowExpanded(t.row) ? "▾" : "▸"), 9, pt)) : (p(), i("span", mt)), s(v(W), { nodes: Q(e, t.row) }, null, 8, ["nodes"])], 4)) : (p(), n(v(W), {
+						"aria-label": v(D).isTreeRowExpanded(t.row) ? O.value("MsgCollapseDetail") : O.value("MsgExpandDetail"),
+						title: v(D).isTreeRowExpanded(t.row) ? O.value("MsgCollapseDetail") : O.value("MsgExpandDetail"),
+						onClick: (e) => v(D).toggleTreeRow(t.row)
+					}, g(v(D).isTreeRowExpanded(t.row) ? "▾" : "▸"), 9, rt)) : (p(), i("span", it)), s(v(U), { nodes: Dt(e, t.row) }, null, 8, ["nodes"])], 4)) : (p(), n(v(U), {
 						key: 1,
-						nodes: Q(e, t.row)
+						nodes: Dt(e, t.row)
 					}, null, 8, ["nodes"]))], 4))), 128)),
-					V.value ? (p(), i("td", ht)) : r("", !0)
-				], 8, dt))), 128)) : v(E).groups ? (p(!0), i(e, { key: 3 }, m(v(E).groups, (t) => (p(), i(e, { key: t.key }, [a("tr", gt, [a("td", { colspan: G.value }, [
+					q.value ? (p(), i("td", at)) : r("", !0)
+				], 8, tt))), 128)) : v(D).groups ? (p(!0), i(e, { key: 3 }, m(v(D).groups, (t) => (p(), i(e, { key: t.key }, [a("tr", ot, [a("td", { colspan: X.value }, [
 					a("strong", null, g(t.key), 1),
 					o(" (" + g(t.rows.length) + ") ", 1),
-					z.value.length > 0 ? (p(), i("span", vt, [(p(!0), i(e, null, m(z.value, (e) => (p(), i("span", { key: e.field }, " · " + g(Ae(e, t.aggregates)), 1))), 128))])) : r("", !0)
-				], 8, _t)]), (p(!0), i(e, null, m(t.rows, (e, r) => (p(), n(ke, {
-					key: Fe(e, `${t.key}:${r}`),
-					ctx: Ie.value,
+					G.value.length > 0 ? (p(), i("span", ct, [(p(!0), i(e, null, m(G.value, (e) => (p(), i("span", { key: e.field }, " · " + g(Tt(e, t.aggregates)), 1))), 128))])) : r("", !0)
+				], 8, st)]), (p(!0), i(e, null, m(t.rows, (e, t) => (p(), n(ve, {
+					key: Mt(e),
+					ctx: Nt.value,
 					row: e,
-					"row-index": r
+					"row-index": t
 				}, null, 8, [
 					"ctx",
 					"row",
 					"row-index"
 				]))), 128))], 64))), 128)) : (p(), i(e, { key: 4 }, [
-					v(E).hasVirtualScroll && Ce.value > 0 ? (p(), i("tr", yt, [a("td", {
+					v(D).hasVirtualScroll && xe.value > 0 ? (p(), i("tr", lt, [a("td", {
 						style: u({
-							height: `${Ce.value}px`,
+							height: `${xe.value}px`,
 							padding: 0,
 							border: "none"
 						}),
-						colspan: G.value
-					}, null, 12, bt)])) : r("", !0),
-					(p(!0), i(e, null, m(q.value, (e, t) => (p(), n(ke, {
-						key: Fe(e, K.value + t),
-						ctx: Ie.value,
+						colspan: X.value
+					}, null, 12, ut)])) : r("", !0),
+					(p(!0), i(e, null, m(be.value, (e, t) => (p(), n(ve, {
+						key: Mt(e),
+						ctx: Nt.value,
 						row: e,
-						"row-index": K.value + t,
-						"has-row-drag-handle": H.value,
-						"is-drag-over-row": v(E).draggingRow !== void 0 && re.value === e,
-						"has-master-detail": U.value,
-						"is-row-expanded": v(E).isRowExpanded(e),
-						onRowDragStart: (t) => v(E).onRowDragStart(e),
-						onRowDragOver: (t) => re.value = e,
-						onRowDragLeave: (t) => re.value === e && (re.value = void 0),
-						onRowDrop: (t) => v(E).onRowDrop(e),
-						onToggleExpanded: (t) => v(E).toggleRowExpanded(e)
+						"row-index": Z.value + t,
+						"has-row-drag-handle": J.value,
+						"is-drag-over-row": v(D).draggingRow !== void 0 && j.value === e,
+						"has-master-detail": Y.value,
+						"is-row-expanded": v(D).isRowExpanded(e),
+						onRowDragStart: (t) => v(D).onRowDragStart(e),
+						onRowDragOver: (t) => j.value = e,
+						onRowDragLeave: (t) => j.value === e && (j.value = void 0),
+						onRowDrop: (t) => v(D).onRowDrop(e),
+						onToggleExpanded: (t) => v(D).toggleRowExpanded(e)
 					}, null, 8, [
 						"ctx",
 						"row",
@@ -1869,105 +1501,116 @@ var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 						"onRowDrop",
 						"onToggleExpanded"
 					]))), 128)),
-					v(E).hasVirtualScroll && we.value > 0 ? (p(), i("tr", xt, [a("td", {
+					v(D).hasVirtualScroll && Se.value > 0 ? (p(), i("tr", dt, [a("td", {
 						style: u({
-							height: `${we.value}px`,
+							height: `${Se.value}px`,
 							padding: 0,
 							border: "none"
 						}),
-						colspan: G.value
-					}, null, 12, St)])) : r("", !0)
+						colspan: X.value
+					}, null, 12, ft)])) : r("", !0)
 				], 64))]),
-				z.value.length > 0 && !v(E).hasVirtualScroll ? (p(), i("tfoot", Ct, [a("tr", wt, [
-					U.value ? (p(), i("td", Tt)) : r("", !0),
-					H.value ? (p(), i("td", Et)) : r("", !0),
+				G.value.length > 0 && !v(D).hasVirtualScroll ? (p(), i("tfoot", pt, [a("tr", mt, [
+					Y.value ? (p(), i("td", ht)) : r("", !0),
+					J.value ? (p(), i("td", gt)) : r("", !0),
 					c.selectable ? (p(), i("td", {
 						key: 2,
-						style: u(Z.value)
+						style: u($.value)
 					}, null, 4)) : r("", !0),
-					(p(!0), i(e, null, m(v(E).visibleColumns, (e) => (p(), i("td", {
+					(p(!0), i(e, null, m(v(D).visibleColumns, (e) => (p(), i("td", {
 						key: e.field,
-						style: u(X(e))
-					}, g(e.aggregate ? Ae(e, v(E).totals) : ""), 5))), 128)),
-					V.value ? (p(), i("td", Dt)) : r("", !0)
+						style: u(Q(e))
+					}, g(e.aggregate ? Tt(e, v(D).totals) : ""), 5))), 128)),
+					q.value ? (p(), i("td", _t)) : r("", !0)
 				])])) : r("", !0)
-			], 544)], 38),
-			c.pageSize > 0 && !v(E).groupByField && !v(E).hasVirtualScroll ? (p(), i("div", Ot, [
+			], 40, Le)], 38),
+			c.pageSize > 0 && !v(D).groupByField && !v(D).hasVirtualScroll ? (p(), i("div", vt, [
 				a("button", {
 					type: "button",
-					disabled: v(E).page === 0,
-					onClick: d[12] ||= (e) => v(E).setPage(v(E).page - 1)
-				}, "‹ " + g(D.value("MsgPreviousPage")), 9, kt),
-				a("span", null, g(D.value("MsgPageOf", {
-					page: v(E).page + 1,
-					total: v(E).pageCount
-				})) + " (" + g(v(E).filteredRowCount) + ")", 1),
+					disabled: v(D).page === 0,
+					onClick: d[12] ||= (e) => v(D).setPage(v(D).page - 1)
+				}, "‹ " + g(O.value("MsgPreviousPage")), 9, yt),
+				a("span", null, g(O.value("MsgPageOf", {
+					page: v(D).page + 1,
+					total: v(D).pageCount
+				})) + " (" + g(v(D).filteredRowCount) + ")", 1),
 				a("button", {
 					type: "button",
-					disabled: v(E).page >= v(E).pageCount - 1,
-					onClick: d[13] ||= (e) => v(E).setPage(v(E).page + 1)
-				}, g(D.value("MsgNextPage")) + " ›", 9, At)
+					disabled: v(D).page >= v(D).pageCount - 1,
+					onClick: d[13] ||= (e) => v(D).setPage(v(D).page + 1)
+				}, g(O.value("MsgNextPage")) + " ›", 9, bt)
 			])) : r("", !0)
 		]));
 	}
-});
-//#endregion
-//#region src/composables/useInanduGridServer.ts
-function Mt(e, t = {}) {
+}), St = /* @__PURE__ */ new Set();
+function Ct(e, t = {}) {
 	let n = new URLSearchParams();
 	n.set("page", String(e.page + 1)), e.pageSize > 0 && n.set("pageSize", String(e.pageSize)), e.sortCriteria.length > 0 && n.set("sort", e.sortCriteria.map((e) => (e.direction === "desc" ? "-" : "") + e.field).join(","));
 	let r = e.filterQuery.trim();
 	r && n.set("q", r);
-	for (let [t, r] of Object.entries(e.filterValues)) re(r) && (r.values && r.values.length > 0 ? n.set(`${t}_in`, r.values.join(",")) : (r.text && n.set(`${t}_contains`, r.text), r.min && n.set(`${t}_gte`, r.min), r.max && n.set(`${t}_lte`, r.max), r.from && n.set(`${t}_gte`, r.from), r.to && n.set(`${t}_lte`, r.to), (r.bool === "true" || r.bool === "false") && n.set(`${t}_eq`, r.bool)));
-	for (let [e, r] of Object.entries(t.extraParams ?? {})) n.set(e, r);
+	let i = Object.values(e.filterValues).some((e) => !!e.values && e.values.some((e) => e === "" || e.includes(",") || e !== e.trim()));
+	for (let [t, r] of Object.entries(e.filterValues)) if (r.values && r.values.length === 0) n.set(`${t}_none`, "1");
+	else if ((0, k.hasMeaningfulFilterValue)(r)) {
+		if (r.values && r.values.length > 0) {
+			if (i) for (let e of r.values) n.append(`${t}_in`, e);
+			else n.set(`${t}_in`, r.values.join(","));
+		} else r.text && n.set(`${t}_contains`, r.text), r.min && n.set(`${t}_gte`, r.min), r.max && n.set(`${t}_lte`, r.max), r.from && n.set(`${t}_gte`, r.from), r.to && n.set(`${t}_lte`, r.to), (r.bool === "true" || r.bool === "false") && n.set(`${t}_eq`, r.bool);
+	}
+	i && n.set("inEncoding", "repeat");
+	for (let [e, r] of Object.entries(t.extraParams ?? {})) n.has(e) && !St.has(e) && (St.add(e), console.warn(`[inandu-grid] extraParams.${e} replaces the grid's own "${e}" query parameter.`)), n.set(e, r);
 	return n;
 }
-function Nt(e) {
-	let t = h(void 0), n = h([]), r = h(0), i = h(!1), a = h(void 0), o = h(0), s = !1, c;
-	function l(t) {
-		c?.();
-		let o = new AbortController(), l = async () => {
-			u(!0), a.value = void 0;
+function wt(e) {
+	let t = () => _(e), n = h(void 0), r = h([]), i = h(0), a = h(!1), o = h(void 0), s = h(0), c = !1, l;
+	function u(e) {
+		l?.();
+		let n = new AbortController(), s = async () => {
+			u(!0), o.value = void 0;
 			try {
-				let i = Mt(t, { extraParams: e.extraParams }).toString(), a = e.url + (e.url.includes("?") ? "&" : "?") + i, s = {
-					...e.init,
-					signal: o.signal
-				}, c = await (e.fetcher ?? fetch)(a, s);
-				if (!c.ok) throw Error(`Request failed: ${c.status} ${c.statusText}`);
-				let l = await c.json();
-				if (o.signal.aborted) return;
-				n.value = l.data ?? [], r.value = l.total ?? 0;
+				let a = t(), o = Ct(e, { extraParams: a.extraParams }).toString(), s = a.url + (a.url.includes("?") ? "&" : "?") + o, c = {
+					...a.init,
+					signal: n.signal
+				}, l = await (a.fetcher ?? fetch)(s, c);
+				if (!l.ok) throw Error(`Request failed: ${l.status} ${l.statusText}`);
+				let u = await l.json();
+				if (n.signal.aborted) return;
+				r.value = u.data ?? [], i.value = u.total ?? 0;
 			} catch (e) {
-				if (o.signal.aborted) return;
-				a.value = e instanceof Error ? e : Error(String(e));
+				if (n.signal.aborted) return;
+				o.value = e instanceof Error ? e : Error(String(e));
 			} finally {
-				o.signal.aborted || u(!1);
+				n.signal.aborted || u(!1);
 			}
 		};
 		function u(e) {
-			i.value = e;
+			a.value = e;
 		}
-		let d = s ? e.debounceMs ?? 200 : 0;
-		s = !0;
-		let f = setTimeout(l, d);
-		c = () => {
-			clearTimeout(f), o.abort();
+		let d = c ? t().debounceMs ?? 200 : 0;
+		c = !0;
+		let f = setTimeout(s, d);
+		l = () => {
+			clearTimeout(f), n.abort();
 		};
 	}
-	return ee([t, o], () => {
-		t.value && l(t.value);
-	}), f(() => c?.(), !0), {
-		rows: n,
-		total: r,
-		loading: i,
-		error: a,
+	return b([n, s], () => {
+		n.value && u(n.value);
+	}), b(() => {
+		let e = t();
+		return `${e.url}|${JSON.stringify(e.extraParams ?? {})}`;
+	}, () => {
+		n.value && u(n.value);
+	}), f(() => l?.(), !0), {
+		rows: r,
+		total: i,
+		loading: a,
+		error: o,
 		setQuery: (e) => {
-			t.value = e;
+			n.value = e;
 		},
 		reload: () => {
-			o.value += 1;
+			s.value += 1;
 		}
 	};
 }
-//#endregion
-export { O as AGGREGATE_SYMBOLS, R as INANDU_GRID_TRANSLATIONS, jt as InanduGrid, B as buildCsv, he as buildExcelXml, Mt as buildInanduGridQuery, E as compareCellValues, ae as computeGroupAggregates, ue as createTranslator, P as en, F as es, me as exportCsv, ge as exportExcel, ve as exportPdf, T as formatCellValue, I as fr, le as interpolate, ce as it, ie as matchesColumnFilter, ye as measureColumnContentWidth, _e as printTable, fe as useInanduGrid, Nt as useInanduGridServer, L as zh };
+var $ = k.AGGREGATE_SYMBOLS, Tt = k.INANDU_GRID_TRANSLATIONS, Et = k.compareCellValues, Dt = k.computeGroupAggregates, Ot = k.en, kt = k.es, At = k.formatCellValue, jt = k.fr, Mt = k.it, Nt = k.matchesColumnFilter, Pt = k.zh;
+export { $ as AGGREGATE_SYMBOLS, Tt as INANDU_GRID_TRANSLATIONS, xt as InanduGrid, L as buildCsv, R as buildExcelXml, Ct as buildInanduGridQuery, Et as compareCellValues, Dt as computeGroupAggregates, te as createTranslator, Ot as en, kt as es, ie as exportCsv, z as exportExcel, ae as exportPdf, At as formatCellValue, jt as fr, P as interpolate, Mt as it, Nt as matchesColumnFilter, oe as measureColumnContentWidth, B as printTable, re as useInanduGrid, wt as useInanduGridServer, Pt as zh };