@johnhalazonetis/data-table 1.25.0 → 1.25.2

package/dist/data-table.js

@@ -1,13 +1,13 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createStaticVNode as c, createTextVNode as l, createVNode as u, inject as d, isRef as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, ref as x, renderList as S, toDisplayString as C, toValue as w, unref as T, useTemplateRef as E, vModelSelect as D, vModelText as O, watch as k, watchEffect as A, withCtx as j, withDirectives as ee, withModifiers as M } from "vue";
-import { FlexRender as N, getCoreRowModel as P, getFilteredRowModel as te, getPaginationRowModel as F, getSortedRowModel as I, useVueTable as L } from "@tanstack/vue-table";
-import { onClickOutside as R } from "@vueuse/core";
-import { useVirtualizer as z } from "@tanstack/vue-virtual";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createStaticVNode as c, createTextVNode as l, createVNode as u, inject as d, isRef as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, provide as b, ref as x, renderList as S, toDisplayString as C, toValue as w, unref as T, useTemplateRef as E, vModelSelect as D, vModelText as O, watch as k, watchEffect as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
+import { FlexRender as P, getCoreRowModel as F, getFilteredRowModel as ee, getPaginationRowModel as I, getSortedRowModel as L, useVueTable as R } from "@tanstack/vue-table";
+import { onClickOutside as z } from "@vueuse/core";
+import { useVirtualizer as B } from "@tanstack/vue-virtual";
 //#region \0plugin-vue:export-helper
