@inandu-solutions/grid-react 0.1.0 → 0.1.1

package/dist/inandu-grid-react.js

@@ -159,7 +159,7 @@ function _(e, t) {
 }
 //#endregion
 //#region src/core/parse.ts
-function v(e, t) {
+function ne(e, t) {
 	switch (t) {
 		case "number": {
 			if (e === "" || e === void 0) return;
@@ -174,22 +174,22 @@ function v(e, t) {
 		default: return e;
 	}
 }
-function ne(e, t) {
-	return t === "boolean" ? e.trim().toLowerCase() === "true" : v(e, t);
+function re(e, t) {
+	return t === "boolean" ? e.trim().toLowerCase() === "true" : ne(e, t);
 }
 //#endregion
 //#region src/core/export/csv.ts
-function re(e) {
+function ie(e) {
 	return /[",\r\n]/.test(e) ? "\"" + e.replace(/"/g, "\"\"") + "\"" : e;
 }
 //#endregion
 //#region src/core/export/markup.ts
-function y(e) {
+function v(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 //#endregion
 //#region src/core/export/pdf.ts
-function ie(e, t, n) {
+function ae(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);
@@ -197,13 +197,13 @@ function ie(e, t, n) {
 }
 //#endregion
 //#region src/core/export/download.ts
-function b(e, t, n) {
+function y(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 x = {
+var b = {
 	MsgNoData: "No data",
 	MsgFirstPage: "First page",
 	MsgPreviousPage: "Previous page",
@@ -248,7 +248,7 @@ var x = {
 	MsgValidationMin: "Must be at least {{min}}",
 	MsgValidationMax: "Must be at most {{max}}",
 	MsgValidationPattern: "Invalid format"
-}, ae = {
+}, oe = {
 	MsgNoData: "Sin datos",
 	MsgFirstPage: "Primera página",
 	MsgPreviousPage: "Página anterior",
@@ -293,7 +293,7 @@ var x = {
 	MsgValidationMin: "Debe ser como mínimo {{min}}",
 	MsgValidationMax: "Debe ser como máximo {{max}}",
 	MsgValidationPattern: "Formato inválido"
-}, S = {
+}, x = {
 	MsgNoData: "Aucune donnée",
 	MsgFirstPage: "Première page",
 	MsgPreviousPage: "Page précédente",
@@ -338,7 +338,7 @@ var x = {
 	MsgValidationMin: "Doit être au moins {{min}}",
 	MsgValidationMax: "Doit être au plus {{max}}",
 	MsgValidationPattern: "Format invalide"
-}, C = {
+}, S = {
 	MsgNoData: "Nessun dato",
 	MsgFirstPage: "Prima pagina",
 	MsgPreviousPage: "Pagina precedente",
@@ -383,7 +383,7 @@ var x = {
 	MsgValidationMin: "Deve essere almeno {{min}}",
 	MsgValidationMax: "Deve essere al massimo {{max}}",
 	MsgValidationPattern: "Formato non valido"
-}, oe = {
+}, se = {
 	MsgNoData: "暂无数据",
 	MsgFirstPage: "首页",
 	MsgPreviousPage: "上一页",
@@ -428,25 +428,25 @@ var x = {
 	MsgValidationMin: "不得小于 {{min}}",
 	MsgValidationMax: "不得大于 {{max}}",
 	MsgValidationPattern: "格式无效"
-}, w = {
-	en: x,
-	es: ae,
-	fr: S,
-	it: C,
-	zh: oe
+}, ce = {
+	en: b,
+	es: oe,
+	fr: x,
+	it: S,
+	zh: se
 };
 //#endregion
 //#region src/utils/translate.ts
-function T(e, t) {
+function C(e, t) {
 	return t ? e.replace(/\{\{(\w+)\}\}/g, (e, n) => n in t ? String(t[n]) : e) : e;
 }
-function se(e) {
-	let t = w[e.split("-")[0]] ?? x;
-	return (e, n) => T(t[e] ?? x[e], n);
+function le(e) {
+	let t = ce[e.split("-")[0]] ?? b;
+	return (e, n) => C(t[e] ?? b[e], n);
 }
 //#endregion
 //#region src/hooks/useInanduGrid.ts
-function ce(e) {
+function ue(e) {
 	return {
 		field: () => e.field,
 		type: () => e.type ?? "string",
@@ -455,67 +455,70 @@ function ce(e) {
 		aggregate: () => e.aggregate ?? ""
 	};
 }
-function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, selectable: u = !1, deleteConfirmMessage: d, bulkDeleteConfirmMessage: g, onRowSave: re, onRowCreate: y, onRowDelete: ie, onRowsDelete: b, onCellsPaste: x, onRowOrderChange: ae, treeChildrenKey: S, treeDefaultExpanded: C = "none", singleDetailExpand: oe = !1, virtualScroll: w = !1 }) {
-	let [T, E] = r([]), [D, O] = r({}), [k, le] = r(""), [A, ue] = r(0), [j, de] = r(void 0), [M, fe] = r(/* @__PURE__ */ new Set()), [N, pe] = r(void 0), [me, he] = r(!1), [P, F] = r({}), [I, L] = r({}), [ge, _e] = r(!1), [R, ve] = r(/* @__PURE__ */ new Set()), [ye, be] = r(void 0), [xe, z] = r(void 0), [B, Se] = r({}), [Ce, we] = r(void 0), [Te, V] = r(/* @__PURE__ */ new Set()), [Ee, De] = r(/* @__PURE__ */ new Set()), Oe = n(void 0), H = t(() => se(s ?? o), [s, o]), U = t(() => {
-		if (!ye) return a;
+function w({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, selectable: u = !1, deleteConfirmMessage: d, bulkDeleteConfirmMessage: g, onRowSave: ie, onRowCreate: v, onRowDelete: ae, onRowsDelete: y, onCellsPaste: b, onRowOrderChange: oe, treeChildrenKey: x, treeDefaultExpanded: S = "none", singleDetailExpand: se = !1, virtualScroll: ce = !1 }) {
+	let [C, w] = r([]), [T, E] = r({}), [D, de] = r(""), [O, k] = r(0), [A, fe] = r(void 0), [j, M] = r(/* @__PURE__ */ new Set()), [N, pe] = r(void 0), [me, he] = r(!1), [P, F] = r({}), [I, L] = r({}), [ge, _e] = r(!1), [ve, ye] = r(/* @__PURE__ */ new Set()), [be, xe] = r(void 0), [Se, R] = r(void 0), [z, Ce] = r({}), [we, Te] = r({}), [Ee, De] = r(void 0), [Oe, B] = r(/* @__PURE__ */ new Set()), [ke, V] = r(/* @__PURE__ */ new Set()), Ae = n(void 0), H = t(() => le(s ?? o), [s, o]), U = t(() => {
+		if (!be) return a;
 		let e = new Map(a.map((e) => [e.field, e])), t = [];
-		for (let n of ye) {
+		for (let n of be) {
 			let r = e.get(n);
 			r && (t.push(r), e.delete(n));
 		}
 		return t.push(...e.values()), t;
-	}, [a, ye]), W = t(() => R.size === 0 ? U : U.filter((e) => !R.has(e.field)), [U, R]), G = t(() => U.filter((e) => e.hideable !== !1), [U]);
-	function ke(e) {
+	}, [a, be]), W = t(() => ve.size === 0 ? U : U.filter((e) => !ve.has(e.field)), [U, ve]), je = t(() => U.filter((e) => e.hideable !== !1), [U]);
+	function Me(e) {
 		let t = U.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));
-		be([...r, ...a]);
+		xe([...r, ...a]);
 	}
-	function Ae(e) {
-		z(e);
+	function Ne(e) {
+		R(e);
 	}
-	function je(e) {
-		let t = xe;
-		if (z(void 0), !t || t === e) return;
+	function Pe(e) {
+		let t = Se;
+		if (R(void 0), !t || t === e) return;
 		let n = U.find((e) => e.field === t);
 		if (!n || n.reorder === !1) return;
 		let r = U.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), ke(r));
+		i !== -1 && a !== -1 && (r.splice(i, 1), i < a && a--, r.splice(a, 0, t), Me(r));
 	}
-	function Me(e) {
-		return R.has(e);
+	function Fe(e) {
+		return ve.has(e);
 	}
-	function Ne(e) {
-		if (R.has(e)) {
-			ve((t) => {
+	function Ie(e) {
+		if (ve.has(e)) {
+			ye((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
 			});
 			return;
 		}
-		W.length <= 1 || ve((t) => new Set(t).add(e));
+		W.length <= 1 || ye((t) => new Set(t).add(e));
 	}
-	let Pe = t(() => W.filter((e) => e.editable), [W]);
-	function Fe(e) {
-		ue(0), le(e);
+	let Le = t(() => W.filter((e) => e.editable), [W]);
+	function Re(e) {
+		k(0), de(e);
 	}
-	let K = t(() => new Map(W.map((e) => [e.field, ce(e)])), [W]), Ie = t(() => W.filter((e) => e.aggregate).map((e) => K.get(e.field)), [W, K]);
-	function Le(e, t) {
-		ue(0), O((n) => ({
+	let G = t(() => new Map(W.map((e) => [e.field, ue(e)])), [W]), K = t(() => W.filter((e) => e.aggregate).map((e) => G.get(e.field)), [W, G]);
+	function ze(e, t) {
+		k(0), E((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
+	function Be() {
+		k(0), E({});
+	}
 	let q = t(() => {
-		let e = i, t = k.trim().toLowerCase();
+		let e = i, t = D.trim().toLowerCase();
 		t && (e = e.filter((e) => W.some((n) => {
-			let r = K.get(n.field);
+			let r = G.get(n.field);
 			return f(e[n.field], r.type(), r.format(), o).toLowerCase().includes(t);
 		})));
-		let n = Object.entries(D).filter(([, e]) => m(e));
+		let n = Object.entries(T).filter(([, e]) => m(e));
 		return n.length > 0 && (e = e.filter((e) => n.every(([t, n]) => {
-			let r = K.get(t);
+			let r = G.get(t);
 			return !r || h(r, e, n, o);
-		}))), T.length > 0 && (e = [...e].sort((e, t) => {
-			for (let { field: n, direction: r } of T) {
+		}))), C.length > 0 && (e = [...e].sort((e, t) => {
+			for (let { field: n, direction: r } of C) {
 				let i = r === "asc" ? 1 : -1, a = p(e[n], t[n], o) * i;
 				if (a !== 0) return a;
 			}
@@ -524,51 +527,51 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 	}, [
 		i,
 		W,
-		K,
-		k,
+		G,
 		D,
 		T,
+		C,
 		o
-	]), Re = t(() => {
-		if (!j) return null;
-		let e = K.get(j);
+	]), Ve = t(() => {
+		if (!A) return null;
+		let e = G.get(A);
 		if (!e) return null;
 		let t = /* @__PURE__ */ new Map();
 		for (let n of q) {
-			let r = f(n[j], e.type(), e.format(), o), i = t.get(r);
+			let r = f(n[A], e.type(), e.format(), o), i = t.get(r);
 			i ? i.push(n) : t.set(r, [n]);
 		}
 		return Array.from(t.entries()).map(([e, t]) => ({
 			key: e,
 			rows: t,
-			aggregates: _(t, Ie)
+			aggregates: _(t, K)
 		}));
 	}, [
 		q,
-		j,
+		A,
+		G,
 		K,
-		Ie,
 		o
-	]), ze = t(() => _(q, Ie), [q, Ie]), J = !!S && !j && !w;
+	]), He = t(() => _(q, K), [q, K]), J = !!x && !A && !ce;
 	function Y(e) {
-		let t = S ? e[S] : void 0;
+		let t = x ? e[x] : void 0;
 		return Array.isArray(t) ? t : void 0;
 	}
-	let Be = t(() => {
+	let Ue = t(() => {
 		if (!J) return [];
-		let e = k.trim().toLowerCase(), t = Object.entries(D).filter(([, e]) => m(e));
+		let e = D.trim().toLowerCase(), t = Object.entries(T).filter(([, e]) => m(e));
 		return ee(i, {
 			getChildren: Y,
-			isExpanded: (e) => Te.has(e),
+			isExpanded: (e) => Oe.has(e),
 			match: e || t.length > 0 ? (n) => e && !W.some((t) => {
-				let r = K.get(t.field);
+				let r = G.get(t.field);
 				return f(n[t.field], r.type(), r.format(), o).toLowerCase().includes(e);
 			}) ? !1 : t.every(([e, t]) => {
-				let r = K.get(e);
+				let r = G.get(e);
 				return !r || h(r, n, t, o);
 			}) : void 0,
-			compare: T.length > 0 ? (e, t) => {
-				for (let { field: n, direction: r } of T) {
+			compare: C.length > 0 ? (e, t) => {
+				for (let { field: n, direction: r } of C) {
 					let i = p(e[n], t[n], o) * (r === "asc" ? 1 : -1);
 					if (i !== 0) return i;
 				}
@@ -578,92 +581,92 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 	}, [
 		J,
 		i,
-		S,
+		x,
 		W,
-		K,
-		k,
+		G,
 		D,
 		T,
-		Te,
+		C,
+		Oe,
 		o
 	]);
 	e(() => {
-		if (!J || Oe.current === i) return;
-		if (Oe.current = i, C === "none") {
-			V(/* @__PURE__ */ new Set());
+		if (!J || Ae.current === i) return;
+		if (Ae.current = i, S === "none") {
+			B(/* @__PURE__ */ new Set());
 			return;
 		}
 		let e = /* @__PURE__ */ new Set();
-		if (C === "all") for (let t of te(i, Y)) Y(t)?.length && e.add(t);
+		if (S === "all") for (let t of te(i, Y)) Y(t)?.length && e.add(t);
 		else {
 			let t = (n, r) => {
-				if (!(r >= C)) for (let i of n) {
+				if (!(r >= S)) for (let i of n) {
 					let n = Y(i);
 					n?.length && (e.add(i), t(n, r + 1));
 				}
 			};
 			t(i, 0);
 		}
-		V(e);
+		B(e);
 	}, [
 		J,
 		i,
-		C
+		S
 	]);
-	function Ve(e) {
-		return Te.has(e);
+	function We(e) {
+		return Oe.has(e);
 	}
-	function He(e) {
-		V((t) => {
+	function Ge(e) {
+		B((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}
-	function Ue(e) {
+	function Ke(e) {
 		if (!e) {
-			V(/* @__PURE__ */ new Set());
+			B(/* @__PURE__ */ new Set());
 			return;
 		}
 		let t = /* @__PURE__ */ new Set();
 		for (let e of te(i, Y)) Y(e)?.length && t.add(e);
-		V(t);
+		B(t);
 	}
-	let We = w && !j, Ge = c > 0 && !j && !J && !We, Ke = Ge ? Math.max(1, Math.ceil(q.length / c)) : 1, qe = Math.min(A, Ke - 1), Je = t(() => {
-		if (J) return Be.map((e) => e.row);
-		if (!Ge) return q;
-		let e = qe * c;
+	let qe = ce && !A, Je = c > 0 && !A && !J && !qe, Ye = Je ? Math.max(1, Math.ceil(q.length / c)) : 1, Xe = Math.min(O, Ye - 1), Ze = t(() => {
+		if (J) return Ue.map((e) => e.row);
+		if (!Je) return q;
+		let e = Xe * c;
 		return q.slice(e, e + c);
 	}, [
 		J,
-		Be,
+		Ue,
 		q,
-		Ge,
+		Je,
 		c,
-		qe
-	]), X = j ? q : Je;
-	function Ye(e) {
-		return M.has(e);
+		Xe
+	]), X = A ? q : Ze;
+	function Qe(e) {
+		return j.has(e);
 	}
-	function Xe(e) {
-		fe((t) => {
+	function $e(e) {
+		M((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}
-	let Ze = X.length > 0 && X.every((e) => M.has(e)), Qe = !Ze && X.some((e) => M.has(e));
-	function $e() {
-		let e = !Ze;
-		fe((t) => {
+	let et = X.length > 0 && X.every((e) => j.has(e)), tt = !et && X.some((e) => j.has(e));
+	function nt() {
+		let e = !et;
+		M((t) => {
 			let n = new Set(t);
 			for (let t of X) e ? n.add(t) : n.delete(t);
 			return n;
 		});
 	}
-	function et() {
-		fe(/* @__PURE__ */ new Set());
+	function rt() {
+		M(/* @__PURE__ */ new Set());
 	}
-	function tt(e, t = !1) {
-		ue(0), E((n) => {
+	function it(e, t = !1) {
+		k(0), w((n) => {
 			let r = n.findIndex((t) => t.field === e);
 			if (t) {
 				if (r === -1) return [...n, {
@@ -685,21 +688,21 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 			}];
 		});
 	}
-	function nt(e) {
-		return T.find((t) => t.field === e)?.direction;
+	function at(e) {
+		return C.find((t) => t.field === e)?.direction;
 	}
-	function rt(e) {
-		if (T.length < 2) return;
-		let t = T.findIndex((t) => t.field === e);
+	function ot(e) {
+		if (C.length < 2) return;
+		let t = C.findIndex((t) => t.field === e);
 		return t === -1 ? void 0 : t + 1;
 	}
-	function it(e) {
+	function st(e) {
 		return N === e;
 	}
-	function at(e) {
+	function ct(e) {
 		return me ? !0 : N !== void 0 && N !== e;
 	}
-	function ot(e, t) {
+	function Z(e, t) {
 		let n = t.type ?? "string";
 		if (n === "boolean") return !!e[t.field];
 		if (n === "date") {
@@ -711,21 +714,21 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 		let r = e[t.field];
 		return r == null ? "" : String(r);
 	}
-	function st(e) {
+	function Q(e) {
 		let t = {};
-		for (let n of Pe) t[n.field] = ot(e, n);
+		for (let n of Le) t[n.field] = Z(e, n);
 		pe(e), F(t), L({});
 	}
-	function Z() {
+	function lt() {
 		pe(void 0), F({}), L({});
 	}
-	function Q(e, t) {
+	function ut(e, t) {
 		F((n) => ({
 			...n,
 			[e]: t
 		}));
 	}
-	function ct(e, t, n, r) {
+	function dt(e, t, n, r) {
 		if (e.required && (t === "" || t == null)) return H("MsgValidationRequired");
 		if ((e.type ?? "string") === "number" && typeof n == "number") {
 			if (e.min !== void 0 && n < e.min) return H("MsgValidationMin", { min: e.min });
@@ -742,15 +745,15 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 		}
 		return e.validator ? e.validator(n, r) : null;
 	}
-	function lt(e, t, n = {}) {
-		return ct(e, t, t, n);
+	function ft(e, t, n = {}) {
+		return dt(e, t, t, n);
 	}
-	async function ut(e) {
+	async function $(e) {
 		let t = {};
-		for (let n of Pe) t[n.field] = v(e[n.field], n.type ?? "string");
+		for (let n of Le) t[n.field] = ne(e[n.field], n.type ?? "string");
 		let n = {}, r = {}, i = [];
-		for (let a of Pe) {
-			let o = a.field, s = ct(a, e[o], t[o], t);
+		for (let a of Le) {
+			let o = a.field, s = dt(a, e[o], t[o], t);
 			if (s) {
 				n[o] = s;
 				continue;
@@ -776,233 +779,250 @@ function E({ rows: i, columns: a, locale: o = "en", lang: s, pageSize: c = 0, se
 			values: r
 		};
 	}
-	async function dt(e) {
+	async function pt(e) {
 		if (N !== e) return;
-		let { errors: t, values: n } = await ut(P);
+		let { errors: t, values: n } = await $(P);
 		if (N === e) {
 			if (Object.keys(t).length > 0) {
 				L(t);
 				return;
 			}
-			pe(void 0), F({}), L({}), re?.({
+			pe(void 0), F({}), L({}), ie?.({
 				row: e,
 				values: n
 			});
 		}
 	}
-	function $(e) {
-		(!d || window.confirm(d)) && ie?.(e);
+	function mt(e) {
+		(!d || window.confirm(d)) && ae?.(e);
 	}
-	function ft() {
+	function ht() {
 		if (g && !window.confirm(g)) return;
-		let e = Array.from(M);
-		et(), b?.(e);
+		let e = Array.from(j);
+		rt(), y?.(e);
 	}
-	function pt() {
+	function gt() {
 		he(!0), F({}), L({});
 	}
-	function mt() {
+	function _t() {
 		he(!1), F({}), L({});
 	}
-	async function ht() {
+	async function vt() {
 		if (!me) return;
-		let { errors: e, values: t } = await ut(P);
+		let { errors: e, values: t } = await $(P);
 		if (me) {
 			if (Object.keys(e).length > 0) {
 				L(e);
 				return;
 			}
-			he(!1), F({}), L({}), y?.(t);
+			he(!1), F({}), L({}), v?.(t);
 		}
 	}
-	function gt(e, t) {
-		let n = Je[e], r = K.get(t);
+	function yt(e, t) {
+		let n = Ze[e], r = G.get(t);
 		return !n || !r ? "" : f(n[t], r.type(), r.format(), o);
 	}
-	function _t(e, t, n) {
+	function bt(e, t, n) {
 		let r = W.findIndex((e) => e.field === t);
 		if (e === -1 || r === -1) return;
 		let i = [];
 		n.replace(/\r\n$|\r$|\n$/, "").split(/\r\n|\r|\n/).map((e) => e.split("	")).forEach((t, n) => {
-			let a = Je[e + n];
+			let a = Ze[e + n];
 			a && t.forEach((e, t) => {
 				let n = W[r + t];
 				n && n.editable && i.push({
 					row: a,
 					field: n.field,
-					value: ne(e, n.type ?? "string")
+					value: re(e, n.type ?? "string")
 				});
 			});
-		}), i.length > 0 && x?.(i);
+		}), i.length > 0 && b?.(i);
 	}
-	function vt(e) {
-		return B[e] === void 0 ? U.find((t) => t.field === e)?.width ?? 80 : B[e];
+	function xt(e) {
+		return z[e] === void 0 ? U.find((t) => t.field === e)?.width ?? 80 : z[e];
 	}
-	function yt(e) {
-		return B[e] !== void 0;
+	function St(e) {
+		return z[e] !== void 0;
 	}
-	function bt(e, t) {
-		U.some((t) => t.field === e) && Se((n) => ({
+	function Ct(e, t) {
+		U.some((t) => t.field === e) && Ce((n) => ({
 			...n,
 			[e]: Math.max(30, t)
 		}));
 	}
-	function xt(e) {
-		we(e);
+	function wt(e) {
+		De(e);
 	}
-	function St(e) {
-		return Ee.has(e);
+	function Tt(e) {
+		return ke.has(e);
 	}
-	function Ct(e) {
-		De((t) => {
-			let n = oe ? /* @__PURE__ */ new Set() : new Set(t);
+	function Et(e) {
+		V((t) => {
+			let n = se ? /* @__PURE__ */ new Set() : new Set(t);
 			return t.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}
-	function wt(e) {
-		let t = Ce;
-		if (we(void 0), !t || t === e) return;
+	function Dt(e) {
+		let t = Ee;
+		if (De(void 0), !t || t === e) return;
 		let n = [...q], r = n.indexOf(t), i = n.indexOf(e);
-		r !== -1 && i !== -1 && (n.splice(r, 1), r < i && i--, n.splice(i, 0, t), ae?.(n));
+		r !== -1 && i !== -1 && (n.splice(r, 1), r < i && i--, n.splice(i, 0, t), oe?.(n));
 	}
-	function Tt(e) {
+	function Ot(e) {
+		let t = we[e];
+		if (t === "left" || t === "right") return t;
+		if (t !== "none") return U.find((t) => t.field === e)?.pinned;
+	}
+	function kt(e, t) {
+		Te((n) => ({
+			...n,
+			[e]: t ?? "none"
+		}));
+	}
+	function At(e) {
 		let t = u ? 36 : 0;
 		for (let n of W) {
 			if (n.field === e) break;
-			n.pinned === "left" && (t += vt(n.field));
+			Ot(n.field) === "left" && (t += xt(n.field));
 		}
 		return t;
 	}
-	function Et(e) {
+	function jt(e) {
 		let t = 0, n = !1;
 		for (let r of W) {
 			if (r.field === e) {
 				n = !0;
 				continue;
 			}
-			n && r.pinned === "right" && (t += vt(r.field));
+			n && Ot(r.field) === "right" && (t += xt(r.field));
 		}
 		return t;
 	}
 	return {
 		visibleColumns: W,
-		stickyOffset: Tt,
-		stickyOffsetRight: Et,
-		hideableColumns: G,
-		isColumnHidden: Me,
-		toggleColumnVisibility: Ne,
-		setColumnOrder: ke,
-		draggingField: xe,
-		onColumnDragStart: Ae,
-		onColumnDrop: je,
-		effectiveWidth: vt,
-		isColumnResized: yt,
-		setColumnWidth: bt,
-		draggingRow: Ce,
-		onRowDragStart: xt,
-		onRowDrop: wt,
+		allColumns: U,
+		stickyOffset: At,
+		stickyOffsetRight: jt,
+		columnPinnedSide: Ot,
+		setColumnPinned: kt,
+		hideableColumns: je,
+		isColumnHidden: Fe,
+		toggleColumnVisibility: Ie,
+		setColumnOrder: Me,
+		draggingField: Se,
+		onColumnDragStart: Ne,
+		onColumnDrop: Pe,
+		effectiveWidth: xt,
+		isColumnResized: St,
+		setColumnWidth: Ct,
+		draggingRow: Ee,
+		onRowDragStart: wt,
+		onRowDrop: Dt,
 		hasTreeData: J,
-		treeRows: Be,
-		isTreeRowExpanded: Ve,
-		toggleTreeRow: He,
-		setAllTreeRowsExpanded: Ue,
-		isRowExpanded: St,
-		toggleRowExpanded: Ct,
-		hasVirtualScroll: We,
-		visibleRows: Je,
+		treeRows: Ue,
+		isTreeRowExpanded: We,
+		toggleTreeRow: Ge,
+		setAllTreeRowsExpanded: Ke,
+		isRowExpanded: Tt,
+		toggleRowExpanded: Et,
+		hasVirtualScroll: qe,
+		visibleRows: Ze,
 		exportRows: X,
+		sortedRows: q,
 		filteredRowCount: q.length,
-		sortCriteria: T,
-		setSort: E,
-		toggleSort: tt,
-		sortDirectionFor: nt,
-		sortPriorityFor: rt,
-		filterValues: D,
-		setFilterValue: Le,
-		filterQuery: k,
-		setFilterQuery: Fe,
-		page: qe,
-		setPage: ue,
-		pageCount: Ge ? Ke : 1,
-		groupByField: j,
-		setGroupByField: de,
-		groups: Re,
-		totals: ze,
-		selectedRows: M,
-		isRowSelected: Ye,
-		toggleRowSelection: Xe,
-		allSelected: Ze,
-		someSelected: Qe,
-		toggleSelectAll: $e,
-		clearSelection: et,
-		editableColumns: Pe,
+		locale: o,
+		sortCriteria: C,
+		setSort: w,
+		toggleSort: it,
+		sortDirectionFor: at,
+		sortPriorityFor: ot,
+		filterValues: T,
+		setFilterValue: ze,
+		clearAllFilters: Be,
+		filterQuery: D,
+		setFilterQuery: Re,
+		page: Xe,
+		setPage: k,
+		pageCount: Je ? Ye : 1,
+		groupByField: A,
+		setGroupByField: fe,
+		groups: Ve,
+		totals: He,
+		selectedRows: j,
+		isRowSelected: Qe,
+		toggleRowSelection: $e,
+		allSelected: et,
+		someSelected: tt,
+		toggleSelectAll: nt,
+		clearSelection: rt,
+		editableColumns: Le,
 		editingRow: N,
 		isAddingRow: me,
 		rowDraft: P,
 		fieldErrors: I,
 		isValidating: ge,
-		isEditingRow: it,
-		isAnotherRowEditing: at,
-		startEditingRow: st,
-		cancelRowEdit: Z,
-		setRowDraftValue: Q,
-		saveRow: dt,
-		deleteRow: $,
-		deleteSelectedRows: ft,
-		startAddingRow: pt,
-		cancelAddRow: mt,
-		saveNewRow: ht,
-		validateCell: lt,
-		copyCellText: gt,
-		pasteAt: _t
+		isEditingRow: st,
+		isAnotherRowEditing: ct,
+		startEditingRow: Q,
+		cancelRowEdit: lt,
+		setRowDraftValue: ut,
+		saveRow: pt,
+		deleteRow: mt,
+		deleteSelectedRows: ht,
+		startAddingRow: gt,
+		cancelAddRow: _t,
+		saveNewRow: vt,
+		validateCell: ft,
+		copyCellText: yt,
+		pasteAt: bt
 	};
 }
 //#endregion
 //#region src/utils/exporters.ts
-function D(e) {
+function T(e) {
 	return e.headerText || e.field;
 }
-function O(e, t, n) {
+function E(e, t, n) {
 	return f(t[e.field], e.type ?? "string", e.format ?? "", n);
 }
-function k(e, t, n) {
-	return "" + [t.map((e) => re(D(e))).join(","), ...e.map((e) => t.map((t) => re(O(t, e, n))).join(","))].join("\r\n");
+function D(e, t, n) {
+	return "" + [t.map((e) => ie(T(e))).join(","), ...e.map((e) => t.map((t) => ie(E(t, e, n))).join(","))].join("\r\n");
 }
-function le(e, t, n, r = "inandu-grid") {
-	b(k(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
+function de(e, t, n, r = "inandu-grid") {
+	y(D(e, t, n), `${r}-export.csv`, "text/csv;charset=utf-8;");
 }
-function A(e, t, n) {
+function O(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">${y(O(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">${y(D(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">${v(E(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">${v(T(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 ue(e, t, n, r = "inandu-grid") {
-	b(A(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
+function k(e, t, n, r = "inandu-grid") {
+	y(O(e, t, n), `${r}-export.xls`, "application/vnd.ms-excel");
 }
-function j(e, t, n, r = "inandu-grid") {
-	let i = t.map((e) => `<th>${y(D(e))}</th>`).join(""), a = e.map((e) => `<tr>${t.map((t) => `<td>${y(O(t, e, n))}</td>`).join("")}</tr>`).join(""), o = `<!doctype html><html><head><meta charset="utf-8"><title>${y(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 A(e, t, n, r = "inandu-grid") {
+	let i = t.map((e) => `<th>${v(T(e))}</th>`).join(""), a = e.map((e) => `<tr>${t.map((t) => `<td>${v(E(t, e, n))}</td>`).join("")}</tr>`).join(""), o = `<!doctype html><html><head><meta charset="utf-8"><title>${v(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 de(e, t, n, r = "inandu-grid") {
-	let { jsPDF: i } = await import("./jspdf.es.min-DiTFVZBc.js"), a = t.map(D), 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 fe(e, t, n, r = "inandu-grid") {
+	let { jsPDF: i } = await import("./jspdf.es.min-DiTFVZBc.js"), a = t.map(T), 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(ie(o, e, l - 4), n + 2, u + 6), n += l;
+			o.text(ae(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) => O(e, r, n)), !1);
-	b(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) => E(e, r, n)), !1);
+	y(o.output("blob"), `${r}-export.pdf`);
 }
 //#endregion
 //#region src/utils/measureColumn.ts
-function M(e, t, n) {
+function j(e, t, n) {
 	let r = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t.replace(/"/g, "\\\""), 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;
@@ -1012,8 +1032,8 @@ function M(e, t, n) {
 }
 //#endregion
 //#region src/components/InanduGrid.tsx
-function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, selectable: p = !1, onSelectionChange: ee, exportable: te = !1, exportFilenameBase: m = "inandu-grid", deletable: h = !1, deleteConfirmMessage: _, bulkDeleteConfirmMessage: v, creatable: ne = !1, onRowSave: re, onRowCreate: y, onRowDelete: ie, onRowsDelete: b, clipboard: x = !1, onCellsPaste: ae, columnToggle: S = !1, rowReorder: C = !1, onRowOrderChange: oe, treeChildrenKey: w, treeDefaultExpanded: T = "none", renderDetail: ce, singleDetailExpand: D = !1, virtualScroll: O = !1, virtualRowHeight: k = 40, height: A = 400, overscan: fe = 4, autosize: P = !1 }) {
-	let { visibleColumns: I, hideableColumns: L, isColumnHidden: ge, toggleColumnVisibility: _e, onColumnDragStart: R, onColumnDrop: ve, effectiveWidth: ye, isColumnResized: be, setColumnWidth: xe, visibleRows: z, exportRows: B, filteredRowCount: Se, toggleSort: Ce, sortDirectionFor: we, sortPriorityFor: Te, filterValues: V, setFilterValue: Ee, filterQuery: De, setFilterQuery: Oe, page: H, setPage: U, pageCount: W, groupByField: G, setGroupByField: ke, groups: Ae, totals: je, selectedRows: Me, isRowSelected: Ne, toggleRowSelection: Pe, allSelected: Fe, someSelected: K, toggleSelectAll: Ie, editableColumns: Le, isAddingRow: q, rowDraft: Re, fieldErrors: ze, isValidating: J, isEditingRow: Y, isAnotherRowEditing: Be, startEditingRow: Ve, cancelRowEdit: He, setRowDraftValue: Ue, saveRow: We, deleteRow: Ge, deleteSelectedRows: Ke, startAddingRow: qe, cancelAddRow: Je, saveNewRow: X, copyCellText: Ye, pasteAt: Xe, stickyOffset: Ze, stickyOffsetRight: Qe, draggingRow: $e, onRowDragStart: et, onRowDrop: tt, hasTreeData: nt, treeRows: rt, isTreeRowExpanded: it, toggleTreeRow: at, isRowExpanded: ot, toggleRowExpanded: st, hasVirtualScroll: Z } = E({
+function M({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, selectable: p = !1, onSelectionChange: ee, exportable: te = !1, exportFilenameBase: m = "inandu-grid", deletable: h = !1, deleteConfirmMessage: _, bulkDeleteConfirmMessage: ne, creatable: re = !1, onRowSave: ie, onRowCreate: v, onRowDelete: ae, onRowsDelete: y, clipboard: b = !1, onCellsPaste: oe, columnToggle: x = !1, rowReorder: S = !1, onRowOrderChange: se, treeChildrenKey: ce, treeDefaultExpanded: C = "none", renderDetail: ue, singleDetailExpand: T = !1, virtualScroll: E = !1, virtualRowHeight: D = 40, height: O = 400, overscan: M = 4, autosize: P = !1 }) {
+	let { visibleColumns: I, hideableColumns: L, isColumnHidden: ge, toggleColumnVisibility: _e, onColumnDragStart: ve, onColumnDrop: ye, effectiveWidth: be, isColumnResized: xe, setColumnWidth: Se, visibleRows: R, exportRows: z, filteredRowCount: Ce, toggleSort: we, sortDirectionFor: Te, sortPriorityFor: Ee, filterValues: De, setFilterValue: Oe, filterQuery: B, setFilterQuery: ke, page: V, setPage: Ae, pageCount: H, groupByField: U, setGroupByField: W, groups: je, totals: Me, selectedRows: Ne, isRowSelected: Pe, toggleRowSelection: Fe, allSelected: Ie, someSelected: Le, toggleSelectAll: Re, editableColumns: G, isAddingRow: K, rowDraft: ze, fieldErrors: Be, isValidating: q, isEditingRow: Ve, isAnotherRowEditing: He, startEditingRow: J, cancelRowEdit: Y, setRowDraftValue: Ue, saveRow: We, deleteRow: Ge, deleteSelectedRows: Ke, startAddingRow: qe, cancelAddRow: Je, saveNewRow: Ye, copyCellText: Xe, pasteAt: Ze, stickyOffset: X, stickyOffsetRight: Qe, columnPinnedSide: $e, draggingRow: et, onRowDragStart: tt, onRowDrop: nt, hasTreeData: rt, treeRows: it, isTreeRowExpanded: at, toggleTreeRow: ot, isRowExpanded: st, toggleRowExpanded: ct, hasVirtualScroll: Z } = w({
 		rows: s,
 		columns: c,
 		locale: l,
@@ -1021,85 +1041,85 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 		pageSize: d,
 		selectable: p,
 		deleteConfirmMessage: _,
-		bulkDeleteConfirmMessage: v,
-		onRowSave: re,
-		onRowCreate: y,
-		onRowDelete: ie,
-		onRowsDelete: b,
-		onCellsPaste: ae,
-		onRowOrderChange: oe,
-		treeChildrenKey: w,
-		treeDefaultExpanded: T,
-		singleDetailExpand: D,
-		virtualScroll: O
-	}), Q = t(() => se(u ?? l), [u, l]), [ct, lt] = r(void 0), [ut, dt] = r(void 0), [$, ft] = r(null), [pt, mt] = r(0), ht = n(null);
+		bulkDeleteConfirmMessage: ne,
+		onRowSave: ie,
+		onRowCreate: v,
+		onRowDelete: ae,
+		onRowsDelete: y,
+		onCellsPaste: oe,
+		onRowOrderChange: se,
+		treeChildrenKey: ce,
+		treeDefaultExpanded: C,
+		singleDetailExpand: T,
+		virtualScroll: E
+	}), Q = t(() => le(u ?? l), [u, l]), [lt, ut] = r(void 0), [dt, ft] = r(void 0), [$, pt] = r(null), [mt, ht] = r(0), gt = n(null);
 	e(() => {
-		ee?.(Array.from(Me));
-	}, [Me, ee]), e(() => {
+		ee?.(Array.from(Ne));
+	}, [Ne, ee]), e(() => {
 		if (!$) return;
 		let e = (e) => {
-			xe($.field, $.startWidth + (e.clientX - $.startX));
-		}, t = () => ft(null);
+			Se($.field, $.startWidth + (e.clientX - $.startX));
+		}, t = () => pt(null);
 		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
 			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
 		};
-	}, [$, xe]);
-	function gt(e, t) {
-		e.preventDefault(), ft({
+	}, [$, Se]);
+	function _t(e, t) {
+		e.preventDefault(), pt({
 			field: t,
 			startX: e.clientX,
-			startWidth: ye(t)
+			startWidth: be(t)
 		});
 	}
-	function _t(e, t) {
-		if (!P || !ht.current) return;
+	function vt(e, t) {
+		if (!P || !gt.current) return;
 		e.preventDefault(), e.stopPropagation();
-		let n = M(ht.current, t.field, t.headerText ?? t.field);
-		n > 0 && xe(t.field, Math.min(600, n));
+		let n = j(gt.current, t.field, t.headerText ?? t.field);
+		n > 0 && Se(t.field, Math.min(600, n));
 	}
-	let vt = I.filter((e) => e.aggregate), yt = I.filter((e) => e.groupable !== !1), bt = Ae ? Ae.length === 0 : z.length === 0, xt = Le.length > 0 || h || ne, St = C && !G && !Z, Ct = !!ce && !G && !Z, wt = +!!Ct + +!!St + +!!p + +!!xt, Tt = Z ? Math.max(0, Math.floor(pt / k) - fe) : 0, Et = Z ? Math.min(z.length, Math.ceil((pt + A) / k) + fe) : z.length, Dt = Z ? z.slice(Tt, Et) : z, Ot = Tt * k, kt = (z.length - Et) * k;
-	function At(e, t) {
-		Ee(e, {
-			...V[e],
+	let yt = I.filter((e) => e.aggregate), bt = I.filter((e) => e.groupable !== !1), xt = je ? je.length === 0 : R.length === 0, St = G.length > 0 || h || re, Ct = S && !U && !Z, wt = !!ue && !U && !Z, Tt = +!!wt + +!!Ct + +!!p + +!!St, Et = Z ? Math.max(0, Math.floor(mt / D) - M) : 0, Dt = Z ? Math.min(R.length, Math.ceil((mt + O) / D) + M) : R.length, Ot = Z ? R.slice(Et, Dt) : R, kt = Et * D, At = (R.length - Dt) * D;
+	function jt(e, t) {
+		Oe(e, {
+			...De[e],
 			...t
 		});
 	}
-	function jt(e) {
-		let t = e.width !== void 0 || be(e.field) ? { width: ye(e.field) } : {};
-		return e.pinned === "left" ? {
+	function Mt(e) {
+		let t = e.width !== void 0 || xe(e.field) ? { width: be(e.field) } : {}, n = $e(e.field);
+		return n === "left" ? {
 			...t,
 			position: "sticky",
-			left: Ze(e.field),
+			left: X(e.field),
 			zIndex: 1
-		} : e.pinned === "right" ? {
+		} : n === "right" ? {
 			...t,
 			position: "sticky",
 			right: Qe(e.field),
 			zIndex: 1
 		} : t;
 	}
-	function Mt(e, t) {
-		R(t), e.dataTransfer.setData("text/plain", t);
-	}
 	function Nt(e, t) {
-		e.preventDefault(), lt(t);
+		ve(t), e.dataTransfer.setData("text/plain", t);
 	}
 	function Pt(e, t) {
-		e.preventDefault(), lt(void 0), ve(t);
+		e.preventDefault(), ut(t);
+	}
+	function Ft(e, t) {
+		e.preventDefault(), ut(void 0), ye(t);
 	}
-	let Ft = p ? {
+	let It = p ? {
 		position: "sticky",
 		left: 0,
 		zIndex: 1
 	} : void 0;
-	function It(e, t) {
+	function Lt(e, t) {
 		let n = e.aggregate, r = t[e.field];
 		if (!n || r === void 0) return "";
 		let i = n === "count" ? String(r) : f(r, "number", e.format ?? "", l);
 		return `${e.headerText ?? e.field} ${g[n]}: ${i}`;
 	}
-	function Lt(e) {
-		if (!x || !(e.ctrlKey || e.metaKey)) return;
+	function Rt(e) {
+		if (!b || !(e.ctrlKey || e.metaKey)) return;
 		let t = e.key.toLowerCase();
 		if (t !== "c" && t !== "v") return;
 		let n = e.target;
@@ -1107,29 +1127,29 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 		let r = n.closest("td[data-field]"), i = r?.getAttribute("data-field"), a = r?.closest("tr")?.getAttribute("data-row-index");
 		if (!r || !i || a == null) return;
 		let o = Number(a);
-		e.preventDefault(), t === "c" ? navigator.clipboard?.writeText(Ye(o, i))?.catch(() => void 0) : navigator.clipboard?.readText()?.then((e) => Xe(o, i, e)).catch(() => void 0);
+		e.preventDefault(), t === "c" ? navigator.clipboard?.writeText(Xe(o, i))?.catch(() => void 0) : navigator.clipboard?.readText()?.then((e) => Ze(o, i, e)).catch(() => void 0);
 	}
-	let Rt = {
+	let zt = {
 		columns: I,
 		locale: l,
 		t: Q,
 		selectable: p,
-		selectColumnStyle: Ft,
-		columnStyle: jt,
-		isRowSelected: Ne,
-		toggleRowSelection: Pe,
-		hasRowActions: xt,
-		editableColumns: Le,
-		isEditingRow: Y,
-		isAnotherRowEditing: Be,
-		startEditingRow: Ve,
-		cancelRowEdit: He,
+		selectColumnStyle: It,
+		columnStyle: Mt,
+		isRowSelected: Pe,
+		toggleRowSelection: Fe,
+		hasRowActions: St,
+		editableColumns: G,
+		isEditingRow: Ve,
+		isAnotherRowEditing: He,
+		startEditingRow: J,
+		cancelRowEdit: Y,
 		saveRow: We,
 		deleteRow: Ge,
 		deletable: h,
-		rowDraft: Re,
-		fieldErrors: ze,
-		isValidating: J,
+		rowDraft: ze,
+		fieldErrors: Be,
+		isValidating: q,
 		setRowDraftValue: Ue
 	};
 	return /* @__PURE__ */ o("div", {
@@ -1141,8 +1161,8 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 					"aria-label": Q("MsgFilterPlaceholder"),
 					type: "text",
 					placeholder: `${Q("MsgFilterPlaceholder")}…`,
-					value: De,
-					onChange: (e) => Oe(e.target.value)
+					value: B,
+					onChange: (e) => ke(e.target.value)
 				})
 			}),
 			/* @__PURE__ */ o("div", {
@@ -1151,36 +1171,36 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 					te && /* @__PURE__ */ o(i, { children: [
 						/* @__PURE__ */ a("button", {
 							type: "button",
-							onClick: () => le(B, I, l, m),
+							onClick: () => de(z, I, l, m),
 							children: Q("MsgExportCsv")
 						}),
 						/* @__PURE__ */ a("button", {
 							type: "button",
-							onClick: () => ue(B, I, l, m),
+							onClick: () => k(z, I, l, m),
 							children: Q("MsgExportExcel")
 						}),
 						/* @__PURE__ */ a("button", {
 							type: "button",
-							onClick: () => void de(B, I, l, m),
+							onClick: () => void fe(z, I, l, m),
 							children: Q("MsgExportPdf")
 						}),
 						/* @__PURE__ */ a("button", {
 							type: "button",
-							onClick: () => j(B, I, l, m),
+							onClick: () => A(z, I, l, m),
 							children: Q("MsgPrint")
 						})
 					] }),
-					ne && Le.length > 0 && !q && /* @__PURE__ */ a("button", {
+					re && G.length > 0 && !K && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: qe,
 						children: Q("MsgAddRow")
 					}),
-					p && h && Me.size > 0 && /* @__PURE__ */ a("button", {
+					p && h && Ne.size > 0 && /* @__PURE__ */ a("button", {
 						type: "button",
 						onClick: Ke,
-						children: Q("MsgDeleteSelected", { count: Me.size })
+						children: Q("MsgDeleteSelected", { count: Ne.size })
 					}),
-					S && /* @__PURE__ */ o("details", {
+					x && /* @__PURE__ */ o("details", {
 						className: "inandu-grid-column-toggle",
 						children: [/* @__PURE__ */ a("summary", { children: Q("MsgToggleColumns") }), /* @__PURE__ */ a("ul", { children: L.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("label", { children: [
 							/* @__PURE__ */ a("input", {
@@ -1195,19 +1215,19 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 					})
 				]
 			}),
-			yt.length > 0 && /* @__PURE__ */ a("div", {
+			bt.length > 0 && /* @__PURE__ */ a("div", {
 				className: "inandu-grid-group-by",
 				children: /* @__PURE__ */ o("label", { children: [
-					G ? Q("MsgGroupedBy", { column: yt.find((e) => e.field === G)?.headerText ?? G }) : Q("MsgGroupByHint"),
+					U ? Q("MsgGroupedBy", { column: bt.find((e) => e.field === U)?.headerText ?? U }) : Q("MsgGroupByHint"),
 					" ",
 					/* @__PURE__ */ o("select", {
 						"aria-label": "Group by",
-						value: G ?? "",
-						onChange: (e) => ke(e.target.value || void 0),
+						value: U ?? "",
+						onChange: (e) => W(e.target.value || void 0),
 						children: [/* @__PURE__ */ a("option", {
 							value: "",
 							children: Q("MsgCancelGrouping")
-						}), yt.map((e) => /* @__PURE__ */ a("option", {
+						}), bt.map((e) => /* @__PURE__ */ a("option", {
 							value: e.field,
 							children: e.headerText ?? e.field
 						}, e.field))]
@@ -1217,42 +1237,42 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 			/* @__PURE__ */ a("div", {
 				className: Z ? "inandu-grid-viewport" : void 0,
 				style: Z ? {
-					height: A,
+					height: O,
 					overflow: "auto"
 				} : void 0,
-				onScroll: Z ? (e) => mt(e.currentTarget.scrollTop) : void 0,
+				onScroll: Z ? (e) => ht(e.currentTarget.scrollTop) : void 0,
 				children: /* @__PURE__ */ o("table", {
-					ref: ht,
+					ref: gt,
 					className: "inandu-grid",
-					onKeyDown: Lt,
+					onKeyDown: Rt,
 					children: [
 						/* @__PURE__ */ o("thead", { children: [/* @__PURE__ */ o("tr", { children: [
+							wt && /* @__PURE__ */ a("th", {}),
 							Ct && /* @__PURE__ */ a("th", {}),
-							St && /* @__PURE__ */ a("th", {}),
 							p && /* @__PURE__ */ a("th", {
-								style: Ft,
+								style: It,
 								children: /* @__PURE__ */ a("input", {
 									"aria-label": Q("MsgSelectAll"),
 									type: "checkbox",
-									checked: Fe,
+									checked: Ie,
 									ref: (e) => {
-										e && (e.indeterminate = K);
+										e && (e.indeterminate = Le);
 									},
-									onChange: Ie
+									onChange: Re
 								})
 							}),
 							I.map((e) => {
-								let t = we(e.field), n = Te(e.field);
+								let t = Te(e.field), n = Ee(e.field);
 								return /* @__PURE__ */ o("th", {
 									"data-field": e.field,
-									style: jt(e),
-									className: ct === e.field ? "inandu-drag-over" : void 0,
+									style: Mt(e),
+									className: lt === e.field ? "inandu-drag-over" : void 0,
 									draggable: e.reorder !== !1,
-									onDragStart: (t) => Mt(t, e.field),
-									onDragOver: (t) => Nt(t, e.field),
-									onDragLeave: () => lt((t) => t === e.field ? void 0 : t),
-									onDrop: (t) => Pt(t, e.field),
-									onClick: (t) => Ce(e.field, t.shiftKey),
+									onDragStart: (t) => Nt(t, e.field),
+									onDragOver: (t) => Pt(t, e.field),
+									onDragLeave: () => ut((t) => t === e.field ? void 0 : t),
+									onDrop: (t) => Ft(t, e.field),
+									onClick: (t) => we(e.field, t.shiftKey),
 									"aria-label": Q("MsgSortBy", { column: e.headerText ?? e.field }),
 									children: [
 										e.headerText ?? e.field,
@@ -1263,134 +1283,134 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 										}),
 										/* @__PURE__ */ a("span", {
 											className: "inandu-grid-resize-handle",
-											onMouseDown: (t) => gt(t, e.field),
-											onDoubleClick: (t) => _t(t, e),
+											onMouseDown: (t) => _t(t, e.field),
+											onDoubleClick: (t) => vt(t, e),
 											onClick: (e) => e.stopPropagation(),
 											draggable: !1
 										})
 									]
 								}, e.field);
 							}),
-							xt && /* @__PURE__ */ a("th", {})
+							St && /* @__PURE__ */ a("th", {})
 						] }), /* @__PURE__ */ o("tr", {
 							className: "inandu-grid-filter-row",
 							children: [
+								wt && /* @__PURE__ */ a("th", {}),
 								Ct && /* @__PURE__ */ a("th", {}),
-								St && /* @__PURE__ */ a("th", {}),
-								p && /* @__PURE__ */ a("th", { style: Ft }),
+								p && /* @__PURE__ */ a("th", { style: It }),
 								I.map((e) => /* @__PURE__ */ a("th", {
-									style: jt(e),
+									style: Mt(e),
 									children: /* @__PURE__ */ a(F, {
 										column: e,
-										value: V[e.field],
-										onChange: (t) => At(e.field, t),
+										value: De[e.field],
+										onChange: (t) => jt(e.field, t),
 										t: Q
 									})
 								}, e.field)),
-								xt && /* @__PURE__ */ a("th", {})
+								St && /* @__PURE__ */ a("th", {})
 							]
 						})] }),
-						/* @__PURE__ */ o("tbody", { children: [q && /* @__PURE__ */ a(pe, {
-							...Rt,
-							onSave: () => void X(),
+						/* @__PURE__ */ o("tbody", { children: [K && /* @__PURE__ */ a(pe, {
+							...zt,
+							onSave: () => void Ye(),
 							onCancel: Je
-						}), bt ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", {
-							colSpan: I.length + wt,
+						}), xt ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", {
+							colSpan: I.length + Tt,
 							children: Q("MsgNoData")
-						}) }) : nt ? rt.map((e, t) => /* @__PURE__ */ a(he, {
+						}) }) : rt ? it.map((e, t) => /* @__PURE__ */ a(he, {
 							node: e,
 							rowIndex: t,
-							isTreeRowExpanded: it,
-							toggleTreeRow: at,
-							...Rt
-						}, e.row.id == null ? t : String(e.row.id))) : Ae ? Ae.map((e) => /* @__PURE__ */ a(me, {
+							isTreeRowExpanded: at,
+							toggleTreeRow: ot,
+							...zt
+						}, e.row.id == null ? t : String(e.row.id))) : je ? je.map((e) => /* @__PURE__ */ a(me, {
 							group: e,
-							aggregateColumns: vt,
-							aggregateLabel: It,
-							extraColumnCount: wt,
-							...Rt
+							aggregateColumns: yt,
+							aggregateLabel: Lt,
+							extraColumnCount: Tt,
+							...zt
 						}, e.key)) : /* @__PURE__ */ o(i, { children: [
-							Z && Ot > 0 && /* @__PURE__ */ a("tr", {
+							Z && kt > 0 && /* @__PURE__ */ a("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ a("td", {
 									style: {
-										height: Ot,
+										height: kt,
 										padding: 0,
 										border: "none"
 									},
-									colSpan: I.length + wt
+									colSpan: I.length + Tt
 								})
 							}),
-							Dt.map((e, t) => {
-								let n = Tt + t;
+							Ot.map((e, t) => {
+								let n = Et + t;
 								return /* @__PURE__ */ a(N, {
 									row: e,
 									rowIndex: n,
-									clipboard: x,
-									hasRowDragHandle: St,
-									isDragOverRow: $e !== void 0 && ut === e,
-									onRowDragStart: () => et(e),
-									onRowDragOver: () => dt(e),
-									onRowDragLeave: () => dt((t) => t === e ? void 0 : t),
-									onRowDrop: () => tt(e),
-									hasMasterDetail: Ct,
-									isRowExpanded: ot(e),
-									toggleRowExpanded: () => st(e),
-									renderDetail: ce,
-									extraColumnCount: wt,
-									...Rt
+									clipboard: b,
+									hasRowDragHandle: Ct,
+									isDragOverRow: et !== void 0 && dt === e,
+									onRowDragStart: () => tt(e),
+									onRowDragOver: () => ft(e),
+									onRowDragLeave: () => ft((t) => t === e ? void 0 : t),
+									onRowDrop: () => nt(e),
+									hasMasterDetail: wt,
+									isRowExpanded: st(e),
+									toggleRowExpanded: () => ct(e),
+									renderDetail: ue,
+									extraColumnCount: Tt,
+									...zt
 								}, e.id == null ? n : String(e.id));
 							}),
-							Z && kt > 0 && /* @__PURE__ */ a("tr", {
+							Z && At > 0 && /* @__PURE__ */ a("tr", {
 								"aria-hidden": "true",
 								children: /* @__PURE__ */ a("td", {
 									style: {
-										height: kt,
+										height: At,
 										padding: 0,
 										border: "none"
 									},
-									colSpan: I.length + wt
+									colSpan: I.length + Tt
 								})
 							})
 						] })] }),
-						vt.length > 0 && !Z && /* @__PURE__ */ a("tfoot", { children: /* @__PURE__ */ o("tr", {
+						yt.length > 0 && !Z && /* @__PURE__ */ a("tfoot", { children: /* @__PURE__ */ o("tr", {
 							className: "inandu-grid-totals-row",
 							children: [
+								wt && /* @__PURE__ */ a("td", {}),
 								Ct && /* @__PURE__ */ a("td", {}),
-								St && /* @__PURE__ */ a("td", {}),
-								p && /* @__PURE__ */ a("td", { style: Ft }),
+								p && /* @__PURE__ */ a("td", { style: It }),
 								I.map((e) => /* @__PURE__ */ a("td", {
-									style: jt(e),
-									children: e.aggregate ? It(e, je) : ""
+									style: Mt(e),
+									children: e.aggregate ? Lt(e, Me) : ""
 								}, e.field)),
-								xt && /* @__PURE__ */ a("td", {})
+								St && /* @__PURE__ */ a("td", {})
 							]
 						}) })
 					]
 				})
 			}),
-			d > 0 && !G && !Z && /* @__PURE__ */ o("div", {
+			d > 0 && !U && !Z && /* @__PURE__ */ o("div", {
 				className: "inandu-grid-pagination",
 				children: [
 					/* @__PURE__ */ o("button", {
 						type: "button",
-						disabled: H === 0,
-						onClick: () => U(H - 1),
+						disabled: V === 0,
+						onClick: () => Ae(V - 1),
 						children: ["‹ ", Q("MsgPreviousPage")]
 					}),
 					/* @__PURE__ */ o("span", { children: [
 						Q("MsgPageOf", {
-							page: H + 1,
-							total: W
+							page: V + 1,
+							total: H
 						}),
 						" (",
-						Se,
+						Ce,
 						")"
 					] }),
 					/* @__PURE__ */ o("button", {
 						type: "button",
-						disabled: H >= W - 1,
-						onClick: () => U(H + 1),
+						disabled: V >= H - 1,
+						onClick: () => Ae(V + 1),
 						children: [Q("MsgNextPage"), " ›"]
 					})
 				]
@@ -1398,33 +1418,33 @@ function fe({ rows: s, columns: c, locale: l = "en", lang: u, pageSize: d = 0, s
 		]
 	});
 }
-function N({ row: e, rowIndex: t, columns: n, locale: r, t: s, selectable: c, selectColumnStyle: l, columnStyle: u, isRowSelected: d, toggleRowSelection: p, hasRowActions: ee, editableColumns: te, isEditingRow: m, isAnotherRowEditing: h, startEditingRow: g, cancelRowEdit: _, saveRow: v, deleteRow: ne, deletable: re, rowDraft: y, fieldErrors: ie, isValidating: b, setRowDraftValue: x, clipboard: ae = !1, hasRowDragHandle: S = !1, isDragOverRow: C = !1, onRowDragStart: oe, onRowDragOver: w, onRowDragLeave: T, onRowDrop: se, hasMasterDetail: ce = !1, isRowExpanded: E = !1, toggleRowExpanded: D, renderDetail: O, extraColumnCount: k = 0 }) {
-	let le = m(e), A = s(E ? "MsgCollapseDetail" : "MsgExpandDetail");
+function N({ row: e, rowIndex: t, columns: n, locale: r, t: s, selectable: c, selectColumnStyle: l, columnStyle: u, isRowSelected: d, toggleRowSelection: p, hasRowActions: ee, editableColumns: te, isEditingRow: m, isAnotherRowEditing: h, startEditingRow: g, cancelRowEdit: _, saveRow: ne, deleteRow: re, deletable: ie, rowDraft: v, fieldErrors: ae, isValidating: y, setRowDraftValue: b, clipboard: oe = !1, hasRowDragHandle: x = !1, isDragOverRow: S = !1, onRowDragStart: se, onRowDragOver: ce, onRowDragLeave: C, onRowDrop: le, hasMasterDetail: ue = !1, isRowExpanded: w = !1, toggleRowExpanded: T, renderDetail: E, extraColumnCount: D = 0 }) {
+	let de = m(e), O = s(w ? "MsgCollapseDetail" : "MsgExpandDetail");
 	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("tr", {
-		"data-row-index": ae ? t : void 0,
-		className: C ? "inandu-drag-over" : void 0,
-		onDragOver: S ? (e) => {
-			e.preventDefault(), w?.();
+		"data-row-index": oe ? t : void 0,
+		className: S ? "inandu-drag-over" : void 0,
+		onDragOver: x ? (e) => {
+			e.preventDefault(), ce?.();
 		} : void 0,
-		onDragLeave: S ? T : void 0,
-		onDrop: S ? (e) => {
-			e.preventDefault(), se?.();
+		onDragLeave: x ? C : void 0,
+		onDrop: x ? (e) => {
+			e.preventDefault(), le?.();
 		} : void 0,
 		children: [
-			ce && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a("button", {
+			ue && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a("button", {
 				type: "button",
 				className: "inandu-grid-detail-toggle",
-				"aria-label": A,
-				title: A,
-				onClick: D,
-				children: E ? "▾" : "▸"
+				"aria-label": O,
+				title: O,
+				onClick: T,
+				children: w ? "▾" : "▸"
 			}) }),
-			S && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a("span", {
+			x && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a("span", {
 				className: "inandu-grid-row-drag-handle",
 				"aria-label": s("MsgDragRow"),
 				draggable: !0,
 				onDragStart: (e) => {
-					oe?.(), e.dataTransfer.setData("text/plain", "row");
+					se?.(), e.dataTransfer.setData("text/plain", "row");
 				},
 				children: "⋮⋮"
 			}) }),
@@ -1440,25 +1460,25 @@ function N({ row: e, rowIndex: t, columns: n, locale: r, t: s, selectable: c, se
 			n.map((t) => /* @__PURE__ */ a("td", {
 				style: u(t),
 				"data-field": t.field,
-				tabIndex: ae ? 0 : void 0,
-				children: le && t.editable ? /* @__PURE__ */ a(P, {
+				tabIndex: oe ? 0 : void 0,
+				children: de && t.editable ? /* @__PURE__ */ a(P, {
 					column: t,
-					value: y[t.field],
-					error: ie[t.field],
-					onChange: (e) => x(t.field, e),
+					value: v[t.field],
+					error: ae[t.field],
+					onChange: (e) => b(t.field, e),
 					t: s
 				}) : f(e[t.field], t.type ?? "string", t.format ?? "", r)
 			}, t.field)),
 			ee && /* @__PURE__ */ a("td", {
 				className: "inandu-grid-row-actions",
-				children: le ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
+				children: de ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
 					type: "button",
-					disabled: b,
-					onClick: () => v(e),
+					disabled: y,
+					onClick: () => ne(e),
 					children: s("MsgSaveRow")
 				}), /* @__PURE__ */ a("button", {
 					type: "button",
-					disabled: b,
+					disabled: y,
 					onClick: _,
 					children: s("MsgCancelRowEdit")
 				})] }) : /* @__PURE__ */ o(i, { children: [te.length > 0 && /* @__PURE__ */ a("button", {
@@ -1466,19 +1486,19 @@ function N({ row: e, rowIndex: t, columns: n, locale: r, t: s, selectable: c, se
 					disabled: h(e),
 					onClick: () => g(e),
 					children: s("MsgEditRow")
-				}), re && /* @__PURE__ */ a("button", {
+				}), ie && /* @__PURE__ */ a("button", {
 					type: "button",
 					disabled: h(e),
-					onClick: () => ne(e),
+					onClick: () => re(e),
 					children: s("MsgDeleteRow")
 				})] })
 			})
 		]
-	}), ce && E && /* @__PURE__ */ a("tr", {
+	}), ue && w && /* @__PURE__ */ a("tr", {
 		className: "inandu-grid-detail-row",
 		children: /* @__PURE__ */ a("td", {
-			colSpan: n.length + k,
-			children: O?.(e)
+			colSpan: n.length + D,
+			children: E?.(e)
 		})
 	})] });
 }
@@ -1538,7 +1558,7 @@ function me({ group: e, columns: t, aggregateColumns: n, aggregateLabel: r, extr
 	}, n.id == null ? `${e.key}:${r}` : String(n.id)))] });
 }
 function he({ node: e, rowIndex: t, columns: n, locale: r, t: i, selectable: s, selectColumnStyle: c, columnStyle: l, isRowSelected: u, toggleRowSelection: d, hasRowActions: p, isTreeRowExpanded: ee, toggleTreeRow: te }) {
-	let { row: m, depth: h, expandable: g } = e, _ = ee(m), v = i(_ ? "MsgCollapseDetail" : "MsgExpandDetail");
+	let { row: m, depth: h, expandable: g } = e, _ = ee(m), ne = i(_ ? "MsgCollapseDetail" : "MsgExpandDetail");
 	return /* @__PURE__ */ o("tr", {
 		"aria-level": h + 1,
 		"aria-expanded": g ? _ : void 0,
@@ -1560,8 +1580,8 @@ function he({ node: e, rowIndex: t, columns: n, locale: r, t: i, selectable: s,
 					children: [g ? /* @__PURE__ */ a("button", {
 						type: "button",
 						className: "inandu-grid-tree-toggle",
-						"aria-label": v,
-						title: v,
+						"aria-label": ne,
+						title: ne,
 						onClick: () => te(m),
 						children: _ ? "▾" : "▸"
 					}) : /* @__PURE__ */ a("span", {
@@ -1653,4 +1673,4 @@ function F({ column: e, value: t, onChange: n, t: r }) {
 	});
 }
 //#endregion
-export { g as AGGREGATE_SYMBOLS, w as INANDU_GRID_TRANSLATIONS, fe as InanduGrid, k as buildCsv, A as buildExcelXml, p as compareCellValues, _ as computeGroupAggregates, se as createTranslator, x as en, ae as es, le as exportCsv, ue as exportExcel, de as exportPdf, f as formatCellValue, S as fr, T as interpolate, C as it, h as matchesColumnFilter, M as measureColumnContentWidth, j as printTable, E as useInanduGrid, oe as zh };
+export { g as AGGREGATE_SYMBOLS, ce as INANDU_GRID_TRANSLATIONS, M as InanduGrid, D as buildCsv, O as buildExcelXml, p as compareCellValues, _ as computeGroupAggregates, le as createTranslator, b as en, oe as es, de as exportCsv, k as exportExcel, fe as exportPdf, f as formatCellValue, x as fr, C as interpolate, S as it, h as matchesColumnFilter, j as measureColumnContentWidth, A as printTable, w as useInanduGrid, se as zh };