morya-ui 0.4.4 → 0.5.0

package/dist/table/index.js

@@ -1,19 +1,19 @@
-import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { n as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useControllable-elmWaz23.js";
 import { t as n } from "../Icon-CmHjx7W8.js";
 import { t as r } from "../Scrollbar-DTeJ8P5b.js";
-import { t as i } from "../Button-Bjsth0ct.js";
-import { t as a } from "../Checkbox-Bo26OGHP.js";
-import { t as o } from "../Loading-D_qRwfKv.js";
-import { t as s } from "../Pagination-CnGOpp0m.js";
-import { t as c } from "../Input-CxSTVp9E.js";
-import { t as l } from "../Popover-D1uZ1N9Z.js";
-import { t as u } from "../Tooltip-DSfkflHp.js";
-import { t as d } from "../Radio-CZAyelC_.js";
-import { o as f } from "../config-BEpyhJi3.js";
-import { n as p } from "../locale-CZddM-tH.js";
+import { t as i } from "../Button-fKkfCnYv.js";
+import { t as a } from "../Checkbox-BXC2mLNd.js";
+import { t as o } from "../Loading-DE9Iaiao.js";
+import { t as s } from "../Pagination-DpNOb0CS.js";
+import { t as c } from "../Input-D2bee2LU.js";
+import { t as l } from "../Popover-Bnz7KNZq.js";
+import { t as u } from "../Tooltip-5zRVTTVs.js";
+import { t as d } from "../Radio-BbznzRbr.js";
+import { o as f } from "../config-Cd20zAyW.js";
+import { n as p } from "../locale-BcxMPufl.js";
 import "./style.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, nextTick as E, normalizeClass as D, normalizeProps as O, normalizeStyle as k, onBeforeUnmount as ee, onMounted as te, openBlock as A, provide as ne, ref as j, renderList as M, renderSlot as N, toDisplayString as P, toRefs as re, unref as F, useAttrs as ie, useSlots as ae, watch as I, withCtx as L, withKeys as oe, withModifiers as R } from "vue";
+import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, guardReactiveProps as w, mergeProps as T, nextTick as E, normalizeClass as D, normalizeProps as O, normalizeStyle as ee, onBeforeUnmount as te, onMounted as ne, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, toDisplayString as P, toRefs as re, unref as F, useAttrs as ie, useSlots as ae, watch as I, withCtx as L, withKeys as oe, withModifiers as R } from "vue";
 //#region src/components/Table/columns/keys.ts
 var z = {
 	expand: "__m_expand",
@@ -109,44 +109,44 @@ function fe(e, t) {
 		})), ...n(i ?? [])], ...a.map(n)];
 	});
 }
