@inandu-solutions/grid-vue 0.1.0 → 0.2.1

package/dist/inandu-grid-vue.js

@@ -1,17 +1,17 @@
-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, openBlock as f, renderList as p, shallowRef as m, toDisplayString as h, toValue as g, unref as _, useSlots as v, watch as ee, withModifiers as y } from "vue";
+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 b = /^(\d+)?\.(\d+)-(\d+)$/;
-function x(e, t, n) {
-	let r = {}, i = n ? b.exec(n) : null;
+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 te(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 S = /YYYY|sss|MM|DD|HH|mm|ss/g;
-function C(e, t) {
+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(S, (t) => {
+	return t.replace(C, (t) => {
 		switch (t) {
 			case "YYYY": return String(e.getFullYear());
 			case "MM": return n(e.getMonth() + 1);
@@ -24,7 +24,7 @@ function C(e, t) {
 		}
 	});
 }
-function w(e, t, n, r, i = x) {
+function T(e, t, n, r, i = te) {
 	if (e == null) return "";
 	switch (t) {
 		case "number": {
@@ -32,8 +32,8 @@ function w(e, t, n, r, i = x) {
 			return Number.isNaN(t) ? String(e) : i(t, r, n || void 0);
 		}
 		case "date": {
-			let t = te(e);
-			return Number.isNaN(t.getTime()) ? String(e) : C(t, n || "YYYY-MM-DD");
+			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("|");
@@ -44,12 +44,12 @@ function w(e, t, n, r, i = x) {
 }
 //#endregion
 //#region src/core/sort.ts
-function T(e, t, n) {
+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 E(e, t) {
+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);
@@ -75,7 +75,7 @@ function E(e, t) {
 	};
 	return l(e, 0), o;
 }
-function D(e, t) {
+function ne(e, t) {
 	let n = [], r = (e) => {
 		for (let i of e) {
 			n.push(i);
@@ -87,12 +87,12 @@ function D(e, t) {
 }
 //#endregion
 //#region src/core/filter.ts
-function O(e) {
+function re(e) {
 	return e ? Object.values(e).some((e) => Array.isArray(e) ? !0 : !!e) : !1;
 }
-function k(e, t, n, r, i) {
+function ie(e, t, n, r, i) {
 	let a = t[e.field()];
-	if (n.values !== void 0) return n.values.includes(w(a, e.type(), e.format(), r, i));
+	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;
@@ -104,7 +104,7 @@ function k(e, t, n, r, i) {
 			let e = !!n.from, t = !!n.to;
 			if (!e && !t) return !0;
 			if (a == null) return !1;
-			let r = te(a);
+			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);
@@ -115,20 +115,20 @@ function k(e, t, n, r, i) {
 		case "boolean": return !n.bool || !!a == (n.bool === "true");
 		default: {
 			let t = (n.text ?? "").trim().toLowerCase();
-			return !t || w(a, e.type(), e.format(), r, i).toLowerCase().includes(t);
+			return !t || T(a, e.type(), e.format(), r, i).toLowerCase().includes(t);
 		}
 	}
 }
 //#endregion
 //#region src/core/aggregate.ts
-var A = {
+var O = {
 	sum: "Σ",
 	avg: "x̄",
 	min: "min",
 	max: "max",
 	count: "#"
 };
-function ne(e, t) {
+function ae(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = r.field(), i = r.aggregate();
@@ -155,7 +155,7 @@ function ne(e, t) {
 }
 //#endregion
 //#region src/core/parse.ts
-function re(e, t) {
+function oe(e, t) {
 	switch (t) {
 		case "number": {
 			if (e === "" || e === void 0) return;
@@ -170,27 +170,27 @@ function re(e, t) {
 		default: return e;
 	}
 }
-function ie(e, t) {
-	return t === "boolean" ? e.trim().toLowerCase() === "true" : re(e, t);
+function se(e, t) {
+	return t === "boolean" ? e.trim().toLowerCase() === "true" : oe(e, t);
 }
 //#endregion
 //#region src/core/dom.ts
-function j(e) {
+function k(e) {
 	return e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
 }
 //#endregion
 //#region src/core/export/csv.ts
-function ae(e) {
+function A(e) {
 	return /[",\r\n]/.test(e) ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
 //#endregion
 //#region src/core/export/markup.ts
-function M(e) {
+function j(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 //#endregion
 //#region src/core/export/pdf.ts
-function N(e, t, n) {
+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);
@@ -198,13 +198,13 @@ function N(e, t, n) {
 }
 //#endregion
 //#region src/core/export/download.ts
-function P(e, t, n) {
+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 F = {
+var P = {
 	MsgNoData: "No data",
 	MsgFirstPage: "First page",
 	MsgPreviousPage: "Previous page",
@@ -249,7 +249,7 @@ var F = {
 	MsgValidationMin: "Must be at least {{min}}",
 	MsgValidationMax: "Must be at most {{max}}",
 	MsgValidationPattern: "Invalid format"
-}, I = {
+}, F = {
 	MsgNoData: "Sin datos",
 	MsgFirstPage: "Primera página",
 	MsgPreviousPage: "Página anterior",
@@ -294,7 +294,7 @@ var F = {
 	MsgValidationMin: "Debe ser como mínimo {{min}}",
 	MsgValidationMax: "Debe ser como máximo {{max}}",
 	MsgValidationPattern: "Formato inválido"
-}, L = {
+}, I = {
 	MsgNoData: "Aucune donnée",
 	MsgFirstPage: "Première page",
 	MsgPreviousPage: "Page précédente",
@@ -339,7 +339,7 @@ var F = {
 	MsgValidationMin: "Doit être au moins {{min}}",
 	MsgValidationMax: "Doit être au plus {{max}}",
 	MsgValidationPattern: "Format invalide"
-}, R = {
+}, ce = {
 	MsgNoData: "Nessun dato",
 	MsgFirstPage: "Prima pagina",
 	MsgPreviousPage: "Pagina precedente",
@@ -384,7 +384,7 @@ var F = {
 	MsgValidationMin: "Deve essere almeno {{min}}",
 	MsgValidationMax: "Deve essere al massimo {{max}}",
 	MsgValidationPattern: "Formato non valido"
-}, z = {
+}, L = {
 	MsgNoData: "暂无数据",
 	MsgFirstPage: "首页",
 	MsgPreviousPage: "上一页",
@@ -429,25 +429,25 @@ var F = {
 	MsgValidationMin: "不得小于 {{min}}",
 	MsgValidationMax: "不得大于 {{max}}",
 	MsgValidationPattern: "格式无效"
-}, oe = {
-	en: F,
-	es: I,
-	fr: L,
-	it: R,
-	zh: z
+}, R = {
+	en: P,
+	es: F,
+	fr: I,
+	it: ce,
+	zh: L
 };
 //#endregion
 //#region src/utils/translate.ts
-function se(e, t) {
+function le(e, t) {
 	return t ? e.replace(/\{\{(\w+)\}\}/g, (e, n) => n in t ? String(t[n]) : e) : e;
 }
-function ce(e) {
-	let t = oe[e.split("-")[0]] ?? F;
-	return (e, n) => se(t[e] ?? F[e], n);
+function ue(e) {
+	let t = R[e.split("-")[0]] ?? P;
+	return (e, n) => le(t[e] ?? P[e], n);
 }
 //#endregion
 //#region src/composables/useInanduGrid.ts
-function le(e) {
+function de(e) {
 	return {
 		field: () => e.field,
 		type: () => e.type ?? "string",
@@ -456,9 +456,9 @@ function le(e) {
 		aggregate: () => e.aggregate ?? ""
 	};
 }
-function B(e) {
-	let n = (n) => t(() => g(e)[n]), r = n("rows"), i = n("columns"), a = t(() => g(e).locale ?? "en"), o = n("lang"), s = t(() => g(e).pageSize ?? 0), c = t(() => g(e).selectable ?? !1), l = n("treeChildrenKey"), u = t(() => g(e).treeDefaultExpanded ?? "none"), d = t(() => g(e).virtualScroll ?? !1), f = n("extraRowFilter"), p = () => g(e), h = m([]), _ = m({}), v = m(""), y = m(0), b = m(void 0), x = m(/* @__PURE__ */ new Set()), S = m(void 0), C = m(!1), A = m({}), j = m({}), ae = m(!1), M = m(/* @__PURE__ */ new Set()), N = m(void 0), P = m(void 0), F = m({}), I = m({}), L = m(void 0), R = m(/* @__PURE__ */ new Set()), z = m(/* @__PURE__ */ new Set()), oe, se = t(() => ce(o.value ?? a.value)), B = t(() => {
-		let e = N.value;
+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;
 		if (!e) return i.value;
 		let t = new Map(i.value.map((e) => [e.field, e])), n = [];
 		for (let r of e) {
@@ -466,119 +466,121 @@ function B(e) {
 			e && (n.push(e), t.delete(r));
 		}
 		return n.push(...t.values()), n;
-	}), V = t(() => M.value.size === 0 ? B.value : B.value.filter((e) => !M.value.has(e.field))), ue = t(() => B.value.filter((e) => e.hideable !== !1));
-	function H(e) {
-		let t = B.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));
-		N.value = [...r, ...a];
+	}), 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];
 	}
-	function de(e) {
-		P.value = e;
+	function ge(e) {
+		F.value = e;
 	}
-	function fe(e) {
-		let t = P.value;
-		if (P.value = void 0, !t || t === e) return;
-		let n = B.value.find((e) => e.field === t);
+	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);
 		if (!n || n.reorder === !1) return;
-		let r = B.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), H(r));
+		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));
 	}
-	function pe(e) {
-		return M.value.has(e);
+	function ve(e) {
+		return N.value.has(e);
 	}
-	function me(e) {
-		if (M.value.has(e)) {
-			let t = new Set(M.value);
-			t.delete(e), M.value = t;
-		} else V.value.length <= 1 || (M.value = new Set(M.value).add(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));
 	}
-	let he = t(() => V.value.filter((e) => e.editable));
-	function ge(e) {
-		y.value = 0, v.value = e;
+	let V = t(() => B.value.filter((e) => e.editable));
+	function H(e) {
+		x.value = 0, b.value = e;
 	}
-	let U = t(() => new Map(V.value.map((e) => [e.field, le(e)]))), W = t(() => V.value.filter((e) => e.aggregate).map((e) => U.value.get(e.field)));
-	function G(e, t) {
-		y.value = 0, _.value = {
-			..._.value,
+	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,
 			[e]: t
 		};
 	}
-	function K() {
-		y.value = 0, _.value = {};
+	function W() {
+		x.value = 0, y.value = {};
 	}
-	function _e(e, t) {
-		return V.value.some((n) => {
+	function G(e, t) {
+		return B.value.some((n) => {
 			let r = U.value.get(n.field);
-			return w(e[n.field], r.type(), r.format(), a.value).toLowerCase().includes(t);
+			return T(e[n.field], r.type(), r.format(), a.value).toLowerCase().includes(t);
 		});
 	}
-	function q(e, t) {
+	function K(e, t) {
 		return t.every(([t, n]) => {
 			let r = U.value.get(t);
-			return !r || k(r, e, n, a.value);
+			return !r || ie(r, e, n, a.value);
 		});
 	}
-	function ve(e, t) {
-		for (let { field: n, direction: r } of h.value) {
-			let i = T(e[n], t[n], a.value) * (r === "asc" ? 1 : -1);
+	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);
 			if (i !== 0) return i;
 		}
 		return 0;
 	}
-	let J = t(() => {
-		let e = r.value, t = v.value.trim().toLowerCase();
-		t && (e = e.filter((e) => _e(e, t)));
-		let n = Object.entries(_.value).filter(([, e]) => O(e));
-		n.length > 0 && (e = e.filter((e) => q(e, n)));
+	let q = 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)));
 		let i = f.value;
-		return i && (e = e.filter(i)), h.value.length > 0 && (e = [...e].sort(ve)), e;
-	}), ye = t(() => {
-		let e = b.value;
+		return i && (e = e.filter(i)), v.value.length > 0 && (e = [...e].sort(Se)), e;
+	}), Ce = t(() => {
+		let e = C.value;
 		if (!e) return null;
 		let t = U.value.get(e);
 		if (!t) return null;
 		let n = /* @__PURE__ */ new Map();
-		for (let r of J.value) {
-			let i = w(r[e], t.type(), t.format(), a.value), o = n.get(i);
+		for (let r of q.value) {
+			let i = T(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: ne(t, W.value)
+			aggregates: ae(t, be.value)
 		}));
-	}), be = t(() => ne(J.value, W.value)), Y = t(() => !!l.value && !b.value && !d.value);
-	function X(e) {
+	}), we = t(() => ae(q.value, be.value)), J = t(() => !!l.value && !C.value && !d.value && !m.value);
+	function Y(e) {
 		let t = l.value, n = t ? e[t] : void 0;
 		return Array.isArray(n) ? n : void 0;
 	}
-	let xe = t(() => {
-		if (!Y.value) return [];
-		let e = v.value.trim().toLowerCase(), t = Object.entries(_.value).filter(([, e]) => O(e)), n = f.value, i = e || t.length > 0 || n ? (r) => e && !_e(r, e) || !q(r, t) ? !1 : !n || n(r) : void 0, a = h.value.length > 0 ? ve : void 0, o = R.value;
-		return E(r.value, {
-			getChildren: X,
+	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),
 			match: i,
 			compare: a
 		});
 	});
 	ee([
-		Y,
+		J,
 		r,
 		u
 	], () => {
-		if (!Y.value || oe === r.value) return;
-		oe = r.value;
+		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 D(r.value, X)) X(e)?.length && t.add(e);
+		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 = X(e);
+					let r = Y(e);
 					r?.length && (t.add(e), n(r, i + 1));
 				}
 			};
@@ -589,50 +591,67 @@ function B(e) {
 		immediate: !0,
 		flush: "sync"
 	});
-	function Se(e) {
+	function Te(e) {
 		return R.value.has(e);
 	}
-	function Ce(e) {
+	function Ee(e) {
 		let t = new Set(R.value);
 		t.has(e) ? t.delete(e) : t.add(e), R.value = t;
 	}
-	function Z(e) {
+	function De(e) {
 		if (!e) {
 			R.value = /* @__PURE__ */ new Set();
 			return;
 		}
 		let t = /* @__PURE__ */ new Set();
-		for (let e of D(r.value, X)) X(e)?.length && t.add(e);
+		for (let e of ne(r.value, Y)) Y(e)?.length && t.add(e);
 		R.value = t;
 	}
-	let we = t(() => d.value && !b.value), Te = t(() => s.value > 0 && !b.value && !Y.value && !we.value), Ee = t(() => Te.value ? Math.max(1, Math.ceil(J.value.length / s.value)) : 1), De = t(() => Math.min(y.value, Ee.value - 1)), Oe = t(() => {
-		if (Y.value) return xe.value.map((e) => e.row);
-		if (!Te.value) return J.value;
-		let e = De.value * s.value;
-		return J.value.slice(e, e + s.value);
-	}), Q = t(() => b.value ? J.value : Oe.value);
-	function ke(e) {
-		return x.value.has(e);
+	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);
+	});
+	ee([
+		m,
+		je,
+		s,
+		v,
+		y,
+		b
+	], () => {
+		m.value && g().onQueryChange?.({
+			page: je.value,
+			pageSize: s.value,
+			sortCriteria: v.value,
+			filterValues: y.value,
+			filterQuery: b.value
+		});
+	}, { immediate: !0 });
+	let $ = t(() => C.value ? q.value : Q.value);
+	function Me(e) {
+		return w.value.has(e);
 	}
-	function Ae(e) {
-		let t = new Set(x.value);
-		t.has(e) ? t.delete(e) : t.add(e), x.value = t;
+	function Ne(e) {
+		let t = new Set(w.value);
+		t.has(e) ? t.delete(e) : t.add(e), w.value = t;
 	}
-	let $ = t(() => Q.value.length > 0 && Q.value.every((e) => x.value.has(e))), je = t(() => !$.value && Q.value.some((e) => x.value.has(e)));
-	function Me() {
-		let e = !$.value, t = new Set(x.value);
-		for (let n of Q.value) e ? t.add(n) : t.delete(n);
-		x.value = t;
+	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;
 	}
-	function Ne() {
-		x.value = /* @__PURE__ */ new Set();
+	function Le() {
+		w.value = /* @__PURE__ */ new Set();
 	}
-	function Pe(e, t = !1) {
-		y.value = 0;
-		let n = h.value, r = n.findIndex((t) => t.field === e);
+	function Re(e, t = !1) {
+		x.value = 0;
+		let n = v.value, r = n.findIndex((t) => t.field === e);
 		if (t) {
 			if (r === -1) {
-				h.value = [...n, {
+				v.value = [...n, {
 					field: e,
 					direction: "asc"
 				}];
@@ -642,37 +661,37 @@ function B(e) {
 			t[r] = {
 				field: e,
 				direction: n[r].direction === "asc" ? "desc" : "asc"
-			}, h.value = t;
-		} else n.length === 1 && n[0].field === e ? h.value = [{
+			}, v.value = t;
+		} else n.length === 1 && n[0].field === e ? v.value = [{
 			field: e,
 			direction: n[0].direction === "asc" ? "desc" : "asc"
-		}] : h.value = [{
+		}] : v.value = [{
 			field: e,
 			direction: "asc"
 		}];
 	}
-	function Fe(e) {
-		h.value = e;
+	function ze(e) {
+		v.value = e;
 	}
-	function Ie(e) {
-		return h.value.find((t) => t.field === e)?.direction;
+	function Be(e) {
+		return v.value.find((t) => t.field === e)?.direction;
 	}
-	function Le(e) {
-		if (h.value.length < 2) return;
-		let t = h.value.findIndex((t) => t.field === e);
+	function Ve(e) {
+		if (v.value.length < 2) return;
+		let t = v.value.findIndex((t) => t.field === e);
 		return t === -1 ? void 0 : t + 1;
 	}
-	function Re(e) {
-		return S.value === e;
+	function He(e) {
+		return O.value === e;
 	}
-	function ze(e) {
-		return C.value ? !0 : S.value !== void 0 && S.value !== e;
+	function Ue(e) {
+		return k.value ? !0 : O.value !== void 0 && O.value !== e;
 	}
-	function Be(e, t) {
+	function We(e, t) {
 		let n = t.type ?? "string";
 		if (n === "boolean") return !!e[t.field];
 		if (n === "date") {
-			let n = te(e[t.field]);
+			let n = S(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())}`;
@@ -680,22 +699,22 @@ function B(e) {
 		let r = e[t.field];
 		return r == null ? "" : String(r);
 	}
-	function Ve(e) {
+	function Ge(e) {
 		let t = {};
-		for (let n of he.value) t[n.field] = Be(e, n);
-		S.value = e, A.value = t, j.value = {};
+		for (let n of V.value) t[n.field] = We(e, n);
+		O.value = e, A.value = t, j.value = {};
 	}
-	function He() {
-		S.value = void 0, A.value = {}, j.value = {};
+	function Ke() {
+		O.value = void 0, A.value = {}, j.value = {};
 	}
-	function Ue(e, t) {
+	function qe(e, t) {
 		A.value = {
 			...A.value,
 			[e]: t
 		};
 	}
-	function We(e, t, n, r) {
-		let i = se.value;
+	function Je(e, t, n, r) {
+		let i = pe.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 });
@@ -712,25 +731,25 @@ function B(e) {
 		}
 		return e.validator ? e.validator(n, r) : null;
 	}
-	function Ge(e, t, n = {}) {
-		return We(e, t, t, n);
+	function Ye(e, t, n = {}) {
+		return Je(e, t, t, n);
 	}
-	async function Ke(e) {
-		let t = he.value, n = {};
-		for (let r of t) n[r.field] = re(e[r.field], r.type ?? "string");
+	async function Xe(e) {
+		let t = V.value, n = {};
+		for (let r of t) n[r.field] = oe(e[r.field], r.type ?? "string");
 		let r = {}, i = {}, a = [];
 		for (let o of t) {
-			let t = o.field, s = We(o, e[t], n[t], n);
+			let t = o.field, s = Je(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) {
-			ae.value = !0;
+			M.value = !0;
 			try {
 				await Promise.all(a);
 			} finally {
-				ae.value = !1;
+				M.value = !1;
 			}
 		}
 		return {
@@ -738,41 +757,41 @@ function B(e) {
 			values: i
 		};
 	}
-	async function qe(e) {
-		if (S.value !== e) return;
-		let { errors: t, values: n } = await Ke(A.value);
-		S.value === e && (Object.keys(t).length > 0 ? j.value = t : (S.value = void 0, A.value = {}, j.value = {}, p().onRowSave?.({
+	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?.({
 			row: e,
 			values: n
 		})));
 	}
-	function Je(e) {
-		let t = p().deleteConfirmMessage;
-		(!t || window.confirm(t)) && p().onRowDelete?.(e);
+	function Qe(e) {
+		let t = g().deleteConfirmMessage;
+		(!t || window.confirm(t)) && g().onRowDelete?.(e);
 	}
-	function Ye() {
-		let e = p().bulkDeleteConfirmMessage;
+	function $e() {
+		let e = g().bulkDeleteConfirmMessage;
 		if (e && !window.confirm(e)) return;
-		let t = Array.from(x.value);
-		Ne(), p().onRowsDelete?.(t);
+		let t = Array.from(w.value);
+		Le(), g().onRowsDelete?.(t);
 	}
-	function Xe() {
-		C.value = !0, A.value = {}, j.value = {};
+	function et() {
+		k.value = !0, A.value = {}, j.value = {};
 	}
-	function Ze() {
-		C.value = !1, A.value = {}, j.value = {};
+	function tt() {
+		k.value = !1, A.value = {}, j.value = {};
 	}
-	async function Qe() {
-		if (!C.value) return;
-		let { errors: e, values: t } = await Ke(A.value);
-		C.value && (Object.keys(e).length > 0 ? j.value = e : (C.value = !1, A.value = {}, j.value = {}, p().onRowCreate?.(t)));
+	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)));
 	}
-	function $e(e, t) {
-		let n = Oe.value[e], r = U.value.get(t);
-		return !n || !r ? "" : w(n[t], r.type(), r.format(), a.value);
+	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 et(e, t, n) {
-		let r = V.value, i = Oe.value, a = r.findIndex((e) => e.field === t);
+	function it(e, t, n) {
+		let r = B.value, i = Q.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) => {
@@ -782,183 +801,183 @@ function B(e) {
 				n && n.editable && o.push({
 					row: s,
 					field: n.field,
-					value: ie(e, n.type ?? "string")
+					value: se(e, n.type ?? "string")
 				});
 			});
-		}), o.length > 0 && p().onCellsPaste?.(o);
+		}), o.length > 0 && g().onCellsPaste?.(o);
 	}
-	function tt(e) {
-		let t = F.value[e];
-		return t === void 0 ? B.value.find((t) => t.field === e)?.width ?? 80 : t;
+	function at(e) {
+		let t = I.value[e];
+		return t === void 0 ? z.value.find((t) => t.field === e)?.width ?? 80 : t;
 	}
-	function nt(e) {
-		return F.value[e] !== void 0;
+	function ot(e) {
+		return I.value[e] !== void 0;
 	}
-	function rt(e, t) {
-		B.value.some((t) => t.field === e) && (F.value = {
-			...F.value,
+	function st(e, t) {
+		z.value.some((t) => t.field === e) && (I.value = {
+			...I.value,
 			[e]: Math.max(30, t)
 		});
 	}
-	function it(e) {
+	function ct(e) {
 		L.value = e;
 	}
-	function at(e) {
-		return z.value.has(e);
+	function lt(e) {
+		return le.value.has(e);
 	}
-	function ot(e) {
-		let t = z.value, n = p().singleDetailExpand ? /* @__PURE__ */ new Set() : new Set(t);
-		t.has(e) ? n.delete(e) : n.add(e), z.value = 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 st(e) {
+	function dt(e) {
 		let t = L.value;
 		if (L.value = void 0, !t || t === e) return;
-		let n = [...J.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), p().onRowOrderChange?.(n));
+		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 ct(e) {
-		let t = I.value[e];
+	function ft(e) {
+		let t = ce.value[e];
 		if (t === "left" || t === "right") return t;
-		if (t !== "none") return B.value.find((t) => t.field === e)?.pinned;
+		if (t !== "none") return z.value.find((t) => t.field === e)?.pinned;
 	}
-	function lt(e, t) {
-		I.value = {
-			...I.value,
+	function pt(e, t) {
+		ce.value = {
+			...ce.value,
 			[e]: t ?? "none"
 		};
 	}
-	function ut(e) {
+	function mt(e) {
 		let t = c.value ? 36 : 0;
-		for (let n of V.value) {
+		for (let n of B.value) {
 			if (n.field === e) break;
-			ct(n.field) === "left" && (t += tt(n.field));
+			ft(n.field) === "left" && (t += at(n.field));
 		}
 		return t;
 	}
-	function dt(e) {
+	function ht(e) {
 		let t = 0, n = !1;
-		for (let r of V.value) r.field === e ? n = !0 : n && ct(r.field) === "right" && (t += tt(r.field));
+		for (let r of B.value) r.field === e ? n = !0 : n && ft(r.field) === "right" && (t += at(r.field));
 		return t;
 	}
-	function ft(e) {
-		y.value = e;
+	function gt(e) {
+		x.value = e;
 	}
-	function pt(e) {
-		b.value = e;
+	function _t(e) {
+		te.value = e;
 	}
 	return {
 		get visibleColumns() {
-			return V.value;
+			return B.value;
 		},
 		get allColumns() {
-			return B.value;
+			return z.value;
 		},
-		stickyOffset: ut,
-		stickyOffsetRight: dt,
-		columnPinnedSide: ct,
-		setColumnPinned: lt,
+		stickyOffset: mt,
+		stickyOffsetRight: ht,
+		columnPinnedSide: ft,
+		setColumnPinned: pt,
 		get hideableColumns() {
-			return ue.value;
+			return me.value;
 		},
-		isColumnHidden: pe,
-		toggleColumnVisibility: me,
-		setColumnOrder: H,
+		isColumnHidden: ve,
+		toggleColumnVisibility: ye,
+		setColumnOrder: he,
 		get draggingField() {
-			return P.value;
+			return F.value;
 		},
-		onColumnDragStart: de,
-		onColumnDrop: fe,
-		effectiveWidth: tt,
-		isColumnResized: nt,
-		setColumnWidth: rt,
+		onColumnDragStart: ge,
+		onColumnDrop: _e,
+		effectiveWidth: at,
+		isColumnResized: ot,
+		setColumnWidth: st,
 		get draggingRow() {
 			return L.value;
 		},
-		onRowDragStart: it,
-		onRowDrop: st,
+		onRowDragStart: ct,
+		onRowDrop: dt,
 		get hasTreeData() {
-			return Y.value;
+			return J.value;
 		},
 		get treeRows() {
-			return xe.value;
+			return X.value;
 		},
-		isTreeRowExpanded: Se,
-		toggleTreeRow: Ce,
-		setAllTreeRowsExpanded: Z,
-		isRowExpanded: at,
-		toggleRowExpanded: ot,
+		isTreeRowExpanded: Te,
+		toggleTreeRow: Ee,
+		setAllTreeRowsExpanded: De,
+		isRowExpanded: lt,
+		toggleRowExpanded: ut,
 		get hasVirtualScroll() {
-			return we.value;
+			return Oe.value;
 		},
 		get visibleRows() {
-			return Oe.value;
+			return Q.value;
 		},
 		get exportRows() {
-			return Q.value;
+			return $.value;
 		},
 		get sortedRows() {
-			return J.value;
+			return q.value;
 		},
 		get filteredRowCount() {
-			return J.value.length;
+			return ke.value;
 		},
 		get locale() {
 			return a.value;
 		},
 		get sortCriteria() {
-			return h.value;
+			return v.value;
 		},
-		setSort: Fe,
-		toggleSort: Pe,
-		sortDirectionFor: Ie,
-		sortPriorityFor: Le,
+		setSort: ze,
+		toggleSort: Re,
+		sortDirectionFor: Be,
+		sortPriorityFor: Ve,
 		get filterValues() {
-			return _.value;
+			return y.value;
 		},
-		setFilterValue: G,
-		clearAllFilters: K,
+		setFilterValue: xe,
+		clearAllFilters: W,
 		get filterQuery() {
-			return v.value;
+			return b.value;
 		},
-		setFilterQuery: ge,
+		setFilterQuery: H,
 		get page() {
-			return De.value;
+			return je.value;
 		},
-		setPage: ft,
+		setPage: gt,
 		get pageCount() {
-			return Te.value ? Ee.value : 1;
+			return Z.value ? Ae.value : 1;
 		},
 		get groupByField() {
-			return b.value;
+			return C.value;
 		},
-		setGroupByField: pt,
+		setGroupByField: _t,
 		get groups() {
-			return ye.value;
+			return Ce.value;
 		},
 		get totals() {
-			return be.value;
+			return we.value;
 		},
 		get selectedRows() {
-			return x.value;
+			return w.value;
 		},
-		isRowSelected: ke,
-		toggleRowSelection: Ae,
+		isRowSelected: Me,
+		toggleRowSelection: Ne,
 		get allSelected() {
-			return $.value;
+			return Pe.value;
 		},
 		get someSelected() {
-			return je.value;
+			return Fe.value;
 		},
-		toggleSelectAll: Me,
-		clearSelection: Ne,
+		toggleSelectAll: Ie,
+		clearSelection: Le,
 		get editableColumns() {
-			return he.value;
+			return V.value;
 		},
 		get editingRow() {
-			return S.value;
+			return O.value;
 		},
 		get isAddingRow() {
-			return C.value;
+			return k.value;
 		},
 		get rowDraft() {
 			return A.value;
@@ -967,71 +986,71 @@ function B(e) {
 			return j.value;
 		},
 		get isValidating() {
-			return ae.value;
+			return M.value;
 		},
-		isEditingRow: Re,
-		isAnotherRowEditing: ze,
-		startEditingRow: Ve,
-		cancelRowEdit: He,
-		setRowDraftValue: Ue,
-		saveRow: qe,
-		deleteRow: Je,
-		deleteSelectedRows: Ye,
-		startAddingRow: Xe,
-		cancelAddRow: Ze,
-		saveNewRow: Qe,
-		validateCell: Ge,
-		copyCellText: $e,
-		pasteAt: et
+		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
 	};
 }
 //#endregion
 //#region src/utils/exporters.ts
-function V(e) {
+function pe(e) {
 	return e.headerText || e.field;
 }
-function ue(e, t, n) {
-	return w(t[e.field], e.type ?? "string", e.format ?? "", n);
+function z(e, t, n) {
+	return T(t[e.field], e.type ?? "string", e.format ?? "", n);
 }
-function H(e, t, n) {
-	return "" + [t.map((e) => ae(V(e))).join(","), ...e.map((e) => t.map((t) => ae(ue(t, e, n))).join(","))].join("\r\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 de(e, t, n, r = "inandu-grid") {
-	P(H(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
+function me(e, t, n, r = "inandu-grid") {
+	N(B(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
 }
-function fe(e, t, n) {
+function he(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">${M(ue(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">${M(V(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">${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 "<?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 pe(e, t, n, r = "inandu-grid") {
-	P(fe(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
+function ge(e, t, n, r = "inandu-grid") {
+	N(he(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
 }
-function me(e, t, n, r = "inandu-grid") {
-	let i = t.map((e) => `<th>${M(V(e))}</th>`).join(""), a = e.map((e) => `<tr>${t.map((t) => `<td>${M(ue(t, e, n))}</td>`).join("")}</tr>`).join(""), o = `<!doctype html><html><head><meta charset="utf-8"><title>${M(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 _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");
 	s && (s.document.write(o), s.document.close(), s.focus(), setTimeout(() => s.print(), 0));
 }
-async function he(e, t, n, r = "inandu-grid") {
-	let { jsPDF: i } = await import("jspdf"), a = t.map(V), 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 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) => {
 		o.setFont("helvetica", t ? "bold" : "normal");
 		let n = 10;
 		e.forEach((e) => {
-			o.text(N(o, e, l - 4), n + 2, u + 6), n += l;
+			o.text(M(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) => ue(e, r, n)), !1);
-	P(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) => z(e, r, n)), !1);
+	N(o.output("blob"), `${r}-export.pdf`);
 }
 //#endregion
 //#region src/utils/measureColumn.ts
-function ge(e, t, n) {
-	let r = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : j(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");
+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");
 	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);
@@ -1040,14 +1059,14 @@ function ge(e, t, n) {
 }
 //#endregion
 //#region src/components/EditCell.vue?vue&type=script&setup=true&lang.ts
-var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
+var V = { class: "inandu-grid-edit-cell" }, H = ["aria-label", "checked"], U = [
 	"aria-label",
 	"type",
 	"value"
-], K = {
+], be = {
 	key: 2,
 	class: "inandu-grid-field-error"
-}, _e = /* @__PURE__ */ c({
+}, xe = /* @__PURE__ */ c({
 	__name: "EditCell",
 	props: {
 		column: {},
@@ -1058,21 +1077,21 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 	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) => (f(), i("span", U, [s.value === "boolean" ? (f(), i("input", {
+		return (t, n) => (p(), i("span", V, [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, W)) : (f(), i("input", {
+		}, null, 40, H)) : (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, G)), e.error ? (f(), i("span", K, h(e.error), 1)) : r("", !0)]));
+		}, null, 40, U)), e.error ? (p(), i("span", be, g(e.error), 1)) : r("", !0)]));
 	}
-}), q = c({
+}), W = c({
 	name: "InanduGridRenderNodes",
 	props: { nodes: {
 		type: null,
@@ -1081,18 +1100,18 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 	setup(e) {
 		return () => e.nodes;
 	}
-}), ve = ["data-row-index"], J = { key: 0 }, ye = ["aria-label", "title"], be = { key: 1 }, Y = ["aria-label"], X = ["aria-label", "checked"], xe = [
+}), G = ["data-row-index"], K = { key: 0 }, Se = ["aria-label", "title"], q = { key: 1 }, Ce = ["aria-label"], we = ["aria-label", "checked"], J = [
 	"data-field",
 	"tabindex",
 	"onMousedown",
 	"onMouseenter"
-], Se = {
+], Y = {
 	key: 3,
 	class: "inandu-grid-row-actions"
-}, Ce = ["disabled"], Z = ["disabled"], we = ["disabled"], Te = ["disabled"], Ee = {
+}, X = ["disabled"], Te = ["disabled"], Ee = ["disabled"], De = ["disabled"], Oe = {
 	key: 0,
 	class: "inandu-grid-detail-row"
-}, De = ["colspan"], Oe = /* @__PURE__ */ c({
+}, Z = ["colspan"], ke = /* @__PURE__ */ c({
 	__name: "DataRow",
 	props: {
 		ctx: {},
@@ -1123,15 +1142,15 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		"toggleExpanded"
 	],
 	setup(o, { emit: c }) {
-		let d = o, m = c, g = t(() => d.ctx.isEditingRow(d.row)), v = t(() => d.isRowExpanded ? d.ctx.t("MsgCollapseDetail") : d.ctx.t("MsgExpandDetail"));
-		function ee(e) {
-			d.hasRowDragHandle && (e.preventDefault(), m("rowDragOver"));
-		}
+		let d = o, f = c, h = t(() => d.ctx.isEditingRow(d.row)), _ = t(() => d.isRowExpanded ? d.ctx.t("MsgCollapseDetail") : d.ctx.t("MsgExpandDetail"));
 		function y(e) {
-			d.hasRowDragHandle && (e.preventDefault(), m("rowDrop"));
+			d.hasRowDragHandle && (e.preventDefault(), f("rowDragOver"));
+		}
+		function ee(e) {
+			d.hasRowDragHandle && (e.preventDefault(), f("rowDrop"));
 		}
 		function b(e) {
-			m("rowDragStart"), e.dataTransfer?.setData("text/plain", "row");
+			f("rowDragStart"), e.dataTransfer?.setData("text/plain", "row");
 		}
 		function x(e, t) {
 			d.ctx.cellRangeSelection && d.ctx.onCellRangeMouseDown(e, d.rowIndex, t);
@@ -1139,27 +1158,27 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		function te(e) {
 			d.ctx.cellRangeSelection && d.ctx.onCellRangeMouseEnter(d.rowIndex, e);
 		}
-		return (t, c) => (f(), i(e, null, [a("tr", {
+		return (t, c) => (p(), i(e, null, [a("tr", {
 			"data-row-index": o.rowIndex,
 			class: l(o.isDragOverRow ? "inandu-drag-over" : void 0),
-			onDragover: ee,
-			onDragleave: c[6] ||= (e) => o.hasRowDragHandle && m("rowDragLeave"),
-			onDrop: y
+			onDragover: y,
+			onDragleave: c[6] ||= (e) => o.hasRowDragHandle && f("rowDragLeave"),
+			onDrop: ee
 		}, [
-			o.hasMasterDetail ? (f(), i("td", J, [a("button", {
+			o.hasMasterDetail ? (p(), i("td", K, [a("button", {
 				type: "button",
 				class: "inandu-grid-detail-toggle",
-				"aria-label": v.value,
-				title: v.value,
-				onClick: c[0] ||= (e) => m("toggleExpanded")
-			}, h(o.isRowExpanded ? "▾" : "▸"), 9, ye)])) : r("", !0),
-			o.hasRowDragHandle ? (f(), i("td", be, [a("span", {
+				"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", {
 				class: "inandu-grid-row-drag-handle",
 				"aria-label": o.ctx.t("MsgDragRow"),
 				draggable: "true",
 				onDragstart: b
-			}, "⋮⋮", 40, Y)])) : r("", !0),
-			o.ctx.selectable ? (f(), i("td", {
+			}, "⋮⋮", 40, Ce)])) : r("", !0),
+			o.ctx.selectable ? (p(), i("td", {
 				key: 2,
 				style: u(o.ctx.selectColumnStyle)
 			}, [a("input", {
@@ -1167,8 +1186,8 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 				type: "checkbox",
 				checked: o.ctx.isRowSelected(o.row),
 				onChange: c[1] ||= (e) => o.ctx.toggleRowSelection(o.row)
-			}, null, 40, X)], 4)) : r("", !0),
-			(f(!0), i(e, null, p(o.ctx.columns, (t, r) => (f(), i("td", {
+			}, null, 40, we)], 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,
@@ -1176,7 +1195,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 				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)
-			}, [g.value && t.editable ? (f(), i(e, { key: 0 }, [o.ctx.editorContent(t, o.row) === void 0 ? (f(), n(_e, {
+			}, [h.value && t.editable ? (p(), i(e, { key: 0 }, [o.ctx.editorContent(t, o.row) === void 0 ? (p(), n(xe, {
 				key: 1,
 				column: t,
 				value: o.ctx.rowDraft[t.field],
@@ -1189,41 +1208,41 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 				"error",
 				"t",
 				"onChange"
-			])) : (f(), n(_(q), {
+			])) : (p(), n(v(W), {
 				key: 0,
 				nodes: o.ctx.editorContent(t, o.row)
-			}, null, 8, ["nodes"]))], 64)) : (f(), n(_(q), {
+			}, null, 8, ["nodes"]))], 64)) : (p(), n(v(W), {
 				key: 1,
 				nodes: o.ctx.cellContent(t, o.row)
-			}, null, 8, ["nodes"]))], 46, xe))), 128)),
-			o.ctx.hasRowActions ? (f(), i("td", Se, [g.value ? (f(), i(e, { key: 0 }, [a("button", {
+			}, null, 8, ["nodes"]))], 46, J))), 128)),
+			o.ctx.hasRowActions ? (p(), i("td", Y, [h.value ? (p(), i(e, { key: 0 }, [a("button", {
 				type: "button",
 				disabled: o.ctx.isValidating,
 				onClick: c[2] ||= (e) => o.ctx.saveRow(o.row)
-			}, h(o.ctx.t("MsgSaveRow")), 9, Ce), a("button", {
+			}, g(o.ctx.t("MsgSaveRow")), 9, X), a("button", {
 				type: "button",
 				disabled: o.ctx.isValidating,
 				onClick: c[3] ||= (e) => o.ctx.cancelRowEdit()
-			}, h(o.ctx.t("MsgCancelRowEdit")), 9, Z)], 64)) : (f(), i(e, { key: 1 }, [o.ctx.editableColumnCount > 0 ? (f(), i("button", {
+			}, g(o.ctx.t("MsgCancelRowEdit")), 9, Te)], 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)
-			}, h(o.ctx.t("MsgEditRow")), 9, we)) : r("", !0), o.ctx.deletable ? (f(), i("button", {
+			}, g(o.ctx.t("MsgEditRow")), 9, Ee)) : 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)
-			}, h(o.ctx.t("MsgDeleteRow")), 9, Te)) : r("", !0)], 64))])) : r("", !0)
-		], 42, ve), o.hasMasterDetail && o.isRowExpanded ? (f(), i("tr", Ee, [a("td", { colspan: o.ctx.columns.length + o.ctx.extraColumnCount }, [s(_(q), { nodes: o.ctx.detailContent(o.row) }, null, 8, ["nodes"])], 8, De)])) : r("", !0)], 64));
+			}, 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));
 	}
-}), Q = {
+}), Ae = {
 	key: 0,
 	class: "inandu-grid-filter-range"
-}, ke = ["aria-label", "value"], Ae = ["aria-label", "value"], $ = {
+}, je = ["aria-label", "value"], Q = ["aria-label", "value"], $ = {
 	key: 1,
 	class: "inandu-grid-filter-range"
-}, je = ["aria-label", "value"], Me = ["aria-label", "value"], Ne = ["aria-label", "value"], Pe = { value: "" }, Fe = ["aria-label", "value"], Ie = /* @__PURE__ */ c({
+}, Me = ["aria-label", "value"], Ne = ["aria-label", "value"], Pe = ["aria-label", "value"], Fe = { value: "" }, Ie = ["aria-label", "value"], Le = /* @__PURE__ */ c({
 	__name: "FilterControl",
 	props: {
 		column: {},
@@ -1236,62 +1255,62 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		function l(e) {
 			return e.target.value;
 		}
-		return (t, n) => s.value === "number" ? (f(), i("span", Q, [a("input", {
+		return (t, n) => s.value === "number" ? (p(), i("span", Ae, [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, ke), a("input", {
+		}, null, 40, je), 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, Ae)])) : s.value === "date" ? (f(), i("span", $, [a("input", {
+		}, null, 40, Q)])) : s.value === "date" ? (p(), i("span", $, [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, je), a("input", {
+		}, null, 40, Me), 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, Me)])) : s.value === "boolean" ? (f(), i("select", {
+		}, null, 40, Ne)])) : 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", Pe, h(e.t("MsgAll")), 1),
+			a("option", Fe, g(e.t("MsgAll")), 1),
 			n[6] ||= a("option", { value: "true" }, "true", -1),
 			n[7] ||= a("option", { value: "false" }, "false", -1)
-		], 40, Ne)) : (f(), i("input", {
+		], 40, Pe)) : (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, Fe));
+		}, null, 40, Ie));
 	}
-}), Le = { class: "inandu-grid-vue" }, Re = { class: "inandu-grid-search" }, ze = [
+}), Re = { class: "inandu-grid-vue" }, ze = { class: "inandu-grid-search" }, Be = [
 	"aria-label",
 	"placeholder",
 	"value"
-], Be = { class: "inandu-grid-toolbar" }, Ve = {
+], Ve = { class: "inandu-grid-toolbar" }, He = {
 	key: 3,
 	class: "inandu-grid-column-toggle"
-}, He = [
+}, Ue = [
 	"aria-label",
 	"checked",
 	"onChange"
-], Ue = {
+], We = {
 	key: 0,
 	class: "inandu-grid-group-by"
-}, We = ["value"], Ge = { value: "" }, Ke = ["value"], qe = { key: 0 }, Je = { key: 1 }, Ye = [
+}, Ge = ["value"], Ke = { value: "" }, qe = ["value"], Je = { key: 0 }, Ye = { key: 1 }, Xe = [
 	"aria-label",
 	"checked",
 	"indeterminate"
-], Xe = [
+], Ze = [
 	"data-field",
 	"draggable",
 	"aria-label",
@@ -1300,43 +1319,43 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 	"onDragleave",
 	"onDrop",
 	"onClick"
-], Ze = {
+], Qe = {
 	key: 0,
 	class: "inandu-grid-sort-priority"
-}, Qe = ["onMousedown", "onDblclick"], $e = { key: 3 }, et = { class: "inandu-grid-filter-row" }, tt = { key: 0 }, nt = { key: 1 }, rt = { key: 3 }, it = {
+}, $e = ["onMousedown", "onDblclick"], et = { key: 3 }, tt = { class: "inandu-grid-filter-row" }, nt = { key: 0 }, rt = { key: 1 }, it = { key: 3 }, at = {
 	key: 0,
 	class: "inandu-grid-new-row"
-}, at = {
+}, ot = {
 	key: 1,
 	class: "inandu-grid-row-actions"
-}, ot = ["disabled"], st = ["disabled"], ct = { key: 1 }, lt = ["colspan"], ut = ["aria-level", "aria-expanded"], dt = [
+}, st = ["disabled"], ct = ["disabled"], lt = { key: 1 }, ut = ["colspan"], dt = ["aria-level", "aria-expanded"], ft = [
 	"aria-label",
 	"checked",
 	"onChange"
-], ft = [
+], pt = [
 	"aria-label",
 	"title",
 	"onClick"
-], pt = {
+], mt = {
 	key: 1,
 	class: "inandu-grid-tree-toggle-spacer",
 	"aria-hidden": "true"
-}, mt = {
+}, ht = {
 	key: 1,
 	class: "inandu-grid-row-actions"
-}, ht = { class: "inandu-grid-group-row" }, gt = ["colspan"], _t = {
+}, gt = { class: "inandu-grid-group-row" }, _t = ["colspan"], vt = {
 	key: 0,
 	class: "inandu-grid-group-aggregates"
-}, vt = {
+}, yt = {
 	key: 0,
 	"aria-hidden": "true"
-}, yt = ["colspan"], bt = {
+}, bt = ["colspan"], xt = {
 	key: 1,
 	"aria-hidden": "true"
-}, xt = ["colspan"], St = { key: 0 }, Ct = { class: "inandu-grid-totals-row" }, wt = { key: 0 }, Tt = { key: 1 }, Et = { key: 3 }, Dt = {
+}, St = ["colspan"], Ct = { key: 0 }, wt = { class: "inandu-grid-totals-row" }, Tt = { key: 0 }, Et = { key: 1 }, Dt = { key: 3 }, Ot = {
 	key: 1,
 	class: "inandu-grid-pagination"
-}, Ot = ["disabled"], kt = ["disabled"], At = /* @__PURE__ */ c({
+}, kt = ["disabled"], At = ["disabled"], jt = /* @__PURE__ */ c({
 	name: "InanduGrid",
 	__name: "InanduGrid",
 	props: {
@@ -1362,6 +1381,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		renderDetail: {},
 		singleDetailExpand: { type: Boolean },
 		extraRowFilter: {},
+		serverSide: {},
 		virtualScroll: { type: Boolean },
 		virtualRowHeight: { default: 40 },
 		height: { default: 400 },
@@ -1369,6 +1389,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		autosize: { type: Boolean }
 	},
 	emits: [
+		"queryChange",
 		"selectionChange",
 		"rowSave",
 		"rowCreate",
@@ -1379,7 +1400,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		"cellRangesChange",
 		"rowOrderChange"
 	],
-	setup(c, { expose: g, emit: b }) {
+	setup(c, { expose: f, emit: _ }) {
 		function x(e, t) {
 			return {
 				minRow: Math.min(e.row, t.row),
@@ -1391,7 +1412,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 		function te(e, t, n) {
 			return t >= e.minRow && t <= e.maxRow && n >= e.minCol && n <= e.maxCol;
 		}
-		let S = c, C = b, T = v(), E = B(() => ({
+		let S = c, C = _, w = y(), E = fe(() => ({
 			rows: S.rows,
 			columns: S.columns,
 			locale: S.locale,
@@ -1410,82 +1431,84 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 			treeDefaultExpanded: S.treeDefaultExpanded,
 			singleDetailExpand: S.singleDetailExpand,
 			extraRowFilter: S.extraRowFilter,
-			virtualScroll: S.virtualScroll
+			virtualScroll: S.virtualScroll,
+			serverSide: S.serverSide,
+			onQueryChange: (e) => C("queryChange", e)
 		}));
-		g({ grid: E });
-		let D = t(() => ce(S.lang ?? S.locale)), O = m(void 0), k = m(void 0), ne = m(0), re = m(null);
+		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 ie;
-		function j(e, t) {
-			e.preventDefault(), ie?.();
-			let n = e.clientX, r = E.effectiveWidth(t), i = (e) => E.setColumnWidth(t, r + (e.clientX - n)), a = () => ie?.();
-			window.addEventListener("mousemove", i), window.addEventListener("mouseup", a), ie = () => {
-				window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), ie = void 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;
 			};
 		}
-		function ae(e, t) {
-			if (!S.autosize || !re.value) return;
+		function k(e, t) {
+			if (!S.autosize || !ae.value) return;
 			e.preventDefault(), e.stopPropagation();
-			let n = ge(re.value, t.field, t.headerText ?? t.field);
+			let n = ye(ae.value, t.field, t.headerText ?? t.field);
 			n > 0 && E.setColumnWidth(t.field, Math.min(600, n));
 		}
-		let M = t(() => S.cellRangeSelection && !E.groupByField && !E.hasVirtualScroll && !E.hasTreeData), N = m(void 0), P = m(void 0), F = m([]), I = !1, L = t(() => N.value && P.value ? x(N.value, P.value) : void 0), R = t(() => L.value ? [...F.value, L.value] : F.value);
-		function z(e, t) {
-			return R.value.some((n) => te(n, e, t));
+		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);
+		function ce(e, t) {
+			return I.value.some((n) => te(n, e, t));
 		}
-		function oe(e) {
+		function L(e) {
 			return {
 				rows: E.visibleRows.slice(e.minRow, e.maxRow + 1),
 				fields: E.visibleColumns.slice(e.minCol, e.maxCol + 1).map((e) => e.field)
 			};
 		}
 		ee([
-			M,
-			R,
+			A,
+			I,
 			() => E.visibleRows,
 			() => E.visibleColumns
 		], () => {
-			M.value && (C("cellRangeChange", L.value ? oe(L.value) : void 0), C("cellRangesChange", R.value.map(oe)));
+			A.value && (C("cellRangeChange", F.value ? L(F.value) : void 0), C("cellRangesChange", I.value.map(L)));
 		}, { immediate: !0 });
-		function se(e, t, n) {
-			e.button === 0 && (I = !0, S.multiRange && (e.ctrlKey || e.metaKey) && !e.shiftKey ? (L.value && (F.value = [...F.value, L.value]), N.value = {
+		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 = {
 				row: t,
 				col: n
-			}) : (!e.shiftKey || !N.value) && (F.value = [], N.value = {
+			}) : (!e.shiftKey || !j.value) && (N.value = [], j.value = {
 				row: t,
 				col: n
-			}), P.value = {
+			}), M.value = {
 				row: t,
 				col: n
 			});
 		}
 		function le(e, t) {
-			I && (P.value = {
+			P && (M.value = {
 				row: e,
 				col: t
 			});
 		}
-		let V = () => {
-			I = !1;
+		let de = () => {
+			P = !1;
 		};
-		ee(M, (e, t, n) => {
-			e && (document.addEventListener("mouseup", V), n(() => document.removeEventListener("mouseup", V)));
-		}, { immediate: !0 }), d(() => ie?.());
-		function ue(e) {
+		ee(A, (e, t, n) => {
+			e && (document.addEventListener("mouseup", de), n(() => document.removeEventListener("mouseup", de)));
+		}, { immediate: !0 }), d(() => oe?.());
+		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) => w(e[t.field], t.type ?? "string", t.format ?? "", S.locale)).join("	")).join("\n");
+			return t.map((e) => n.map((t) => T(e[t.field], t.type ?? "string", t.format ?? "", S.locale)).join("	")).join("\n");
 		}
-		let H = t(() => E.visibleColumns.filter((e) => e.aggregate)), fe = t(() => E.visibleColumns.filter((e) => e.groupable !== !1)), U = t(() => E.groups ? E.groups.length === 0 : E.visibleRows.length === 0), W = t(() => E.editableColumns.length > 0 || S.deletable || S.creatable), G = t(() => S.rowReorder && !E.groupByField && !E.hasVirtualScroll), K = t(() => (!!T.detail || !!S.renderDetail) && !E.groupByField && !E.hasVirtualScroll), ve = t(() => +!!K.value + +!!G.value + +!!S.selectable + +!!W.value), J = t(() => E.visibleColumns.length + ve.value), ye = t(() => E.hasVirtualScroll ? Math.max(0, Math.floor(ne.value / S.virtualRowHeight) - S.overscan) : 0), be = t(() => E.hasVirtualScroll ? Math.min(E.visibleRows.length, Math.ceil((ne.value + S.height) / S.virtualRowHeight) + S.overscan) : E.visibleRows.length), Y = t(() => E.hasVirtualScroll ? E.visibleRows.slice(ye.value, be.value) : E.visibleRows), X = t(() => ye.value * S.virtualRowHeight), xe = t(() => (E.visibleRows.length - be.value) * S.virtualRowHeight);
-		function Se(e) {
-			E.hasVirtualScroll && (ne.value = e.currentTarget.scrollTop);
+		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);
 		}
-		function Ce(e, t) {
+		function Y(e, t) {
 			E.setFilterValue(e, {
 				...E.filterValues[e],
 				...t
 			});
 		}
-		function Z(e) {
+		function X(e) {
 			let t = e.width !== void 0 || E.isColumnResized(e.field) ? { width: `${E.effectiveWidth(e.field)}px` } : {}, n = E.columnPinnedSide(e.field);
 			return n === "left" ? {
 				...t,
@@ -1499,46 +1522,46 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 				zIndex: 1
 			} : t;
 		}
-		function we(e, t) {
+		function Te(e, t) {
 			E.onColumnDragStart(t), e.dataTransfer?.setData("text/plain", t);
 		}
-		function Te(e, t) {
-			e.preventDefault(), O.value = t;
+		function Ee(e, t) {
+			e.preventDefault(), ne.value = t;
 		}
-		function Ee(e) {
-			O.value === e && (O.value = void 0);
+		function De(e) {
+			ne.value === e && (ne.value = void 0);
 		}
-		function De(e, t) {
-			e.preventDefault(), O.value = void 0, E.onColumnDrop(t);
+		function Oe(e, t) {
+			e.preventDefault(), ne.value = void 0, E.onColumnDrop(t);
 		}
-		let Q = t(() => S.selectable ? {
+		let Z = t(() => S.selectable ? {
 			position: "sticky",
 			left: "0px",
 			zIndex: 1
 		} : void 0);
-		function ke(e, t) {
+		function Ae(e, t) {
 			let n = e.aggregate, r = t[e.field];
 			if (!n || r === void 0) return "";
-			let i = n === "count" ? String(r) : w(r, "number", e.format ?? "", S.locale);
-			return `${e.headerText ?? e.field} ${A[n]}: ${i}`;
+			let i = n === "count" ? String(r) : T(r, "number", e.format ?? "", S.locale);
+			return `${e.headerText ?? e.field} ${O[n]}: ${i}`;
 		}
-		function Ae(e) {
+		function je(e) {
 			let t = {
 				title: e.headerText ?? e.field,
 				field: e.field
-			}, n = T[`header-${e.field}`];
+			}, n = w[`header-${e.field}`];
 			return n ? n(t) : e.renderHeader ? e.renderHeader(t) : t.title;
 		}
-		function $(e, t) {
+		function Q(e, t) {
 			let n = {
 				value: t[e.field],
 				row: t,
 				field: e.field
-			}, r = T[`cell-${e.field}`];
-			return r ? r(n) : e.renderCell ? e.renderCell(n) : w(t[e.field], e.type ?? "string", e.format ?? "", S.locale);
+			}, 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);
 		}
-		function je(e, t) {
-			let n = T[`editor-${e.field}`];
+		function $(e, t) {
+			let n = w[`editor-${e.field}`];
 			if (!n && !e.renderEditor) return;
 			let r = {
 				value: E.rowDraft[e.field],
@@ -1550,7 +1573,7 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 			return n ? n(r) : e.renderEditor(r);
 		}
 		function Me(e) {
-			return T.detail ? T.detail({ row: e }) : S.renderDetail?.(e);
+			return w.detail ? w.detail({ row: e }) : S.renderDetail?.(e);
 		}
 		function Ne(e, t) {
 			E.toggleColumnVisibility(t), e.target.checked = !E.isColumnHidden(t);
@@ -1565,22 +1588,22 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 			if (!r || !i || a == null) return;
 			let o = Number(a);
 			if (e.preventDefault(), t === "c") {
-				let e = L.value, t = M.value && e && (e.minRow !== e.maxRow || e.minCol !== e.maxCol) ? ue(e) : void 0;
+				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);
 		}
 		function Fe(e, t) {
 			return e.id == null ? t : String(e.id);
 		}
-		let At = t(() => ({
+		let Ie = t(() => ({
 			columns: E.visibleColumns,
 			t: D.value,
 			selectable: S.selectable,
-			selectColumnStyle: Q.value,
-			columnStyle: Z,
+			selectColumnStyle: Z.value,
+			columnStyle: X,
 			isRowSelected: E.isRowSelected,
 			toggleRowSelection: E.toggleRowSelection,
-			hasRowActions: W.value,
+			hasRowActions: V.value,
 			editableColumnCount: E.editableColumns.length,
 			isEditingRow: E.isEditingRow,
 			isAnotherRowEditing: E.isAnotherRowEditing,
@@ -1593,245 +1616,245 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 			fieldErrors: E.fieldErrors,
 			isValidating: E.isValidating,
 			setRowDraftValue: E.setRowDraftValue,
-			cellContent: $,
-			editorContent: je,
+			cellContent: Q,
+			editorContent: $,
 			detailContent: Me,
 			clipboard: S.clipboard,
-			cellRangeSelection: M.value,
-			isCellInRange: z,
-			onCellRangeMouseDown: se,
+			cellRangeSelection: A.value,
+			isCellInRange: ce,
+			onCellRangeMouseDown: R,
 			onCellRangeMouseEnter: le,
-			extraColumnCount: ve.value
+			extraColumnCount: be.value
 		}));
-		return (t, d) => (f(), i("div", Le, [
-			a("div", Re, [a("input", {
+		return (t, d) => (p(), i("div", Re, [
+			a("div", ze, [a("input", {
 				"aria-label": D.value("MsgFilterPlaceholder"),
 				type: "text",
 				placeholder: `${D.value("MsgFilterPlaceholder")}…`,
-				value: _(E).filterQuery,
-				onInput: d[0] ||= (e) => _(E).setFilterQuery(e.target.value)
-			}, null, 40, ze)]),
-			a("div", Be, [
-				c.exportable ? (f(), i(e, { key: 0 }, [
+				value: v(E).filterQuery,
+				onInput: d[0] ||= (e) => v(E).setFilterQuery(e.target.value)
+			}, null, 40, Be)]),
+			a("div", Ve, [
+				c.exportable ? (p(), i(e, { key: 0 }, [
 					a("button", {
 						type: "button",
-						onClick: d[1] ||= (e) => _(de)(_(E).exportRows, _(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, h(D.value("MsgExportCsv")), 1),
+						onClick: d[1] ||= (e) => v(me)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(D.value("MsgExportCsv")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[2] ||= (e) => _(pe)(_(E).exportRows, _(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, h(D.value("MsgExportExcel")), 1),
+						onClick: d[2] ||= (e) => v(ge)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(D.value("MsgExportExcel")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[3] ||= (e) => void _(he)(_(E).exportRows, _(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, h(D.value("MsgExportPdf")), 1),
+						onClick: d[3] ||= (e) => void v(ve)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(D.value("MsgExportPdf")), 1),
 					a("button", {
 						type: "button",
-						onClick: d[4] ||= (e) => _(me)(_(E).exportRows, _(E).visibleColumns, c.locale, c.exportFilenameBase)
-					}, h(D.value("MsgPrint")), 1)
+						onClick: d[4] ||= (e) => v(_e)(v(E).exportRows, v(E).visibleColumns, c.locale, c.exportFilenameBase)
+					}, g(D.value("MsgPrint")), 1)
 				], 64)) : r("", !0),
-				c.creatable && _(E).editableColumns.length > 0 && !_(E).isAddingRow ? (f(), i("button", {
+				c.creatable && v(E).editableColumns.length > 0 && !v(E).isAddingRow ? (p(), i("button", {
 					key: 1,
 					type: "button",
-					onClick: d[5] ||= (e) => _(E).startAddingRow()
-				}, h(D.value("MsgAddRow")), 1)) : r("", !0),
-				c.selectable && c.deletable && _(E).selectedRows.size > 0 ? (f(), i("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", {
 					key: 2,
 					type: "button",
-					onClick: d[6] ||= (e) => _(E).deleteSelectedRows()
-				}, h(D.value("MsgDeleteSelected", { count: _(E).selectedRows.size })), 1)) : r("", !0),
-				c.columnToggle ? (f(), i("details", Ve, [a("summary", null, h(D.value("MsgToggleColumns")), 1), a("ul", null, [(f(!0), i(e, null, p(_(E).hideableColumns, (e) => (f(), i("li", { key: e.field }, [a("label", null, [a("input", {
+					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 }),
 					type: "checkbox",
-					checked: !_(E).isColumnHidden(e.field),
+					checked: !v(E).isColumnHidden(e.field),
 					onChange: (t) => Ne(t, e.field)
-				}, null, 40, He), o(" " + h(e.headerText ?? e.field), 1)])]))), 128))])])) : r("", !0)
+				}, null, 40, Ue), o(" " + g(e.headerText ?? e.field), 1)])]))), 128))])])) : r("", !0)
 			]),
-			fe.value.length > 0 ? (f(), i("div", Ue, [a("label", null, [o(h(_(E).groupByField ? D.value("MsgGroupedBy", { column: fe.value.find((e) => e.field === _(E).groupByField)?.headerText ?? _(E).groupByField }) : D.value("MsgGroupByHint")) + " ", 1), a("select", {
+			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", {
 				"aria-label": "Group by",
-				value: _(E).groupByField ?? "",
-				onChange: d[7] ||= (e) => _(E).setGroupByField(e.target.value || void 0)
-			}, [a("option", Ge, h(D.value("MsgCancelGrouping")), 1), (f(!0), i(e, null, p(fe.value, (e) => (f(), i("option", {
+				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", {
 				key: e.field,
 				value: e.field
-			}, h(e.headerText ?? e.field), 9, Ke))), 128))], 40, We)])])) : r("", !0),
+			}, g(e.headerText ?? e.field), 9, qe))), 128))], 40, Ge)])])) : r("", !0),
 			a("div", {
-				class: l(_(E).hasVirtualScroll ? "inandu-grid-viewport" : void 0),
-				style: u(_(E).hasVirtualScroll ? {
+				class: l(v(E).hasVirtualScroll ? "inandu-grid-viewport" : void 0),
+				style: u(v(E).hasVirtualScroll ? {
 					height: `${c.height}px`,
 					overflow: "auto"
 				} : void 0),
-				onScroll: Se
+				onScroll: J
 			}, [a("table", {
 				ref_key: "tableRef",
-				ref: re,
+				ref: ae,
 				class: "inandu-grid",
 				onKeydown: Pe
 			}, [
 				a("thead", null, [a("tr", null, [
-					K.value ? (f(), i("th", qe)) : r("", !0),
-					G.value ? (f(), i("th", Je)) : r("", !0),
-					c.selectable ? (f(), i("th", {
+					U.value ? (p(), i("th", Je)) : r("", !0),
+					H.value ? (p(), i("th", Ye)) : r("", !0),
+					c.selectable ? (p(), i("th", {
 						key: 2,
-						style: u(Q.value)
+						style: u(Z.value)
 					}, [a("input", {
 						"aria-label": D.value("MsgSelectAll"),
 						type: "checkbox",
-						checked: _(E).allSelected,
-						indeterminate: _(E).someSelected,
-						onChange: d[8] ||= (e) => _(E).toggleSelectAll()
-					}, null, 40, Ye)], 4)) : r("", !0),
-					(f(!0), i(e, null, p(_(E).visibleColumns, (e) => (f(), i("th", {
+						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", {
 						key: e.field,
 						"data-field": e.field,
-						style: u(Z(e)),
-						class: l(O.value === e.field ? "inandu-drag-over" : void 0),
+						style: u(X(e)),
+						class: l(ne.value === e.field ? "inandu-drag-over" : void 0),
 						draggable: e.reorder !== !1,
 						"aria-label": D.value("MsgSortBy", { column: e.headerText ?? e.field }),
-						onDragstart: (t) => we(t, e.field),
-						onDragover: (t) => Te(t, e.field),
-						onDragleave: (t) => Ee(e.field),
-						onDrop: (t) => De(t, e.field),
-						onClick: (t) => _(E).toggleSort(e.field, t.shiftKey)
+						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)
 					}, [
-						s(_(q), { nodes: Ae(e) }, null, 8, ["nodes"]),
-						o(h(_(E).sortDirectionFor(e.field) ? _(E).sortDirectionFor(e.field) === "asc" ? " ▲" : " ▼" : ""), 1),
-						_(E).sortPriorityFor(e.field) === void 0 ? r("", !0) : (f(), i("sup", Ze, h(_(E).sortPriorityFor(e.field)), 1)),
+						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)),
 						a("span", {
 							class: "inandu-grid-resize-handle",
 							draggable: "false",
-							onMousedown: (t) => j(t, e.field),
-							onDblclick: (t) => ae(t, e),
-							onClick: d[9] ||= y(() => {}, ["stop"])
-						}, null, 40, Qe)
-					], 46, Xe))), 128)),
-					W.value ? (f(), i("th", $e)) : r("", !0)
-				]), a("tr", et, [
-					K.value ? (f(), i("th", tt)) : r("", !0),
-					G.value ? (f(), i("th", nt)) : r("", !0),
-					c.selectable ? (f(), i("th", {
+							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),
+					c.selectable ? (p(), i("th", {
 						key: 2,
-						style: u(Q.value)
+						style: u(Z.value)
 					}, null, 4)) : r("", !0),
-					(f(!0), i(e, null, p(_(E).visibleColumns, (e) => (f(), i("th", {
+					(p(!0), i(e, null, m(v(E).visibleColumns, (e) => (p(), i("th", {
 						key: e.field,
-						style: u(Z(e))
-					}, [s(Ie, {
+						style: u(X(e))
+					}, [s(Le, {
 						column: e,
-						value: _(E).filterValues[e.field],
+						value: v(E).filterValues[e.field],
 						t: D.value,
-						onChange: (t) => Ce(e.field, t)
+						onChange: (t) => Y(e.field, t)
 					}, null, 8, [
 						"column",
 						"value",
 						"t",
 						"onChange"
 					])], 4))), 128)),
-					W.value ? (f(), i("th", rt)) : r("", !0)
+					V.value ? (p(), i("th", it)) : r("", !0)
 				])]),
-				a("tbody", null, [_(E).isAddingRow ? (f(), i("tr", it, [
-					c.selectable ? (f(), i("td", {
+				a("tbody", null, [v(E).isAddingRow ? (p(), i("tr", at, [
+					c.selectable ? (p(), i("td", {
 						key: 0,
-						style: u(Q.value)
+						style: u(Z.value)
 					}, null, 4)) : r("", !0),
-					(f(!0), i(e, null, p(_(E).visibleColumns, (t) => (f(), i("td", {
+					(p(!0), i(e, null, m(v(E).visibleColumns, (t) => (p(), i("td", {
 						key: t.field,
-						style: u(Z(t))
-					}, [t.editable ? (f(), i(e, { key: 0 }, [je(t, {}) === void 0 ? (f(), n(_e, {
+						style: u(X(t))
+					}, [t.editable ? (p(), i(e, { key: 0 }, [$(t, {}) === void 0 ? (p(), n(xe, {
 						key: 1,
 						column: t,
-						value: _(E).rowDraft[t.field],
-						error: _(E).fieldErrors[t.field],
+						value: v(E).rowDraft[t.field],
+						error: v(E).fieldErrors[t.field],
 						t: D.value,
-						onChange: (e) => _(E).setRowDraftValue(t.field, e)
+						onChange: (e) => v(E).setRowDraftValue(t.field, e)
 					}, null, 8, [
 						"column",
 						"value",
 						"error",
 						"t",
 						"onChange"
-					])) : (f(), n(_(q), {
+					])) : (p(), n(v(W), {
 						key: 0,
-						nodes: je(t, {})
+						nodes: $(t, {})
 					}, null, 8, ["nodes"]))], 64)) : r("", !0)], 4))), 128)),
-					W.value ? (f(), i("td", at, [a("button", {
+					V.value ? (p(), i("td", ot, [a("button", {
 						type: "button",
-						disabled: _(E).isValidating,
-						onClick: d[10] ||= (e) => void _(E).saveNewRow()
-					}, h(D.value("MsgSaveRow")), 9, ot), a("button", {
+						disabled: v(E).isValidating,
+						onClick: d[10] ||= (e) => void v(E).saveNewRow()
+					}, g(D.value("MsgSaveRow")), 9, st), a("button", {
 						type: "button",
-						disabled: _(E).isValidating,
-						onClick: d[11] ||= (e) => _(E).cancelAddRow()
-					}, h(D.value("MsgCancelRowEdit")), 9, st)])) : r("", !0)
-				])) : r("", !0), U.value ? (f(), i("tr", ct, [a("td", { colspan: J.value }, h(D.value("MsgNoData")), 9, lt)])) : _(E).hasTreeData ? (f(!0), i(e, { key: 2 }, p(_(E).treeRows, (t, o) => (f(), i("tr", {
+						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),
 					"aria-level": t.depth + 1,
-					"aria-expanded": t.expandable ? _(E).isTreeRowExpanded(t.row) : void 0
+					"aria-expanded": t.expandable ? v(E).isTreeRowExpanded(t.row) : void 0
 				}, [
-					c.selectable ? (f(), i("td", {
+					c.selectable ? (p(), i("td", {
 						key: 0,
-						style: u(Q.value)
+						style: u(Z.value)
 					}, [a("input", {
 						"aria-label": D.value("MsgSelectRow", { index: o + 1 }),
 						type: "checkbox",
-						checked: _(E).isRowSelected(t.row),
-						onChange: (e) => _(E).toggleRowSelection(t.row)
-					}, null, 40, dt)], 4)) : r("", !0),
-					(f(!0), i(e, null, p(_(E).visibleColumns, (e, r) => (f(), i("td", {
+						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", {
 						key: e.field,
-						style: u(Z(e))
-					}, [r === 0 ? (f(), i("span", {
+						style: u(X(e))
+					}, [r === 0 ? (p(), i("span", {
 						key: 0,
 						class: "inandu-grid-tree-cell",
 						style: u({ paddingInlineStart: `${t.depth * 16}px` })
-					}, [t.expandable ? (f(), i("button", {
+					}, [t.expandable ? (p(), i("button", {
 						key: 0,
 						type: "button",
 						class: "inandu-grid-tree-toggle",
-						"aria-label": _(E).isTreeRowExpanded(t.row) ? D.value("MsgCollapseDetail") : D.value("MsgExpandDetail"),
-						title: _(E).isTreeRowExpanded(t.row) ? D.value("MsgCollapseDetail") : D.value("MsgExpandDetail"),
-						onClick: (e) => _(E).toggleTreeRow(t.row)
-					}, h(_(E).isTreeRowExpanded(t.row) ? "▾" : "▸"), 9, ft)) : (f(), i("span", pt)), s(_(q), { nodes: $(e, t.row) }, null, 8, ["nodes"])], 4)) : (f(), n(_(q), {
+						"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), {
 						key: 1,
-						nodes: $(e, t.row)
+						nodes: Q(e, t.row)
 					}, null, 8, ["nodes"]))], 4))), 128)),
-					W.value ? (f(), i("td", mt)) : r("", !0)
-				], 8, ut))), 128)) : _(E).groups ? (f(!0), i(e, { key: 3 }, p(_(E).groups, (t) => (f(), i(e, { key: t.key }, [a("tr", ht, [a("td", { colspan: J.value }, [
-					a("strong", null, h(t.key), 1),
-					o(" (" + h(t.rows.length) + ") ", 1),
-					H.value.length > 0 ? (f(), i("span", _t, [(f(!0), i(e, null, p(H.value, (e) => (f(), i("span", { key: e.field }, " · " + h(ke(e, t.aggregates)), 1))), 128))])) : r("", !0)
-				], 8, gt)]), (f(!0), i(e, null, p(t.rows, (e, r) => (f(), n(Oe, {
+					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 }, [
+					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: At.value,
+					ctx: Ie.value,
 					row: e,
 					"row-index": r
 				}, null, 8, [
 					"ctx",
 					"row",
 					"row-index"
-				]))), 128))], 64))), 128)) : (f(), i(e, { key: 4 }, [
-					_(E).hasVirtualScroll && X.value > 0 ? (f(), i("tr", vt, [a("td", {
+				]))), 128))], 64))), 128)) : (p(), i(e, { key: 4 }, [
+					v(E).hasVirtualScroll && Ce.value > 0 ? (p(), i("tr", yt, [a("td", {
 						style: u({
-							height: `${X.value}px`,
+							height: `${Ce.value}px`,
 							padding: 0,
 							border: "none"
 						}),
-						colspan: J.value
-					}, null, 12, yt)])) : r("", !0),
-					(f(!0), i(e, null, p(Y.value, (e, t) => (f(), n(Oe, {
-						key: Fe(e, ye.value + t),
-						ctx: At.value,
+						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,
 						row: e,
-						"row-index": ye.value + t,
-						"has-row-drag-handle": G.value,
-						"is-drag-over-row": _(E).draggingRow !== void 0 && k.value === e,
-						"has-master-detail": K.value,
-						"is-row-expanded": _(E).isRowExpanded(e),
-						onRowDragStart: (t) => _(E).onRowDragStart(e),
-						onRowDragOver: (t) => k.value = e,
-						onRowDragLeave: (t) => k.value === e && (k.value = void 0),
-						onRowDrop: (t) => _(E).onRowDrop(e),
-						onToggleExpanded: (t) => _(E).toggleRowExpanded(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)
 					}, null, 8, [
 						"ctx",
 						"row",
@@ -1846,47 +1869,105 @@ var U = { class: "inandu-grid-edit-cell" }, W = ["aria-label", "checked"], G = [
 						"onRowDrop",
 						"onToggleExpanded"
 					]))), 128)),
-					_(E).hasVirtualScroll && xe.value > 0 ? (f(), i("tr", bt, [a("td", {
+					v(E).hasVirtualScroll && we.value > 0 ? (p(), i("tr", xt, [a("td", {
 						style: u({
-							height: `${xe.value}px`,
+							height: `${we.value}px`,
 							padding: 0,
 							border: "none"
 						}),
-						colspan: J.value
-					}, null, 12, xt)])) : r("", !0)
+						colspan: G.value
+					}, null, 12, St)])) : r("", !0)
 				], 64))]),
-				H.value.length > 0 && !_(E).hasVirtualScroll ? (f(), i("tfoot", St, [a("tr", Ct, [
-					K.value ? (f(), i("td", wt)) : r("", !0),
-					G.value ? (f(), i("td", Tt)) : r("", !0),
-					c.selectable ? (f(), i("td", {
+				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),
+					c.selectable ? (p(), i("td", {
 						key: 2,
-						style: u(Q.value)
+						style: u(Z.value)
 					}, null, 4)) : r("", !0),
-					(f(!0), i(e, null, p(_(E).visibleColumns, (e) => (f(), i("td", {
+					(p(!0), i(e, null, m(v(E).visibleColumns, (e) => (p(), i("td", {
 						key: e.field,
-						style: u(Z(e))
-					}, h(e.aggregate ? ke(e, _(E).totals) : ""), 5))), 128)),
-					W.value ? (f(), i("td", Et)) : r("", !0)
+						style: u(X(e))
+					}, g(e.aggregate ? Ae(e, v(E).totals) : ""), 5))), 128)),
+					V.value ? (p(), i("td", Dt)) : r("", !0)
 				])])) : r("", !0)
 			], 544)], 38),
-			c.pageSize > 0 && !_(E).groupByField && !_(E).hasVirtualScroll ? (f(), i("div", Dt, [
+			c.pageSize > 0 && !v(E).groupByField && !v(E).hasVirtualScroll ? (p(), i("div", Ot, [
 				a("button", {
 					type: "button",
-					disabled: _(E).page === 0,
-					onClick: d[12] ||= (e) => _(E).setPage(_(E).page - 1)
-				}, "‹ " + h(D.value("MsgPreviousPage")), 9, Ot),
-				a("span", null, h(D.value("MsgPageOf", {
-					page: _(E).page + 1,
-					total: _(E).pageCount
-				})) + " (" + h(_(E).filteredRowCount) + ")", 1),
+					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),
 				a("button", {
 					type: "button",
-					disabled: _(E).page >= _(E).pageCount - 1,
-					onClick: d[13] ||= (e) => _(E).setPage(_(E).page + 1)
-				}, h(D.value("MsgNextPage")) + " ›", 9, kt)
+					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)
 			])) : r("", !0)
 		]));
 	}
 });
 //#endregion
-export { A as AGGREGATE_SYMBOLS, oe as INANDU_GRID_TRANSLATIONS, At as InanduGrid, H as buildCsv, fe as buildExcelXml, T as compareCellValues, ne as computeGroupAggregates, ce as createTranslator, F as en, I as es, de as exportCsv, pe as exportExcel, he as exportPdf, w as formatCellValue, L as fr, se as interpolate, R as it, k as matchesColumnFilter, ge as measureColumnContentWidth, me as printTable, B as useInanduGrid, z as zh };
+//#region src/composables/useInanduGridServer.ts
+function Mt(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);
+	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;
+			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;
+			} catch (e) {
+				if (o.signal.aborted) return;
+				a.value = e instanceof Error ? e : Error(String(e));
+			} finally {
+				o.signal.aborted || u(!1);
+			}
+		};
+		function u(e) {
+			i.value = e;
+		}
+		let d = s ? e.debounceMs ?? 200 : 0;
+		s = !0;
+		let f = setTimeout(l, d);
+		c = () => {
+			clearTimeout(f), o.abort();
+		};
+	}
+	return ee([t, o], () => {
+		t.value && l(t.value);
+	}), f(() => c?.(), !0), {
+		rows: n,
+		total: r,
+		loading: i,
+		error: a,
+		setQuery: (e) => {
+			t.value = e;
+		},
+		reload: () => {
+			o.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 };