-var B = (e, t) => {
+var V = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, V = { class: "p-3" }, H = {
+}, H = { class: "p-3" }, te = {
 	key: 0,
 	class: "text-center py-4",
 	style: { color: "var(--st-text-tertiary)" }
@@ -48,7 +48,7 @@ var B = (e, t) => {
 }, pe = ["onClick"], me = {
 	class: "px-3 py-2 flex items-center justify-end gap-2",
 	style: { borderTop: "1px solid var(--st-border-secondary)" }
-}, he = /* @__PURE__ */ B({
+}, he = /* @__PURE__ */ V({
 	__name: "SortPanel",
 	props: {
 		table: {
@@ -127,19 +127,19 @@ var B = (e, t) => {
 			}
 			return -1;
 		}
-		let N = x(null), P = x(null);
-		function te(e) {
-			N.value = e;
+		let P = x(null), F = x(null);
+		function ee(e) {
+			P.value = e;
 		}
-		function F(e, t) {
-			e.preventDefault(), P.value = t;
+		function I(e, t) {
+			e.preventDefault(), F.value = t;
 		}
-		function I() {
-			if (N.value !== null && P.value !== null && N.value !== P.value) {
-				let e = [...h.value], [t] = e.splice(N.value, 1);
-				e.splice(P.value, 0, t), h.value = e;
+		function L() {
+			if (P.value !== null && F.value !== null && P.value !== F.value) {
+				let e = [...h.value], [t] = e.splice(P.value, 1);
+				e.splice(F.value, 0, t), h.value = e;
 			}
-			N.value = null, P.value = null;
+			P.value = null, F.value = null;
 		}
 		return (n, r) => (y(), o("div", {
 			class: "absolute top-full right-0 mt-1 w-96 rounded shadow-xl z-50 text-[13px]",
@@ -147,22 +147,22 @@ var B = (e, t) => {
 				backgroundColor: "var(--st-bg-surface)",
 				border: "1px solid var(--st-border-secondary)"
 			},
-			onClick: r[2] ||= M(() => {}, ["stop"])
-		}, [s("div", V, [
-			h.value.length === 0 ? (y(), o("div", H, [...r[3] ||= [s("p", { class: "mb-1" }, "No sorts applied to this view", -1), s("p", { class: "text-xs" }, "Add a column below to sort the view", -1)]])) : a("", !0),
+			onClick: r[2] ||= N(() => {}, ["stop"])
+		}, [s("div", H, [
+			h.value.length === 0 ? (y(), o("div", te, [...r[3] ||= [s("p", { class: "mb-1" }, "No sorts applied to this view", -1), s("p", { class: "text-xs" }, "Add a column below to sort the view", -1)]])) : a("", !0),
 			p.value ? (y(), o("div", ne, C(t.tableName), 1)) : a("", !0),
 			(y(!0), o(e, null, S(O.value, (n, i) => (y(), o("div", {
 				key: "p-" + i,
 				class: "flex items-center gap-2 mb-2 rounded px-1 -mx-1 transition-colors",
-				style: g(P.value === j("parent", i) && N.value !== j("parent", i) ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
+				style: g(F.value === j("parent", i) && P.value !== j("parent", i) ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
 				draggable: "true",
-				onDragstart: (e) => te(j("parent", i)),
-				onDragover: (e) => F(e, j("parent", i)),
-				onDragend: I
+				onDragstart: (e) => ee(j("parent", i)),
+				onDragover: (e) => I(e, j("parent", i)),
+				onDragend: L
 			}, [
 				r[5] ||= c("<span class=\"cursor-grab active:cursor-grabbing shrink-0 flex items-center\" style=\"color:var(--st-text-placeholder);\" data-v-f1143526><svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 16 16\" fill=\"currentColor\" data-v-f1143526><circle cx=\"5.5\" cy=\"4\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"4\" r=\"1\" data-v-f1143526></circle><circle cx=\"5.5\" cy=\"8\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"8\" r=\"1\" data-v-f1143526></circle><circle cx=\"5.5\" cy=\"12\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"12\" r=\"1\" data-v-f1143526></circle></svg></span>", 1),
 				s("span", W, C(i === 0 ? "sort by" : "then by"), 1),
-				ee(s("select", {
+				M(s("select", {
 					"onUpdate:modelValue": (e) => n.id = e,
 					class: "sort-select flex-1 rounded py-1 text-[13px] outline-none min-w-0",
 					style: {
@@ -216,15 +216,15 @@ var B = (e, t) => {
 				(y(!0), o(e, null, S(A.value, (n, i) => (y(), o("div", {
 					key: "s-" + i,
 					class: "flex items-center gap-2 mb-2 rounded px-1 -mx-1 transition-colors",
-					style: g(P.value === j("sub", i) && N.value !== j("sub", i) ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
+					style: g(F.value === j("sub", i) && P.value !== j("sub", i) ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
 					draggable: "true",
-					onDragstart: (e) => te(j("sub", i)),
-					onDragover: (e) => F(e, j("sub", i)),
-					onDragend: I
+					onDragstart: (e) => ee(j("sub", i)),
+					onDragover: (e) => I(e, j("sub", i)),
+					onDragend: L
 				}, [
 					r[7] ||= c("<span class=\"cursor-grab active:cursor-grabbing shrink-0 flex items-center\" style=\"color:var(--st-text-placeholder);\" data-v-f1143526><svg class=\"w-3.5 h-3.5\" viewBox=\"0 0 16 16\" fill=\"currentColor\" data-v-f1143526><circle cx=\"5.5\" cy=\"4\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"4\" r=\"1\" data-v-f1143526></circle><circle cx=\"5.5\" cy=\"8\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"8\" r=\"1\" data-v-f1143526></circle><circle cx=\"5.5\" cy=\"12\" r=\"1\" data-v-f1143526></circle><circle cx=\"10.5\" cy=\"12\" r=\"1\" data-v-f1143526></circle></svg></span>", 1),
 					s("span", se, C(i === 0 ? "sort by" : "then by"), 1),
-					ee(s("select", {
+					M(s("select", {
 						"onUpdate:modelValue": (e) => n.id = e,
 						class: "sort-select flex-1 rounded py-1 text-[13px] outline-none min-w-0",
 						style: {
@@ -400,7 +400,7 @@ var B = (e, t) => {
 			class: "flex items-center justify-center w-4 h-4 rounded transition-colors shrink-0",
 			style: g({ color: p.value ? "var(--st-accent)" : "var(--st-text-placeholder)" }),
 			title: "Pick date/time",
-			onClick: M(C, ["stop"])
+			onClick: N(C, ["stop"])
 		}, [_.value === "time" ? (y(), o("svg", ye, [...n[1] ||= [s("path", { d: "M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zm7-3.25a.75.75 0 00-1.5 0v3.5c0 .27.144.518.378.651l2.5 1.5a.75.75 0 10.744-1.302L8.5 7.742V4.75z" }, null, -1)]])) : (y(), o("svg", be, [...n[2] ||= [s("path", { d: "M4.75 0a.75.75 0 01.75.75V2h5V.75a.75.75 0 011.5 0V2h1.25c.966 0 1.75.784 1.75 1.75v10.5A1.75 1.75 0 0113.25 16H2.75A1.75 1.75 0 011 14.25V3.75C1 2.784 1.784 2 2.75 2H4V.75A.75.75 0 014.75 0zm0 3.5h-2a.25.25 0 00-.25.25V6h10.5V3.75a.25.25 0 00-.25-.25h-2V5a.75.75 0 01-1.5 0V3.5h-5V5a.75.75 0 01-1.5 0V3.5zM2.5 7.5v6.75c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V7.5H2.5z" }, null, -1)]]))], 4), (y(), i(t, { to: "body" }, [p.value ? (y(), o("div", {
 			key: 0,
 			class: "fixed inset-0 z-40",
@@ -415,7 +415,7 @@ var B = (e, t) => {
 				top: h.value ? h.value.getBoundingClientRect().bottom + 6 + "px" : "0",
 				left: h.value ? h.value.getBoundingClientRect().left + "px" : "0"
 			}),
-			onClick: n[0] ||= M(() => {}, ["stop"])
+			onClick: n[0] ||= N(() => {}, ["stop"])
 		}, [s("div", xe, [s("input", {
 			type: _.value,
 			value: v.value,
@@ -469,7 +469,7 @@ var B = (e, t) => {
 ], Re = { style: { color: "var(--st-text)" } }, ze = {
 	class: "font-mono text-xs",
 	style: { color: "var(--st-text-placeholder)" }
-}, Be = /* @__PURE__ */ B({
+}, Be = /* @__PURE__ */ V({
 	__name: "FilterBar",
 	props: {
 		table: {
@@ -510,14 +510,14 @@ var B = (e, t) => {
 				sourceIndex: t
 			}));
 			return [...e, ...t];
-		}), _ = r(() => h.value.some((e) => e.table === "sub")), v = x("closed"), b = x(null), w = x(""), E = x(0), D = x(null), j = x(null), M = x(null), N = x({
+		}), _ = r(() => h.value.some((e) => e.table === "sub")), v = x("closed"), b = x(null), w = x(""), E = x(0), D = x(null), j = x(null), N = x(null), P = x({
 			top: 0,
 			left: 0
-		}), P = x({});
-		function te() {
-			if (v.value === "operators" && M.value) {
-				let e = M.value.getBoundingClientRect();
-				N.value = {
+		}), F = x({});
+		function ee() {
+			if (v.value === "operators" && N.value) {
+				let e = N.value.getBoundingClientRect();
+				P.value = {
 					top: e.bottom + 4,
 					left: e.right
 				};
@@ -526,12 +526,12 @@ var B = (e, t) => {
 			let e = j.value;
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			N.value = {
+			P.value = {
 				top: t.bottom + 4,
 				left: t.left
 			};
 		}
-		let F = r(() => {
+		let I = r(() => {
 			let e = [];
 			for (let t of _e) {
 				e.push({
@@ -544,21 +544,21 @@ var B = (e, t) => {
 				});
 			}
 			return e;
-		}), I = r(() => F.value.filter((e) => e.type === "operator")), L = r(() => {
+		}), L = r(() => I.value.filter((e) => e.type === "operator")), R = r(() => {
 			let e = w.value.toLowerCase();
 			return e ? l.allColumns.filter((t) => t.id.toLowerCase().includes(e)) : l.allColumns;
-		}), R = r(() => L.value.map((e) => ({
+		}), z = r(() => R.value.map((e) => ({
 			...e,
 			table: "parent"
-		}))), z = r(() => `Filter by ${l.allColumns.map((e) => e.id).slice(0, 3).join(", ")}...`), B = r(() => {
+		}))), B = r(() => `Filter by ${l.allColumns.map((e) => e.id).slice(0, 3).join(", ")}...`), V = r(() => {
 			let e = l.subTableColumns || [];
 			return [...l.allColumns, ...e];
 		});
-		function V(e) {
-			return B.value.find((t) => t.id === e)?.type || "varchar";
-		}
 		function H(e) {
-			return ge.includes(V(e));
+			return V.value.find((t) => t.id === e)?.type || "varchar";
+		}
+		function te(e) {
+			return ge.includes(H(e));
 		}
 		function ne(e) {
 			return e.value?.operator || "=";
@@ -586,7 +586,7 @@ var B = (e, t) => {
 			};
 			n === "sub" ? u("update:sub-table-column-filters", [...l.subTableColumnFilters, r]) : u("update:column-filters", [...l.columnFilters, r]), v.value = "closed", b.value = null, w.value = "", D.value?.blur();
 			let i = () => {
-				let e = h.value.length - 1, t = P.value[e];
+				let e = h.value.length - 1, t = F.value[e];
 				t ? t.focus() : m(i);
 			};
 			m(() => m(i));
@@ -621,7 +621,7 @@ var B = (e, t) => {
 			v.value === "columns" ? J(e) : v.value === "operators" ? ae(e) : e.key !== "Escape" && W(), e.key === "Escape" && (se(), D.value?.blur());
 		}
 		function J(e) {
-			let t = R.value;
+			let t = z.value;
 			if (t.length !== 0) {
 				if (e.key === "ArrowDown") e.preventDefault(), E.value = Math.min(E.value + 1, t.length - 1), oe("column-picker");
 				else if (e.key === "ArrowUp") e.preventDefault(), E.value = Math.max(E.value - 1, 0), oe("column-picker");
@@ -633,7 +633,7 @@ var B = (e, t) => {
 			}
 		}
 		function ae(e) {
-			let t = I.value;
+			let t = L.value;
 			t.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), E.value = Math.min(E.value + 1, t.length - 1), oe("operator-picker")) : e.key === "ArrowUp" ? (e.preventDefault(), E.value = Math.max(E.value - 1, 0), oe("operator-picker")) : (e.key === "Enter" || e.key === "Tab") && (e.preventDefault(), t[E.value] && K(t[E.value].value)));
 		}
 		function oe(e) {
@@ -653,9 +653,9 @@ var B = (e, t) => {
 		}), A((e) => {
 			if (v.value === "closed") return;
 			function t() {
-				m(te);
+				m(ee);
 			}
-			te(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), e(() => {
+			ee(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), e(() => {
 				window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 			});
 		}), (r, c) => (y(), o("div", we, [
@@ -673,7 +673,7 @@ var B = (e, t) => {
 				s("input", {
 					ref_for: !0,
 					ref: (e) => {
-						e && (P.value[t] = e);
+						e && (F.value[t] = e);
 					},
 					value: U(e),
 					class: "bg-transparent outline-none text-[13px]",
@@ -684,10 +684,10 @@ var B = (e, t) => {
 					placeholder: "value",
 					onInput: (e) => q(t, e.target.value)
 				}, null, 44, Oe),
-				H(e.id) ? (y(), i(Ce, {
+				te(e.id) ? (y(), i(Ce, {
 					key: 1,
 					value: U(e),
-					"column-type": V(e.id),
+					"column-type": H(e.id),
 					onUpdate: (e) => q(t, e)
 				}, null, 8, [
 					"value",
@@ -707,7 +707,7 @@ var B = (e, t) => {
 			b.value ? (y(), o("div", {
 				key: 0,
 				ref_key: "pendingChipRef",
-				ref: M,
+				ref: N,
 				class: "flex items-center gap-1 rounded px-2 py-0.5 text-[13px]",
 				style: {
 					backgroundColor: "var(--st-bg-surface)",
@@ -719,7 +719,7 @@ var B = (e, t) => {
 				ref: j,
 				class: "relative flex-1 min-w-[200px]"
 			}, [
-				ee(s("input", {
+				M(s("input", {
 					ref_key: "searchInputRef",
 					ref: D,
 					"onUpdate:modelValue": c[0] ||= (e) => w.value = e,
@@ -728,7 +728,7 @@ var B = (e, t) => {
 						color: "var(--st-text)",
 						caretColor: v.value === "operators" ? "transparent" : void 0
 					}),
-					placeholder: v.value === "operators" ? "Pick a filter method..." : h.value.length > 0 ? "+ Add more filters..." : z.value,
+					placeholder: v.value === "operators" ? "Pick a filter method..." : h.value.length > 0 ? "+ Add more filters..." : B.value,
 					onFocus: ce,
 					onKeydown: ie
 				}, null, 44, Me), [[O, w.value]]),
@@ -738,41 +738,41 @@ var B = (e, t) => {
 					class: "fixed w-60 rounded shadow-xl z-50 py-1 max-h-60 overflow-auto",
 					style: g({
 						...T(p),
-						top: N.value.top + "px",
-						left: N.value.left + "px",
+						top: P.value.top + "px",
+						left: P.value.left + "px",
 						fontFamily: "var(--dt-font-family)",
 						backgroundColor: "var(--st-bg-surface)",
 						border: "1px solid var(--st-border-secondary)",
 						color: "var(--st-text)"
 					})
-				}, [(y(!0), o(e, null, S(L.value, (e, t) => (y(), o("div", {
+				}, [(y(!0), o(e, null, S(R.value, (e, t) => (y(), o("div", {
 					key: "p-" + e.id,
 					class: "flex items-center justify-between px-3 py-1.5 cursor-pointer text-[13px]",
 					"data-highlighted": t === E.value,
 					style: g(t === E.value ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
 					onClick: (t) => G(e.id, "parent"),
 					onMouseenter: (e) => E.value = t
-				}, [s("span", Pe, C(e.id), 1), T(f) ? (y(), o("span", Fe, C(e.type), 1)) : a("", !0)], 44, Ne))), 128)), L.value.length === 0 ? (y(), o("div", Ie, " No columns found ")) : a("", !0)], 4)) : a("", !0)])),
+				}, [s("span", Pe, C(e.id), 1), T(f) ? (y(), o("span", Fe, C(e.type), 1)) : a("", !0)], 44, Ne))), 128)), R.value.length === 0 ? (y(), o("div", Ie, " No columns found ")) : a("", !0)], 4)) : a("", !0)])),
 				(y(), i(t, { to: "body" }, [v.value === "operators" ? (y(), o("div", {
 					key: 0,
 					id: "operator-picker",
 					class: "fixed w-52 rounded shadow-xl z-50 py-1 max-h-60 overflow-auto",
 					style: g({
 						...T(p),
-						top: N.value.top + "px",
-						left: N.value.left + "px",
+						top: P.value.top + "px",
+						left: P.value.left + "px",
 						fontFamily: "var(--dt-font-family)",
 						backgroundColor: "var(--st-bg-surface)",
 						border: "1px solid var(--st-border-secondary)",
 						color: "var(--st-text)"
 					})
-				}, [(y(!0), o(e, null, S(F.value, (t, n) => (y(), o(e, { key: n }, [t.type === "header" ? (y(), o("div", Q, C(t.label), 1)) : (y(), o("div", {
+				}, [(y(!0), o(e, null, S(I.value, (t, n) => (y(), o(e, { key: n }, [t.type === "header" ? (y(), o("div", Q, C(t.label), 1)) : (y(), o("div", {
 					key: 1,
 					class: "flex items-center justify-between px-3 py-1.5 cursor-pointer text-[13px]",
-					"data-highlighted": I.value.indexOf(t) === E.value,
-					style: g(I.value.indexOf(t) === E.value ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
+					"data-highlighted": L.value.indexOf(t) === E.value,
+					style: g(L.value.indexOf(t) === E.value ? { backgroundColor: "var(--st-bg-menu-hover)" } : {}),
 					onClick: (e) => K(t.value),
-					onMouseenter: (e) => E.value = I.value.indexOf(t)
+					onMouseenter: (e) => E.value = L.value.indexOf(t)
 				}, [s("span", Re, C(t.label), 1), s("span", ze, C(t.value), 1)], 44, Le))], 64))), 128))], 4)) : a("", !0)])),
 				(y(), i(t, { to: "body" }, [v.value === "closed" ? a("", !0) : (y(), o("div", {
 					key: 0,
@@ -812,7 +812,7 @@ var B = (e, t) => {
 	key: 0,
 	class: "text-xs ml-auto shrink-0",
 	style: { color: "var(--st-text-placeholder)" }
-}, Ze = /* @__PURE__ */ B({
+}, Ze = /* @__PURE__ */ V({
 	__name: "ColumnVisibilityPanel",
 	props: {
 		table: {
@@ -883,7 +883,7 @@ var B = (e, t) => {
 				backgroundColor: "var(--st-bg-surface)",
 				border: "1px solid var(--st-border-secondary)"
 			},
-			onClick: r[0] ||= M(() => {}, ["stop"])
+			onClick: r[0] ||= N(() => {}, ["stop"])
 		}, [s("div", Ve, [s("span", He, C(_.value) + " of " + C(v.value) + " columns", 1), s("div", { class: "flex items-center gap-2" }, [
 			s("button", {
 				class: "text-xs",
@@ -973,7 +973,7 @@ var B = (e, t) => {
 		backgroundColor: "var(--st-bg-surface)",
 		border: "1px solid var(--st-border-secondary)"
 	}
-}, lt = ["onClick"], ut = ["innerHTML"], dt = { class: "shrink-0 whitespace-nowrap" }, ft = /* @__PURE__ */ B({
+}, lt = ["onClick"], ut = ["innerHTML"], dt = { class: "shrink-0 whitespace-nowrap" }, ft = /* @__PURE__ */ V({
 	__name: "TableToolbar",
 	props: {
 		table: {
@@ -1063,13 +1063,13 @@ var B = (e, t) => {
 	],
 	setup(t, { emit: n }) {
 		let c = t, d = n, f = x(!1), p = x(!1), m = x(!1), _ = x(!1), v = x(null), b = x(null), w = x(null), T = x(null);
-		R(v, () => {
+		z(v, () => {
 			f.value = !1;
-		}), R(b, () => {
+		}), z(b, () => {
 			_.value = !1;
-		}), R(w, () => {
+		}), z(w, () => {
 			m.value = !1;
-		}), R(T, () => {
+		}), z(T, () => {
 			p.value = !1;
 		});
 		function E(e) {
@@ -1358,7 +1358,7 @@ var mt = {
 	key: 0,
 	class: "my-1",
 	style: { borderTop: "1px solid var(--st-border-secondary)" }
-}, vt = ["disabled", "onClick"], yt = ["innerHTML"], bt = ["onClick"], xt = /* @__PURE__ */ B({
+}, vt = ["disabled", "onClick"], yt = ["innerHTML"], bt = ["onClick"], xt = /* @__PURE__ */ V({
 	__name: "SelectionToolbar",
 	props: {
 		selectedCount: {
@@ -1414,7 +1414,7 @@ var mt = {
 	],
 	setup(t, { emit: n }) {
 		let i = d("tableSourceRows", null), c = t, u = r(() => c.totalFilteredCount == null ? (i != null && w(i), c.table.getFilteredRowModel().rows.length) : c.totalFilteredCount), f = r(() => c.selectedCount >= u.value && u.value > 0), p = n, m = x(!1), _ = x(null);
-		R(_, () => {
+		z(_, () => {
 			m.value = !1;
 		});
 		function v() {
@@ -1599,7 +1599,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 	class: "shrink-0 text-xs",
 	style: { color: "var(--st-text-tertiary)" },
 	title: "Column is frozen"
-}, At = /* @__PURE__ */ B({
+}, At = /* @__PURE__ */ V({
 	__name: "TableColumnHeader",
 	props: {
 		header: {
@@ -1685,7 +1685,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			})
 		}, [
 			s("div", Tt, [
-				s("span", Et, [e.header.isPlaceholder ? a("", !0) : (y(), i(T(N), {
+				s("span", Et, [e.header.isPlaceholder ? a("", !0) : (y(), i(T(P), {
 					key: 0,
 					render: e.header.column.columnDef.header,
 					props: e.header.getContext()
@@ -1698,7 +1698,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					ref: v,
 					class: h(["ml-auto shrink-0 w-4 h-4 flex items-center justify-center opacity-0 group-hover/header:opacity-100 transition-opacity", { "!opacity-100": p.value }]),
 					style: { color: "var(--st-text-tertiary)" },
-					onClick: M(S, ["stop"])
+					onClick: N(S, ["stop"])
 				}, [...d[1] ||= [s("svg", {
 					class: "w-3 h-3",
 					viewBox: "0 0 16 16",
@@ -1721,7 +1721,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					border: "1px solid var(--st-border-secondary)",
 					color: "var(--st-text)"
 				}),
-				onClick: d[0] ||= M(() => {}, ["stop"])
+				onClick: d[0] ||= N(() => {}, ["stop"])
 			}, [
 				s("button", {
 					class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
@@ -1768,7 +1768,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				class: h(["absolute top-0 right-0 w-1 h-full cursor-col-resize hover:bg-blue-500/50 active:bg-blue-500", { "bg-blue-500": e.header.column.getIsResizing() }]),
 				onMousedown: A,
 				onTouchstart: A,
-				onDblclick: M(j, ["stop"])
+				onDblclick: N(j, ["stop"])
 			}, null, 34)
 		], 4));
 	}
@@ -1854,20 +1854,20 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			"secondaryText",
 			"overflow",
 			"multiline"
-		], c = t, u = d("editable", !0), p = d("showRowBorders", !0), _ = d("showColumnBorders", !0), v = d("cellButtonVisibility", "hover"), b = d("cellOverflow", "truncate"), w = d("getCellPendingState", () => null), E = d("getCellPreviousValue", () => void 0), D = d("getRowPendingState", () => null), k = r(() => w(c.cell.row.id, c.cell.column.id)), A = r(() => D(c.cell.row.id)), j = r(() => E(c.cell.row.id, c.cell.column.id)), N = r(() => k.value === "modified"), P = r(() => A.value === "delete"), te = r(() => {
+		], c = t, u = d("editable", !0), p = d("showRowBorders", !0), _ = d("showColumnBorders", !0), v = d("cellButtonVisibility", "hover"), b = d("cellOverflow", "truncate"), w = d("getCellPendingState", () => null), E = d("getCellPreviousValue", () => void 0), D = d("getRowPendingState", () => null), k = r(() => w(c.cell.row.id, c.cell.column.id)), A = r(() => D(c.cell.row.id)), j = r(() => E(c.cell.row.id, c.cell.column.id)), P = r(() => k.value === "modified"), F = r(() => A.value === "delete"), ee = r(() => {
 			let e = f(v) ? v.value : v;
 			return e === "always" ? "opacity-100" : e === "select" ? c.isSelected ? "opacity-100" : "opacity-0" : "opacity-0 group-hover/row:opacity-100";
-		}), F = n, I = x(!1), L = x(""), R = x(null), z = {}, B = d("originalColumnMetaById", null), V = r(() => {
-			let e = String(c.cell.column.id), t = B?.value?.[e], n = c.cell.column.columnDef.meta || {};
-			if (!t) return Object.keys(n).length ? n : z;
+		}), I = n, L = x(!1), R = x(""), z = x(null), B = {}, V = d("originalColumnMetaById", null), H = r(() => {
+			let e = String(c.cell.column.id), t = V?.value?.[e], n = c.cell.column.columnDef.meta || {};
+			if (!t) return Object.keys(n).length ? n : B;
 			let r = {
 				...t,
 				...n
 			};
 			for (let e of i) (r[e] === void 0 || r[e] === null) && t[e] != null && (r[e] = t[e]);
 			return typeof r.badge != "function" && r.badge !== !0 && typeof t.badge == "function" && (r.badge = t.badge), r.suffixIcon == null && t.suffixIcon != null && (r.suffixIcon = t.suffixIcon), r.secondaryText == null && t.secondaryText != null && (r.secondaryText = t.secondaryText), typeof r.secondaryText != "function" && typeof r.secondaryText != "string" && typeof t.secondaryText == "function" && (r.secondaryText = t.secondaryText), typeof r.segmentedBar != "function" && typeof t.segmentedBar == "function" && (r.segmentedBar = t.segmentedBar), r;
-		}), H = r(() => V.value.type === "boolean"), ne = r(() => {
-			let e = V.value;
+		}), te = r(() => H.value.type === "boolean"), ne = r(() => {
+			let e = H.value;
 			if (!e.progressBar) return null;
 			let t = c.cell.getValue();
 			if (t == null) return null;
@@ -1878,7 +1878,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			}
 			return Math.min(100, Math.max(0, Number(t)));
 		}), U = r(() => {
-			let e = V.value;
+			let e = H.value;
 			if (!e.segmentedBar || typeof e.segmentedBar != "function") return null;
 			let t = c.cell.getValue(), n = c.cell.row.original;
 			return e.segmentedBar(t, n) ?? null;
@@ -1889,9 +1889,9 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			return `${Math.min(100, Math.max(0, n))}%`;
 		}
 		let G = r(() => {
-			let e = V.value;
+			let e = H.value;
 			return e.overflow ? e.overflow : e.multiline ? "wrap" : (f(b) ? b.value : b) || "truncate";
-		}), K = r(() => V.value.cellButtons ?? []);
+		}), K = r(() => H.value.cellButtons ?? []);
 		function re(e) {
 			let t = e && e.color !== void 0 ? e.color : null;
 			return t ? {
@@ -1905,7 +1905,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			};
 		}
 		let q = r(() => {
-			let e = V.value;
+			let e = H.value;
 			if (!e.badge) return null;
 			let t = c.cell.getValue(), n = c.cell.row.original, r = e.badge;
 			if (typeof r == "function") {
@@ -1917,13 +1917,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				style: i,
 				text: a
 			};
-		}), ie = r(() => H.value && !V.value.badge), J = r(() => {
-			let e = V.value;
+		}), ie = r(() => te.value && !H.value.badge), J = r(() => {
+			let e = H.value;
 			if (!e.suffixIcon) return null;
 			let t = c.cell.getValue();
 			return typeof e.suffixIcon == "function" ? e.suffixIcon(t, c.cell.row.original) || null : e.suffixIcon;
 		}), ae = r(() => {
-			let e = V.value;
+			let e = H.value;
 			if (e.secondaryText == null || e.secondaryText === "") return null;
 			let t = c.cell.getValue(), n = c.cell.row.original, r;
 			if (r = typeof e.secondaryText == "function" ? e.secondaryText(t, n) : e.secondaryText, r == null) return null;
@@ -1931,28 +1931,28 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			return i === "" ? null : i;
 		}), oe = r(() => c.cell.getValue() == null), se = r(() => ae.value ? oe.value ? !0 : !q.value : !1), ce = r(() => se.value ? "flex items-start gap-1 min-w-0" : "flex items-center gap-1 min-w-0");
 		function le() {
-			I.value || F("select");
+			L.value || I("select");
 		}
 		function ue() {
-			!u.value?.update || ie.value || V.value.progressBar || V.value.segmentedBar || K.value.length > 0 || (I.value = !0, F("editing-change", !0), L.value = c.cell.getValue() ?? "", m(() => {
-				R.value && (R.value.focus(), R.value.select(), de());
+			!u.value?.update || ie.value || H.value.progressBar || H.value.segmentedBar || K.value.length > 0 || (L.value = !0, I("editing-change", !0), R.value = c.cell.getValue() ?? "", m(() => {
+				z.value && (z.value.focus(), z.value.select(), de());
 			}));
 		}
 		function de() {
-			R.value && (R.value.style.height = "auto", R.value.style.height = R.value.scrollHeight + "px");
+			z.value && (z.value.style.height = "auto", z.value.style.height = z.value.scrollHeight + "px");
 		}
 		function fe() {
-			let e = V.value.type;
-			F("update", e === "int8" || e === "int4" || e === "float8" ? Number(L.value) : L.value), I.value = !1, F("editing-change", !1);
+			let e = H.value.type;
+			I("update", e === "int8" || e === "int4" || e === "float8" ? Number(R.value) : R.value), L.value = !1, I("editing-change", !1);
 		}
 		function Y() {
-			I.value = !1, F("editing-change", !1);
+			L.value = !1, I("editing-change", !1);
 		}
 		function pe(e) {
 			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), fe()) : e.key === "Escape" && Y();
 		}
 		function me() {
-			u.value?.update && F("update", !c.cell.getValue());
+			u.value?.update && I("update", !c.cell.getValue());
 		}
 		return (n, r) => (y(), o("div", {
 			class: "px-2 py-1.5 relative cursor-default align-middle",
@@ -1964,23 +1964,23 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				overflow: "hidden",
 				borderBottom: T(p) ? "1px solid var(--st-border)" : "none",
 				borderRight: T(_) ? "1px solid var(--st-border)" : "none",
-				boxShadow: t.isSelected && !I.value ? "inset 0 0 0 2px var(--st-accent)" : N.value ? "inset 3px 0 0 var(--st-accent)" : "none",
-				zIndex: I.value ? 20 : t.isSelected ? 10 : "auto"
+				boxShadow: t.isSelected && !L.value ? "inset 0 0 0 2px var(--st-accent)" : P.value ? "inset 3px 0 0 var(--st-accent)" : "none",
+				zIndex: L.value ? 20 : t.isSelected ? 10 : "auto"
 			}),
-			title: N.value && j.value !== void 0 ? `Was: ${j.value === null || j.value === "" ? "(empty)" : j.value}` : void 0,
+			title: P.value && j.value !== void 0 ? `Was: ${j.value === null || j.value === "" ? "(empty)" : j.value}` : void 0,
 			onClick: le,
 			onDblclick: ue
 		}, [ie.value ? (y(), o(e, { key: 0 }, [T(u).update ? (y(), o("button", {
 			key: 0,
 			class: "flex items-center gap-1.5",
-			onClick: M(me, ["stop"])
+			onClick: N(me, ["stop"])
 		}, [s("span", {
 			class: "inline-block w-7 h-4 rounded-full relative transition-colors",
 			style: g({ backgroundColor: t.cell.getValue() ? "var(--st-accent)" : "var(--st-toggle-off)" })
-		}, [s("span", { class: h(["absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform", t.cell.getValue() ? "left-3.5" : "left-0.5"]) }, null, 2)], 4), s("span", Mt, C(t.cell.getValue() ? "true" : "false"), 1)])) : (y(), o("span", Nt, [t.cell.getValue() === null || t.cell.getValue() === void 0 ? (y(), o("span", Pt, "NULL")) : (y(), o(e, { key: 1 }, [l(C(t.cell.getValue() ? "true" : "false"), 1)], 64))]))], 64)) : I.value ? (y(), o(e, { key: 1 }, [ee(s("textarea", {
+		}, [s("span", { class: h(["absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform", t.cell.getValue() ? "left-3.5" : "left-0.5"]) }, null, 2)], 4), s("span", Mt, C(t.cell.getValue() ? "true" : "false"), 1)])) : (y(), o("span", Nt, [t.cell.getValue() === null || t.cell.getValue() === void 0 ? (y(), o("span", Pt, "NULL")) : (y(), o(e, { key: 1 }, [l(C(t.cell.getValue() ? "true" : "false"), 1)], 64))]))], 64)) : L.value ? (y(), o(e, { key: 1 }, [M(s("textarea", {
 			ref_key: "textareaRef",
-			ref: R,
-			"onUpdate:modelValue": r[0] ||= (e) => L.value = e,
+			ref: z,
+			"onUpdate:modelValue": r[0] ||= (e) => R.value = e,
 			class: "w-full rounded px-1.5 py-1 text-[13px] resize-none outline-none",
 			style: {
 				backgroundColor: "var(--st-bg-input)",
@@ -1990,17 +1990,17 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			rows: "1",
 			onKeydown: pe,
 			onInput: de
-		}, null, 544), [[O, L.value]]), s("div", Ft, [
+		}, null, 544), [[O, R.value]]), s("div", Ft, [
 			s("button", {
 				class: "flex items-center gap-0.5",
 				style: { color: "var(--st-accent)" },
-				onClick: M(fe, ["stop"])
+				onClick: N(fe, ["stop"])
 			}, " ↵ Save "),
 			r[1] ||= s("span", { style: { color: "var(--st-text-placeholder)" } }, "|", -1),
 			s("button", {
 				class: "flex items-center gap-0.5",
 				style: { color: "var(--st-text-secondary)" },
-				onClick: M(Y, ["stop"])
+				onClick: N(Y, ["stop"])
 			}, " Esc Cancel ")
 		])], 64)) : U.value ? (y(), o(e, { key: 2 }, [U.value.total === 0 ? (y(), o("div", It, [...r[2] ||= [s("span", {
 			class: "italic text-[13px]",
@@ -2019,7 +2019,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		}, C(e.count) + " " + C(e.label), 1))), 128))])]))], 64)) : ne.value === null ? (y(), o("div", {
 			key: 4,
 			class: h(ce.value),
-			style: g(P.value ? {
+			style: g(F.value ? {
 				textDecoration: "line-through",
 				opacity: .5
 			} : {})
@@ -2046,14 +2046,14 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			}, null, 12, Jt)) : a("", !0),
 			K.value.length > 0 ? (y(), o("div", {
 				key: 1,
-				class: h(["flex items-center gap-0.5 shrink-0", te.value])
+				class: h(["flex items-center gap-0.5 shrink-0", ee.value])
 			}, [(y(!0), o(e, null, S(K.value, (e, n) => (y(), o("button", {
 				key: n,
 				type: "button",
 				class: h(["flex items-center justify-center rounded transition-colors", e.icon ? "w-5 h-5 shrink-0" : "h-5 px-1.5 shrink-0 text-[11px] font-medium whitespace-nowrap"]),
 				style: { color: "var(--st-text-secondary)" },
 				title: e.label,
-				onClick: M((n) => e.onClick(t.cell.row.original), ["stop"])
+				onClick: N((n) => e.onClick(t.cell.row.original), ["stop"])
 			}, [e.icon ? (y(), o("span", {
 				key: 0,
 				class: "w-3.5 h-3.5 flex items-center justify-center",
@@ -2077,7 +2077,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 }, tn = { class: "flex h-full gap-1 pr-1.5 pl-1 items-center justify-end pl-0.5" }, nn = { class: "flex min-w-0 flex-1 items-center justify-end gap-0.5" }, rn = {
 	class: "text-xs text-right whitespace-nowrap",
 	style: { color: "var(--st-text-tertiary)" }
-}, an = ["checked"], on = /* @__PURE__ */ B({
+}, an = ["checked"], on = /* @__PURE__ */ V({
 	__name: "TableGridDataRow",
 	props: {
 		row: {
@@ -2138,19 +2138,19 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				delete: !0,
 				...e
 			};
-		}), f = d("showRowBorders", !0), m = d("showColumnBorders", !0), _ = d("getSubTable", null), v = d("expanded", {}), b = d("toggleRowExpanded", () => {}), x = d("nestingDepth", 0), E = d("parentTheme", "dark"), D = d("parentAccentColor", "#3ecf8e"), O = d("subTableSorting", {}), k = d("subTableColumnFilters", {}), A = d("subTableColumnVisibility", {}), j = d("getRowPendingState", () => null), ee = d("isRowDisplayedSelected", null), N = d("highlightedRowId", null), P = r(() => {
-			let e = T(N);
+		}), f = d("showRowBorders", !0), m = d("showColumnBorders", !0), _ = d("getSubTable", null), v = d("expanded", {}), b = d("toggleRowExpanded", () => {}), x = d("nestingDepth", 0), E = d("parentTheme", "dark"), D = d("parentAccentColor", "#3ecf8e"), O = d("subTableSorting", {}), k = d("subTableColumnFilters", {}), A = d("subTableColumnVisibility", {}), j = d("getRowPendingState", () => null), M = d("isRowDisplayedSelected", null), P = d("highlightedRowId", null), F = r(() => {
+			let e = T(P);
 			return e == null || e === "" ? !1 : n.row.id === e;
 		});
-		function te(e) {
-			let t = T(ee);
+		function ee(e) {
+			let t = T(M);
 			return typeof t == "function" ? t(e) : e.getIsSelected();
 		}
-		let F = r(() => {
+		let I = r(() => {
 			let e = m ? "inset -1px 0 0 var(--st-border)" : "", t = "2px 0 4px var(--st-shadow-sticky)";
 			return e ? `${e}, ${t}` : t;
-		}), I = r(() => _ ? _(n.row.original) : null), L = r(() => {
-			let e = I.value;
+		}), L = r(() => _ ? _(n.row.original) : null), R = r(() => {
+			let e = L.value;
 			if (!e) return {
 				tableProps: null,
 				onRowAction: null
@@ -2160,14 +2160,14 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				tableProps: n,
 				onRowAction: typeof t == "function" ? t : null
 			};
-		}), R = r(() => T(v) ?? {});
-		function z() {
-			return !!I.value;
-		}
+		}), z = r(() => T(v) ?? {});
 		function B() {
-			return !!R.value?.[n.row.id];
+			return !!L.value;
 		}
-		let V = r(() => n.virtualOffsetY == null ? { width: "100%" } : {
+		function V() {
+			return !!z.value?.[n.row.id];
+		}
+		let H = r(() => n.virtualOffsetY == null ? { width: "100%" } : {
 			position: "absolute",
 			top: "0px",
 			left: "0px",
@@ -2177,12 +2177,12 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		});
 		return (n, r) => (y(), o("div", {
 			class: h(["st-row", {
-				"st-row--selected": te(t.row),
-				"st-row--active": P.value,
+				"st-row--selected": ee(t.row),
+				"st-row--active": F.value,
 				"st-row--pending-insert": T(j)(t.row.id) === "insert",
 				"st-row--pending-delete": T(j)(t.row.id) === "delete"
 			}]),
-			style: g(V.value),
+			style: g(H.value),
 			"data-index": t.virtualOffsetY == null ? void 0 : t.rowIndex
 		}, [s("div", en, [
 			s("div", {
@@ -2193,15 +2193,15 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					minWidth: "44px",
 					borderBottom: T(f) ? "1px solid var(--st-border)" : "none"
 				})
-			}, [s("div", tn, [s("div", nn, [z() ? (y(), o("button", {
+			}, [s("div", tn, [s("div", nn, [B() ? (y(), o("button", {
 				key: 0,
 				class: "flex items-center justify-center w-4 h-4 shrink-0 transition-transform duration-150",
 				style: g({
-					color: B() ? "var(--st-accent)" : "var(--st-text-secondary)",
-					transform: B() ? "rotate(90deg)" : "rotate(0deg)"
+					color: V() ? "var(--st-accent)" : "var(--st-text-secondary)",
+					transform: V() ? "rotate(90deg)" : "rotate(0deg)"
 				}),
 				title: "Toggle sub-table",
-				onClick: r[0] ||= M((e) => T(b)(t.row.id), ["stop"])
+				onClick: r[0] ||= N((e) => T(b)(t.row.id), ["stop"])
 			}, [...r[5] ||= [s("svg", {
 				class: "w-3 h-3",
 				viewBox: "0 0 16 16",
@@ -2211,7 +2211,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				class: "invisible group-hover/row:visible flex items-center justify-center w-4 h-4 shrink-0",
 				style: { color: "var(--st-text-secondary)" },
 				title: "Expand row",
-				onClick: r[1] ||= M((e) => n.$emit("edit-row", t.row.original), ["stop"])
+				onClick: r[1] ||= N((e) => n.$emit("edit-row", t.row.original), ["stop"])
 			}, [...r[6] ||= [s("svg", {
 				class: "w-3 h-3",
 				viewBox: "0 0 16 16",
@@ -2227,13 +2227,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					minWidth: "40px",
 					left: "44px",
 					borderBottom: T(f) ? "1px solid var(--st-border)" : "none",
-					boxShadow: F.value
+					boxShadow: I.value
 				})
 			}, [s("input", {
 				type: "checkbox",
 				class: "cursor-pointer align-middle",
 				style: { accentColor: "var(--st-accent)" },
-				checked: te(t.row),
+				checked: ee(t.row),
 				onClick: r[2] ||= (e) => n.$emit("toggle-row-select", t.row, e, t.rowIndex)
 			}, null, 8, an)], 4),
 			(y(!0), o(e, null, S(t.row.getVisibleCells(), (e) => (y(), i(Qt, {
@@ -2243,7 +2243,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				onSelect: (r) => n.$emit("select-cell", t.row.id, e.column.id),
 				onUpdate: (r) => n.$emit("update-cell", t.row.id, e.column.id, r),
 				onEditingChange: r[3] ||= (e) => n.$emit("editing-change", e, t.row.id),
-				onContextmenu: M((r) => n.$emit("context-menu", r, t.row, e), ["prevent", "stop"])
+				onContextmenu: N((r) => n.$emit("context-menu", r, t.row, e), ["prevent", "stop"])
 			}, null, 8, [
 				"cell",
 				"is-selected",
@@ -2251,7 +2251,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				"onUpdate",
 				"onContextmenu"
 			]))), 128))
-		]), B() && I.value ? (y(), o("div", {
+		]), V() && L.value ? (y(), o("div", {
 			key: 0,
 			style: g({
 				display: "block",
@@ -2262,19 +2262,19 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			borderLeft: "3px solid var(--st-accent)",
 			marginLeft: 10 + Number(w(T(x)) || 0) * 16 + "px",
 			backgroundColor: "var(--st-bg)"
-		}) }, [u(Vr, p(L.value.tableProps, {
-			editable: I.value.editable ?? {
+		}) }, [u(Vr, p(R.value.tableProps, {
+			editable: L.value.editable ?? {
 				insert: !1,
 				update: !1,
 				delete: !1
 			},
-			theme: I.value.theme ?? T(T(E)),
-			"accent-color": I.value.accentColor ?? T(T(D)),
+			theme: L.value.theme ?? T(T(E)),
+			"accent-color": L.value.accentColor ?? T(T(D)),
 			"nesting-depth": T(x) + 1,
 			"controlled-sorting": T(O),
 			"controlled-column-filters": T(k),
 			"controlled-column-visibility": T(A),
-			onRowAction: r[4] ||= (e, t) => L.value.onRowAction?.(e, t)
+			onRowAction: r[4] ||= (e, t) => R.value.onRowAction?.(e, t)
 		}), null, 16, [
 			"editable",
 			"theme",
@@ -2326,7 +2326,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		"editing-change"
 	],
 	setup(t, { emit: n }) {
-		let a = t, s = n, c = d("cellOverflow", "truncate"), l = d("getSubTable", null), u = d("expanded"), f = typeof window < "u" && "onscrollend" in window, p = r(() => T(u) ?? {}), m = z(r(() => {
+		let a = t, s = n, c = d("cellOverflow", "truncate"), l = d("getSubTable", null), u = d("expanded"), f = typeof window < "u" && "onscrollend" in window, p = r(() => T(u) ?? {}), m = B(r(() => {
 			let e = a.rows, t = p.value, n = T(c) === "wrap", r = {}, i = l;
 			if (i) for (let t of e) {
 				let e = i(t.original);
@@ -2491,7 +2491,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		backgroundColor: "var(--st-bg-surface)",
 		border: "1px solid var(--st-border-secondary)"
 	}
-}, wn = 500, Tn = 8, En = /* @__PURE__ */ B({
+}, wn = 500, Tn = 8, En = /* @__PURE__ */ V({
 	__name: "TableGrid",
 	props: { table: {
 		type: Object,
@@ -2532,10 +2532,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				delete: !0,
 				...e
 			};
-		}), b = d("showRowBorders", !0), D = d("showColumnBorders", !0), O = d("loading", !1), k = r(() => !!T(O)), A = d("emptyTitle", "No rows found"), j = d("emptyMessage", "Get started by inserting a new row."), ee = d("openInsertPanel", null), N = d("defaultInsertLabel", null), P = d("insertActions", null), te = r(() => {
-			let e = P == null ? [] : T(P);
+		}), b = d("showRowBorders", !0), D = d("showColumnBorders", !0), O = d("loading", !1), k = r(() => !!T(O)), A = d("emptyTitle", "No rows found"), j = d("emptyMessage", "Get started by inserting a new row."), M = d("openInsertPanel", null), P = d("defaultInsertLabel", null), F = d("insertActions", null), ee = r(() => {
+			let e = F == null ? [] : T(F);
 			return Array.isArray(e) ? e : [];
-		}), F = r(() => !v.value.insert || !(N != null && String(T(N)).trim()) ? !1 : te.value.length === 0), I = d("insertRow", () => {}), L = x(!1), R = d("nestingDepth", 0), z = u, B = x(null), V = x(null), H = d("tableSourceRows", null), ne = r(() => (H != null && w(H), m.table.getHeaderGroups())), U = r(() => 84 + m.table.getVisibleLeafColumns().reduce((e, t) => e + t.getSize(), 0)), W = r(() => (H != null && w(H), m.table.getRowModel().rows)), G = r(() => (H != null && w(H), m.table.getVisibleLeafColumns())), K = r(() => m.table.getState().pagination), re = d("isRowDisplayedSelected", null);
+		}), I = r(() => !v.value.insert || !(P != null && String(T(P)).trim()) ? !1 : ee.value.length === 0), L = d("insertRow", () => {}), R = x(!1), z = d("nestingDepth", 0), B = u, V = x(null), H = x(null), te = d("tableSourceRows", null), ne = r(() => (te != null && w(te), m.table.getHeaderGroups())), U = r(() => 84 + m.table.getVisibleLeafColumns().reduce((e, t) => e + t.getSize(), 0)), W = r(() => (te != null && w(te), m.table.getRowModel().rows)), G = r(() => (te != null && w(te), m.table.getVisibleLeafColumns())), K = r(() => m.table.getState().pagination), re = d("isRowDisplayedSelected", null);
 		function q(e) {
 			let t = T(re);
 			return typeof t == "function" ? t(e) : e.getIsSelected();
@@ -2546,13 +2546,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			return e && !t;
 		});
 		function ae(e, t) {
-			B.value = `${e}:${t}`;
+			V.value = `${e}:${t}`;
 		}
 		function oe() {
-			B.value = null;
+			V.value = null;
 		}
 		function se(e, t, n) {
-			z("context-menu", e, t, n);
+			B("context-menu", e, t, n);
 		}
 		function ce() {
 			m.table.toggleAllPageRowsSelected(!ie.value);
@@ -2570,12 +2570,12 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			return e ? `${e}, ${t}` : t;
 		}), fe = r(() => W.value.length > wn), Y = E("scroller");
 		function pe(e, t) {
-			V.value = e ? t : null;
+			H.value = e ? t : null;
 		}
 		function me() {
 			let e = Y.value;
 			if (!e) return null;
-			let t = w(R);
+			let t = w(z);
 			return t && t > 0 ? e.parentElement : e;
 		}
 		function he() {
@@ -2584,11 +2584,11 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		return c({
 			getScrollViewportInnerWidth: he,
 			getViewportResizeObserveTarget: me
-		}), (r, c) => (y(), o("div", { class: h(T(R) === 0 ? "flex-1 min-h-0 relative" : "overflow-auto") }, [s("div", {
+		}), (r, c) => (y(), o("div", { class: h(T(z) === 0 ? "flex-1 min-h-0 relative" : "overflow-auto") }, [s("div", {
 			ref: "scroller",
-			class: h(T(R) === 0 ? "absolute inset-0 overflow-auto flex flex-col items-start min-h-0" : "flex flex-col items-start"),
+			class: h(T(z) === 0 ? "absolute inset-0 overflow-auto flex flex-col items-start min-h-0" : "flex flex-col items-start"),
 			style: { "scrollbar-gutter": "stable" },
-			onClick: M(oe, ["self"])
+			onClick: N(oe, ["self"])
 		}, [s("div", {
 			class: "sticky top-0 z-[26] shrink-0 isolate",
 			style: g({
@@ -2638,14 +2638,14 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			rows: W.value,
 			"scroll-element-ref": Y.value,
 			"total-table-width": U.value,
-			"selected-cell": B.value,
-			"editing-row-id": V.value,
+			"selected-cell": V.value,
+			"editing-row-id": H.value,
 			"pagination-state": K.value,
 			onToggleRowSelect: ue,
-			onEditRow: c[0] ||= (e) => z("edit-row", e),
+			onEditRow: c[0] ||= (e) => B("edit-row", e),
 			onContextMenu: se,
 			onSelectCell: ae,
-			onUpdateCell: c[1] ||= (e, t, n) => z("update-cell", e, t, n),
+			onUpdateCell: c[1] ||= (e, t, n) => B("update-cell", e, t, n),
 			onEditingChange: pe
 		}, null, 8, [
 			"rows",
@@ -2658,14 +2658,14 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			key: 1,
 			rows: W.value,
 			"total-table-width": U.value,
-			"selected-cell": B.value,
-			"editing-row-id": V.value,
+			"selected-cell": V.value,
+			"editing-row-id": H.value,
 			"pagination-state": K.value,
 			onToggleRowSelect: ue,
-			onEditRow: c[2] ||= (e) => z("edit-row", e),
+			onEditRow: c[2] ||= (e) => B("edit-row", e),
 			onContextMenu: se,
 			onSelectCell: ae,
-			onUpdateCell: c[3] ||= (e, t, n) => z("update-cell", e, t, n),
+			onUpdateCell: c[3] ||= (e, t, n) => B("update-cell", e, t, n),
 			onEditingChange: pe
 		}, null, 8, [
 			"rows",
@@ -2727,29 +2727,29 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			}, null, -1), s("path", { d: "M3 9h18M3 15h18M9 9v9M15 9v9" }, null, -1)]]))]),
 			s("div", vn, [s("p", yn, C(T(A)), 1), s("p", bn, C(T(j)), 1)]),
 			v.value.insert ? (y(), o("div", xn, [
-				F.value ? (y(), o("button", {
+				I.value ? (y(), o("button", {
 					key: 0,
 					class: "flex items-center gap-1.5 px-3 py-1 rounded text-[13px] font-medium transition-colors",
 					style: {
 						backgroundColor: "var(--st-accent)",
 						color: "var(--st-text-on-accent)"
 					},
-					onClick: c[4] ||= (e) => T(I)()
-				}, C(T(N)), 1)) : T(N) ? (y(), o("div", Sn, [s("button", {
+					onClick: c[4] ||= (e) => T(L)()
+				}, C(T(P)), 1)) : T(P) ? (y(), o("div", Sn, [s("button", {
 					class: "flex items-center gap-1.5 px-3 py-1 rounded-l text-[13px] font-medium transition-colors",
 					style: {
 						backgroundColor: "var(--st-accent)",
 						color: "var(--st-text-on-accent)"
 					},
-					onClick: c[5] ||= (e) => T(I)()
-				}, C(T(N)), 1), s("button", {
+					onClick: c[5] ||= (e) => T(L)()
+				}, C(T(P)), 1), s("button", {
 					class: "flex items-center self-stretch px-1.5 rounded-r transition-colors",
 					style: {
 						backgroundColor: "var(--st-accent)",
 						color: "var(--st-text-on-accent)",
 						borderLeft: "1px solid var(--st-accent-hover)"
 					},
-					onClick: c[6] ||= (e) => L.value = !L.value
+					onClick: c[6] ||= (e) => R.value = !R.value
 				}, [...c[14] ||= [s("svg", {
 					class: "w-3 h-3",
 					viewBox: "0 0 16 16",
@@ -2761,24 +2761,24 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 						backgroundColor: "var(--st-accent)",
 						color: "var(--st-text-on-accent)"
 					},
-					onClick: c[7] ||= (e) => L.value = !L.value
+					onClick: c[7] ||= (e) => R.value = !R.value
 				}, [...c[15] ||= [l(" Insert ", -1), s("svg", {
 					class: "w-3 h-3",
 					viewBox: "0 0 16 16",
 					fill: "currentColor"
 				}, [s("path", { d: "M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z" })], -1)]])),
-				L.value ? (y(), o("div", Cn, [
+				R.value ? (y(), o("div", Cn, [
 					s("button", {
 						class: "w-full text-left px-3 py-1.5 hover-menu-item",
 						style: { color: "var(--st-text)" },
 						onClick: c[8] ||= (e) => {
-							T(ee)(), L.value = !1;
+							T(M)(), R.value = !1;
 						}
 					}, " Insert row "),
 					s("button", {
 						class: "w-full text-left px-3 py-1.5 hover-menu-item",
 						style: { color: "var(--st-text)" },
-						onClick: c[9] ||= (e) => L.value = !1
+						onClick: c[9] ||= (e) => R.value = !1
 					}, " Insert column "),
 					c[16] ||= s("div", {
 						class: "my-1",
@@ -2787,13 +2787,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					s("button", {
 						class: "w-full text-left px-3 py-1.5 hover-menu-item",
 						style: { color: "var(--st-text)" },
-						onClick: c[10] ||= (e) => L.value = !1
+						onClick: c[10] ||= (e) => R.value = !1
 					}, " Import data from CSV ")
 				])) : a("", !0),
-				(y(), i(t, { to: "body" }, [L.value ? (y(), o("div", {
+				(y(), i(t, { to: "body" }, [R.value ? (y(), o("div", {
 					key: 0,
 					class: "fixed inset-0 z-40",
-					onClick: c[11] ||= (e) => L.value = !1
+					onClick: c[11] ||= (e) => R.value = !1
 				})) : a("", !0)]))
 			])) : a("", !0)
 		])])) : a("", !0)], 2));
@@ -2883,7 +2883,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 		function j() {
 			p.pendingEditCount !== 0 && (A.value = !0);
 		}
-		function ee() {
+		function M() {
 			m("discard"), A.value = !1;
 		}
 		return (r, c) => (y(), o("div", Dn, [
@@ -2979,7 +2979,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					...T(u),
 					backgroundColor: "var(--st-bg-overlay)"
 				}),
-				onClick: c[5] ||= M((e) => A.value = !1, ["self"])
+				onClick: c[5] ||= N((e) => A.value = !1, ["self"])
 			}, [s("div", {
 				class: "rounded-lg shadow-xl p-5 w-80",
 				style: g({
@@ -3004,7 +3004,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 						"background-color": "#ef4444",
 						color: "white"
 					},
-					onClick: ee
+					onClick: M
 				}, " Clear edits ")])
 			], 4)], 4)) : a("", !0)]))
 		]));
@@ -3134,7 +3134,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					color: "var(--st-text-secondary)"
 				},
 				disabled: ""
-			}, null, 8, nr)) : ee((y(), o("textarea", {
+			}, null, 8, nr)) : M((y(), o("textarea", {
 				key: 1,
 				"onUpdate:modelValue": (e) => w.value[n.id] = e,
 				class: "w-full rounded px-3 py-2 text-[13px] outline-none resize-y min-h-[36px]",
@@ -3172,7 +3172,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					color: "var(--st-text-secondary)"
 				},
 				disabled: ""
-			}, null, 8, fr)) : ee((y(), o("textarea", {
+			}, null, 8, fr)) : M((y(), o("textarea", {
 				key: 1,
 				"onUpdate:modelValue": (e) => w.value[n.id] = e,
 				class: "w-full rounded px-3 py-2 text-[13px] outline-none resize-y min-h-[36px]",
@@ -3231,7 +3231,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 	style: { color: "var(--st-text-secondary)" },
 	viewBox: "0 0 16 16",
 	fill: "currentColor"
-}, wr = /* @__PURE__ */ B({
+}, wr = /* @__PURE__ */ V({
 	__name: "ContextMenu",
 	props: {
 		x: {
@@ -3281,52 +3281,52 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 				t.value = e, t.style.cssText = "position:fixed;opacity:0;pointer-events:none", document.body.appendChild(t), t.focus(), t.select(), document.execCommand("copy"), document.body.removeChild(t);
 			}
 		}
-		function ee() {
+		function M() {
 			k.value !== null && k.value !== void 0 && j(String(k.value)), b("close");
 		}
-		function M() {
+		function N() {
 			m.row && j(JSON.stringify(m.row.original, null, 2)), b("close");
 		}
-		function N() {
+		function P() {
 			A.value && k.value !== null && k.value !== void 0 && b("filter-by-value", A.value, String(k.value)), b("close");
 		}
-		function P() {
+		function F() {
 			b("edit-row"), b("close");
 		}
-		function te() {
+		function ee() {
 			b("delete-row"), b("close");
 		}
-		function F() {
+		function I() {
 			b("undo-row"), b("close");
 		}
-		function I() {
+		function L() {
 			A.value && b("undo-cell", A.value), b("close");
 		}
-		function L() {
+		function R() {
 			return m.row?.original ?? null;
 		}
-		function z(e, t) {
+		function B(e, t) {
 			if (e == null || e.divider) return !1;
 			let n = e.disabled;
 			if (n == null) return !1;
 			let r = t?.original ?? t ?? null;
 			return typeof n == "function" ? !!n(r) : !!n;
 		}
-		function B(e) {
-			z(e, m.row) || (b("row-action", e.key, L()), b("close"));
+		function V(e) {
+			B(e, m.row) || (b("row-action", e.key, R()), b("close"));
 		}
-		R(O, () => {
+		z(O, () => {
 			b("close");
 		});
-		function V(e) {
+		function H(e) {
 			e.key === "Escape" && b("close");
 		}
 		_(() => {
-			document.addEventListener("keydown", V);
+			document.addEventListener("keydown", H);
 		}), v(() => {
-			document.removeEventListener("keydown", V);
+			document.removeEventListener("keydown", H);
 		});
-		let H = r(() => {
+		let te = r(() => {
 			let e = window.innerWidth, t = window.innerHeight, n = {
 				position: "fixed",
 				zIndex: 9999
@@ -3338,18 +3338,18 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			ref: O,
 			style: g({
 				...T(u),
-				...H.value
+				...te.value
 			})
 		}, [s("div", gr, [
 			s("button", {
 				class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 				style: { color: "var(--st-text)" },
-				onClick: ee
+				onClick: M
 			}, [(y(), o("svg", _r, [...c[0] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[1] ||= l(" Copy cell ", -1)]),
 			s("button", {
 				class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 				style: { color: "var(--st-text)" },
-				onClick: M
+				onClick: N
 			}, [(y(), o("svg", vr, [...c[2] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[3] ||= l(" Copy row ", -1)]),
 			c[14] ||= s("div", {
 				class: "my-1",
@@ -3358,7 +3358,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			s("button", {
 				class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 				style: { color: "var(--st-text)" },
-				onClick: N
+				onClick: P
 			}, [(y(), o("svg", yr, [...c[4] ||= [s("path", { d: "M.75 3a.75.75 0 000 1.5h14.5a.75.75 0 000-1.5H.75zM3 7.75A.75.75 0 013.75 7h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 013 7.75zm3 4a.75.75 0 01.75-.75h2.5a.75.75 0 010 1.5h-2.5a.75.75 0 01-.75-.75z" }, null, -1)]])), c[5] ||= l(" Filter by value ", -1)]),
 			E.value === "modified" || D.value ? (y(), o(e, { key: 0 }, [
 				c[8] ||= s("div", {
@@ -3369,7 +3369,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					key: 0,
 					class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 					style: { color: "var(--st-accent)" },
-					onClick: I
+					onClick: L
 				}, [...c[6] ||= [s("svg", {
 					class: "w-3.5 h-3.5",
 					viewBox: "0 0 16 16",
@@ -3383,7 +3383,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					key: 1,
 					class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 					style: { color: "var(--st-accent)" },
-					onClick: F
+					onClick: I
 				}, [c[7] ||= s("svg", {
 					class: "w-3.5 h-3.5",
 					viewBox: "0 0 16 16",
@@ -3400,10 +3400,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 			}, null, -1), (y(!0), o(e, null, S(n.customActions, (t, n) => (y(), o(e, { key: t.divider ? `divider-${n}` : t.key }, [t.divider ? (y(), o("div", br)) : (y(), o("button", {
 				key: 1,
 				type: "button",
-				class: h(["w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item disabled:pointer-events-none", { "opacity-40 cursor-not-allowed": z(t, m.row) }]),
-				disabled: z(t, m.row),
+				class: h(["w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item disabled:pointer-events-none", { "opacity-40 cursor-not-allowed": B(t, m.row) }]),
+				disabled: B(t, m.row),
 				style: g({ color: T(pt)(t) ? "var(--st-danger)" : "var(--st-text)" }),
-				onClick: (e) => B(t)
+				onClick: (e) => V(t)
 			}, [t.icon ? (y(), o("span", {
 				key: 0,
 				class: "shrink-0 w-3.5 h-3.5 inline-flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full",
@@ -3418,13 +3418,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
 					key: 0,
 					class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 					style: { color: "var(--st-text)" },
-					onClick: P
+					onClick: F
 				}, [(y(), o("svg", Cr, [...c[10] ||= [s("path", { d: "M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61z" }, null, -1)]])), c[11] ||= l(" Edit row ", -1)])) : a("", !0),
 				n.allowRowDelete && w.value !== "delete" ? (y(), o("button", {
 					key: 1,
 					class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
 					style: { color: "#ef4444" },
-					onClick: te
+					onClick: ee
 				}, [...c[12] ||= [s("svg", {
 					class: "w-3.5 h-3.5",
 					viewBox: "0 0 16 16",
@@ -3535,7 +3535,7 @@ var Fr = ["data-st-theme"], Ir = {
 		borderBottom: "1px solid rgba(239,68,68,0.3)",
 		color: "#ef4444"
 	}
-}, Lr = { class: "flex-1" }, Rr = { class: "flex flex-1 min-h-0 min-w-0" }, zr = { class: "flex flex-col flex-1 min-w-0 min-h-0" }, Br = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif", Vr = /* @__PURE__ */ B({
+}, Lr = { class: "flex-1" }, Rr = { class: "flex flex-1 min-h-0 min-w-0" }, zr = { class: "flex flex-col flex-1 min-w-0 min-h-0" }, Br = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif", Vr = /* @__PURE__ */ V({
 	__name: "DataTable",
 	props: {
 		columns: {
@@ -3787,12 +3787,12 @@ var Fr = ["data-st-theme"], Ir = {
 			return e != null && String(e).trim() !== "" ? String(e).trim() : null;
 		});
 		b(f, O);
-		let A = r(() => ({ "--dt-font-family": O.value || Br })), ee = r(() => ({
+		let A = r(() => ({ "--dt-font-family": O.value || Br })), M = r(() => ({
 			...E.value,
 			...A.value,
 			backgroundColor: "var(--st-bg)",
 			color: "var(--st-text)"
-		})), M = x(null), N = x(null), R = x(!1), z = x([]), B = l, V = r(() => p.editable === !0 ? {
+		})), N = x(null), P = x(null), z = x(!1), B = x([]), V = l, H = r(() => p.editable === !0 ? {
 			insert: !0,
 			update: !0,
 			delete: !0
@@ -3805,7 +3805,7 @@ var Fr = ["data-st-theme"], Ir = {
 			update: !0,
 			delete: !0,
 			...p.editable
-		}), H = r(() => V.value.update), ne = r(() => V.value.delete), U = x(!1);
+		}), te = r(() => H.value.update), ne = r(() => H.value.delete), U = x(!1);
 		k(() => p.error, () => {
 			U.value = !1;
 		});
@@ -3834,7 +3834,7 @@ var Fr = ["data-st-theme"], Ir = {
 			p.expandedRows === null ? ce.value = {
 				...ce.value,
 				[e]: !ce.value[e]
-			} : B("update:expanded-rows", {
+			} : V("update:expanded-rows", {
 				...p.expandedRows,
 				[e]: !p.expandedRows[e]
 			});
@@ -4000,14 +4000,14 @@ var Fr = ["data-st-theme"], Ir = {
 		function Fe() {
 			if (ye.value || !Ce.value) return;
 			let e = Pe();
-			ye.value = !0, B("commit-edits", e, (e) => {
+			ye.value = !0, V("commit-edits", e, (e) => {
 				ye.value = !1, e && (Z.value = /* @__PURE__ */ new Map());
 			});
 		}
 		function Ie() {
-			Z.value = /* @__PURE__ */ new Map(), B("discard-edits");
+			Z.value = /* @__PURE__ */ new Map(), V("discard-edits");
 		}
-		let Q = L({
+		let Q = R({
 			data: Te,
 			get columns() {
 				return p.columns;
@@ -4044,10 +4044,10 @@ var Fr = ["data-st-theme"], Ir = {
 				return Y.value;
 			},
 			onSortingChange: (e) => {
-				W.value = typeof e == "function" ? e(W.value) : e, Y.value && B("sort-change", W.value);
+				W.value = typeof e == "function" ? e(W.value) : e, Y.value && V("sort-change", W.value);
 			},
 			onColumnFiltersChange: (e) => {
-				G.value = typeof e == "function" ? e(G.value) : e, B("update:column-filters", G.value);
+				G.value = typeof e == "function" ? e(G.value) : e, V("update:column-filters", G.value);
 			},
 			onRowSelectionChange: (e) => {
 				let t = K.value, n = typeof e == "function" ? e(t) : e;
@@ -4057,7 +4057,7 @@ var Fr = ["data-st-theme"], Ir = {
 						let e = p.additionalSelectedRowIds || [], t = new Set(e.map(String)), n = i.filter((e) => t.has(String(e)));
 						if (n.length > 0) {
 							let t = new Set(n.map(String));
-							B("update:additionalSelectedRowIds", e.filter((e) => !t.has(String(e))));
+							V("update:additionalSelectedRowIds", e.filter((e) => !t.has(String(e))));
 						}
 					}
 				}
@@ -4065,7 +4065,7 @@ var Fr = ["data-st-theme"], Ir = {
 			},
 			onPaginationChange: (e) => {
 				let t = typeof e == "function" ? e(re.value) : e;
-				re.value = t, Y.value && B("page-change", {
+				re.value = t, Y.value && V("page-change", {
 					pageIndex: t.pageIndex,
 					pageSize: t.pageSize
 				});
@@ -4075,15 +4075,15 @@ var Fr = ["data-st-theme"], Ir = {
 			},
 			onColumnSizingInfoChange: (e) => {
 				let t = ie.value, n = typeof e == "function" ? e(t) : e;
-				ie.value = n, t.isResizingColumn && !n.isResizingColumn && B("column-resize", q.value);
+				ie.value = n, t.isResizingColumn && !n.isResizingColumn && V("column-resize", q.value);
 			},
 			onColumnVisibilityChange: (e) => {
 				J.value = typeof e == "function" ? e(J.value) : e;
 			},
-			getCoreRowModel: P(),
-			getSortedRowModel: I(),
-			getFilteredRowModel: te(),
-			getPaginationRowModel: F(),
+			getCoreRowModel: F(),
+			getSortedRowModel: L(),
+			getFilteredRowModel: ee(),
+			getPaginationRowModel: I(),
 			get manualPagination() {
 				return Y.value;
 			},
@@ -4121,7 +4121,7 @@ var Fr = ["data-st-theme"], Ir = {
 			r && (K.value = n);
 		}, { deep: !0 });
 		function Re() {
-			Q.resetRowSelection(), B("update:additionalSelectedRowIds", []);
+			Q.resetRowSelection(), V("update:additionalSelectedRowIds", []);
 		}
 		let ze = he, Be = r(() => he.value > 0), Ve = x({
 			open: !1,
@@ -4138,7 +4138,7 @@ var Fr = ["data-st-theme"], Ir = {
 		function Ue() {
 			let e = p.defaultInsertLabel;
 			if (typeof e == "string" && e.trim() !== "") {
-				B("insert-row");
+				V("insert-row");
 				return;
 			}
 			He();
@@ -4158,36 +4158,36 @@ var Fr = ["data-st-theme"], Ir = {
 			};
 		}
 		function Ke(e) {
-			if (Ve.value.mode === "insert") p.stagedEdits ? Ee(e) : B("insert-row", e);
+			if (Ve.value.mode === "insert") p.stagedEdits ? Ee(e) : V("insert-row", e);
 			else if (p.stagedEdits) {
 				let t = fe.value, n = String(e[t] ?? e.id), r = Se(n) ?? {}, i = {};
 				for (let n of Object.keys(e)) n !== t && e[n] !== r[n] && (i[n] = e[n]);
 				Object.keys(i).length > 0 && De(n, i);
-			} else B("update-row", {
+			} else V("update-row", {
 				id: e.id,
 				changes: e
 			});
 			Ge();
 		}
 		function qe(e) {
-			p.stagedEdits ? Oe(e) : B("delete-rows", e), Q.resetRowSelection(), B("update:additionalSelectedRowIds", []);
+			p.stagedEdits ? Oe(e) : V("delete-rows", e), Q.resetRowSelection(), V("update:additionalSelectedRowIds", []);
 		}
 		function Je(e) {
 			let t = (e ?? []).map(String).filter(Boolean);
-			t.length !== 0 && (z.value = t, R.value = !0);
+			t.length !== 0 && (B.value = t, z.value = !0);
 		}
 		function Ye() {
 			Je(ge());
 		}
 		function Xe() {
-			let e = [...z.value];
-			R.value = !1, qe(e);
+			let e = [...B.value];
+			z.value = !1, qe(e);
 		}
-		k(R, (e) => {
-			e || (z.value = []);
+		k(z, (e) => {
+			e || (B.value = []);
 		});
 		function Ze(e, t, n) {
-			p.stagedEdits ? De(e, { [t]: n }) : B("update-row", {
+			p.stagedEdits ? De(e, { [t]: n }) : V("update-row", {
 				id: e,
 				changes: { [t]: n }
 			});
@@ -4218,24 +4218,25 @@ var Fr = ["data-st-theme"], Ir = {
 			}, Pr($e);
 		}
 		function et(e, t) {
-			G.value.find((t) => t.id === e) ? G.value = G.value.map((n) => n.id === e ? {
+			let n;
+			n = G.value.find((t) => t.id === e) ? G.value.map((n) => n.id === e ? {
 				...n,
 				value: {
 					operator: "=",
 					value: t
 				}
-			} : n) : G.value = [...G.value, {
+			} : n) : [...G.value, {
 				id: e,
 				value: {
 					operator: "=",
 					value: t
 				}
-			}];
+			}], G.value = n, V("update:column-filters", n);
 		}
 		b("themeVars", r(() => ({
 			...E.value,
 			...A.value
-		}))), b("originalColumnMetaById", Le), b("table", Q), b("tableSourceRows", Te), b("tableName", p.tableName), b("showDataTypes", p.showDataTypes), b("editable", V), b("showRowBorders", p.showRowBorders), b("showColumnBorders", p.showColumnBorders), b("cellButtonVisibility", r(() => p.cellButtonVisibility)), b("cellOverflow", r(() => p.cellOverflow)), b("insertRow", () => B("insert-row")), b("openInsertPanel", He), b("emptyTitle", r(() => p.emptyTitle)), b("emptyMessage", r(() => p.emptyMessage)), b("defaultInsertLabel", r(() => p.defaultInsertLabel)), b("insertActions", r(() => p.insertActions)), b("loading", r(() => p.loading)), b("expanded", le), b("toggleRowExpanded", ue), b("getSubTable", p.getSubTable), b("nestingDepth", p.nestingDepth), b("parentTheme", r(() => p.theme)), b("parentAccentColor", r(() => p.accentColor)), b("subTableSorting", ae), b("subTableColumnFilters", oe), b("subTableColumnVisibility", se), b("stagedEditsEnabled", r(() => p.stagedEdits)), b("getRowPendingState", je), b("getCellPendingState", Me), b("getCellPreviousValue", Ne), b("undoRowEdit", ke), b("undoCellEdit", Ae), k(() => p.rows, () => {
+		}))), b("originalColumnMetaById", Le), b("table", Q), b("tableSourceRows", Te), b("tableName", p.tableName), b("showDataTypes", p.showDataTypes), b("editable", H), b("showRowBorders", p.showRowBorders), b("showColumnBorders", p.showColumnBorders), b("cellButtonVisibility", r(() => p.cellButtonVisibility)), b("cellOverflow", r(() => p.cellOverflow)), b("insertRow", () => V("insert-row")), b("openInsertPanel", He), b("emptyTitle", r(() => p.emptyTitle)), b("emptyMessage", r(() => p.emptyMessage)), b("defaultInsertLabel", r(() => p.defaultInsertLabel)), b("insertActions", r(() => p.insertActions)), b("loading", r(() => p.loading)), b("expanded", le), b("toggleRowExpanded", ue), b("getSubTable", p.getSubTable), b("nestingDepth", p.nestingDepth), b("parentTheme", r(() => p.theme)), b("parentAccentColor", r(() => p.accentColor)), b("subTableSorting", ae), b("subTableColumnFilters", oe), b("subTableColumnVisibility", se), b("stagedEditsEnabled", r(() => p.stagedEdits)), b("getRowPendingState", je), b("getCellPendingState", Me), b("getCellPreviousValue", Ne), b("undoRowEdit", ke), b("undoCellEdit", Ae), k(() => p.rows, () => {
 			Q.resetRowSelection();
 		});
 		function tt() {
@@ -4244,8 +4245,8 @@ var Fr = ["data-st-theme"], Ir = {
 			let t = document.createElement("canvas").getContext("2d");
 			if (!t) return e;
 			let n = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
-			if (M.value) {
-				let e = getComputedStyle(M.value).fontFamily;
+			if (N.value) {
+				let e = getComputedStyle(N.value).fontFamily;
 				e && e.trim() !== "" && (n = e);
 			}
 			t.font = `13px ${n}`;
@@ -4289,8 +4290,8 @@ var Fr = ["data-st-theme"], Ir = {
 			}
 			q.value = t;
 		}
-		let rt = null;
-		function it() {
+		let rt = null, it = !1;
+		function at() {
 			rt?.disconnect(), rt = null;
 		}
 		return _(() => {
@@ -4298,28 +4299,32 @@ var Fr = ["data-st-theme"], Ir = {
 				await m(), await new Promise((e) => {
 					requestAnimationFrame(() => e());
 				});
-				let e = N.value?.getScrollViewportInnerWidth?.() ?? 0;
-				if (nt(e), e > 0) return;
-				let t = typeof N.value?.getViewportResizeObserveTarget == "function" ? N.value.getViewportResizeObserveTarget() : null;
-				t && typeof ResizeObserver < "u" && (it(), rt = new ResizeObserver(() => {
-					let e = N.value?.getScrollViewportInnerWidth?.() ?? 0;
-					e <= 0 || (nt(e), it());
+				let e = P.value?.getScrollViewportInnerWidth?.() ?? 0;
+				if (nt(e), it = Te.value.length > 0, e > 0) return;
+				let t = typeof P.value?.getViewportResizeObserveTarget == "function" ? P.value.getViewportResizeObserveTarget() : null;
+				t && typeof ResizeObserver < "u" && (at(), rt = new ResizeObserver(() => {
+					let e = P.value?.getScrollViewportInnerWidth?.() ?? 0;
+					e <= 0 || (nt(e), at());
 				}), rt.observe(t));
 			})();
+		}), k(() => p.rows, async (e) => {
+			it || e.length === 0 || (it = !0, await m(), await new Promise((e) => {
+				requestAnimationFrame(() => e());
+			}), nt(P.value?.getScrollViewportInnerWidth?.() ?? 0));
 		}), v(() => {
-			it(), Pr($e);
+			at(), Pr($e);
 		}), c({ openDeleteConfirmation: Je }), (r, c) => (y(), o("div", {
 			ref_key: "rootElRef",
-			ref: M,
+			ref: N,
 			class: h(["data-table-root flex flex-col text-[13px]", t.nestingDepth === 0 ? "flex-1 min-h-0 min-w-0" : ""]),
 			"data-st-theme": t.theme,
-			style: g(ee.value)
+			style: g(M.value)
 		}, [
 			t.showToolbar ? (y(), o(e, { key: 0 }, [Be.value ? (y(), i(xt, {
 				key: 0,
 				"selected-count": T(ze),
 				table: T(Q),
-				editable: V.value,
+				editable: H.value,
 				"selection-actions": t.selectionActions,
 				"context-menu-actions": t.contextMenuActions,
 				"enable-select-all": t.enableSelectAll,
@@ -4328,8 +4333,8 @@ var Fr = ["data-st-theme"], Ir = {
 				"count-label-singular": t.countLabelSingular,
 				"count-label-plural": t.countLabelPlural,
 				onDeleteConfirmRequest: Ye,
-				onSelectionAction: c[0] ||= (e, t) => B("selection-action", e, t, ge()),
-				onSelectAllMatching: c[1] ||= (e) => B("select-all-matching"),
+				onSelectionAction: c[0] ||= (e, t) => V("selection-action", e, t, ge()),
+				onSelectAllMatching: c[1] ||= (e) => V("select-all-matching"),
 				onClearFullSelection: Re
 			}, null, 8, [
 				"selected-count",
@@ -4349,7 +4354,7 @@ var Fr = ["data-st-theme"], Ir = {
 				"column-filters": G.value,
 				"column-visibility": J.value,
 				"default-column-visibility": t.defaultColumnVisibility,
-				editable: V.value,
+				editable: H.value,
 				loading: t.loading,
 				"is-empty": Te.value.length === 0,
 				"default-insert-label": t.defaultInsertLabel,
@@ -4362,15 +4367,17 @@ var Fr = ["data-st-theme"], Ir = {
 				"sub-table-column-visibility": se.value,
 				"table-name": t.tableName,
 				"onUpdate:sorting": c[2] ||= (e) => W.value = e,
-				"onUpdate:columnFilters": c[3] ||= (e) => G.value = e,
+				"onUpdate:columnFilters": c[3] ||= (e) => {
+					G.value = e, V("update:column-filters", e);
+				},
 				"onUpdate:columnVisibility": c[4] ||= (e) => J.value = e,
 				"onUpdate:subTableSorting": c[5] ||= (e) => ae.value = e,
 				"onUpdate:subTableColumnFilters": c[6] ||= (e) => oe.value = e,
 				"onUpdate:subTableColumnVisibility": c[7] ||= (e) => se.value = e,
 				onInsertRow: Ue,
-				onInsertAction: c[8] ||= (e) => B("insert-action", e),
-				onRefresh: c[9] ||= (e) => B("refresh"),
-				onToolbarAction: c[10] ||= (e) => B("toolbar-action", e)
+				onInsertAction: c[8] ||= (e) => V("insert-action", e),
+				onRefresh: c[9] ||= (e) => V("refresh"),
+				onToolbarAction: c[10] ||= (e) => V("toolbar-action", e)
 			}, null, 8, [
 				"table",
 				"sorting",
@@ -4408,7 +4415,7 @@ var Fr = ["data-st-theme"], Ir = {
 			])) : a("", !0),
 			s("div", Rr, [s("div", zr, [u(En, {
 				ref_key: "tableGridRef",
-				ref: N,
+				ref: P,
 				table: T(Q),
 				onUpdateCell: Ze,
 				onContextMenu: Qe,
@@ -4435,7 +4442,7 @@ var Fr = ["data-st-theme"], Ir = {
 				"count-label-singular",
 				"count-label-plural"
 			])) : a("", !0)]), u(n, { name: "slide-panel" }, {
-				default: j(() => [(V.value.insert || V.value.update) && Ve.value.open ? (y(), i(hr, {
+				default: j(() => [(H.value.insert || H.value.update) && Ve.value.open ? (y(), i(hr, {
 					key: 0,
 					mode: Ve.value.mode,
 					"row-data": Ve.value.rowData,
@@ -4452,9 +4459,9 @@ var Fr = ["data-st-theme"], Ir = {
 				_: 1
 			})]),
 			u(Or, {
-				modelValue: R.value,
-				"onUpdate:modelValue": c[12] ||= (e) => R.value = e,
-				"row-count": z.value.length,
+				modelValue: z.value,
+				"onUpdate:modelValue": c[12] ||= (e) => z.value = e,
+				"row-count": B.value.length,
 				onConfirm: Xe
 			}, null, 8, ["modelValue", "row-count"]),
 			$.value.show ? (y(), i(wr, {
@@ -4464,7 +4471,7 @@ var Fr = ["data-st-theme"], Ir = {
 				row: $.value.row,
 				cell: $.value.cell,
 				"custom-actions": t.contextMenuActions,
-				"allow-row-edit": H.value,
+				"allow-row-edit": te.value,
 				"allow-row-delete": ne.value,
 				onClose: $e,
 				onEditRow: c[13] ||= (e) => We($.value.row.original),
@@ -4472,7 +4479,7 @@ var Fr = ["data-st-theme"], Ir = {
 				onFilterByValue: et,
 				onUndoRow: c[15] ||= (e) => ke($.value.row.id),
 				onUndoCell: c[16] ||= (e) => Ae($.value.row.id, e),
-				onRowAction: c[17] ||= (e, t) => B("row-action", e, t)
+				onRowAction: c[17] ||= (e, t) => V("row-action", e, t)
 			}, null, 8, [
 				"x",
 				"y",
@@ -4484,6 +4491,6 @@ var Fr = ["data-st-theme"], Ir = {
 			])) : a("", !0)
 		], 14, Fr));
 	}
-}, [["__scopeId", "data-v-3ec50e77"]]);
+}, [["__scopeId", "data-v-4b5ed867"]]);
 //#endregion
 export { Vr as DataTable };