-function pe(e, t, n) {
+function B(e, t, n) {
 	return typeof e == "string" ? e : e(t, n);
 }
-function me(e, t, n, r) {
+function pe(e, t, n, r) {
 	let i = t.find((t) => t.value === e.value), a = e.width ?? i?.width ?? (n ? 100 : null);
 	if (a && r) return `width: ${a}px; min-width: ${a}px;`;
 	let o = e.minWidth ?? i?.minWidth;
 	if (o && r) return `min-width: ${o}px;`;
 }
-function he(e, t, n, r) {
+function me(e, t, n, r) {
 	if (!r) return;
 	let i = n.find((t) => t.value === e);
 	if (i) return `${i.fixed === "right" ? "right" : "left"}: ${i.distance}px;z-index: ${t === "th" ? 3 : 1};position: sticky;`;
 }
-function ge(e) {
+function he(e) {
 	if (e) {
 		if (e === "start" || e === "left") return "start";
 		if (e === "end" || e === "right") return "end";
 		if (e === "center") return "center";
 	}
 }
-function _e(e) {
+function ge(e) {
 	if (e === !0 || e === "left") return "left";
 	if (e === "right") return "right";
 }
-function ve(e) {
+function _e(e) {
 	return String(e.label ?? e.value ?? "");
 }
-function ye(e) {
-	let t = e.children?.length ? e.children.map(ye) : void 0;
+function ve(e) {
+	let t = e.children?.length ? e.children.map(ve) : void 0;
 	return {
 		text: e.label,
 		value: e.key,
 		sortable: e.sortable,
-		fixed: _e(e.fixed),
+		fixed: ge(e.fixed),
 		width: e.width,
 		minWidth: e.minWidth ?? (e.width ? void 0 : 80),
-		align: ge(e.align),
+		align: he(e.align),
 		render: e.render,
 		showOverflowTooltip: e.showOverflowTooltip,
 		resizable: e.resizable,
@@ -155,20 +155,20 @@ function ye(e) {
 		children: t
 	};
 }
-function be(e) {
+function ye(e) {
 	let t = [];
-	for (let n of e) n.children?.length ? t.push(...be(n.children)) : t.push(n);
+	for (let n of e) n.children?.length ? t.push(...ye(n.children)) : t.push(n);
 	return t;
 }
-function xe(e) {
-	return e.children?.length ? e.children.reduce((e, t) => e + xe(t), 0) : 1;
+function be(e) {
+	return e.children?.length ? e.children.reduce((e, t) => e + be(t), 0) : 1;
 }
-function Se(e) {
+function xe(e) {
 	let t = 1;
-	for (let n of e) n.children?.length && (t = Math.max(t, 1 + Se(n.children)));
+	for (let n of e) n.children?.length && (t = Math.max(t, 1 + xe(n.children)));
 	return t;
 }
-function Ce(e, t) {
+function Se(e, t) {
 	if (!t?.length) return e;
 	let n = new Set(t), r = (e) => {
 		let t = [];
@@ -183,9 +183,9 @@ function Ce(e, t) {
 	};
 	return r(e);
 }
-function we(e, t) {
+function Ce(e, t) {
 	if (!t?.length) return e;
-	let n = be(e), r = new Map(n.map((e) => [e.key, e])), i = [], a = /* @__PURE__ */ new Set();
+	let n = ye(e), r = new Map(n.map((e) => [e.key, e])), i = [], a = /* @__PURE__ */ new Set();
 	for (let e of t) {
 		let t = r.get(e);
 		t && !a.has(e) && (i.push(t), a.add(e));
@@ -193,7 +193,7 @@ function we(e, t) {
 	for (let e of n) a.has(e.key) || i.push(e);
 	return i;
 }
-function Te(e, t) {
+function we(e, t) {
 	if (!t) return e;
 	let n = (e) => e.map((e) => {
 		if (e.children?.length) return {
@@ -208,18 +208,18 @@ function Te(e, t) {
 	});
 	return n(e);
 }
-function Ee(e, t = {}) {
-	return Te(we(Ce(e, t.hiddenColumns), t.columnOrder), t.columnWidths);
+function Te(e, t = {}) {
+	return we(Ce(Se(e, t.hiddenColumns), t.columnOrder), t.columnWidths);
 }
-function De(e) {
-	return be(e).map(ye);
+function Ee(e) {
+	return ye(e).map(ve);
 }
-function Oe(e) {
-	let t = e.map(ye);
+function De(e) {
+	let t = e.map(ve);
 	if (!t.some((e) => e.children?.length)) return [t];
-	let n = Se(t), r = Array.from({ length: n }, () => []), i = (e, t) => {
+	let n = xe(t), r = Array.from({ length: n }, () => []), i = (e, t) => {
 		for (let a of e) {
-			let e = xe(a);
+			let e = be(a);
 			a.children?.length ? (r[t].push({
 				...a,
 				colspan: e,
@@ -236,15 +236,15 @@ function Oe(e) {
 	};
 	return i(t, 0), r;
 }
-function ke(e) {
+function Oe(e) {
 	return e ?? "asc";
 }
-function Ae(e) {
+function ke(e) {
 	return e ?? "";
 }
 //#endregion
 //#region src/components/Table/core/utils.ts
-function B(e, t) {
+function V(e, t) {
 	if (e.includes(".")) {
 		let n = e.split("."), r = t;
 		for (let e of n) if (r && typeof r == "object") r = r[e];
@@ -253,24 +253,24 @@ function B(e, t) {
 	}
 	return t[e] ?? "";
 }
-function je(e, t) {
-	let n = B(e, t);
+function Ae(e, t) {
+	let n = V(e, t);
 	return Array.isArray(n) ? n.join(",") : String(n ?? "");
 }
-function V(e, t, n = "id") {
+function H(e, t, n = "id") {
 	let r = e[n];
 	return typeof r == "string" || typeof r == "number" ? r : t;
 }
-function H(e) {
+function U(e) {
 	let t = { ...e };
-	return delete t[z.index], delete t[z.checkbox], delete t.index, delete t.checkbox, t;
+	return delete t[z.index], delete t[z.checkbox], delete t[z.radio], delete t[z.expand], t;
 }
-function U(e, t, n = "id") {
+function W(e, t, n = "id") {
 	if (e === t) return !0;
-	let r = e[n], i = t[n], a = typeof r == "string" || typeof r == "number", o = typeof i == "string" || typeof i == "number";
-	return a && o ? r === i : a || o ? !1 : JSON.stringify(e) === JSON.stringify(t);
+	let r = e[n], i = t[n];
+	return (typeof r == "string" || typeof r == "number") && (typeof i == "string" || typeof i == "number") && r === i;
 }
-function Me(e, t = "id") {
+function je(e, t = "id") {
 	let n = /* @__PURE__ */ new Set();
 	for (let r of e) {
 		let e = r[t];
@@ -278,13 +278,13 @@ function Me(e, t = "id") {
 	}
 	return n;
 }
-function Ne(e, t, n, r = "id") {
+function Me(e, t, n, r = "id") {
 	let i = e[r];
-	return typeof i == "string" || typeof i == "number" ? n.has(i) : t.some((t) => U(t, e, r));
+	return typeof i == "string" || typeof i == "number" ? n.has(i) : t.some((t) => W(t, e, r));
 }
 //#endregion
 //#region src/components/Table/core/tree.ts
-function Pe(e) {
+function Ne(e) {
 	return {
 		childrenField: e?.childrenField ?? "children",
 		indent: e?.indent ?? 16,
@@ -303,7 +303,7 @@ function Pe(e) {
 		toggleMethod: e?.toggleMethod
 	};
 }
-function Fe(e, t, n, r) {
+function Pe(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map(), a = [];
 	for (let n of e) {
 		let e = n[t];
@@ -335,34 +335,37 @@ function Fe(e, t, n, r) {
 	};
 	return o(a), a;
 }
-function W(e, t) {
+function G(e, t) {
 	let n = e[t];
 	return Array.isArray(n) ? n : [];
 }
-function Ie(e, t, n, r) {
-	return W(e, t).length > 0 ? !0 : n ? !!e[r] : !1;
+function Fe(e, t, n, r) {
+	return G(e, t).length > 0 ? !0 : n ? !!e[r] : !1;
 }
-function Le(e, t, n, r, i) {
+function Ie(e, t, n, r, i) {
 	let a = [], o = (e, s) => {
 		e.forEach((e, c) => {
-			let l = V(e, s + c, t);
-			Ie(e, n, r, i) && (a.push(l), o(W(e, n), 0));
+			let l = H(e, s + c, t);
+			Fe(e, n, r, i) && (a.push(l), o(G(e, n), 0));
 		});
 	};
 	return o(e, 0), a;
 }
-function Re(e, t, n, r, i, a, o) {
+function Le(e, t, n, r, i, a, o) {
 	let s = [], c = /* @__PURE__ */ new Map(), l = new Set(t), u = (e, t, d) => {
-		e.forEach((e, f) => {
-			let p = V(e, f, n), m = Ie(e, r, i, a);
-			if (c.set(p, {
+		let f = e.length;
+		e.forEach((e, p) => {
+			let m = H(e, p, n), h = Fe(e, r, i, a);
+			if (c.set(m, {
 				depth: t,
-				hasChildren: m,
-				loading: o.has(p),
-				parentKey: d
-			}), s.push(e), m && l.has(p)) {
-				let n = W(e, r);
-				n.length && u(n, t + 1, p);
+				hasChildren: h,
+				loading: o.has(m),
+				parentKey: d,
+				posInSet: p + 1,
+				setSize: f
+			}), s.push(e), h && l.has(m)) {
+				let n = G(e, r);
+				n.length && u(n, t + 1, m);
 			}
 		});
 	};
@@ -371,16 +374,16 @@ function Re(e, t, n, r, i, a, o) {
 		meta: c
 	};
 }
-function ze(e, t, n) {
+function Re(e, t, n) {
 	let r = [];
 	for (let i of e) {
-		let e = W(i, t);
+		let e = G(i, t);
 		if (n(i)) {
 			r.push(i);
 			continue;
 		}
 		if (!e.length) continue;
-		let a = ze(e, t, n);
+		let a = Re(e, t, n);
 		a.length && r.push({
 			...i,
 			[t]: a
@@ -388,105 +391,105 @@ function ze(e, t, n) {
 	}
 	return r;
 }
-function Be(e, t, n, r) {
+function ze(e, t, n, r) {
 	let i = /* @__PURE__ */ new Set();
 	for (let [e, a] of r) a.parentKey === n && e !== t && i.add(e);
 	return [...e.filter((e) => !i.has(e) && e !== t), t];
 }
 //#endregion
 //#region src/components/Table/core/treeSelection.ts
-function Ve(e, t, n, r = 0, i = null) {
+function K(e, t, n, r = 0, i = null) {
 	for (let a of e) {
 		n(a, r, i);
-		let e = W(a, t);
-		e.length && Ve(e, t, n, r + 1, a);
+		let e = G(a, t);
+		e.length && K(e, t, n, r + 1, a);
 	}
 }
-function He(e, t) {
+function Be(e, t) {
 	let n = [];
-	return Ve([e], t, (e) => {
+	return K([e], t, (e) => {
 		n.push(e);
 	}), n;
 }
-function Ue(e, t) {
+function Ve(e, t) {
 	return !t || t(e);
 }
-function We(e) {
-	let { selected: t, row: n, rowKey: r, childrenField: i, checkStrictly: a, checkMethod: o } = e, s = H(n), c = (a ? [s] : He(s, i)).filter((e) => Ue(e, o)).map(H);
+function He(e) {
+	let { selected: t, row: n, rowKey: r, childrenField: i, checkStrictly: a, checkMethod: o } = e, s = U(n), c = (a ? [s] : Be(s, i)).filter((e) => Ve(e, o)).map(U);
 	if (!c.length) return {
 		next: t,
 		selected: !1,
 		affected: []
 	};
-	let l = !t.some((e) => U(e, s, r)), u = [...t];
-	if (l) for (let e of c) u.some((t) => U(t, e, r)) || u.push(e);
-	else u = u.filter((e) => !c.some((t) => U(e, t, r)));
+	let l = !t.some((e) => W(e, s, r)), u = [...t];
+	if (l) for (let e of c) u.some((t) => W(t, e, r)) || u.push(e);
+	else u = u.filter((e) => !c.some((t) => W(e, t, r)));
 	return {
 		next: u,
 		selected: l,
 		affected: c
 	};
 }
-function Ge(e, t, n, r, i) {
+function Ue(e, t, n, r, i) {
 	let a = /* @__PURE__ */ new Set();
 	for (let e of t) {
 		let t = e[n];
 		(typeof t == "string" || typeof t == "number") && a.add(t);
 	}
 	let o = /* @__PURE__ */ new Set(), s = [];
-	Ve(e, r, (e) => {
-		let t = W(e, r);
+	K(e, r, (e) => {
+		let t = G(e, r);
 		t.length && s.push({
 			row: e,
 			children: t
 		});
 	}), s.reverse();
 	for (let { row: e, children: t } of s) {
-		let r = V(e, 0, n), s = 0, c = 0, l = 0;
+		let r = H(e, 0, n), s = 0, c = 0, l = 0;
 		for (let e of t) {
-			let t = V(e, 0, n);
-			Ue(e, i) && (l += 1), a.has(t) ? s += 1 : o.has(t) && (c += 1);
+			let t = H(e, 0, n);
+			Ve(e, i) && (l += 1), a.has(t) ? s += 1 : o.has(t) && (c += 1);
 		}
 		let u = l > 0 && s >= l;
 		u ? ((typeof r == "string" || typeof r == "number") && a.add(r), o.delete(r)) : !u && (s > 0 || c > 0) ? (o.add(r), a.delete(r)) : o.delete(r);
 	}
 	return o;
 }
-function Ke(e, t, n, r, i) {
-	let a = Ge(e, t, n, r, i), o = /* @__PURE__ */ new Set();
+function We(e, t, n, r, i) {
+	let a = Ue(e, t, n, r, i), o = /* @__PURE__ */ new Set();
 	for (let e of t) {
 		let t = e[n];
 		(typeof t == "string" || typeof t == "number") && o.add(t);
 	}
 	let s = [];
-	Ve(e, r, (e) => {
-		W(e, r).length && s.push(e);
+	K(e, r, (e) => {
+		G(e, r).length && s.push(e);
 	}), s.reverse();
 	let c = t.filter((e) => {
 		let t = e[n];
 		return typeof t != "string" && typeof t != "number" || !a.has(t);
 	});
 	for (let e of s) {
-		let t = V(e, 0, n);
+		let t = H(e, 0, n);
 		if (a.has(t)) continue;
-		let s = W(e, r).filter((e) => Ue(e, i));
+		let s = G(e, r).filter((e) => Ve(e, i));
 		if (s.length) {
 			if (s.every((e) => {
-				let t = V(e, 0, n);
-				return o.has(t) || c.some((t) => U(t, e, n));
+				let t = H(e, 0, n);
+				return o.has(t) || c.some((t) => W(t, e, n));
 			})) {
-				let r = H(e);
-				c.some((e) => U(e, r, n)) || (c.push(r), o.add(t));
-			} else c = c.filter((t) => !U(t, e, n)), o.delete(t);
+				let r = U(e);
+				c.some((e) => W(e, r, n)) || (c.push(r), o.add(t));
+			} else c = c.filter((t) => !W(t, e, n)), o.delete(t);
 		}
 	}
 	return c;
 }
 //#endregion
 //#region src/components/Table/columns/useFixedColumn.ts
-var qe = (e) => e.fixed === "right", Je = (e) => !!e.fixed;
-function Ye(e) {
-	let t = h(() => e.value.filter(Je)), n = h(() => e.value.filter((e) => Je(e) && !qe(e))), r = h(() => e.value.filter(qe));
+var Ge = (e) => e.fixed === "right", Ke = (e) => !!e.fixed;
+function qe(e) {
+	let t = h(() => e.value.filter(Ke)), n = h(() => e.value.filter((e) => Ke(e) && !Ge(e))), r = h(() => e.value.filter(Ge));
 	return {
 		fixedHeaders: t,
 		lastFixedColumn: h(() => n.value.length ? n.value[n.value.length - 1].value : ""),
@@ -508,7 +511,7 @@ function Ye(e) {
 		})
 	};
 }
-function Xe(e) {
+function Je(e) {
 	let { showIndexSymbol: t, checkboxColumnWidth: n, expandColumnWidth: r, fixedCheckbox: i, fixedExpand: a, fixedIndex: o, headers: s, ifHasExpandSlot: c, indexColumnWidth: l, selectionColumn: u, isServerSideMode: d, mustSort: f, serverOptionsComputed: p, showIndex: m, sortBy: g, sortType: _, multiSort: v, sortMode: y, updateServerOptionsSort: b, emits: x } = e, S = h(() => s.value.some((e) => e.fixed)), C = h(() => S.value ? s.value.filter((e) => e.fixed && e.fixed !== "right") : []), w = h(() => S.value ? s.value.filter((e) => e.fixed === "right") : []), T = h(() => s.value.filter((e) => !e.fixed)), E = (e, t) => Array.isArray(e) && Array.isArray(t) ? {
 		sortBy: e,
 		sortDesc: t.map((e) => e === "desc")
@@ -524,7 +527,7 @@ function Xe(e) {
 		set: (e) => {
 			D.value = e;
 		}
-	}), k = h(() => {
+	}), ee = h(() => {
 		let e = [
 			...C.value,
 			...T.value,
@@ -573,8 +576,8 @@ function Xe(e) {
 	});
 	return {
 		clientSortOptions: O,
-		headerColumns: h(() => k.value.map((e) => e.value)),
-		headersForRender: k,
+		headerColumns: h(() => ee.value.map((e) => e.value)),
+		headersForRender: ee,
 		updateSortField: (e, t) => {
 			let n = null;
 			if (n = t === "none" ? "asc" : t === "asc" ? "desc" : f.value ? "asc" : null, d.value && b(e, n), y.value !== "emit") {
@@ -591,7 +594,7 @@ function Xe(e) {
 					sortDesc: n === "desc"
 				};
 			}
-			x("sort", {
+			x("sort-change", {
 				sortField: e,
 				sortOrder: n
 			});
@@ -601,7 +604,7 @@ function Xe(e) {
 				...p.value,
 				sortBy: null,
 				sortType: null
-			}), x("sort", {
+			}), x("sort-change", {
 				sortField: void 0,
 				sortOrder: null
 			});
@@ -612,10 +615,10 @@ function Xe(e) {
 }
 //#endregion
 //#region src/components/Table/state/useClickRow.ts
-function Ze(e) {
+function Ye(e) {
 	let t = (t, n, r, i) => {
 		e(t, {
-			row: H(n),
+			row: U(n),
 			index: r
 		}, i);
 	};
@@ -630,7 +633,7 @@ function Ze(e) {
 }
 //#endregion
 //#region src/components/Table/state/useColumnResize.ts
-function Qe(e, t, n) {
+function Xe(e, t, n) {
 	let r = null, i = null, a = 0;
 	function o() {
 		if (!i) return;
@@ -663,22 +666,22 @@ function Qe(e, t, n) {
 			startWidth: a
 		}, i = null, window.addEventListener("mousemove", s), window.addEventListener("mouseup", c);
 	}
-	return ee(() => {
+	return te(() => {
 		a && cancelAnimationFrame(a), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", c);
 	}), { onResizeStart: l };
 }
 //#endregion
 //#region src/components/Table/core/tableQuery.ts
-function $e(e, t, n) {
+function Ze(e, t, n) {
 	if (typeof e == "number" && typeof t == "number") return e < t ? n ? 1 : -1 : e > t ? n ? -1 : 1 : 0;
 	let r = String(e ?? ""), i = String(t ?? "");
 	return r < i ? n ? 1 : -1 : r > i ? n ? -1 : 1 : 0;
 }
-function et(e, t) {
+function Qe(e, t) {
 	return typeof t == "function" ? t(e) : Array.isArray(t) ? t.length === 0 || t.some((t) => t === e || String(t) === String(e ?? "")) : typeof t == "string" ? String(e ?? "").toLowerCase().includes(t.toLowerCase()) : e === t || String(e ?? "") === String(t);
 }
-function tt(e, t) {
-	let { field: n, comparison: r, criteria: i } = t, a = B(String(n), e);
+function $e(e, t) {
+	let { field: n, comparison: r, criteria: i } = t, a = V(String(n), e);
 	if (typeof r == "function") return r(a, i);
 	switch (r) {
 		case "=": return a === i;
@@ -695,32 +698,32 @@ function tt(e, t) {
 		default: return a === i;
 	}
 }
-function nt(e, t, n) {
+function et(e, t, n) {
 	let r = [...e];
-	if (t) for (let [e, n] of Object.entries(t)) n != null && n !== "" && (r = r.filter((t) => et(B(e, t), n)));
-	if (n) for (let e of n) r = r.filter((t) => tt(t, e));
+	if (t) for (let [e, n] of Object.entries(t)) n != null && n !== "" && (r = r.filter((t) => Qe(V(e, t), n)));
+	if (n) for (let e of n) r = r.filter((t) => $e(t, e));
 	return r;
 }
-function rt(e, t) {
-	return typeof t == "string" && t !== "" ? String(B(t, e)) : Array.isArray(t) ? t.map((t) => String(B(t, e))).join("") : Object.values(e).join(" ");
+function tt(e, t) {
+	return typeof t == "string" && t !== "" ? String(V(t, e)) : Array.isArray(t) ? t.map((t) => String(V(t, e))).join("") : Object.values(e).join(" ");
 }
-function it(e, t, n = "") {
+function nt(e, t, n = "") {
 	if (!t) return e;
 	let r = t.toLowerCase();
-	return e.filter((e) => rt(e, n).toLowerCase().includes(r));
+	return e.filter((e) => tt(e, n).toLowerCase().includes(r));
 }
-function at(e, t, n, r) {
+function rt(e, t, n, r) {
 	let i = e[r], a = t[r];
-	return (r === 0 ? n : at(e, t, n, r - 1)).sort((t, n) => {
-		for (let i = 0; i < r; i += 1) if (B(e[i], t) !== B(e[i], n)) return 0;
-		return $e(B(i, t), B(i, n), a);
+	return (r === 0 ? n : rt(e, t, n, r - 1)).sort((t, n) => {
+		for (let i = 0; i < r; i += 1) if (V(e[i], t) !== V(e[i], n)) return 0;
+		return Ze(V(i, t), V(i, n), a);
 	});
 }
-function ot(e, t, n, r = !1) {
+function it(e, t, n, r = !1) {
 	let i = [...e];
-	return r && Array.isArray(t) && Array.isArray(n) ? t.length === 0 ? i : at(t, n, i, t.length - 1) : i.sort((e, r) => $e(B(t, e), B(t, r), n));
+	return r && Array.isArray(t) && Array.isArray(n) ? t.length === 0 ? i : rt(t, n, i, t.length - 1) : i.sort((e, r) => Ze(V(t, e), V(t, r), n));
 }
-function st(e, t) {
+function at(e, t) {
 	return e.indexOf(t) === -1 ? {
 		next: [...e, t],
 		expanded: !0
@@ -729,10 +732,10 @@ function st(e, t) {
 		expanded: !1
 	};
 }
-function ct(e, t, n = "id") {
-	let r = H(t);
-	return e.some((e) => U(e, r, n)) ? {
-		next: e.filter((e) => !U(e, r, n)),
+function ot(e, t, n = "id") {
+	let r = U(t);
+	return e.some((e) => W(e, r, n)) ? {
+		next: e.filter((e) => !W(e, r, n)),
 		selected: !1,
 		row: r
 	} : {
@@ -743,7 +746,7 @@ function ct(e, t, n = "id") {
 }
 //#endregion
 //#region src/components/Table/state/useExpandableRow.ts
-function lt(e, t, n, r, i, a, o) {
+function st(e, t, n, r, i, a, o) {
 	let s = j([]), c = j(!1), l = h(() => e.value ?? s.value), u = h(() => ({
 		expandAll: !!i.value?.expandAll,
 		expandRowKeys: i.value?.expandRowKeys,
@@ -752,8 +755,8 @@ function lt(e, t, n, r, i, a, o) {
 		toggleMethod: i.value?.toggleMethod
 	}));
 	function d(e, t, n) {
-		s.value = e, r("update:expandedRowKeys", e), t != null && n != null && r("expand", {
-			row: H(t),
+		s.value = e, r("update:expandedRowKeys", e), t != null && n != null && r("expand-change", {
+			row: U(t),
 			expanded: n
 		});
 	}
@@ -769,7 +772,7 @@ function lt(e, t, n, r, i, a, o) {
 				return;
 			}
 			if (u.value.expandAll) {
-				d(o.value.map((e, n) => V(e, n, t.value))), c.value = !0;
+				d(o.value.map((e, n) => H(e, n, t.value))), c.value = !0;
 				return;
 			}
 			u.value.expandRowKeys?.length && (d([...u.value.expandRowKeys]), c.value = !0);
@@ -777,24 +780,24 @@ function lt(e, t, n, r, i, a, o) {
 	}, { immediate: !0 }), I(i, () => {
 		c.value = !1;
 	});
-	let f = (e, r) => V(e, n.value + r, t.value), p = (e, t) => l.value.includes(f(e, t));
+	let f = (e, r) => H(e, n.value + r, t.value), p = (e, t) => l.value.includes(f(e, t));
 	function m(e) {
-		return l.value.includes(V(e, 0, t.value));
+		return l.value.includes(H(e, 0, t.value));
 	}
 	function g() {
 		let e = new Set(l.value);
-		return o.value.filter((n, r) => e.has(V(n, r, t.value))).map(H);
+		return o.value.filter((n, r) => e.has(H(n, r, t.value))).map(U);
 	}
 	function _(e, n) {
 		if (!a.value) return;
 		let i = Array.isArray(e) ? e : [e], o = [...l.value];
 		for (let e of i) {
-			let i = V(e, 0, t.value), a = o.includes(i);
+			let i = H(e, 0, t.value), a = o.includes(i);
 			a !== n && (u.value.toggleMethod && u.value.toggleMethod({
-				row: H(e),
+				row: U(e),
 				expanded: n
-			}) === !1 || (n ? u.value.accordion ? o = [i] : a || o.push(i) : o = o.filter((e) => e !== i), r("expand", {
-				row: H(e),
+			}) === !1 || (n ? u.value.accordion ? o = [i] : a || o.push(i) : o = o.filter((e) => e !== i), r("expand-change", {
+				row: U(e),
 				expanded: n
 			})));
 		}
@@ -806,7 +809,7 @@ function lt(e, t, n, r, i, a, o) {
 				d([]);
 				return;
 			}
-			d(o.value.map((e, n) => V(e, n, t.value)));
+			d(o.value.map((e, n) => H(e, n, t.value)));
 		}
 	}
 	function y() {
@@ -829,21 +832,18 @@ function lt(e, t, n, r, i, a, o) {
 			if (n?.stopPropagation(), !a.value || u.value.trigger === "manual") return;
 			let r = f(e, t), i = !l.value.includes(r);
 			if (u.value.toggleMethod && u.value.toggleMethod({
-				row: H(e),
+				row: U(e),
 				expanded: i
 			}) === !1) return;
 			let o;
-			u.value.accordion && i ? o = [r] : {next: o} = st(l.value, r), d(o, e, i);
+			u.value.accordion && i ? o = [r] : {next: o} = at(l.value, r), d(o, e, i);
 		}
 	};
 }
 //#endregion
 //#region src/components/Table/state/usePageItems.ts
-function ut(e, t, n, r, i, a, o, s, c) {
-	let l = h(() => (e.value - 1) * r.value + 1), u = h(() => t.value ? Math.min(s.value, e.value * r.value) : Math.min(o.value.length, e.value * r.value)), d = h(() => t.value ? n.value : o.value.slice(l.value - 1, u.value)), f = h(() => a.value ? d.value.map((e, t) => ({
-		...e,
-		[z.index]: l.value + t
-	})) : d.value), p = h(() => Me(i.value, c.value)), m = (e) => Ne(e, i.value, p.value, c.value);
+function ct(e, t, n, r, i, a, o, s, c) {
+	let l = h(() => (e.value - 1) * r.value + 1), u = h(() => t.value ? Math.min(s.value, e.value * r.value) : Math.min(o.value.length, e.value * r.value)), d = h(() => t.value ? n.value : o.value.slice(l.value - 1, u.value)), f = d, p = h(() => je(i.value, c.value)), m = (e) => Me(e, i.value, p.value, c.value);
 	return {
 		currentPageFirstIndex: l,
 		currentPageLastIndex: u,
@@ -862,7 +862,7 @@ function ut(e, t, n, r, i, a, o, s, c) {
 }
 //#endregion
 //#region src/components/Table/state/usePagination.ts
-function dt(e, t, n, r, i, a, o) {
+function lt(e, t, n, r, i, a, o) {
 	let s = j(a.value ? a.value.page : e.value), c = h(() => Math.ceil(r.value / i.value)), l = h(() => c.value === 0 || s.value === c.value), u = h(() => s.value === 1);
 	return I(e, (e) => {
 		!t.value && e !== s.value && (s.value = e);
@@ -889,7 +889,7 @@ function dt(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/Table/state/useRows.ts
-function ft(e, t, n, r) {
+function ut(e, t, n, r) {
 	let i = h(() => !e.value && !t.value.includes(r.value) ? [r.value, ...t.value] : t.value), a = j(n.value ? n.value.rowsPerPage : r.value);
 	return I(r, (t) => {
 		!e.value && t !== a.value && (a.value = t);
@@ -905,13 +905,13 @@ function ft(e, t, n, r) {
 }
 //#endregion
 //#region src/components/Table/state/useServerOptions.ts
-function pt(e, t) {
+function dt(e, t) {
 	return {
 		sortBy: Array.isArray(e) ? [...e] : e ? [e] : [],
 		sortType: Array.isArray(t) ? [...t] : t ? [t] : []
 	};
 }
-function mt(e, t, n) {
+function ft(e, t, n) {
 	let r = h({
 		get: () => {
 			if (!e.value) return null;
@@ -938,7 +938,7 @@ function mt(e, t, n) {
 		updateServerOptionsSort: (e, n) => {
 			if (r.value) {
 				if (t.value) {
-					let { sortBy: t, sortType: i } = pt(r.value.sortBy, r.value.sortType), a = t.findIndex((t) => t === e);
+					let { sortBy: t, sortType: i } = dt(r.value.sortBy, r.value.sortType), a = t.findIndex((t) => t === e);
 					a === -1 && n !== null ? (t.push(e), i.push(n)) : n === null ? a !== -1 && (t.splice(a, 1), i.splice(a, 1)) : a === -1 ? (t.push(e), i.push(n)) : i[a] = n, r.value = {
 						...r.value,
 						sortBy: t,
@@ -964,12 +964,12 @@ function mt(e, t, n) {
 }
 //#endregion
 //#region src/components/Table/state/useTotalItems.ts
-function ht(e, t, n, r, i, a, o, s, c, l, u, d) {
-	let f = h(() => r.value || s.value === "" ? i.value : it(i.value, s.value, o.value)), p = h(() => nt(f.value, n.value, t.value)), m = h(() => {
+function pt(e, t, n, r, i, a, o, s, c, l, u, d) {
+	let f = h(() => r.value || s.value === "" ? i.value : nt(i.value, s.value, o.value)), p = h(() => et(f.value, n.value, t.value)), m = h(() => {
 		if (r.value) return i.value;
 		if (e.value === null) return p.value;
 		let { sortBy: t, sortDesc: n } = e.value;
-		return ot(p.value, t, n, l.value);
+		return it(p.value, t, n, l.value);
 	}), g = h(() => r.value ? c.value : m.value.length), _ = h({
 		get: () => a.value ?? [],
 		set: (e) => d("update:selection", e)
@@ -979,37 +979,37 @@ function ht(e, t, n, r, i, a, o, s, c, l, u, d) {
 		selectItemsComputed: _,
 		totalItemsLength: g,
 		toggleSelectAll: (e, t) => {
-			let n = u.value, r = t.map(H);
+			let n = u.value, r = t.map(U);
 			if (e) {
 				let e = [..._.value];
-				for (let t of r) e.some((e) => U(e, t, n)) || e.push(t);
+				for (let t of r) e.some((e) => W(e, t, n)) || e.push(t);
 				_.value = e, d("select-all");
 				return;
 			}
-			_.value = _.value.filter((e) => !r.some((t) => U(e, t, n)));
+			_.value = _.value.filter((e) => !r.some((t) => W(e, t, n)));
 		},
 		toggleSelectItem: (e) => {
-			let { next: t, selected: n, row: r } = ct(_.value, e, u.value);
+			let { next: t, selected: n, row: r } = ot(_.value, e, u.value);
 			_.value = t, d(n ? "select-row" : "deselect-row", r);
 		}
 	};
 }
 //#endregion
 //#region src/components/Table/state/useTreeRows.ts
-function gt(e, t, n, r, i, a, o) {
-	let s = h(() => e.value != null), c = h(() => Pe(e.value)), l = j([]), u = j(/* @__PURE__ */ new Set()), d = j(!1), f = h(() => r.value ?? l.value), p = h(() => {
+function mt(e, t, n, r, i, a, o) {
+	let s = h(() => e.value != null), c = h(() => Ne(e.value)), l = j([]), u = j(/* @__PURE__ */ new Set()), d = j(!1), f = h(() => r.value ?? l.value), p = h(() => {
 		if (!s.value) return [];
-		let e = c.value, r = e.transform ? Fe(t.value, e.rowField || n.value, e.parentField, e.childrenField) : t.value, o = i.value?.trim();
+		let e = c.value, r = e.transform ? Pe(t.value, e.rowField || n.value, e.parentField, e.childrenField) : t.value, o = i.value?.trim();
 		if (!o) return r;
 		let l = Array.isArray(a.value) ? a.value : a.value ? [a.value] : [];
-		return ze(r, e.childrenField, (e) => {
+		return Re(r, e.childrenField, (e) => {
 			let t = l.length ? l.map((t) => String(e[t] ?? "")) : Object.values(e).filter((e) => typeof e != "object" || !e).map((e) => String(e)), n = o.toLowerCase();
 			return t.some((e) => e.toLowerCase().includes(n));
 		});
 	});
 	function m(e, t, n) {
-		l.value = e, o("update:expandedRowKeys", e), t != null && n != null && o("expand", {
-			row: H(t),
+		l.value = e, o("update:expandedRowKeys", e), t != null && n != null && o("expand-change", {
+			row: U(t),
 			expanded: n
 		});
 	}
@@ -1026,7 +1026,7 @@ function gt(e, t, n, r, i, a, o) {
 		}
 		let e = c.value;
 		if (e.expandAll) {
-			m(Le(p.value, n.value, e.childrenField, e.lazy, e.hasChildField)), d.value = !0;
+			m(Ie(p.value, n.value, e.childrenField, e.lazy, e.hasChildField)), d.value = !0;
 			return;
 		}
 		e.expandRowKeys?.length && (m([...e.expandRowKeys]), d.value = !0);
@@ -1039,23 +1039,23 @@ function gt(e, t, n, r, i, a, o) {
 			meta: /* @__PURE__ */ new Map()
 		};
 		let e = c.value;
-		return Re(p.value, f.value, n.value, e.childrenField, e.lazy, e.hasChildField, u.value);
+		return Le(p.value, f.value, n.value, e.childrenField, e.lazy, e.hasChildField, u.value);
 	}), _ = h(() => g.value.rows), v = h(() => g.value.meta);
 	function y(e, t = 0) {
-		return V(e, t, n.value);
+		return H(e, t, n.value);
 	}
 	function b(e) {
 		return f.value.includes(y(e));
 	}
 	function x() {
 		let e = new Set(f.value), t = [], n = c.value, r = (i) => {
-			for (let a of i) e.has(y(a)) && t.push(H(a)), r(W(a, n.childrenField));
+			for (let a of i) e.has(y(a)) && t.push(U(a)), r(G(a, n.childrenField));
 		};
 		return r(p.value), t;
 	}
 	async function S(e, t) {
 		let n = c.value;
-		if (!n.lazy || W(e, n.childrenField).length || !n.loadMethod) return !0;
+		if (!n.lazy || G(e, n.childrenField).length || !n.loadMethod) return !0;
 		let r = new Set(u.value);
 		r.add(t), u.value = r;
 		try {
@@ -1065,26 +1065,26 @@ function gt(e, t, n, r, i, a, o) {
 			let e = new Set(u.value);
 			e.delete(t), u.value = e;
 		}
-		return Ie(e, n.childrenField, !1, n.hasChildField) ? !0 : (e[n.hasChildField] = !1, !1);
+		return Fe(e, n.childrenField, !1, n.hasChildField) ? !0 : (e[n.hasChildField] = !1, !1);
 	}
 	async function C(e, t) {
 		if (!s.value) return;
 		let n = Array.isArray(e) ? e : [e], r = c.value, i = [...f.value];
 		for (let e of n) {
 			let n = y(e);
-			if ((v.value.get(n)?.hasChildren ?? Ie(e, r.childrenField, r.lazy, r.hasChildField)) && i.includes(n) !== t && !(r.toggleMethod && r.toggleMethod({
-				row: H(e),
+			if ((v.value.get(n)?.hasChildren ?? Fe(e, r.childrenField, r.lazy, r.hasChildField)) && i.includes(n) !== t && !(r.toggleMethod && r.toggleMethod({
+				row: U(e),
 				expanded: t
 			}) === !1)) {
 				if (t) {
 					if (!await S(e, n)) continue;
 					if (r.accordion) {
 						let e = v.value.get(n)?.parentKey ?? null;
-						i = Be(i, n, e, v.value);
+						i = ze(i, n, e, v.value);
 					} else i.includes(n) || i.push(n);
 				} else i = i.filter((e) => e !== n);
-				o("expand", {
-					row: H(e),
+				o("expand-change", {
+					row: U(e),
 					expanded: t
 				});
 			}
@@ -1098,7 +1098,7 @@ function gt(e, t, n, r, i, a, o) {
 			m([]);
 			return;
 		}
-		m(Le(p.value, n.value, t.childrenField, t.lazy, t.hasChildField));
+		m(Ie(p.value, n.value, t.childrenField, t.lazy, t.hasChildField));
 	}
 	function T() {
 		m([]);
@@ -1112,11 +1112,11 @@ function gt(e, t, n, r, i, a, o) {
 		if (!i?.hasChildren) return;
 		let a = f.value.includes(r), o = !a;
 		if (c.value.toggleMethod && c.value.toggleMethod({
-			row: H(e),
+			row: U(e),
 			expanded: o
 		}) === !1 || o && !await S(e, r)) return;
 		let l;
-		a ? {next: l} = st(f.value, r) : c.value.accordion && i ? l = Be(f.value, r, i.parentKey, v.value) : {next: l} = st(f.value, r), m(l, e, o);
+		a ? {next: l} = at(f.value, r) : c.value.accordion && i ? l = ze(f.value, r, i.parentKey, v.value) : {next: l} = at(f.value, r), m(l, e, o);
 	}
 	return {
 		treeEnabled: s,
@@ -1136,9 +1136,44 @@ function gt(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/components/Table/state/useVirtualRows.ts
-function _t(e, t, n, r, i, a = 5) {
-	let o = h(() => {
-		let o = t.value, s = Math.max(1, n.value), c = o.length * s;
+function ht(e, t, n, r, i, a = 5, o = {}) {
+	let s = h(() => !!o.dynamic?.value), c = h(() => o.rowKey?.value ?? "id"), l = j(/* @__PURE__ */ new Map());
+	I(() => t.value, (e, t) => {
+		if (e === t) return;
+		let n = /* @__PURE__ */ new Set();
+		e.forEach((e, t) => n.add(H(e, t, c.value)));
+		let r = /* @__PURE__ */ new Map();
+		for (let [e, t] of l.value) n.has(e) && r.set(e, t);
+		l.value = r;
+	});
+	let u = h(() => {
+		let e = t.value, r = Math.max(1, n.value), i = Array(e.length + 1);
+		if (i[0] = 0, !s.value) {
+			for (let t = 0; t < e.length; t += 1) i[t + 1] = (t + 1) * r;
+			return i;
+		}
+		let a = l.value;
+		for (let t = 0; t < e.length; t += 1) {
+			let n = H(e[t], t, c.value), o = a.get(n) ?? r;
+			i[t + 1] = i[t] + o;
+		}
+		return i;
+	});
+	function d(e) {
+		let r = u.value;
+		if (!s.value) {
+			let t = Math.max(1, n.value);
+			return Math.floor(e / t);
+		}
+		let i = 0, a = t.value.length - 1, o = 0;
+		for (; i <= a;) {
+			let t = i + a >> 1;
+			r[t] <= e ? (o = t, i = t + 1) : a = t - 1;
+		}
+		return o;
+	}
+	let f = h(() => {
+		let o = t.value, s = u.value, c = s[o.length] ?? 0;
 		if (!e.value || o.length === 0) return {
 			items: o,
 			startIndex: 0,
@@ -1147,31 +1182,112 @@ function _t(e, t, n, r, i, a = 5) {
 			offsetBottom: 0,
 			totalHeight: c
 		};
-		let l = Math.max(s, i.value || s * 10), u = Math.floor(r.value / s) - a, d = Math.max(0, u), f = Math.ceil(l / s) + a * 2, p = Math.min(o.length, d + f), m = d * s, h = Math.max(0, (o.length - p) * s);
+		let l = Math.max(1, n.value), f = Math.max(l, i.value || l * 10), p = d(r.value) - a, m = Math.max(0, p), h = f + a * 2 * l, g = s[m], _ = m;
+		for (; _ < o.length && s[_ + 1] - g < h;) _ += 1;
+		let v = g, y = Math.max(0, c - (s[_] ?? c));
 		return {
-			items: o.slice(d, p),
-			startIndex: d,
-			endIndex: p,
-			offsetTop: m,
-			offsetBottom: h,
+			items: o.slice(m, _),
+			startIndex: m,
+			endIndex: _,
+			offsetTop: v,
+			offsetBottom: y,
 			totalHeight: c
 		};
-	});
-	return {
-		virtualItems: h(() => o.value.items),
-		startIndex: h(() => o.value.startIndex),
-		endIndex: h(() => o.value.endIndex),
-		offsetTop: h(() => o.value.offsetTop),
-		offsetBottom: h(() => o.value.offsetBottom),
-		totalHeight: h(() => o.value.totalHeight)
+	}), p, m = /* @__PURE__ */ new WeakSet();
+	function g(e, t, n) {
+		s.value && e && (typeof ResizeObserver > "u" || m.has(e) || (m.add(e), p ||= new ResizeObserver((e) => {
+			let t = !1, n = new Map(l.value);
+			for (let r of e) {
+				let e = r.target.dataset.rowKey;
+				if (!e) continue;
+				let i = Number(e), a = Number.isNaN(i) ? e : i, o = r.contentRect.height;
+				n.get(a) !== o && (n.set(a, o), t = !0);
+			}
+			t && (l.value = n);
+		}), p.observe(e)));
+	}
+	return te(() => {
+		p?.disconnect(), p = void 0;
+	}), I(s, (e) => {
+		e || (p?.disconnect(), p = void 0, l.value = /* @__PURE__ */ new Map());
+	}), {
+		virtualItems: h(() => f.value.items),
+		startIndex: h(() => f.value.startIndex),
+		endIndex: h(() => f.value.endIndex),
+		offsetTop: h(() => f.value.offsetTop),
+		offsetBottom: h(() => f.value.offsetBottom),
+		totalHeight: h(() => f.value.totalHeight),
+		observeRow: g,
+		dynamicEnabled: s
 	};
 }
 //#endregion
-//#region src/components/Table/render/TableDefaultCell.vue?vue&type=script&setup=true&lang.ts
-var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-text" }, bt = {
+//#region src/components/Table/render/TableColumnSetting.vue?vue&type=script&setup=true&lang.ts
+var gt = ["aria-label", "aria-expanded"], _t = { class: "m-table__filter-title" }, vt = ["aria-label"], yt = { class: "m-table__filter-actions" }, bt = /* @__PURE__ */ C({
+	__name: "TableColumnSetting",
+	props: {
+		columns: {},
+		hiddenKeys: {}
+	},
+	emits: ["toggle", "reset"],
+	setup(e, { emit: t }) {
+		let r = e, o = t, s = p(), c = j(!1), u = h(() => new Set(r.hiddenKeys));
+		function d(e) {
+			return !u.value.has(e);
+		}
+		function f(e, t) {
+			o("toggle", e, !!t);
+		}
+		function g() {
+			o("reset");
+		}
+		return (t, r) => (k(), v("span", {
+			class: "m-table__column-setting",
+			onClick: r[2] ||= R(() => {}, ["stop"])
+		}, [S(l, {
+			modelValue: c.value,
+			"onUpdate:modelValue": r[1] ||= (e) => c.value = e,
+			placement: "bottom-end",
+			trigger: "click"
+		}, {
+			content: L(() => [y("div", {
+				class: "m-table__filter-panel",
+				onClick: r[0] ||= R(() => {}, ["stop"])
+			}, [
+				y("p", _t, P(F(s).columnSettingsTitle), 1),
+				y("div", {
+					class: "m-table__filter-options",
+					role: "group",
+					"aria-label": F(s).columnSettingsTitle
+				}, [(k(!0), v(m, null, M(e.columns, (e) => (k(), v("label", {
+					key: e.value,
+					class: "m-table__filter-option"
+				}, [S(a, {
+					"model-value": d(e.value),
+					"onUpdate:modelValue": (t) => f(e.value, t)
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), y("span", null, P(e.text), 1)]))), 128))], 8, vt),
+				y("div", yt, [S(i, {
+					size: "sm",
+					variant: "text",
+					onClick: g
+				}, {
+					default: L(() => [x(P(F(s).columnSettingsReset), 1)]),
+					_: 1
+				})])
+			])]),
+			default: L(() => [y("button", {
+				type: "button",
+				class: "m-table__filter-btn",
+				"aria-label": F(s).columnSettings,
+				"aria-expanded": c.value
+			}, [S(n, { name: "settings" })], 8, gt)]),
+			_: 1
+		}, 8, ["modelValue"])]));
+	}
+}), xt = { class: "m-table__tooltip-trigger" }, St = { class: "m-table__cell-text" }, Ct = {
 	key: 1,
 	class: "m-table__cell-text"
-}, xt = /* @__PURE__ */ C({
+}, wt = /* @__PURE__ */ C({
 	__name: "TableDefaultCell",
 	props: {
 		column: {},
@@ -1179,62 +1295,72 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		showTooltip: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = h(() => je(t.column, t.item));
-		return (t, r) => e.showTooltip ? (A(), g(u, {
+		let t = e, n = h(() => Ae(t.column, t.item));
+		return (t, r) => e.showTooltip ? (k(), g(u, {
 			key: 0,
 			content: n.value
 		}, {
-			default: L(() => [y("span", vt, [y("span", yt, P(n.value), 1)])]),
+			default: L(() => [y("span", xt, [y("span", St, P(n.value), 1)])]),
 			_: 1
-		}, 8, ["content"])) : (A(), v("span", bt, P(n.value), 1));
+		}, 8, ["content"])) : (k(), v("span", Ct, P(n.value), 1));
 	}
-}), St = ["aria-label"], Ct = /* @__PURE__ */ C({
+}), Tt = ["aria-label"], Et = /* @__PURE__ */ C({
 	__name: "TableLoadingLine",
 	setup(e) {
 		let t = p();
-		return (e, n) => (A(), v("div", {
+		return (e, n) => (k(), v("div", {
 			class: "m-table__loading-line",
 			role: "status",
 			"aria-label": F(t).loading
-		}, null, 8, St));
+		}, null, 8, Tt));
 	}
-}), wt = { class: "m-table__body" }, Tt = {
+}), Dt = {
 	key: 0,
 	class: "m-table__virtual-spacer",
 	"aria-hidden": "true"
-}, Et = ["colspan"], Dt = [
+}, Ot = ["colspan"], kt = [
 	"data-row-key",
+	"role",
 	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
 	"aria-expanded",
+	"aria-selected",
+	"tabindex",
 	"onClick",
 	"onDblclick",
-	"onContextmenu"
-], Ot = [
+	"onContextmenu",
+	"onKeydown"
+], At = [
 	"rowspan",
 	"colspan",
+	"role",
 	"onClick"
-], G = [
+], jt = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], kt = {
+], q = {
 	key: 1,
 	class: "m-table__tree-toggler-spacer"
-}, At = {
+}, Mt = {
 	key: 4,
 	class: "m-table__cell-text"
-}, jt = [
+}, Nt = [
 	"aria-expanded",
 	"aria-label",
 	"onClick"
-], Mt = {
-	key: 7,
+], Pt = {
+	key: 6,
+	class: "m-table__cell-text m-table__cell-text--index"
+}, Ft = {
+	key: 8,
 	class: "m-table__cell-text"
-}, Nt = ["colspan"], Pt = {
+}, It = ["colspan"], Lt = {
 	key: 1,
 	class: "m-table__virtual-spacer",
 	"aria-hidden": "true"
-}, Ft = ["colspan"], It = /* @__PURE__ */ C({
+}, Rt = ["colspan"], zt = /* @__PURE__ */ C({
 	__name: "TableTbody",
 	props: {
 		bodyItems: {},
@@ -1274,7 +1400,12 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		treeNodeColumn: {},
 		treeIndent: {},
 		getTreeMeta: { type: Function },
-		isTreeNodeExpanded: { type: Function }
+		isTreeNodeExpanded: { type: Function },
+		isMultipleSelectable: { type: Boolean },
+		isSingleSelectable: { type: Boolean },
+		rowTabindex: {},
+		pt: {},
+		observeRow: { type: Function }
 	},
 	emits: [
 		"row-click",
@@ -1286,67 +1417,85 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		"single-select"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, o = ae(), s = p(), c = h(() => r.headersForRender.length);
-		function l(e) {
+		let r = e, i = t, o = ae(), s = p(), c = h(() => r.headersForRender.length), l = h(() => r.rowTabindex ?? -1);
+		function u(e) {
 			return le(e, r.columnAlignMap, r.bodyTextDirection);
 		}
-		function u(e) {
-			return he(e, "td", r.fixedColumnsInfos, r.hasFixedHeaders);
+		function f(e) {
+			return me(e, "td", r.fixedColumnsInfos, r.hasFixedHeaders);
 		}
-		function f(e, t) {
+		function b(e, t) {
 			return de(e, t, r.headerColumns, r.spanMethod, r.headersForRender);
 		}
-		function b(e) {
+		function x(e) {
 			return r.showOverflowTooltip ? !0 : !!r.headers.find((t) => t.value === e)?.showOverflowTooltip;
 		}
-		function x(e, t) {
+		function C(e) {
+			return r.columnRenderMap.get(e);
+		}
+		function E(e, t, n) {
 			return {
 				row: t,
 				item: t,
 				column: e,
-				value: B(e, t)
+				value: e === z.index ? r.currentPageFirstIndex + r.bodyRowIndex(n) : V(e, t)
 			};
 		}
-		function C(e, t, n) {
+		function te(e, t, n) {
 			i("row-click", e, t, n), r.clickRowToExpand && i("toggle-expand", e, r.bodyRowIndex(t), n);
 		}
-		function E(e, t) {
+		function ne(e, t, n) {
+			(n.key === "Enter" || n.key === " ") && n.target === n.currentTarget && (n.preventDefault(), te(e, t, n));
+		}
+		function A(e, t) {
 			return r.getTreeMeta?.(e, t);
 		}
-		function ee(e) {
+		function j(e, t, n) {
+			r.observeRow && r.observeRow(e ?? null, t, n);
+		}
+		function re(e) {
 			return !!(r.treeEnabled && r.treeNodeColumn && e === r.treeNodeColumn);
 		}
-		return (t, r) => (A(), v("tbody", wt, [
+		return (t, r) => (k(), v("tbody", T(e.pt, { class: "m-table__body" }), [
 			N(t.$slots, "body-prepend", O(w({
 				items: e.pageItems,
 				pagination: e.pagination,
 				headers: e.headersForRender
 			}))),
-			e.virtualEnabled && e.offsetTop > 0 ? (A(), v("tr", Tt, [y("td", {
+			e.virtualEnabled && e.offsetTop > 0 ? (k(), v("tr", Dt, [y("td", {
 				colspan: c.value,
-				style: k({
+				style: ee({
 					height: `${e.offsetTop}px`,
 					padding: 0,
 					border: 0
 				})
-			}, null, 12, Et)])) : _("", !0),
-			(A(!0), v(m, null, M(e.bodyItems, (p, h) => (A(), v(m, { key: e.getBodyRowKey(p, h) }, [y("tr", {
+			}, null, 12, Ot)])) : _("", !0),
+			(k(!0), v(m, null, M(e.bodyItems, (p, h) => (k(), v(m, { key: e.getBodyRowKey(p, h) }, [y("tr", {
+				ref_for: !0,
+				ref: (e) => j(e, p, h),
 				class: D([{
 					"m-table__row--striped": e.striped && (e.bodyRowIndex(h) + 1) % 2 == 0,
 					"m-table__row--selected": e.isRowSelected(p, h),
 					"m-table__row--current": e.isCurrentRow(p, h)
 				}, typeof e.bodyRowClassName == "string" ? e.bodyRowClassName : e.bodyRowClassName(p, e.bodyRowIndex(h) + 1)]),
 				"data-row-key": String(e.getBodyRowKey(p, h)),
-				"aria-level": e.treeEnabled ? (E(p, h)?.depth ?? 0) + 1 : void 0,
-				"aria-expanded": e.treeEnabled && E(p, h)?.hasChildren ? e.isTreeNodeExpanded?.(p, h) ?? !1 : void 0,
-				onClick: (e) => C(p, h, e),
+				role: e.treeEnabled ? "row" : void 0,
+				"aria-level": e.treeEnabled ? (A(p, h)?.depth ?? 0) + 1 : void 0,
+				"aria-posinset": e.treeEnabled ? A(p, h)?.posInSet : void 0,
+				"aria-setsize": e.treeEnabled ? A(p, h)?.setSize : void 0,
+				"aria-expanded": e.treeEnabled && A(p, h)?.hasChildren ? e.isTreeNodeExpanded?.(p, h) ?? !1 : void 0,
+				"aria-selected": e.treeEnabled && (e.isMultipleSelectable || e.isSingleSelectable) ? e.isRowSelected(p, h) : void 0,
+				tabindex: l.value,
+				onClick: (e) => te(p, h, e),
 				onDblclick: (e) => i("row-dblclick", p, h, e),
-				onContextmenu: (e) => i("row-contextmenu", p, e)
-			}, [(A(!0), v(m, null, M(f(p, e.bodyRowIndex(h)), (c) => (A(), v(m, { key: c.column }, [c.visible ? (A(), v("td", {
+				onContextmenu: (e) => i("row-contextmenu", p, e),
+				onKeydown: (e) => ne(p, h, e)
+			}, [(k(!0), v(m, null, M(b(p, e.bodyRowIndex(h)), (c) => (k(), v(m, { key: c.column }, [c.visible ? (k(), v("td", {
 				key: 0,
-				style: k(u(c.column)),
+				style: ee(f(c.column)),
 				rowspan: c.rowspan,
 				colspan: c.colspan,
+				role: e.treeEnabled ? "gridcell" : void 0,
 				class: D([
 					{
 						"m-table__cell--shadow": c.column === e.lastFixedColumn,
@@ -1354,8 +1503,8 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 						"m-table__cell--expand": c.column === F(z).expand,
 						"m-table__cell--selection": c.column === F(z).checkbox || c.column === F(z).radio
 					},
-					l(c.column),
-					F(pe)(e.bodyItemClassName, c.column, e.bodyRowIndex(h) + 1)
+					u(c.column),
+					F(B)(e.bodyItemClassName, c.column, e.bodyRowIndex(h) + 1)
 				]),
 				onClick: (t) => {
 					c.column === F(z).expand && i("toggle-expand", p, e.bodyRowIndex(h), t);
@@ -1363,40 +1512,40 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			}, [y("div", { class: D(["m-table__cell-inner", {
 				"m-table__cell-inner--expand": c.column === F(z).expand,
 				"m-table__cell-inner--selection": c.column === F(z).checkbox || c.column === F(z).radio
-			}]) }, [ee(c.column) ? (A(), v("div", {
+			}]) }, [re(c.column) ? (k(), v("div", {
 				key: 0,
 				class: "m-table__tree-cell",
-				style: k({ paddingLeft: `${(E(p, h)?.depth ?? 0) * (e.treeIndent ?? 16)}px` })
-			}, [E(p, h)?.hasChildren ? (A(), v("button", {
+				style: ee({ paddingLeft: `${(A(p, h)?.depth ?? 0) * (e.treeIndent ?? 16)}px` })
+			}, [A(p, h)?.hasChildren ? (k(), v("button", {
 				key: 0,
 				type: "button",
 				class: D(["m-table__tree-toggler", {
 					"m-table__tree-toggler--expanded": e.isTreeNodeExpanded?.(p, h),
-					"m-table__tree-toggler--loading": E(p, h)?.loading
+					"m-table__tree-toggler--loading": A(p, h)?.loading
 				}]),
 				"aria-label": e.isTreeNodeExpanded?.(p, h) ? F(s).collapse : F(s).expand,
-				disabled: E(p, h)?.loading,
+				disabled: A(p, h)?.loading,
 				onClick: R((t) => i("toggle-tree", p, e.bodyRowIndex(h), t), ["stop"])
 			}, [S(n, {
-				name: E(p, h)?.loading ? "loader" : e.isTreeNodeExpanded?.(p, h) ? "chevron-down" : "chevron-right",
+				name: A(p, h)?.loading ? "loader" : e.isTreeNodeExpanded?.(p, h) ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])], 10, G)) : (A(), v("span", kt)), F(o)[`cell-${c.column}`] ? N(t.$slots, `cell-${c.column}`, T({ ref_for: !0 }, x(c.column, p)), void 0, void 0, 2) : F(o)[`cell-${c.column.toLowerCase()}`] ? N(t.$slots, `cell-${c.column.toLowerCase()}`, T({ ref_for: !0 }, x(c.column, p)), void 0, void 0, 3) : e.columnRenderMap.get(c.column) ? (A(), v("span", At, P(e.columnRenderMap.get(c.column)(p)), 1)) : (A(), g(xt, {
+			}, null, 8, ["name"])], 10, jt)) : (k(), v("span", q)), F(o)[`cell-${c.column}`] ? N(t.$slots, `cell-${c.column}`, T({ ref_for: !0 }, E(c.column, p, h)), void 0, void 0, 2) : F(o)[`cell-${c.column.toLowerCase()}`] ? N(t.$slots, `cell-${c.column.toLowerCase()}`, T({ ref_for: !0 }, E(c.column, p, h)), void 0, void 0, 3) : C(c.column) ? (k(), v("span", Mt, P(C(c.column)(p)), 1)) : (k(), g(wt, {
 				key: 5,
 				column: c.column,
 				item: p,
-				"show-tooltip": b(c.column)
+				"show-tooltip": x(c.column)
 			}, null, 8, [
 				"column",
 				"item",
 				"show-tooltip"
-			]))], 4)) : F(o)[`cell-${c.column}`] ? N(t.$slots, `cell-${c.column}`, T({ ref_for: !0 }, x(c.column, p)), void 0, void 0, 1) : F(o)[`cell-${c.column.toLowerCase()}`] ? N(t.$slots, `cell-${c.column.toLowerCase()}`, T({ ref_for: !0 }, x(c.column, p)), void 0, void 0, 2) : c.column === F(z).expand ? (A(), v("button", {
+			]))], 4)) : F(o)[`cell-${c.column}`] ? N(t.$slots, `cell-${c.column}`, T({ ref_for: !0 }, E(c.column, p, h)), void 0, void 0, 1) : F(o)[`cell-${c.column.toLowerCase()}`] ? N(t.$slots, `cell-${c.column.toLowerCase()}`, T({ ref_for: !0 }, E(c.column, p, h)), void 0, void 0, 2) : c.column === F(z).expand ? (k(), v("button", {
 				key: 3,
 				type: "button",
 				class: D(["m-table__expand-btn", { "m-table__expand-btn--expanded": e.isRowExpanded(p, e.bodyRowIndex(h)) }]),
 				"aria-expanded": e.isRowExpanded(p, e.bodyRowIndex(h)),
 				"aria-label": e.isRowExpanded(p, e.bodyRowIndex(h)) ? F(s).collapse : F(s).expand,
 				onClick: R((t) => i("toggle-expand", p, e.bodyRowIndex(h), t), ["stop"])
-			}, [S(n, { name: "chevron-right" })], 10, jt)) : c.column === F(z).checkbox ? (A(), g(a, {
+			}, [S(n, { name: "chevron-right" })], 10, Nt)) : c.column === F(z).checkbox ? (k(), g(a, {
 				key: 4,
 				"model-value": e.isRowSelected(p, h),
 				indeterminate: e.isRowIndeterminate?.(p, h) ?? !1,
@@ -1410,7 +1559,7 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 				"disabled",
 				"aria-label",
 				"onUpdate:modelValue"
-			])) : c.column === F(z).radio ? (A(), g(d, {
+			])) : c.column === F(z).radio ? (k(), g(d, {
 				key: 5,
 				"model-value": e.singleSelectedRowKey ?? void 0,
 				value: e.getBodyRowKey(p, h),
@@ -1424,43 +1573,43 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 				"disabled",
 				"aria-label",
 				"onUpdate:modelValue"
-			])) : F(o)["body-cell"] ? N(t.$slots, "body-cell", T({ ref_for: !0 }, {
+			])) : c.column === F(z).index ? (k(), v("span", Pt, P(e.currentPageFirstIndex + e.bodyRowIndex(h)), 1)) : F(o)["body-cell"] ? N(t.$slots, "body-cell", T({ ref_for: !0 }, {
 				column: c.column,
 				item: p,
 				row: p,
-				value: F(B)(c.column, p)
-			}), void 0, void 0, 6) : e.columnRenderMap.get(c.column) ? (A(), v("span", Mt, P(e.columnRenderMap.get(c.column)(p)), 1)) : (A(), g(xt, {
-				key: 8,
+				value: F(V)(c.column, p)
+			}), void 0, void 0, 7) : C(c.column) ? (k(), v("span", Ft, P(C(c.column)(p)), 1)) : (k(), g(wt, {
+				key: 9,
 				column: c.column,
 				item: p,
-				"show-tooltip": b(c.column)
+				"show-tooltip": x(c.column)
 			}, null, 8, [
 				"column",
 				"item",
 				"show-tooltip"
-			]))], 2)], 14, Ot)) : _("", !0)], 64))), 128))], 42, Dt), e.ifHasExpandSlot && e.isRowExpanded(p, e.bodyRowIndex(h)) ? (A(), v("tr", {
+			]))], 2)], 14, At)) : _("", !0)], 64))), 128))], 42, kt), e.ifHasExpandSlot && e.isRowExpanded(p, e.bodyRowIndex(h)) ? (k(), v("tr", {
 				key: 0,
 				class: D([{ "m-table__row--striped": e.striped && (e.bodyRowIndex(h) + 1) % 2 == 0 }, typeof e.bodyExpandRowClassName == "string" ? e.bodyExpandRowClassName : e.bodyExpandRowClassName(p, e.bodyRowIndex(h) + 1)])
 			}, [y("td", {
 				colspan: c.value,
 				class: "m-table__cell--expanded"
-			}, [p.expandLoading ? (A(), g(Ct, { key: 0 })) : _("", !0), N(t.$slots, "expansion", T({ ref_for: !0 }, { row: p }))], 8, Nt)], 2)) : _("", !0)], 64))), 128)),
-			e.virtualEnabled && e.offsetBottom > 0 ? (A(), v("tr", Pt, [y("td", {
+			}, [p.expandLoading ? (k(), g(Et, { key: 0 })) : _("", !0), N(t.$slots, "expansion", T({ ref_for: !0 }, { row: p }))], 8, It)], 2)) : _("", !0)], 64))), 128)),
+			e.virtualEnabled && e.offsetBottom > 0 ? (k(), v("tr", Lt, [y("td", {
 				colspan: c.value,
-				style: k({
+				style: ee({
 					height: `${e.offsetBottom}px`,
 					padding: 0,
 					border: 0
 				})
-			}, null, 12, Ft)])) : _("", !0),
+			}, null, 12, Rt)])) : _("", !0),
 			N(t.$slots, "body-append", O(w({
 				items: e.pageItems,
 				pagination: e.pagination,
 				headers: e.headersForRender
 			})))
-		]));
+		], 16));
 	}
-}), Lt = ["aria-label", "aria-expanded"], Rt = { class: "m-table__filter-title" }, zt = ["aria-label"], Bt = { class: "m-table__filter-actions" }, K = /* @__PURE__ */ C({
+}), Bt = ["aria-label", "aria-expanded"], Vt = { class: "m-table__filter-title" }, Ht = ["aria-label"], Ut = { class: "m-table__filter-actions" }, J = /* @__PURE__ */ C({
 	__name: "TableHeaderFilter",
 	props: {
 		columnKey: {},
@@ -1495,7 +1644,7 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		function O() {
 			d.value = "", f.value = [];
 		}
-		return (t, r) => (A(), v("span", {
+		return (t, r) => (k(), v("span", {
 			class: "m-table__filter",
 			onClick: r[3] ||= R(() => {}, ["stop"])
 		}, [S(l, {
@@ -1508,19 +1657,19 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 				class: "m-table__filter-panel",
 				onClick: r[1] ||= R(() => {}, ["stop"])
 			}, [
-				y("p", Rt, P(C.value), 1),
-				_.value ? (A(), v("div", {
+				y("p", Vt, P(C.value), 1),
+				_.value ? (k(), v("div", {
 					key: 0,
 					class: "m-table__filter-options",
 					role: "group",
 					"aria-label": C.value
-				}, [(A(!0), v(m, null, M(e.filters, (e, t) => (A(), v("label", {
+				}, [(k(!0), v(m, null, M(e.filters, (e, t) => (k(), v("label", {
 					key: t,
 					class: "m-table__filter-option"
 				}, [S(a, {
 					"model-value": T(e.value),
 					"onUpdate:modelValue": (t) => w(e.value, t)
-				}, null, 8, ["model-value", "onUpdate:modelValue"]), y("span", null, P(F(ve)(e)), 1)]))), 128))], 8, zt)) : (A(), g(c, {
+				}, null, 8, ["model-value", "onUpdate:modelValue"]), y("span", null, P(F(_e)(e)), 1)]))), 128))], 8, Ht)) : (k(), g(c, {
 					key: 1,
 					modelValue: d.value,
 					"onUpdate:modelValue": r[0] ||= (e) => d.value = e,
@@ -1532,7 +1681,7 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 					"placeholder",
 					"onKeydown"
 				])),
-				y("div", Bt, [S(i, {
+				y("div", Ut, [S(i, {
 					size: "sm",
 					variant: "text",
 					onClick: O
@@ -1553,28 +1702,34 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 				class: D(["m-table__filter-btn", { "m-table__filter-btn--active": b.value }]),
 				"aria-label": C.value,
 				"aria-expanded": u.value
-			}, [S(n, { name: "filter" })], 10, Lt)]),
+			}, [S(n, { name: "filter" })], 10, Bt)]),
 			_: 1
 		}, 8, ["modelValue"])]));
 	}
-}), Vt = [
+}), Wt = ["role"], Y = [
 	"colspan",
 	"rowspan",
 	"aria-sort",
 	"tabindex",
+	"role",
+	"draggable",
 	"onClick",
-	"onKeydown"
-], q = {
+	"onKeydown",
+	"onDragstart",
+	"onDragover",
+	"onDragleave",
+	"onDrop"
+], X = {
 	key: 0,
 	class: "m-table__cell-inner m-table__cell-inner--selection"
-}, J = ["aria-label"], Ht = ["title"], Ut = {
+}, Gt = ["aria-label"], Kt = ["title"], qt = {
 	key: 3,
 	class: "m-table__sort",
 	"aria-hidden": "true"
-}, Wt = {
+}, Jt = {
 	key: 4,
 	class: "m-table__multi-sort-number"
-}, Gt = ["onMousedown"], Kt = /* @__PURE__ */ C({
+}, Yt = ["onMousedown"], Xt = /* @__PURE__ */ C({
 	__name: "TableThead",
 	props: {
 		rows: {},
@@ -1590,18 +1745,22 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		hasFixedHeaders: { type: Boolean },
 		filterValues: {},
 		isMultiSorting: { type: Function },
-		getMultiSortNumber: { type: Function }
+		getMultiSortNumber: { type: Function },
+		treeEnabled: { type: Boolean },
+		pt: {},
+		columnDrag: { type: Boolean }
 	},
 	emits: [
 		"sort",
 		"toggle-select-all",
 		"filter-apply",
-		"resize-start"
+		"resize-start",
+		"column-drop"
 	],
 	setup(e, { emit: t }) {
 		let r = e, i = t, o = ae(), s = p();
 		function c(e) {
-			let t = ge(e.align);
+			let t = he(e.align);
 			return t === "center" ? "center" : t === "end" ? "right" : t === "start" ? "left" : r.headerTextDirection;
 		}
 		function l(e) {
@@ -1629,19 +1788,59 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), f(e));
 		}
 		function y(e) {
-			return he(e, "th", r.fixedColumnsInfos, r.hasFixedHeaders);
+			return me(e, "th", r.fixedColumnsInfos, r.hasFixedHeaders);
+		}
+		let b = j(null), x = j(null);
+		function C(e) {
+			return !r.columnDrag || (e.colspan ?? 1) > 1 ? !1 : !se(e.value);
+		}
+		function w(e, t) {
+			if (!C(e)) {
+				t.preventDefault();
+				return;
+			}
+			b.value = e.value, t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.value));
 		}
-		return (t, r) => (A(), v("thead", { class: D(["m-table__header", [e.headerClassName]]) }, [(A(!0), v(m, null, M(e.rows, (c, p) => (A(), v("tr", { key: p }, [(A(!0), v(m, null, M(c, (c, p) => (A(), v("th", {
+		function E(e, t) {
+			r.columnDrag && (!b.value || b.value === e.value || C(e) && (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), x.value = e.value));
+		}
+		function O(e) {
+			x.value === e.value && (x.value = null);
+		}
+		function te(e, t) {
+			if (!r.columnDrag) return;
+			t.preventDefault();
+			let n = b.value, a = e.value;
+			b.value = null, x.value = null, !(!n || n === a) && C(e) && i("column-drop", n, a);
+		}
+		function ne() {
+			b.value = null, x.value = null;
+		}
+		return (t, r) => (k(), v("thead", T(e.pt, { class: ["m-table__header", [e.headerClassName]] }), [(k(!0), v(m, null, M(e.rows, (c, p) => (k(), v("tr", {
+			key: p,
+			role: e.treeEnabled ? "row" : void 0
+		}, [(k(!0), v(m, null, M(c, (c, p) => (k(), v("th", {
 			key: `${c.value}-${p}`,
-			class: D(u(c, p)),
-			style: k(y(c.value)),
+			class: D([u(c, p), {
+				"m-table__header-cell--draggable": C(c),
+				"m-table__header-cell--drag-over": x.value === c.value,
+				"m-table__header-cell--drag-source": b.value === c.value
+			}]),
+			style: ee(y(c.value)),
 			colspan: c.colspan || 1,
 			rowspan: c.rowspan || 1,
 			"aria-sort": d(c),
 			tabindex: c.sortable ? 0 : void 0,
+			role: e.treeEnabled ? "columnheader" : void 0,
+			draggable: C(c) || void 0,
 			onClick: R((e) => f(c), ["stop"]),
-			onKeydown: (e) => h(c, e)
-		}, [c.value === F(z).checkbox ? (A(), v("div", q, [e.showCheckboxHeader === !1 ? _("", !0) : (A(), g(a, {
+			onKeydown: (e) => h(c, e),
+			onDragstart: (e) => w(c, e),
+			onDragover: (e) => E(c, e),
+			onDragleave: (e) => O(c),
+			onDrop: (e) => te(c, e),
+			onDragend: ne
+		}, [c.value === F(z).checkbox ? (k(), v("div", X, [e.showCheckboxHeader === !1 ? _("", !0) : (k(), g(a, {
 			key: e.multipleSelectStatus,
 			"model-value": e.multipleSelectStatus === "allSelected",
 			indeterminate: e.multipleSelectStatus === "partSelected",
@@ -1652,29 +1851,29 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			"model-value",
 			"indeterminate",
 			"aria-label"
-		]))])) : c.value === F(z).radio ? (A(), v("div", {
+		]))])) : c.value === F(z).radio ? (k(), v("div", {
 			key: 1,
 			class: "m-table__cell-inner m-table__cell-inner--selection",
 			role: "columnheader",
 			"aria-label": F(s).selectOption
-		}, null, 8, J)) : (A(), v("span", {
+		}, null, 8, Gt)) : (k(), v("span", {
 			key: 2,
 			class: D(l(c))
 		}, [
-			F(o)[`header-${c.value}`] ? N(t.$slots, `header-${c.value}`, T({ ref_for: !0 }, c), void 0, void 0, 0) : F(o).header ? N(t.$slots, "header", T({ ref_for: !0 }, c), void 0, void 0, 1) : (A(), v("span", {
+			F(o)[`header-${c.value}`] ? N(t.$slots, `header-${c.value}`, T({ ref_for: !0 }, c), void 0, void 0, 0) : F(o).header ? N(t.$slots, "header", T({ ref_for: !0 }, c), void 0, void 0, 1) : (k(), v("span", {
 				key: 2,
 				class: "m-table__header-text",
 				title: c.text
-			}, P(c.text), 9, Ht)),
-			c.sortable ? (A(), v("span", Ut, [S(n, {
+			}, P(c.text), 9, Kt)),
+			c.sortable ? (k(), v("span", qt, [S(n, {
 				name: "triangle-up",
 				class: "m-table__sort-icon m-table__sort-icon--ascending"
 			}), S(n, {
 				name: "triangle-down",
 				class: "m-table__sort-icon m-table__sort-icon--descending"
 			})])) : _("", !0),
-			e.multiSort && e.isMultiSorting(c.value) ? (A(), v("span", Wt, P(e.getMultiSortNumber(c.value)), 1)) : _("", !0),
-			c.filterable ? (A(), g(K, {
+			e.multiSort && e.isMultiSorting(c.value) ? (k(), v("span", Jt, P(e.getMultiSortNumber(c.value)), 1)) : _("", !0),
+			c.filterable ? (k(), g(J, {
 				key: 5,
 				"column-key": c.value,
 				label: c.text,
@@ -1690,27 +1889,24 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 				"onApply",
 				"onClear"
 			])) : _("", !0)
-		], 2)), c.resizable ? (A(), v("span", {
+		], 2)), c.resizable ? (k(), v("span", {
 			key: 3,
 			class: "m-table__resize-handle",
 			onMousedown: (e) => i("resize-start", c, e),
 			onClick: r[2] ||= R(() => {}, ["stop"])
-		}, null, 40, Gt)) : _("", !0)], 46, Vt))), 128))]))), 128))], 2));
+		}, null, 40, Yt)) : _("", !0)], 46, Y))), 128))], 8, Wt))), 128))], 16));
 	}
-}), qt = ["aria-busy"], Jt = ["aria-label", "role"], Yt = {
-	key: 4,
-	class: "m-table__tfoot"
-}, Xt = { class: "m-table__cell-inner" }, Zt = { class: "m-table__cell-text" }, Qt = {
+}), Zt = {
 	key: 0,
-	class: "m-table__message",
-	role: "status"
-}, $t = { class: "m-table__empty-text" }, en = {
+	class: "m-table__column-setting-anchor"
+}, Qt = ["aria-busy"], $t = ["aria-label", "role"], en = {
+	key: 3,
+	class: "m-table__body m-table__body--skeleton",
+	"aria-hidden": "true"
+}, tn = { class: "m-table__cell-inner" }, nn = { class: "m-table__cell-text" }, rn = { class: "m-table__empty-text" }, an = {
 	key: 0,
 	class: "m-table__empty-description"
-}, tn = {
-	key: 0,
-	class: "m-table__footer"
-}, nn = { class: "m-table__items-index" }, rn = " / ", an = /* @__PURE__ */ C({
+}, on = { class: "m-table__items-index" }, sn = " / ", cn = /* @__PURE__ */ C({
 	inheritAttrs: !1,
 	__name: "Table",
 	props: {
@@ -1722,19 +1918,9 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		selectedItem: { default: null },
 		serverOptions: { default: null },
 		serverTotal: { default: 0 },
-		sortField: { default: "" },
-		sortOrder: { default: "asc" },
-		sortMode: { default: "client" },
-		multiSort: {
-			type: Boolean,
-			default: !1
-		},
-		mustSort: {
-			type: Boolean,
-			default: !1
-		},
+		sortConfig: { default: null },
 		filterOptions: { default: null },
-		filters: { default: null },
+		filterModel: { default: null },
 		searchField: { default: "" },
 		searchValue: { default: "" },
 		rowsPerPage: { default: 25 },
@@ -1752,6 +1938,11 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			type: Boolean,
 			default: !1
 		},
+		skeleton: {
+			type: Boolean,
+			default: !1
+		},
+		skeletonRows: { default: 5 },
 		emptyText: { default: void 0 },
 		emptyDescription: { default: void 0 },
 		striped: {
@@ -1857,8 +2048,20 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			default: !1
 		},
 		virtualRowHeight: { default: 40 },
+		virtualDynamicRowHeight: {
+			type: Boolean,
+			default: !1
+		},
 		hiddenColumns: { default: null },
 		columnOrder: { default: null },
+		columnSetting: {
+			type: Boolean,
+			default: !1
+		},
+		columnDrag: {
+			type: Boolean,
+			default: !1
+		},
 		showFooter: {
 			type: Boolean,
 			default: !1
@@ -1882,9 +2085,9 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		"select-row",
 		"deselect-row",
 		"select-all",
-		"expand",
-		"sort",
-		"filter",
+		"expand-change",
+		"sort-change",
+		"filter-change",
 		"update:selection",
 		"update:selectedItem",
 		"update:serverOptions",
@@ -1892,435 +2095,480 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 		"current-change",
 		"update:page",
 		"update:expandedRowKeys",
-		"update:filters",
+		"update:filterModel",
 		"update:columnWidths",
 		"update:hiddenColumns",
 		"update:columnOrder"
 	],
 	setup(n, { expose: i, emit: a }) {
-		let c = n, l = a, u = ie(), { rootAttrs: d } = e(u, () => c.pt), x = (e, ...t) => {
+		let c = n, l = a, u = ie(), d = h(() => e(u, c.pt?.root)), x = h(() => c.pt?.scrollbar), C = h(() => c.pt?.thead), oe = h(() => c.pt?.tbody), R = h(() => c.pt?.tfoot), ue = h(() => c.pt?.pagination), de = h(() => c.pt?.emptyMessage), B = (e, ...t) => {
 			l(e, ...t);
-		}, { value: C, setValue: ee } = t({
-			controlled: () => c.filters ?? void 0,
+		}, { value: ge, setValue: _e } = t({
+			controlled: () => c.filterModel ?? void 0,
 			defaultValue: null
 		}, (e) => {
-			l("filter", e), l("update:filters", e);
-		}), { value: oe, setValue: R } = t({
+			l("filter-change", e), l("update:filterModel", e);
+		}), { value: ve, setValue: ye } = t({
 			controlled: () => c.columnWidths ?? void 0,
 			defaultValue: null
 		}, (e) => {
 			l("update:columnWidths", e ?? {});
-		}), { value: ue, setValue: de } = t({
+		}), { value: be, setValue: xe } = t({
 			controlled: () => c.hiddenColumns ?? void 0,
 			defaultValue: null
 		}, (e) => {
 			l("update:hiddenColumns", e ?? []);
-		}), { value: pe, setValue: _e } = t({
+		}), { value: Se, setValue: Ce } = t({
 			controlled: () => c.columnOrder ?? void 0,
 			defaultValue: null
 		}, (e) => {
 			l("update:columnOrder", e ?? []);
-		}), ve = p(), { bodyTextDirection: ye, checkboxColumnWidth: be, expandColumnWidth: xe, expandedRowKeys: Se, filterOptions: Ce, fixedCheckbox: we, fixedExpand: Te, fixedHeader: B, fixedIndex: je, headerTextDirection: Me, indexColumnWidth: Ne, selectionMode: Pe, selectedItem: Fe, loading: W, mustSort: Ie, multiSort: Le, pageSizes: Re, rowsPerPage: ze, searchField: Be, searchValue: Ve, serverTotal: qe, serverOptions: Je, showIndex: $e, sortMode: et, tableHeight: tt, tableMinHeight: nt, fill: rt, showIndexSymbol: it, headerItemClassName: at, bodyRowClassName: ot, bodyExpandRowClassName: st, bodyItemClassName: ct, tableClassName: pt, headerClassName: vt, showRowsPerPage: yt, clickRowToExpand: bt, expandable: xt, expandConfig: St, emptyDescription: Ct, fit: wt, emptyText: Tt, showHeader: Et, maxHeight: Dt, paginator: Ot, rowKey: G, ariaLabel: kt, size: At, virtual: jt, virtualRowHeight: Mt, showFooter: Nt, footerMethod: Pt, spanMethod: Ft, treeConfig: Lt, checkboxConfig: Rt, radioConfig: zt } = re(c), Bt = h(() => Ee(c.columns, {
-			hiddenColumns: ue.value,
-			columnOrder: pe.value,
-			columnWidths: oe.value
-		})), K = h(() => De(Bt.value)), Vt = h(() => Oe(Bt.value)), { treeEnabled: q, treeResolved: J, treeRoots: Ht, flatRows: Ut, treeMeta: Wt, expandedKeys: Gt, toggleTreeNode: an, isTreeExpandByRow: on, getTreeExpandRecords: sn, setTreeExpand: cn, setAllTreeExpand: ln, clearTreeExpand: un, toggleTreeExpand: dn } = gt(Lt, h(() => c.rows), G, Se, Ve, Be, x), fn = h(() => q.value ? Ut.value : c.rows), pn = h(() => q.value ? "" : Ve.value), mn = h(() => c.selection ?? null), hn = h(() => Ae(c.sortField)), gn = h(() => ke(c.sortOrder)), _n = h(() => c.page ?? 1), vn = h(() => c.striped), yn = h(() => c.bordered), bn = h(() => c.highlightCurrent), xn = h(() => !c.rowHover), Sn = f("Table", () => At.value), Cn = h(() => {
-			if (Sn.value === "small") return "m-table--small";
-			if (Sn.value === "large") return "m-table--large";
-		}), wn = h(() => [
-			pt.value,
-			Cn.value,
+		}), we = p(), { bodyTextDirection: V, checkboxColumnWidth: Ae, expandColumnWidth: je, expandedRowKeys: Me, filterOptions: Ne, fixedCheckbox: Pe, fixedExpand: G, fixedHeader: Fe, fixedIndex: Ie, headerTextDirection: Le, indexColumnWidth: Re, selectionMode: ze, selectedItem: K, loading: Ge, pageSizes: Ke, rowsPerPage: Ze, searchField: Qe, searchValue: $e, serverTotal: et, serverOptions: tt, showIndex: nt, tableHeight: rt, tableMinHeight: it, fill: at, showIndexSymbol: ot, headerItemClassName: dt, bodyRowClassName: gt, bodyExpandRowClassName: _t, bodyItemClassName: vt, tableClassName: yt, headerClassName: xt, showRowsPerPage: St, clickRowToExpand: Ct, expandable: wt, expandConfig: Tt, emptyDescription: Et, fit: Dt, emptyText: Ot, showHeader: kt, maxHeight: At, paginator: jt, rowKey: q, ariaLabel: Mt, size: Nt, virtual: Pt, virtualRowHeight: Ft, showFooter: It, footerMethod: Lt, spanMethod: Rt, treeConfig: Bt, checkboxConfig: Vt, radioConfig: Ht } = re(c), Ut = h(() => Te(c.columns, {
+			hiddenColumns: be.value,
+			columnOrder: Se.value,
+			columnWidths: ve.value
+		})), J = h(() => Ee(Ut.value)), Wt = h(() => De(Ut.value)), { treeEnabled: Y, treeResolved: X, treeRoots: Gt, flatRows: Kt, treeMeta: qt, expandedKeys: Jt, toggleTreeNode: Yt, isTreeExpandByRow: cn, getTreeExpandRecords: ln, setTreeExpand: un, setAllTreeExpand: dn, clearTreeExpand: fn, toggleTreeExpand: pn } = mt(Bt, h(() => c.rows), q, Me, $e, Qe, B), mn = h(() => Y.value ? Kt.value : c.rows), hn = h(() => Y.value ? "" : $e.value), gn = h(() => c.selection ?? null), _n = h(() => ke(c.sortConfig?.field)), vn = h(() => Oe(c.sortConfig?.order)), yn = h(() => !!c.sortConfig?.multiple), bn = h(() => !!c.sortConfig?.must), xn = h(() => c.sortConfig?.mode ?? "client"), Sn = h(() => c.page ?? 1), Cn = h(() => c.striped), wn = h(() => c.bordered), Tn = h(() => c.highlightCurrent), En = h(() => !c.rowHover), Dn = f("Table", () => Nt.value), On = h(() => {
+			if (Dn.value === "small") return "m-table--small";
+			if (Dn.value === "large") return "m-table--large";
+		}), kn = h(() => [
+			yt.value,
+			On.value,
 			{
-				"m-table--border": yn.value,
-				"m-table--striped": vn.value,
-				"m-table--enable-row-hover": !xn.value,
-				"m-table--fill": rt.value && !jn.value,
-				"m-table--virtual": $.value,
-				"m-table--tree": q.value,
-				"m-table--tree-line": q.value && J.value.showLine
+				"m-table--border": wn.value,
+				"m-table--striped": Cn.value,
+				"m-table--enable-row-hover": !En.value,
+				"m-table--fill": at.value && !Ln.value,
+				"m-table--virtual": mi.value,
+				"m-table--tree": Y.value,
+				"m-table--tree-line": Y.value && X.value.showLine
 			}
-		]), Tn = h(() => q.value ? J.value.treeNode ? J.value.treeNode : K.value[0]?.value ?? null : null), En = h(() => q.value && J.value.trigger === "row"), Y = h(() => ({
-			checkStrictly: Rt.value?.checkStrictly ?? !1,
-			checkMethod: Rt.value?.checkMethod,
-			showHeader: Rt.value?.showHeader !== !1,
-			checkRowKeys: Rt.value?.checkRowKeys,
-			reserve: Rt.value?.reserve !== !1,
-			trigger: Rt.value?.trigger ?? "default"
-		})), Dn = h(() => ({
-			strict: zt.value?.strict !== !1,
-			checkMethod: zt.value?.checkMethod,
-			trigger: zt.value?.trigger ?? "default"
-		})), On = h(() => q.value && !Y.value.checkStrictly), kn = h(() => Zr.value.length > 0 || wt.value !== !1), An = h(() => Tt.value ?? ve.value.emptyMessage), jn = h(() => Dt.value ?? tt.value), Mn = h(() => rt.value && !jn.value), Nn = h(() => tt.value ? `${tt.value}px` : Mn.value ? "100%" : null), Pn = h(() => Dt.value ? `${Dt.value}px` : null), Fn = h(() => `${nt.value}px`), X = ae(), In = h(() => !!X.pagination), Ln = h(() => !!X.loading), Rn = h(() => !q.value && (xt.value || !!St.value || !!X.expansion)), zn = Rn, Bn = h(() => !!X.body), Vn = h(() => !!X.footer), Hn = h(() => {
+		]), An = h(() => Y.value ? X.value.treeNode ? X.value.treeNode : J.value[0]?.value ?? null : null), jn = h(() => Y.value && X.value.trigger === "row"), Mn = h(() => ({
+			checkStrictly: Vt.value?.checkStrictly ?? !1,
+			checkMethod: Vt.value?.checkMethod,
+			showHeader: Vt.value?.showHeader !== !1,
+			checkRowKeys: Vt.value?.checkRowKeys,
+			reserve: Vt.value?.reserve !== !1,
+			trigger: Vt.value?.trigger ?? "default"
+		})), Nn = h(() => ({
+			strict: Ht.value?.strict !== !1,
+			checkMethod: Ht.value?.checkMethod,
+			trigger: Ht.value?.trigger ?? "default"
+		})), Pn = h(() => Y.value && !Mn.value.checkStrictly), Fn = h(() => ci.value.length > 0 || Dt.value !== !1), In = h(() => Ot.value ?? we.value.emptyMessage), Ln = h(() => At.value ?? rt.value), Rn = h(() => at.value && !Ln.value), zn = h(() => rt.value ? `${rt.value}px` : Rn.value ? "100%" : null), Bn = h(() => At.value ? `${At.value}px` : null), Vn = h(() => `${it.value}px`), Z = ae(), Hn = h(() => !!Z.pagination), Un = h(() => !!Z.loading), Wn = h(() => c.skeleton), Gn = h(() => Math.max(1, c.skeletonRows ?? 5)), Kn = h(() => !Y.value && (wt.value || !!Tt.value || !!Z.expansion)), qn = Kn, Jn = h(() => !!Z.body), Yn = h(() => !!Z.footer), Xn = h(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of K.value) t.render && e.set(t.value, t.render);
+			for (let t of J.value) t.render && e.set(t.value, t.render);
 			return e;
-		}), Un = h(() => {
+		}), Zn = h(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of K.value) {
-				let n = ge(t.align);
+			for (let t of J.value) {
+				let n = he(t.align);
 				n && e.set(t.value, n);
 			}
 			return e;
-		}), Wn = j(), Gn = j();
-		ne(ce, Wn);
-		let Kn = j(!1), qn = j(!1), Jn = j(null), Yn = j(0), Xn = j(0), Zn = h(() => c.currentRowKey ?? Jn.value);
-		function Qn(e) {
-			Yn.value = e.scrollTop, Kn.value = e.scrollLeft > 0;
-			let t = Gn.value?.wrapRef;
-			qn.value = t ? t.scrollWidth - t.clientWidth - t.scrollLeft > 1 : !1, t && (Xn.value = t.clientHeight);
-		}
-		let $n = h(() => {
-			let e = Pe.value ?? (mn.value === null ? null : "multiple");
+		}), Qn = j(), $n = j();
+		A(ce, Qn);
+		let er = j(!1), tr = j(!1), nr = j(null), rr = j(0), ir = j(0), ar = h(() => c.currentRowKey ?? nr.value);
+		function or(e) {
+			rr.value = e.scrollTop, er.value = e.scrollLeft > 0;
+			let t = $n.value?.wrapRef;
+			tr.value = t ? t.scrollWidth - t.clientWidth - t.scrollLeft > 1 : !1;
+		}
+		let sr;
+		function cr() {
+			let e = $n.value?.wrapRef;
+			e && (ir.value = e.clientHeight);
+		}
+		function lr() {
+			if (typeof ResizeObserver > "u") return;
+			let e = $n.value?.wrapRef;
+			e && (sr?.disconnect(), sr = new ResizeObserver(() => {
+				cr();
+			}), sr.observe(e));
+		}
+		te(() => {
+			sr?.disconnect(), sr = void 0;
+		});
+		let ur = h(() => {
+			let e = ze.value ?? (gn.value === null ? null : "multiple");
 			return e === "multiple" ? "checkbox" : e === "single" ? "radio" : null;
-		}), er = h(() => $n.value === "checkbox"), tr = h(() => $n.value === "radio"), nr = h(() => ["m-table__main", {
-			"m-table__main--fixed-header": B.value,
-			"m-table__main--fixed-height": !!jn.value || Mn.value,
-			"m-table__main--shadow": Kn.value,
-			"m-table__main--shadow-end": qn.value,
-			"m-table__main--table-fixed": kn.value,
-			"m-table__main--border-cell": yn.value
-		}]), rr = h(() => ({ minHeight: Fn.value })), ir = h(() => Je.value !== null), { serverOptionsComputed: ar, updateServerOptionsPage: or, updateServerOptionsSort: sr, updateServerOptionsRowsPerPage: cr } = mt(Je, Le, x), { clientSortOptions: lr, headerColumns: ur, headersForRender: dr, updateSortField: fr, clearSort: pr, isMultiSorting: mr, getMultiSortNumber: hr } = Xe({
-			showIndexSymbol: it,
-			checkboxColumnWidth: be,
-			expandColumnWidth: xe,
-			fixedCheckbox: we,
-			fixedExpand: Te,
-			fixedIndex: je,
-			headers: K,
-			ifHasExpandSlot: Rn,
-			indexColumnWidth: Ne,
-			selectionColumn: $n,
-			isServerSideMode: ir,
-			mustSort: Ie,
-			serverOptionsComputed: ar,
-			showIndex: $e,
-			sortBy: hn,
-			sortType: gn,
-			multiSort: Le,
-			sortMode: et,
-			updateServerOptionsSort: sr,
-			emits: x
-		}), gr = h(() => q.value || et.value === "emit" ? null : lr.value), { pageSizesComputed: _r, rowsPerPageRef: vr, updateRowsPerPage: yr } = ft(ir, Re, Je, ze), { totalItems: br, selectItemsComputed: Z, totalItemsLength: xr, toggleSelectAll: Sr, toggleSelectItem: Cr } = ht(gr, Ce, C, ir, fn, mn, Be, pn, qe, Le, G, x), wr = h(() => On.value ? Ge(Ht.value, Z.value, G.value, J.value.childrenField, Y.value.checkMethod) : /* @__PURE__ */ new Set()), Tr = h(() => {
-			if (!Fe.value) return null;
-			let e = br.value.findIndex((e) => U(e, Fe.value, G.value));
-			return e >= 0 ? V(Fe.value, e, G.value) : null;
-		}), { currentPaginationNumber: Q, maxPaginationNumber: Er, isLastPage: Dr, isFirstPage: Or, nextPage: kr, prevPage: Ar, updatePage: jr } = dt(_n, ir, W, xr, vr, Je, or), { currentPageFirstIndex: Mr, currentPageLastIndex: Nr, multipleSelectStatus: Pr, pageItems: Fr, itemsInPage: Ir, isItemSelected: Lr } = ut(Q, ir, fn, vr, Z, $e, br, xr, G);
-		function Rr(e) {
-			if (On.value) {
-				let t = G.value, n = J.value.childrenField, r = Y.value.checkMethod, i = [...Z.value];
+		}), dr = h(() => ur.value === "checkbox"), fr = h(() => ur.value === "radio"), pr = h(() => ["m-table__main", {
+			"m-table__main--fixed-header": Fe.value,
+			"m-table__main--fixed-height": !!Ln.value || Rn.value,
+			"m-table__main--shadow": er.value,
+			"m-table__main--shadow-end": tr.value,
+			"m-table__main--table-fixed": Fn.value,
+			"m-table__main--border-cell": wn.value
+		}]), mr = h(() => ({ minHeight: Vn.value })), hr = h(() => tt.value !== null), { serverOptionsComputed: gr, updateServerOptionsPage: _r, updateServerOptionsSort: vr, updateServerOptionsRowsPerPage: yr } = ft(tt, yn, B), { clientSortOptions: br, headerColumns: xr, headersForRender: Q, updateSortField: Sr, clearSort: Cr, isMultiSorting: wr, getMultiSortNumber: Tr } = Je({
+			showIndexSymbol: ot,
+			checkboxColumnWidth: Ae,
+			expandColumnWidth: je,
+			fixedCheckbox: Pe,
+			fixedExpand: G,
+			fixedIndex: Ie,
+			headers: J,
+			ifHasExpandSlot: Kn,
+			indexColumnWidth: Re,
+			selectionColumn: ur,
+			isServerSideMode: hr,
+			mustSort: bn,
+			serverOptionsComputed: gr,
+			showIndex: nt,
+			sortBy: _n,
+			sortType: vn,
+			multiSort: yn,
+			sortMode: xn,
+			updateServerOptionsSort: vr,
+			emits: B
+		}), Er = h(() => Y.value || xn.value === "emit" ? null : br.value), { pageSizesComputed: Dr, rowsPerPageRef: Or, updateRowsPerPage: kr } = ut(hr, Ke, tt, Ze), { totalItems: Ar, selectItemsComputed: $, totalItemsLength: jr, toggleSelectAll: Mr, toggleSelectItem: Nr } = pt(Er, Ne, ge, hr, mn, gn, Qe, hn, et, yn, q, B), Pr = h(() => Pn.value ? Ue(Gt.value, $.value, q.value, X.value.childrenField, Mn.value.checkMethod) : /* @__PURE__ */ new Set()), Fr = h(() => {
+			if (!K.value) return null;
+			let e = Ar.value.findIndex((e) => W(e, K.value, q.value));
+			return e >= 0 ? H(K.value, e, q.value) : null;
+		}), { currentPaginationNumber: Ir, maxPaginationNumber: Lr, isLastPage: Rr, isFirstPage: zr, nextPage: Br, prevPage: Vr, updatePage: Hr } = lt(Sn, hr, Ge, jr, Or, tt, _r), { currentPageFirstIndex: Ur, currentPageLastIndex: Wr, multipleSelectStatus: Gr, pageItems: Kr, itemsInPage: qr, isItemSelected: Jr } = ct(Ir, hr, mn, Or, $, nt, Ar, jr, q);
+		function Yr(e) {
+			if (Pn.value) {
+				let t = q.value, n = X.value.childrenField, r = Mn.value.checkMethod, i = [...$.value];
 				if (e) {
-					for (let e of Ir.value) {
-						let a = He(H(e), n).filter((e) => Ue(e, r)).map(H);
-						for (let e of a) i.some((n) => U(n, e, t)) || i.push(e);
+					for (let e of qr.value) {
+						let a = Be(U(e), n).filter((e) => Ve(e, r)).map(U);
+						for (let e of a) i.some((n) => W(n, e, t)) || i.push(e);
 					}
-					i = Ke(Ht.value, i, t, n, r), Z.value = i, x("select-all");
+					i = We(Gt.value, i, t, n, r), $.value = i, B("select-all");
 					return;
 				}
-				for (let e of Ir.value) {
-					let r = He(H(e), n);
-					i = i.filter((e) => !r.some((n) => U(e, n, t)));
+				for (let e of qr.value) {
+					let r = Be(U(e), n);
+					i = i.filter((e) => !r.some((n) => W(e, n, t)));
 				}
-				i = Ke(Ht.value, i, t, n, r), Z.value = i;
+				i = We(Gt.value, i, t, n, r), $.value = i;
 				return;
 			}
-			Sr(!!e, Ir.value);
+			Mr(!!e, qr.value);
 		}
-		function zr(e) {
-			let t = Y.value.checkMethod;
+		function Xr(e) {
+			let t = Mn.value.checkMethod;
 			if (!(t && !t(e))) {
-				if (On.value) {
-					let { next: n, selected: r } = We({
-						selected: Z.value,
+				if (Pn.value) {
+					let { next: n, selected: r } = He({
+						selected: $.value,
 						row: e,
-						rowKey: G.value,
-						childrenField: J.value.childrenField,
+						rowKey: q.value,
+						childrenField: X.value.childrenField,
 						checkStrictly: !1,
 						checkMethod: t
-					}), i = Ke(Ht.value, n, G.value, J.value.childrenField, t);
-					Z.value = i, x(r ? "select-row" : "deselect-row", H(e));
+					}), i = We(Gt.value, n, q.value, X.value.childrenField, t);
+					$.value = i, B(r ? "select-row" : "deselect-row", U(e));
 					return;
 				}
-				Cr(e);
+				Nr(e);
 			}
 		}
-		let Br = h(() => Q.value === 0 ? 0 : (Q.value - 1) * vr.value), { expandResolved: Vr, isRowExpanded: Hr, isRowExpandByRow: Ur, getRowExpandRecords: Wr, setRowExpand: Gr, setAllRowExpand: Kr, clearRowExpand: qr, toggleRowExpand: Jr, toggleExpandRow: Yr } = lt(Se, G, Br, x, St, zn, br), Xr = h(() => !q.value && (bt.value || Vr.value.trigger === "row")), { fixedHeaders: Zr, lastFixedColumn: Qr, firstRightFixedColumn: $r, fixedColumnsInfos: ei } = Ye(dr), { clickRow: ti, dblClickRow: ni } = Ze(x), $ = h(() => !!jt.value && !Rn.value && !!(jn.value || Mn.value)), { virtualItems: ri, startIndex: ii, offsetTop: ai, offsetBottom: oi } = _t($, Fr, Mt, Yn, Xn), si = h(() => $.value ? ri.value : Fr.value), ci = h(() => {
-			if (!Nt.value || Vn.value || !Pt.value) return [];
-			let e = dr.value.filter((e) => !se(e.value) || e.value === z.index || e.value === z.checkbox || e.value === z.radio || e.value === z.expand);
-			return Pt.value({
+		let Zr = h(() => Ir.value === 0 ? 0 : (Ir.value - 1) * Or.value), { expandResolved: Qr, isRowExpanded: $r, isRowExpandByRow: ei, getRowExpandRecords: ti, setRowExpand: ni, setAllRowExpand: ri, clearRowExpand: ii, toggleRowExpand: ai, toggleExpandRow: oi } = st(Me, q, Zr, B, Tt, qn, Ar), si = h(() => !Y.value && (Ct.value || Qr.value.trigger === "row")), { fixedHeaders: ci, lastFixedColumn: li, firstRightFixedColumn: ui, fixedColumnsInfos: di } = qe(Q), { clickRow: fi, dblClickRow: pi } = Ye(B), mi = h(() => !!Pt.value && !Kn.value && !!(Ln.value || Rn.value)), { virtualItems: hi, startIndex: gi, offsetTop: _i, offsetBottom: vi, observeRow: yi, dynamicEnabled: bi } = ht(mi, Kr, Ft, rr, ir, 5, {
+			dynamic: h(() => !!c.virtualDynamicRowHeight),
+			rowKey: q
+		}), xi = h(() => mi.value ? hi.value : Kr.value), Si = h(() => {
+			if (!It.value || Yn.value || !Lt.value) return [];
+			let e = Q.value.filter((e) => !se(e.value) || e.value === z.index || e.value === z.checkbox || e.value === z.radio || e.value === z.expand);
+			return Lt.value({
 				columns: e,
-				data: br.value
+				data: Ar.value
 			});
-		}), { onResizeStart: li } = Qe(K, oe, R), ui = fe(Vt, dr);
-		function di(e, t) {
+		}), { onResizeStart: Ci } = Xe(J, ve, ye), wi = fe(Wt, Q);
+		function Ti(e, t) {
 			t.preventDefault(), l("row-contextmenu", e, t);
 		}
-		function fi(e) {
-			return me(e, K.value, Zr.value.length, kn.value);
+		function Ei(e) {
+			return pe(e, J.value, ci.value.length, Fn.value);
 		}
-		function pi(e, t = "th") {
-			return he(e, t, ei.value, Zr.value.length > 0);
+		function Di(e, t = "th") {
+			return me(e, t, di.value, ci.value.length > 0);
 		}
-		function mi(e) {
-			return le(e, Un.value, ye.value);
+		function Oi(e) {
+			return le(e, Zn.value, V.value);
 		}
-		function hi(e, t) {
-			return V(e, Br.value + t, G.value);
+		function ki(e, t) {
+			return H(e, Zr.value + t, q.value);
 		}
-		function gi(e, t) {
-			return V(e, $.value ? Br.value + ii.value + t : Br.value + t, G.value);
+		function Ai(e, t) {
+			return H(e, mi.value ? Zr.value + gi.value + t : Zr.value + t, q.value);
 		}
-		function _i(e) {
-			return $.value ? ii.value + e : e;
+		function ji(e) {
+			return mi.value ? gi.value + e : e;
 		}
-		function vi(e, t) {
-			let n = gi(e, t);
-			return wr.value.has(n) ? !1 : er.value ? Lr(e) : tr.value ? Tr.value === n : !1;
+		function Mi(e, t) {
+			let n = Ai(e, t);
+			return Pr.value.has(n) ? !1 : dr.value ? Jr(e) : fr.value ? Fr.value === n : !1;
 		}
-		function yi(e, t) {
-			return wr.value.has(gi(e, t));
+		function Ni(e, t) {
+			return Pr.value.has(Ai(e, t));
 		}
-		function bi(e) {
-			if (er.value) {
-				let t = Y.value.checkMethod;
+		function Pi(e) {
+			if (dr.value) {
+				let t = Mn.value.checkMethod;
 				return t ? !t(e) : !1;
 			}
-			if (tr.value) {
-				let t = Dn.value.checkMethod;
+			if (fr.value) {
+				let t = Nn.value.checkMethod;
 				return t ? !t(e) : !1;
 			}
 			return !1;
 		}
-		function xi(e) {
-			if (bi(e)) return;
-			let t = H(e);
-			if (!Dn.value.strict && Fe.value && U(Fe.value, t, G.value)) {
+		function Fi(e) {
+			if (Pi(e)) return;
+			let t = U(e);
+			if (!Nn.value.strict && K.value && W(K.value, t, q.value)) {
 				l("update:selectedItem", null), l("deselect-row", t);
 				return;
 			}
 			l("update:selectedItem", t), l("select-row", t);
 		}
-		function Si(e) {
-			yr(e);
+		function Ii(e) {
+			kr(e);
 		}
-		function Ci(e, t) {
-			return !bn.value || Zn.value == null ? !1 : Zn.value === gi(e, t);
+		function Li(e, t) {
+			return !Tn.value || ar.value == null ? !1 : ar.value === Ai(e, t);
 		}
-		function wi(e, t) {
-			if (!bn.value) return;
-			let n = gi(e, t), r = Zn.value;
+		function Ri(e, t) {
+			if (!Tn.value) return;
+			let n = Ai(e, t), r = ar.value;
 			if (r === n) return;
-			let i = r == null ? null : Fr.value.find((e, t) => hi(e, t) === r) ?? null;
-			Jn.value = n, l("update:currentRowKey", n), l("current-change", e, i);
+			let i = r == null ? null : Kr.value.find((e, t) => ki(e, t) === r) ?? null;
+			nr.value = n, l("update:currentRowKey", n), l("current-change", e, i);
 		}
-		function Ti(e, t, n) {
-			let r = Br.value + _i(t);
-			ti(e, r, n), wi(e, t), En.value && an(e, _i(t), n), er.value && Y.value.trigger === "row" ? zr(e) : tr.value && Dn.value.trigger === "row" && xi(e);
+		function zi(e, t, n) {
+			let r = Zr.value + ji(t);
+			fi(e, r, n), Ri(e, t), jn.value && Yt(e, ji(t), n), dr.value && Mn.value.trigger === "row" ? Xr(e) : fr.value && Nn.value.trigger === "row" && Fi(e);
 		}
-		function Ei(e, t, n) {
-			an(e, t, n);
+		function Bi(e, t, n) {
+			Yt(e, t, n);
 		}
-		function Di(e, t) {
-			return Wt.value.get(gi(e, t));
+		function Vi(e, t) {
+			return qt.value.get(Ai(e, t));
 		}
-		function Oi(e, t) {
-			return Gt.value.includes(gi(e, t));
+		function Hi(e, t) {
+			return Jt.value.includes(Ai(e, t));
 		}
-		function ki(e, t, n) {
-			ni(e, Br.value + _i(t), n);
+		function Ui(e, t, n) {
+			pi(e, Zr.value + ji(t), n);
 		}
-		function Ai(e, t) {
-			let n = { ...C.value ?? {} };
-			t == null || t === "" || Array.isArray(t) && t.length === 0 ? delete n[e] : n[e] = t, ee(Object.keys(n).length ? n : null);
+		let Wi = h(() => J.value.filter((e) => !se(e.value)));
+		function Gi(e, t) {
+			let n = new Set(be.value ?? []);
+			t ? n.delete(e) : n.add(e), xe(n.size ? [...n] : null);
 		}
-		function ji(e) {
-			e.sortable && e.sortType && fr(e.value, e.sortType);
+		function Ki() {
+			xe(null);
+		}
+		function qi(e, t) {
+			let n = J.value.filter((e) => !se(e.value)).map((e) => e.value), r = Se.value?.length ? [...Se.value] : n, i = r.indexOf(e);
+			if (i === -1) return;
+			let a = r.indexOf(t);
+			if (a === -1) return;
+			r.splice(i, 1);
+			let o = r.indexOf(t), s = i < a ? o + 1 : o;
+			r.splice(s, 0, e), Ce(r);
+		}
+		function Ji(e, t) {
+			let n = { ...ge.value ?? {} };
+			t == null || t === "" || Array.isArray(t) && t.length === 0 ? delete n[e] : n[e] = t, _e(Object.keys(n).length ? n : null);
 		}
-		function Mi() {
-			let e = Gn.value?.wrapRef;
-			e && (Xn.value = e.clientHeight);
+		function Yi(e) {
+			e.sortable && e.sortType && Sr(e.value, e.sortType);
 		}
-		function Ni() {
-			return Z.value;
+		function Xi() {
+			return $.value;
 		}
-		function Pi(e, t) {
+		function Zi(e, t) {
 			let n = Array.isArray(e) ? e : [e];
-			for (let e of n) Lr(e) !== t && zr(e);
+			for (let e of n) Jr(e) !== t && Xr(e);
 		}
-		function Fi() {
-			Z.value = [];
+		function Qi() {
+			$.value = [];
 		}
-		function Ii() {
-			let e = wr.value;
+		function $i() {
+			let e = Pr.value;
 			if (!e.size) return [];
-			if (q.value) {
-				let t = J.value.childrenField, n = [];
-				for (let r of Ht.value) for (let i of He(r, t)) {
-					let t = V(i, 0, G.value);
-					e.has(t) && n.push(H(i));
+			if (Y.value) {
+				let t = X.value.childrenField, n = [];
+				for (let r of Gt.value) for (let i of Be(r, t)) {
+					let t = H(i, 0, q.value);
+					e.has(t) && n.push(U(i));
 				}
 				return n;
 			}
-			return br.value.filter((t, n) => e.has(V(t, n, G.value))).map(H);
+			return Ar.value.filter((t, n) => e.has(H(t, n, q.value))).map(U);
 		}
-		function Li(e) {
-			return Lr(e);
+		function ea(e) {
+			return Jr(e);
 		}
-		function Ri() {
-			return Pr.value === "allSelected";
+		function ta() {
+			return Gr.value === "allSelected";
 		}
-		function zi(...e) {
-			Gn.value?.scrollTo(...e);
+		function na(...e) {
+			$n.value?.scrollTo(...e);
 		}
-		async function Bi(e) {
-			let t = V(e, 0, G.value), n = br.value.findIndex((n, r) => V(n, r, G.value) === t || U(n, e, G.value));
+		async function ra(e) {
+			let t = H(e, 0, q.value), n = Ar.value.findIndex((n, r) => H(n, r, q.value) === t || W(n, e, q.value));
 			if (n < 0) return;
-			if (!ir.value && vr.value > 0) {
-				let e = Math.floor(n / vr.value) + 1;
-				e !== Q.value && jr(e);
+			if (!hr.value && Or.value > 0) {
+				let e = Math.floor(n / Or.value) + 1;
+				e !== Ir.value && Hr(e);
 			}
 			await E();
-			let r = Wn.value?.querySelector(`[data-row-key="${CSS.escape(String(t))}"]`);
+			let r = Qn.value?.querySelector(`[data-row-key="${CSS.escape(String(t))}"]`);
 			if (r instanceof HTMLElement) {
 				r.scrollIntoView({ block: "nearest" });
 				return;
 			}
-			$.value && Mt.value && Gn.value?.setScrollTop(n * Mt.value);
+			mi.value && Ft.value && $n.value?.setScrollTop(n * Ft.value);
 		}
-		function Vi() {
-			ee(null);
+		function ia() {
+			_e(null);
 		}
-		function Hi() {
-			let e = Y.value.checkRowKeys;
-			if (!e?.length || c.selection != null || Z.value.length > 0) return;
+		function aa() {
+			let e = Mn.value.checkRowKeys;
+			if (!e?.length || c.selection != null || $.value.length > 0) return;
 			let t = new Set(e), n;
-			if (q.value) {
-				let e = J.value.childrenField;
+			if (Y.value) {
+				let e = X.value.childrenField;
 				n = [];
-				for (let r of Ht.value) for (let i of He(r, e)) {
-					let e = V(i, 0, G.value);
-					t.has(e) && n.push(H(i));
+				for (let r of Gt.value) for (let i of Be(r, e)) {
+					let e = H(i, 0, q.value);
+					t.has(e) && n.push(U(i));
 				}
-			} else n = br.value.filter((e, n) => t.has(V(e, n, G.value))).map(H);
-			n.length && (Z.value = n);
+			} else n = Ar.value.filter((e, n) => t.has(H(e, n, q.value))).map(U);
+			n.length && ($.value = n);
 		}
-		te(() => {
-			$.value && Mi(), Hi();
+		ne(() => {
+			mi.value && (cr(), lr()), aa();
 		}), I(() => c.currentRowKey, (e) => {
-			e != null && (Jn.value = e);
-		}), I(vr, (e) => {
-			ir.value ? cr(e) : jr(1);
+			e != null && (nr.value = e);
+		}), I(Or, (e) => {
+			hr.value ? yr(e) : Hr(1);
 		}), I([
-			Ve,
-			Ce,
-			C
+			$e,
+			Ne,
+			ge
 		], () => {
-			ir.value || jr(1);
-		}), I(() => c.filters, (e) => {
-			l("filter", e ?? null);
-		}, { deep: !0 }), I(Q, (e) => {
+			hr.value || Hr(1);
+		}), I(() => c.filterModel, (e) => {
+			l("filter-change", e ?? null);
+		}, { deep: !0 }), I(Ir, (e) => {
 			l("update:page", e);
-		}), I($, async (e) => {
-			e && (await E(), Mi());
+		}), I(mi, async (e) => {
+			if (!e) {
+				sr?.disconnect(), sr = void 0;
+				return;
+			}
+			await E(), cr(), lr();
 		});
-		let Ui = h(() => ({
-			isFirstPage: Or.value,
-			isLastPage: Dr.value,
-			currentPaginationNumber: Q.value,
-			maxPaginationNumber: Er.value,
-			nextPage: kr,
-			prevPage: Ar,
-			updatePage: jr
+		let oa = h(() => ({
+			isFirstPage: zr.value,
+			isLastPage: Rr.value,
+			currentPaginationNumber: Ir.value,
+			maxPaginationNumber: Lr.value,
+			nextPage: Br,
+			prevPage: Vr,
+			updatePage: Hr
 		}));
 		return i({
-			currentPageFirstIndex: Mr,
-			currentPageLastIndex: Nr,
-			clientItemsLength: xr,
-			maxPaginationNumber: Er,
-			currentPaginationNumber: Q,
-			isLastPage: Dr,
-			isFirstPage: Or,
-			nextPage: kr,
-			prevPage: Ar,
-			updatePage: jr,
-			rowsPerPageOptions: _r,
-			rowsPerPageActiveOption: vr,
-			updateRowsPerPageActiveOption: yr,
-			setFilters: ee,
-			setColumnWidths: R,
-			setHiddenColumns: de,
-			setColumnOrder: _e,
-			getCheckboxRecords: Ni,
-			setCheckboxRow: Pi,
-			clearCheckboxRow: Fi,
-			getCheckboxIndeterminateRecords: Ii,
-			isCheckedByCheckboxRow: Li,
-			isAllCheckboxChecked: Ri,
-			scrollTo: zi,
-			scrollToRow: Bi,
-			clearSort: pr,
-			clearFilter: Vi,
-			setRowExpand: Gr,
-			setAllRowExpand: Kr,
-			clearRowExpand: qr,
-			toggleRowExpand: Jr,
-			isRowExpandByRow: Ur,
-			getRowExpandRecords: Wr,
-			isTreeExpandByRow: on,
-			getTreeExpandRecords: sn,
-			setTreeExpand: cn,
-			setAllTreeExpand: ln,
-			clearTreeExpand: un,
-			toggleTreeExpand: dn
-		}), (e, t) => (A(), v("div", T({
+			currentPageFirstIndex: Ur,
+			currentPageLastIndex: Wr,
+			clientItemsLength: jr,
+			maxPaginationNumber: Lr,
+			currentPaginationNumber: Ir,
+			isLastPage: Rr,
+			isFirstPage: zr,
+			nextPage: Br,
+			prevPage: Vr,
+			updatePage: Hr,
+			rowsPerPageOptions: Dr,
+			rowsPerPageActiveOption: Or,
+			updateRowsPerPageActiveOption: kr,
+			setFilters: _e,
+			setColumnWidths: ye,
+			setHiddenColumns: xe,
+			setColumnOrder: Ce,
+			getCheckboxRecords: Xi,
+			setCheckboxRow: Zi,
+			clearCheckboxRow: Qi,
+			getCheckboxIndeterminateRecords: $i,
+			isCheckedByCheckboxRow: ea,
+			isAllCheckboxChecked: ta,
+			scrollTo: na,
+			scrollToRow: ra,
+			clearSort: Cr,
+			clearFilter: ia,
+			setRowExpand: ni,
+			setAllRowExpand: ri,
+			clearRowExpand: ii,
+			toggleRowExpand: ai,
+			isRowExpandByRow: ei,
+			getRowExpandRecords: ti,
+			isTreeExpandByRow: cn,
+			getTreeExpandRecords: ln,
+			setTreeExpand: un,
+			setAllTreeExpand: dn,
+			clearTreeExpand: fn,
+			toggleTreeExpand: pn
+		}), (e, t) => (k(), v("div", T({
 			ref_key: "dataTable",
-			ref: Wn
-		}, F(d), { class: ["m-table", wn.value] }), [S(o, {
-			loading: F(W),
+			ref: Qn
+		}, d.value, { class: ["m-table", kn.value] }), [S(o, {
+			loading: F(Ge) && !Wn.value,
 			size: "sm"
 		}, b({
-			default: L(() => [S(r, {
+			default: L(() => [n.columnSetting ? (k(), v("div", Zt, [S(bt, {
+				columns: Wi.value,
+				"hidden-keys": F(be) ?? [],
+				onToggle: Gi,
+				onReset: Ki
+			}, null, 8, ["columns", "hidden-keys"])])) : _("", !0), S(r, T({
 				ref_key: "scrollbarRef",
-				ref: Gn,
+				ref: $n
+			}, x.value, {
 				class: "m-table__scrollbar",
-				height: Nn.value || void 0,
-				"max-height": Pn.value || void 0,
-				"wrap-style": rr.value,
-				"wrap-class": nr.value,
+				height: zn.value || void 0,
+				"max-height": Bn.value || void 0,
+				"wrap-style": mr.value,
+				"wrap-class": pr.value,
 				noresize: "",
-				onScroll: Qn
-			}, {
+				onScroll: or
+			}), {
 				default: L(() => [y("div", {
 					class: "m-table__surface",
-					"aria-busy": F(W) || void 0
+					"aria-busy": F(Ge) || void 0
 				}, [y("table", {
-					"aria-label": F(kt) || void 0,
-					role: F(q) ? "treegrid" : void 0
+					"aria-label": F(Mt) || void 0,
+					role: F(Y) ? "treegrid" : void 0
 				}, [
-					y("colgroup", null, [(A(!0), v(m, null, M(F(dr), (e, t) => (A(), v("col", {
+					y("colgroup", null, [(k(!0), v(m, null, M(F(Q), (e, t) => (k(), v("col", {
 						key: t,
-						style: k(fi(e))
+						style: ee(Ei(e))
 					}, null, 4))), 128))]),
-					F(X)["customize-headers"] ? N(e.$slots, "customize-headers", {}, void 0, void 0, 0) : F(dr).length && F(Et) ? (A(), g(Kt, {
+					F(Z)["customize-headers"] ? N(e.$slots, "customize-headers", {}, void 0, void 0, 0) : F(Q).length && F(kt) ? (k(), g(Xt, {
 						key: 1,
-						rows: F(ui),
-						"header-class-name": F(vt),
-						"header-item-class-name": F(at),
-						"header-text-direction": F(Me),
-						"multi-sort": F(Le),
-						"multiple-select-status": F(Pr),
-						"show-checkbox-header": Y.value.showHeader,
-						"last-fixed-column": F(Qr),
-						"first-right-fixed-column": F($r),
-						"fixed-columns-infos": F(ei),
-						"has-fixed-headers": F(Zr).length > 0,
-						"filter-values": F(C),
-						"is-multi-sorting": F(mr),
-						"get-multi-sort-number": F(hr),
-						onSort: ji,
-						onToggleSelectAll: Rr,
-						onFilterApply: Ai,
-						onResizeStart: F(li)
-					}, b({ _: 2 }, [M(F(X), (t, n) => ({
+						rows: F(wi),
+						"header-class-name": F(xt),
+						"header-item-class-name": F(dt),
+						"header-text-direction": F(Le),
+						"multi-sort": yn.value,
+						"multiple-select-status": F(Gr),
+						"show-checkbox-header": Mn.value.showHeader,
+						"last-fixed-column": F(li),
+						"first-right-fixed-column": F(ui),
+						"fixed-columns-infos": F(di),
+						"has-fixed-headers": F(ci).length > 0,
+						"filter-values": F(ge),
+						"is-multi-sorting": F(wr),
+						"get-multi-sort-number": F(Tr),
+						"tree-enabled": F(Y),
+						pt: C.value,
+						"column-drag": n.columnDrag,
+						onSort: Yi,
+						onToggleSelectAll: Yr,
+						onFilterApply: Ji,
+						onResizeStart: F(Ci),
+						onColumnDrop: qi
+					}, b({ _: 2 }, [M(F(Z), (t, n) => ({
 						name: n,
 						fn: L((t) => [N(e.$slots, n, O(w(t ?? {})))])
 					}))]), 1032, [
@@ -2338,97 +2586,110 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 						"filter-values",
 						"is-multi-sorting",
 						"get-multi-sort-number",
+						"tree-enabled",
+						"pt",
+						"column-drag",
 						"onResizeStart"
 					])) : _("", !0),
-					Bn.value ? N(e.$slots, "body", O(w(F(Fr))), void 0, void 0, 2) : F(ur).length ? (A(), g(It, {
-						key: 3,
-						"body-items": si.value,
-						"page-items": F(Fr),
-						"headers-for-render": F(dr),
-						"header-columns": F(ur),
-						"column-align-map": Un.value,
-						"column-render-map": Hn.value,
-						"body-text-direction": F(ye),
-						"body-row-class-name": F(ot),
-						"body-expand-row-class-name": F(st),
-						"body-item-class-name": F(ct),
-						striped: vn.value,
-						"last-fixed-column": F(Qr),
-						"first-right-fixed-column": F($r),
-						"fixed-columns-infos": F(ei),
-						"has-fixed-headers": F(Zr).length > 0,
-						"span-method": F(Ft),
+					Jn.value ? N(e.$slots, "body", O(w(F(Kr))), void 0, void 0, 2) : Wn.value && F(xr).length ? (k(), v("tbody", en, [(k(!0), v(m, null, M(Gn.value, (e) => (k(), v("tr", {
+						key: e,
+						class: "m-table__skeleton-row"
+					}, [(k(!0), v(m, null, M(F(Q), (e) => (k(), v("td", { key: e.value }, [...t[1] ||= [y("div", { class: "m-table__cell-inner" }, [y("span", { class: "m-table__skeleton-bar" })], -1)]]))), 128))]))), 128))])) : F(xr).length ? (k(), g(zt, {
+						key: 4,
+						"body-items": xi.value,
+						"page-items": F(Kr),
+						"headers-for-render": F(Q),
+						"header-columns": F(xr),
+						"column-align-map": Zn.value,
+						"column-render-map": Xn.value,
+						"body-text-direction": F(V),
+						"body-row-class-name": F(gt),
+						"body-expand-row-class-name": F(_t),
+						"body-item-class-name": F(vt),
+						striped: Cn.value,
+						"last-fixed-column": F(li),
+						"first-right-fixed-column": F(ui),
+						"fixed-columns-infos": F(di),
+						"has-fixed-headers": F(ci).length > 0,
+						"span-method": F(Rt),
 						"show-overflow-tooltip": c.showOverflowTooltip,
-						headers: K.value,
-						"virtual-enabled": $.value,
-						"offset-top": F(ai),
-						"offset-bottom": F(oi),
-						"current-page-first-index": F(Mr),
-						"single-selected-row-key": Tr.value,
-						"click-row-to-expand": Xr.value,
-						"if-has-expand-slot": Rn.value,
-						pagination: Ui.value,
-						"body-row-index": _i,
-						"get-body-row-key": gi,
-						"is-row-selected": vi,
-						"is-row-indeterminate": yi,
-						"is-row-check-disabled": bi,
-						"is-current-row": Ci,
-						"is-row-expanded": F(Hr),
-						"tree-enabled": F(q),
-						"tree-node-column": Tn.value,
-						"tree-indent": F(J).indent,
-						"get-tree-meta": Di,
-						"is-tree-node-expanded": Oi,
-						onRowClick: Ti,
-						onRowDblclick: ki,
-						onRowContextmenu: di,
-						onToggleExpand: t[0] ||= (e, t, n) => F(Yr)(e, t, n),
-						onToggleTree: Ei,
-						onToggleSelect: zr,
-						onSingleSelect: xi
-					}, b({ _: 2 }, [M(F(X), (t, n) => ({
+						headers: J.value,
+						"virtual-enabled": mi.value,
+						"offset-top": F(_i),
+						"offset-bottom": F(vi),
+						"current-page-first-index": F(Ur),
+						"single-selected-row-key": Fr.value,
+						"click-row-to-expand": si.value,
+						"if-has-expand-slot": Kn.value,
+						pagination: oa.value,
+						"body-row-index": ji,
+						"get-body-row-key": Ai,
+						"is-row-selected": Mi,
+						"is-row-indeterminate": Ni,
+						"is-row-check-disabled": Pi,
+						"is-current-row": Li,
+						"is-row-expanded": F($r),
+						"tree-enabled": F(Y),
+						"tree-node-column": An.value,
+						"tree-indent": F(X).indent,
+						"get-tree-meta": Vi,
+						"is-tree-node-expanded": Hi,
+						"is-multiple-selectable": dr.value,
+						"is-single-selectable": fr.value,
+						"observe-row": F(bi) ? F(yi) : void 0,
+						pt: oe.value,
+						onRowClick: zi,
+						onRowDblclick: Ui,
+						onRowContextmenu: Ti,
+						onToggleExpand: t[0] ||= (e, t, n) => F(oi)(e, t, n),
+						onToggleTree: Bi,
+						onToggleSelect: Xr,
+						onSingleSelect: Fi
+					}, b({ _: 2 }, [M(F(Z), (t, n) => ({
 						name: n,
 						fn: L((t) => [N(e.$slots, n, O(w(t ?? {})))])
-					}))]), 1032, /* @__PURE__ */ "body-items.page-items.headers-for-render.header-columns.column-align-map.column-render-map.body-text-direction.body-row-class-name.body-expand-row-class-name.body-item-class-name.striped.last-fixed-column.first-right-fixed-column.fixed-columns-infos.has-fixed-headers.span-method.show-overflow-tooltip.headers.virtual-enabled.offset-top.offset-bottom.current-page-first-index.single-selected-row-key.click-row-to-expand.if-has-expand-slot.pagination.is-row-expanded.tree-enabled.tree-node-column.tree-indent".split("."))) : _("", !0),
-					F(Nt) && (Vn.value || ci.value.length) ? (A(), v("tfoot", Yt, [Vn.value ? N(e.$slots, "footer", O(w({
-						columns: F(dr),
-						data: F(br)
-					})), void 0, void 0, 0) : _("", !0), (A(!0), v(m, null, M(ci.value, (e, t) => (A(), v("tr", { key: t }, [(A(!0), v(m, null, M(F(dr), (t, n) => (A(), v("td", {
+					}))]), 1032, /* @__PURE__ */ "body-items.page-items.headers-for-render.header-columns.column-align-map.column-render-map.body-text-direction.body-row-class-name.body-expand-row-class-name.body-item-class-name.striped.last-fixed-column.first-right-fixed-column.fixed-columns-infos.has-fixed-headers.span-method.show-overflow-tooltip.headers.virtual-enabled.offset-top.offset-bottom.current-page-first-index.single-selected-row-key.click-row-to-expand.if-has-expand-slot.pagination.is-row-expanded.tree-enabled.tree-node-column.tree-indent.is-multiple-selectable.is-single-selectable.observe-row.pt".split("."))) : _("", !0),
+					F(It) && (Yn.value || Si.value.length) ? (k(), v("tfoot", T({ key: 5 }, R.value, { class: "m-table__tfoot" }), [Yn.value ? N(e.$slots, "footer", O(w({
+						columns: F(Q),
+						data: F(Ar)
+					})), void 0, void 0, 0) : _("", !0), (k(!0), v(m, null, M(Si.value, (e, t) => (k(), v("tr", { key: t }, [(k(!0), v(m, null, M(F(Q), (t, n) => (k(), v("td", {
 						key: t.value,
-						class: D(mi(t.value)),
-						style: k(pi(t.value, "td"))
-					}, [y("div", Xt, [y("span", Zt, P(e[n] ?? ""), 1)])], 6))), 128))]))), 128))])) : _("", !0)
-				], 8, Jt), !F(Fr).length && !F(W) ? (A(), v("div", Qt, [F(X).empty ? N(e.$slots, "empty", {}, void 0, void 0, 0) : N(e.$slots, "empty", {}, () => [y("p", $t, P(An.value), 1), F(Ct) ? (A(), v("p", en, P(F(Ct)), 1)) : _("", !0)], void 0, 1)])) : _("", !0)], 8, qt)]),
+						class: D(Oi(t.value)),
+						style: ee(Di(t.value, "td"))
+					}, [y("div", tn, [y("span", nn, P(e[n] ?? ""), 1)])], 6))), 128))]))), 128))], 16)) : _("", !0)
+				], 8, $t), !F(Kr).length && !F(Ge) && !Wn.value ? (k(), v("div", T({ key: 0 }, de.value, {
+					class: "m-table__message",
+					role: "status"
+				}), [F(Z).empty ? N(e.$slots, "empty", {}, void 0, void 0, 0) : N(e.$slots, "empty", {}, () => [y("p", rn, P(In.value), 1), F(Et) ? (k(), v("p", an, P(F(Et)), 1)) : _("", !0)], void 0, 1)], 16)) : _("", !0)], 8, Qt)]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"height",
 				"max-height",
 				"wrap-style",
 				"wrap-class"
 			])]),
 			_: 2
-		}, [Ln.value ? {
+		}, [Un.value ? {
 			name: "indicator",
 			fn: L(() => [N(e.$slots, "loading")]),
 			key: "0"
-		} : void 0]), 1032, ["loading"]), F(Ot) ? (A(), v("div", tn, [y("div", nn, P(`${F(Mr)}–${F(Nr)}`) + " " + P(rn) + " " + P(F(xr)), 1), In.value ? N(e.$slots, "pagination", O(w({
-			isFirstPage: F(Or),
-			isLastPage: F(Dr),
-			currentPaginationNumber: F(Q),
-			maxPaginationNumber: F(Er),
-			nextPage: F(kr),
-			prevPage: F(Ar)
-		})), void 0, void 0, 0) : (A(), g(s, {
+		} : void 0]), 1032, ["loading"]), F(jt) ? (k(), v("div", T({ key: 0 }, ue.value, { class: "m-table__footer" }), [y("div", on, P(`${F(Ur)}–${F(Wr)}`) + " " + P(sn) + " " + P(F(jr)), 1), Hn.value ? N(e.$slots, "pagination", O(w({
+			isFirstPage: F(zr),
+			isLastPage: F(Rr),
+			currentPaginationNumber: F(Ir),
+			maxPaginationNumber: F(Lr),
+			nextPage: F(Br),
+			prevPage: F(Vr)
+		})), void 0, void 0, 0) : (k(), g(s, {
 			key: 1,
-			"model-value": F(Q),
-			"total-records": F(xr),
-			rows: F(vr),
-			"page-sizes": F(_r),
-			"show-size-picker": F(yt),
-			disabled: F(W),
-			"onUpdate:modelValue": F(jr),
-			"onUpdate:rows": Si
+			"model-value": F(Ir),
+			"total-records": F(jr),
+			rows: F(Or),
+			"page-sizes": F(Dr),
+			"show-size-picker": F(St),
+			disabled: F(Ge),
+			"onUpdate:modelValue": F(Hr),
+			"onUpdate:rows": Ii
 		}, null, 8, [
 			"model-value",
 			"total-records",
@@ -2437,8 +2698,8 @@ var vt = { class: "m-table__tooltip-trigger" }, yt = { class: "m-table__cell-tex
 			"show-size-picker",
 			"disabled",
 			"onUpdate:modelValue"
-		]))])) : _("", !0)], 16));
+		]))], 16)) : _("", !0)], 16));
 	}
 });
 //#endregion
-export { an as MTable };
+export { cn as MTable };