@shtabapp/ui-kit 1.62.0 → 1.64.0

package/dist/STable-aS1eGuVB.js

@@ -0,0 +1,3445 @@
+import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
+import { t as r } from "./SButton-6AL2ipRT.js";
+import { i, t as a } from "./SCheckbox-BMkOc5cn.js";
+import { i as o } from "./useFloatingOverlay-QcumEYEq.js";
+import { t as s } from "./SDropdown-LOTCtlCX.js";
+import { t as c } from "./SDropdownMenu-2koPU6IG.js";
+import { a as l, o as u, r as d } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { t as f } from "./SListItem-C1IeCv8M.js";
+import { n as p, r as m, t as h } from "./SToggle-sGw-LSNd.js";
+import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, isMemoSame as E, markRaw as D, mergeModels as O, mergeProps as k, nextTick as A, normalizeClass as j, normalizeStyle as M, onBeforeUnmount as N, onMounted as P, openBlock as F, ref as I, renderList as L, renderSlot as R, shallowRef as z, toDisplayString as B, toRaw as V, toValue as H, unref as U, useId as ee, useModel as te, useSlots as ne, useTemplateRef as re, watch as W, withCtx as G, withModifiers as ie } from "vue";
+import { ESSkeletonType as ae, SIcon as oe, SSeparator as se, SSkeleton as K, useUiKitI18n as ce } from "@shtabapp/ui-kit-primitives";
+import { tryOnScopeDispose as le, useElementSize as ue, useEventListener as de, useRafFn as fe, useResizeObserver as pe, useTimeoutFn as me } from "@vueuse/core";
+import { elementScroll as he, observeElementOffset as ge, useVirtualizer as _e } from "@tanstack/vue-virtual";
+import { combine as ve } from "@atlaskit/pragmatic-drag-and-drop/combine";
+import { draggable as ye, dropTargetForElements as be, monitorForElements as q } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { setCustomNativeDragPreview as xe } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
+import { pointerOutsideOfPreview as Se } from "@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview";
+import { attachClosestEdge as Ce, extractClosestEdge as we } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
+import { disableNativeDragPreview as Te } from "@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview";
+import { autoScrollForElements as Ee } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
+//#region src/components/STable/STable.types.ts
+var J = /* @__PURE__ */ function(e) {
+	return e.LEFT = "left", e.RIGHT = "right", e;
+}({}), De = /* @__PURE__ */ function(e) {
+	return e.LEFT = "left", e.CENTER = "center", e.RIGHT = "right", e;
+}({}), Y = /* @__PURE__ */ function(e) {
+	return e.ASC = "asc", e.DESC = "desc", e;
+}({}), Oe = /* @__PURE__ */ function(e) {
+	return e.DEFAULT = "default", e.COMPLETED = "completed", e;
+}({}), X = /* @__PURE__ */ function(e) {
+	return e.DEFAULT = "default", e.DISABLED = "disabled", e.READONLY = "readonly", e.EDITING = "editing", e;
+}({}), ke = /* @__PURE__ */ function(e) {
+	return e.AUTO = "auto", e.FIXED = "fixed", e;
+}({}), Ae = /* @__PURE__ */ function(e) {
+	return e.FLAT = "flat", e.TREE = "tree", e;
+}({}), je = /* @__PURE__ */ function(e) {
+	return e.BEFORE = "before", e.AFTER = "after", e.CHILD = "child", e;
+}({}), Me = /* @__PURE__ */ function(e) {
+	return e.NEUTRAL = "neutral", e.SUCCESS = "success", e.WARNING = "warning", e.DANGER = "danger", e;
+}({}), Z = /* @__PURE__ */ function(e) {
+	return e.UNCHECKED = "unchecked", e.CHECKED = "checked", e.INDETERMINATE = "indeterminate", e;
+}({}), Q = /* @__PURE__ */ function(e) {
+	return e.ROW = "row", e.GROUP = "group", e.DEPTH_FOOTER = "depthFooter", e.LOAD_MORE = "loadMore", e;
+}({}), Ne = 16e6, Pe = 1e5, Fe = 1e9, Ie = 2e3, Le = .3, Re = 1300, ze = "__s-ui-table-filler__", Be = /* @__PURE__ */ T({
+	__name: "STableCheckbox",
+	props: /*@__PURE__*/ O({
+		screenReaderLabel: {},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = te(e, "modelValue"), n = re("checkboxRef");
+		return W([n, () => e.screenReaderLabel], () => {
+			let t = n.value?.$el, r = t instanceof HTMLElement ? t.querySelector("input") : void 0;
+			r && (r.tabIndex = -1, r.setAttribute("aria-label", e.screenReaderLabel));
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), (r, o) => (F(), v(U(a), {
+			ref_key: "checkboxRef",
+			ref: n,
+			modelValue: t.value,
+			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
+			indeterminate: e.indeterminate,
+			size: U(i).EXTRA_SMALL
+		}, null, 8, [
+			"modelValue",
+			"indeterminate",
+			"size"
+		]));
+	}
+}), Ve = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+], He = /* @__PURE__ */ T({
+	__name: "STableContentRow",
+	props: {
+		cells: {},
+		contentColumnKey: {},
+		cellClass: {},
+		contentClass: {},
+		contentStyle: {},
+		section: {},
+		rowKey: {},
+		cellIdPrefix: {},
+		focusColumnKey: {}
+	},
+	setup(e) {
+		return (t, n) => (F(), b("tr", null, [(F(!0), b(g, null, L(e.cells, ({ key: n, cellPlan: r }) => (F(), b(g, { key: n }, [r ? (F(), b("td", {
+			key: 1,
+			id: `${e.cellIdPrefix}${e.rowKey ?? ""}-${r.descriptor.key}`,
+			class: j([r.cellClass, e.cellClass]),
+			style: M(r.style),
+			"aria-colindex": r.descriptor.colIndex,
+			"data-column-key": r.descriptor.key,
+			"data-row-key": e.rowKey,
+			"data-section": e.section,
+			tabindex: r.descriptor.key === e.focusColumnKey ? 0 : -1
+		}, [r.descriptor.key === e.contentColumnKey ? (F(), b("div", {
+			key: 0,
+			class: j(e.contentClass),
+			style: M(e.contentStyle)
+		}, [R(t.$slots, "default")], 6)) : y("", !0)], 14, Ve)) : (F(), b("td", {
+			key: 0,
+			class: j([
+				"s-ui-table__cell",
+				"s-ui-table__filler-cell",
+				e.cellClass
+			]),
+			role: "presentation"
+		}, null, 2))], 64))), 128))]));
+	}
+}), Ue = /* @__PURE__ */ function(e) {
+	return e.INDICATOR = "indicator", e.CHECKBOX = "checkbox", e.RIGHT_EDGE = "rightEdge", e.COLUMNS_MANAGER = "columnsManager", e;
+}({}), We = {
+	indicator: "indicator",
+	checkbox: "checkbox",
+	rightEdge: "right-edge",
+	columnsManager: "columns-manager"
+}, Ge = new Set(["rightEdge", "columnsManager"]), Ke = (e) => Ge.has(e) ? J.RIGHT : J.LEFT, qe = (e) => e.replace(/[^a-zA-Z0-9_-]/g, "-"), Je = (e) => `--s-ui-table-col-w-${qe(e)}`, Ye = (e) => `--s-ui-table-sticky-${qe(e)}`, Xe = (e) => `--s-ui-table-live-w-${qe(e)}`, Ze = (e) => `--s-ui-table-live-sticky-${qe(e)}`, Qe = (e, t) => e.maxWidth === void 0 ? Infinity : Math.max(0, e.maxWidth - e.baseWidth - t), $e = (e, t, n) => {
+	let r = e.reduce((e, t) => e + t.baseWidth, 0), i = 0;
+	return e.forEach((a, o) => {
+		let s = o === e.length - 1 ? t - i : Math.floor(t * a.baseWidth / r), c = n.get(a.key) ?? 0, l = Math.min(s, Qe(a, c));
+		n.set(a.key, c + l), i += l;
+	}), t - i;
+}, et = (e) => e ? 430 : 160, tt = (e) => {
+	let t = e.filter((e) => e.sticky === J.LEFT), n = t[t.length - 1];
+	n && (n.lastStickyLeft = !0);
+	let r = e.find((e) => e.sticky === J.RIGHT);
+	r && (r.firstStickyRight = !0);
+}, nt = (e, t) => {
+	let n = /* @__PURE__ */ new Map(), r = t;
+	for (let t = 0; t < e.length && r > 0; t += 1) {
+		let t = e.filter((e) => Qe(e, n.get(e.key) ?? 0) > 0);
+		if (t.length === 0) return n;
+		r = $e(t, r, n);
+	}
+	return n;
+}, rt = (e, t) => {
+	let n = e.reduce((e, t) => e + t.baseWidth, 0), r = e.filter((e) => e.flexible), i = Math.floor(t) - n;
+	if (i <= 0 || r.length === 0) return e;
+	let a = nt(r, i);
+	return e.map((e) => {
+		let t = a.get(e.key);
+		return t ? {
+			...e,
+			width: e.baseWidth + t
+		} : e;
+	});
+}, it = ({ columns: e, columnOrder: t, columnWidths: n, hiddenColumns: r, hasIndicator: i, hasCheckbox: a, hasRightEdge: o, hasColumnsManager: s, columnsResizable: c, columnsDraggable: l, viewportWidth: u }) => {
+	let d = _(() => {
+		let t = H(e);
+		return t.find((e) => e.primary)?.key ?? t[0]?.key;
+	}), f = _(() => {
+		let n = H(e), i = new Set(r.value ?? []), a = t.value, o = new Map(n.map((e) => [e.key, e])), s = [];
+		a ? (a.forEach((e) => {
+			o.has(e) && s.push(e);
+		}), n.forEach((e) => {
+			a.includes(e.key) || s.push(e.key);
+		})) : n.forEach((e) => {
+			s.push(e.key);
+		});
+		let c = [];
+		s.forEach((e) => {
+			let t = o.get(e);
+			t && (e !== d.value && i.has(e) || c.push(t));
+		});
+		let l = [], u = [], f = [], p = [];
+		return c.forEach((e) => {
+			e.key === d.value ? l.push(e) : e.sticky === J.LEFT ? u.push(e) : e.sticky === J.RIGHT ? p.push(e) : f.push(e);
+		}), [
+			...l,
+			...u,
+			...f,
+			...p
+		];
+	}), p = (e, t) => {
+		let r = n.value?.[e.key];
+		return r ? {
+			baseWidth: r,
+			flexible: !1
+		} : e.width ? {
+			baseWidth: e.width,
+			flexible: !1
+		} : {
+			baseWidth: et(t),
+			flexible: e.sticky !== J.RIGHT
+		};
+	}, m = (e) => {
+		H(o) && e("rightEdge", 40), H(s) && e("columnsManager", 32);
+	}, h = _(() => {
+		let e = [], t = H(c), n = H(l), r = (t, n) => {
+			let r = Ke(t);
+			e.push({
+				key: `__s-ui-table-${t}`,
+				service: t,
+				width: n,
+				baseWidth: n,
+				flexible: !1,
+				minWidth: n,
+				maxWidth: n,
+				sticky: r,
+				align: De.LEFT,
+				primary: !1,
+				resizable: !1,
+				draggable: !1,
+				sortable: !1,
+				hideable: !1,
+				colIndex: 0,
+				widthVar: Je(t),
+				liveWidthVar: Xe(t),
+				stickyOffsetVar: Ye(t),
+				liveStickyOffsetVar: Ze(t),
+				lastStickyLeft: !1,
+				firstStickyRight: !1
+			});
+		};
+		H(i) && r("indicator", 2), H(a) && r("checkbox", 24), f.value.forEach((r) => {
+			let i = r.key === d.value, a = i ? J.LEFT : r.sticky, { baseWidth: o, flexible: s } = p(r, i);
+			e.push({
+				key: r.key,
+				column: r,
+				width: o,
+				baseWidth: o,
+				flexible: s,
+				minWidth: r.minWidth ?? 60,
+				maxWidth: r.maxWidth,
+				sticky: a,
+				align: r.align ?? De.LEFT,
+				primary: i,
+				resizable: t && (r.resizable ?? !0),
+				draggable: n && !i && (r.draggable ?? !0),
+				sortable: r.sortable ?? !1,
+				hideable: !i && (r.hideable ?? !0),
+				colIndex: 0,
+				widthVar: Je(r.key),
+				liveWidthVar: Xe(r.key),
+				stickyOffsetVar: a ? Ye(r.key) : void 0,
+				liveStickyOffsetVar: a ? Ze(r.key) : void 0,
+				lastStickyLeft: !1,
+				firstStickyRight: !1
+			});
+		}), m(r);
+		let o = 0;
+		return e.forEach((e) => {
+			e.sticky !== J.RIGHT && (o += 1, e.colIndex = o);
+		}), e.forEach((e) => {
+			e.sticky === J.RIGHT && (o += 1, e.colIndex = o);
+		}), tt(e), e;
+	}), g = _(() => rt(h.value, H(u))), v = _(() => g.value.reduce((e, t) => e + t.width, 0)), y = _(() => {
+		let e = {}, t = 0;
+		g.value.forEach((n) => {
+			e[n.widthVar] = `${n.width}px`, n.sticky === J.LEFT && n.stickyOffsetVar && (e[n.stickyOffsetVar] = `${t}px`, t += n.width);
+		});
+		let n = 0;
+		return [...g.value].reverse().forEach((t) => {
+			t.sticky === J.RIGHT && t.stickyOffsetVar && (e[t.stickyOffsetVar] = `${n}px`, n += t.width);
+		}), e;
+	});
+	return {
+		primaryColumnKey: d,
+		orderedDataColumns: f,
+		columnDescriptors: g,
+		dataColumnDescriptors: _(() => g.value.filter((e) => e.column)),
+		columnCssVars: y,
+		totalWidth: v,
+		columnCount: _(() => g.value.length)
+	};
+}, $ = /* @__PURE__ */ function(e) {
+	return e.HEADER = "h", e.BODY = "b", e.CREATION = "c", e.AGGREGATE = "a", e;
+}({}), at = "button, a[href], input, select, textarea, [tabindex]", ot = Object.values($), st = (e) => ot.find((t) => t === e), ct = ({ tableRootElement: e, tableElement: t, scrollElement: n, columnDescriptors: r, flatRows: i, snapshot: a, groupColumnKey: o, depthFooterColumnKey: s, loadMoreColumnKey: c, creationColumnKey: l, hasCreationRow: u, hasAggregateRow: d, isRowNavigable: f, pageSize: p, buildCellDomId: m, onBodyRowFocused: h, scrollToRowIndex: g }) => {
+	let v = z(), y = z(), b = z(!1), x = z(0), S = _(() => r.value.filter((e) => e.service !== Ue.INDICATOR).map((e) => e.key)), C = _(() => r.value.filter((e) => e.service !== Ue.INDICATOR && e.service !== Ue.COLUMNS_MANAGER).map((e) => e.key)), w = (e) => {
+		if (!e) return;
+		let t = a.value.getRowIndexByKey(e);
+		return t === void 0 ? void 0 : i.value[t];
+	}, T = (e) => {
+		if (e.kind === Q.ROW) return C.value;
+		let t = {
+			[Q.ROW]: void 0,
+			[Q.GROUP]: H(o),
+			[Q.DEPTH_FOOTER]: H(s),
+			[Q.LOAD_MORE]: H(c)
+		}[e.kind];
+		return t ? [t] : [];
+	}, E = (e) => {
+		if (e.section === "h") return S.value;
+		if (e.section === "c") {
+			let e = H(l);
+			return H(u) && e ? [e] : [];
+		}
+		if (e.section === "a") return H(d) ? C.value : [];
+		let t = w(e.rowKey);
+		return t && f(t) ? T(t) : [];
+	}, D = (e, t) => {
+		if (t && e.includes(t)) return t;
+		let n = S.value, r = t ? n.indexOf(t) : -1, i = e[0] ?? "";
+		if (r === -1) return i;
+		let a = i, o = Infinity;
+		return e.forEach((e) => {
+			let t = Math.abs(n.indexOf(e) - r);
+			t < o && (o = t, a = e);
+		}), a;
+	}, O = _(() => ({
+		section: "h",
+		columnKey: D(S.value, y.value)
+	})), k = _(() => {
+		let e = v.value;
+		if (!e) return O.value;
+		let t = E(e);
+		return t.length === 0 ? O.value : t.includes(e.columnKey) ? e : {
+			...e,
+			columnKey: D(t, e.columnKey)
+		};
+	}), j = _(() => i.value.length), M = _(() => j.value + +!!H(u) + +!!H(d)), N = (e) => {
+		if (e.section === "h") return 0;
+		if (e.section === "c") return j.value + 1;
+		if (e.section === "a") return j.value + 1 + +!!H(u);
+		let t = e.rowKey === void 0 ? void 0 : a.value.getRowIndexByKey(e.rowKey);
+		return t === void 0 ? void 0 : t + 1;
+	}, P = (e, t) => {
+		if (e <= 0) return {
+			section: "h",
+			columnKey: D(S.value, t)
+		};
+		if (e <= j.value) {
+			let n = i.value[e - 1];
+			if (!n || !f(n)) return;
+			let r = T(n);
+			return r.length === 0 ? void 0 : {
+				section: "b",
+				rowKey: n.key,
+				columnKey: D(r, t)
+			};
+		}
+		if (H(u) && e === j.value + 1) {
+			let e = H(l);
+			return e ? {
+				section: "c",
+				columnKey: e
+			} : void 0;
+		}
+		if (H(d) && e === M.value) return {
+			section: "a",
+			columnKey: D(S.value, t)
+		};
+	}, F = (e, t) => {
+		let n = e;
+		for (; n >= 0 && n <= M.value;) {
+			let e = P(n, y.value);
+			if (e) return e;
+			n += t;
+		}
+	}, I = (e) => document.getElementById(m(e)) ?? void 0, L = () => I(k.value), R = () => {
+		let t = n.value, r = L();
+		if (!t || !r || r.classList.contains("s-ui-table__cell--sticky-left") || r.classList.contains("s-ui-table__cell--sticky-right")) return;
+		let i = t.getBoundingClientRect(), a = e.value, o = i.left, s = i.right, c = a?.querySelector("th.s-ui-table__cell--last-sticky-left");
+		c && (o = Math.max(o, c.getBoundingClientRect().right));
+		let l = a?.querySelector("th.s-ui-table__cell--first-sticky-right");
+		l && (s = Math.min(s, l.getBoundingClientRect().left));
+		let u = r.getBoundingClientRect();
+		if (u.left < o) {
+			t.scrollLeft -= o - u.left;
+			return;
+		}
+		u.right > s && (t.scrollLeft += u.right - s);
+	}, B = (e, t) => {
+		v.value = e, t && (y.value = e.columnKey);
+		let n = N(e);
+		n !== void 0 && (x.value = n);
+	}, V = (e, t) => {
+		let n = E(e), r = n.length > 0 && !n.includes(e.columnKey) ? {
+			...e,
+			columnKey: D(n, e.columnKey)
+		} : e;
+		if (B(r, t?.updateDesired ?? !0), b.value = !1, r.section === "b" && r.rowKey) {
+			h(r.rowKey);
+			let e = a.value.getRowIndexByKey(r.rowKey);
+			(t?.scroll ?? !0) && e !== void 0 && g(e);
+		}
+		t?.focusElement !== !1 && A(() => {
+			L()?.focus({ preventScroll: !0 }), R();
+		});
+	}, U = (e, t) => {
+		let n = k.value;
+		if (t !== 0) {
+			let e = E(n), r = e[e.indexOf(n.columnKey) + t];
+			r && V({
+				...n,
+				columnKey: r
+			});
+			return;
+		}
+		if (e === 0) return;
+		let r = e > 0 ? 1 : -1, i = F((N(n) ?? x.value) + r, r);
+		i && V(i, { updateDesired: !1 });
+	}, ee = (e) => {
+		let t = k.value, n = E(t), r = e === "start" ? n[0] : n[n.length - 1];
+		r && V({
+			...t,
+			columnKey: r
+		});
+	}, te = (e) => {
+		let t = e === "first" ? F(0, 1) : F(M.value, -1);
+		if (!t) return;
+		let n = E(t), r = e === "first" ? n[0] : n[n.length - 1];
+		V(r ? {
+			...t,
+			columnKey: r
+		} : t);
+	}, ne = (e) => {
+		let t = N(k.value) ?? x.value, n = Math.max(1, Math.round(H(p))), r = Math.min(M.value, Math.max(0, t + e * n)), i = F(r, e) ?? F(r, e === 1 ? -1 : 1);
+		i && V(i, { updateDesired: !1 });
+	}, re = (e) => {
+		let t = [];
+		return e.querySelectorAll(at).forEach((e) => {
+			!(e instanceof HTMLElement) || e.offsetParent === null || e.hasAttribute("disabled") || e.closest("[aria-hidden=\"true\"]") || t.push(e);
+		}), t;
+	}, G = () => {
+		let e = L(), t = e ? re(e)[0] : void 0;
+		return t ? (b.value = !0, t.focus(), !0) : !1;
+	}, ie = () => {
+		b.value = !1, L()?.focus({ preventScroll: !0 });
+	}, ae = (e) => {
+		let t = L(), n = t ? re(t) : [];
+		if (n.length === 0) return;
+		let r = document.activeElement, i = n.findIndex((e) => e === r || r instanceof Node && e.contains(r));
+		n[i === -1 ? e === 1 ? 0 : n.length - 1 : (i + e + n.length) % n.length]?.focus();
+	}, oe = () => {
+		let e = k.value, n = E(e);
+		if (n.length > 0) {
+			V({
+				...e,
+				columnKey: D(n, y.value)
+			}, {
+				scroll: !1,
+				updateDesired: !1
+			});
+			return;
+		}
+		let r = Math.min(x.value, M.value), i = F(r, -1) ?? F(r, 1);
+		if (i) {
+			V(i, {
+				scroll: !1,
+				updateDesired: !1
+			});
+			return;
+		}
+		if (S.value.length > 0) {
+			V(O.value, {
+				scroll: !1,
+				updateDesired: !1
+			});
+			return;
+		}
+		t.value?.focus();
+	};
+	W(() => {
+		let e = v.value?.rowKey;
+		return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
+	}, (e, t) => {
+		t === void 0 || e !== void 0 || document.activeElement === document.body && oe();
+	}, { flush: "post" });
+	let se = (e, t) => {
+		B(e, !0), b.value = t, e.section === "b" && e.rowKey && h(e.rowKey);
+	}, K = (e, t, n) => {
+		let r = k.value;
+		return r.section === e && r.rowKey === t && r.columnKey === n;
+	}, ce = (e, t, n) => K(e, t, n) ? 0 : -1, le = _(() => {
+		let e = k.value;
+		return e.section === "b" ? e.rowKey : void 0;
+	});
+	return {
+		focusAddress: k,
+		focusedBodyRowKey: le,
+		focusBodyRowIndex: _(() => {
+			let e = le.value;
+			return e === void 0 ? void 0 : a.value.getRowIndexByKey(e);
+		}),
+		cellEntered: b,
+		isCellFocused: K,
+		getCellTabIndex: ce,
+		moveFocus: U,
+		moveToRowEdge: ee,
+		moveToGridEdge: te,
+		moveByPage: ne,
+		focusAddressNow: V,
+		syncFocusAddress: se,
+		enterCell: G,
+		exitCell: ie,
+		cycleCellFocus: ae,
+		restoreFocusAfterUnmount: oe,
+		ensureFocusedCellVisibleHorizontally: R,
+		queryFocusedCellElement: L
+	};
+}, lt = [
+	"data-index",
+	"aria-rowindex",
+	"aria-level",
+	"aria-expanded"
+], ut = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+], dt = { class: "s-ui-table__group-main" }, ft = { class: "s-ui-table__group-title" }, pt = { class: "s-ui-table__group-counter" }, mt = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"tabindex"
+], ht = /* @__PURE__ */ T({
+	__name: "STableGroupRow",
+	props: {
+		row: {},
+		rowIndex: {},
+		leadingPlans: {},
+		trailingPlans: {},
+		groupColumnKey: {},
+		treeIndent: {},
+		count: {},
+		total: {},
+		expanded: { type: Boolean },
+		active: { type: Boolean },
+		title: {},
+		stuck: {
+			type: Boolean,
+			default: !1
+		},
+		dndRef: { type: Function },
+		dragging: {
+			type: Boolean,
+			default: !1
+		},
+		dropPosition: {},
+		cellIdPrefix: {},
+		focusColumnKey: {}
+	},
+	emits: [
+		"toggle",
+		"rowClick",
+		"menuOpen"
+	],
+	setup(i, { emit: a }) {
+		let l = a, u = ne(), { t: d } = ce(), f = I(!1), p = (e) => {
+			l("menuOpen"), e();
+		}, m = _(() => ({
+			"s-ui-table__group-row--active": i.active,
+			"s-ui-table__group-row--collapsed": !i.expanded,
+			"s-ui-table__group-row--stuck": i.stuck,
+			"s-ui-table__group-row--dragging": i.dragging,
+			"s-ui-table__group-row--drop-before": i.dropPosition === "before",
+			"s-ui-table__group-row--drop-after": i.dropPosition === "after",
+			"s-ui-table__group-row--drop-inside": i.dropPosition === "inside"
+		})), h = _(() => {
+			if (i.row.depth !== 0) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${i.row.depth * i.treeIndent}px)` };
+		}), S = _(() => i.total === void 0 ? String(i.count) : `${i.count}/${i.total}`), C = _(() => i.expanded ? "chevronMiniDown" : "chevronMiniRight"), T = _(() => i.expanded ? d("table.collapse") : d("table.expand"));
+		return (a, _) => (F(), b("tr", {
+			ref: i.dndRef,
+			class: j(["s-ui-table__group-row", m.value]),
+			"data-index": i.rowIndex,
+			"aria-rowindex": i.rowIndex + 2,
+			"aria-level": i.row.depth + 1,
+			"aria-expanded": i.row.hasChildren ? i.expanded : void 0,
+			onClick: _[3] ||= (e) => l("rowClick", e)
+		}, [
+			(F(!0), b(g, null, L(i.leadingPlans, (m) => (F(), b("td", {
+				id: `${i.cellIdPrefix}${i.row.key}-${m.descriptor.key}`,
+				key: m.descriptor.key,
+				class: j([m.cellClass, "s-ui-table__group-cell"]),
+				style: M(m.style),
+				"aria-colindex": m.descriptor.colIndex,
+				"data-column-key": m.descriptor.key,
+				"data-row-key": i.row.key,
+				"data-section": U($).BODY,
+				tabindex: m.descriptor.key === i.focusColumnKey ? 0 : -1
+			}, [m.descriptor.key === i.groupColumnKey ? (F(), b("div", {
+				key: 0,
+				class: "s-ui-table__group-content",
+				style: M(h.value)
+			}, [R(a.$slots, "row", {}, () => [
+				w(U(r), {
+					class: "s-ui-table__group-chevron",
+					appearance: U(n).BARE,
+					variant: U(t).NEUTRAL,
+					size: U(e).SMALL,
+					icon: C.value,
+					"aria-label": T.value,
+					tabindex: "-1",
+					onClick: _[0] ||= ie((e) => l("toggle"), ["stop"])
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"icon",
+					"aria-label"
+				]),
+				x("div", dt, [R(a.$slots, "title", {}, () => [x("span", ft, B(i.title), 1)]), x("span", pt, B(S.value), 1)]),
+				x("div", {
+					class: "s-ui-table__group-actions",
+					onClick: _[2] ||= ie(() => {}, ["stop"])
+				}, [R(a.$slots, "actions"), U(u).menu ? (F(), v(U(s), {
+					key: 0,
+					modelValue: f.value,
+					"onUpdate:modelValue": _[1] ||= (e) => f.value = e,
+					placement: U(o).BOTTOM_END,
+					"teleport-to": !1
+				}, {
+					trigger: G(({ toggle: i }) => [w(U(r), {
+						class: j(["s-ui-table__group-kebab", { "s-ui-table__group-kebab--open": f.value }]),
+						appearance: U(n).BARE,
+						variant: U(t).NEUTRAL,
+						size: U(e).SMALL,
+						icon: "more",
+						"aria-label": U(d)("table.groupMenu"),
+						tabindex: "-1",
+						onClick: (e) => p(i)
+					}, null, 8, [
+						"class",
+						"appearance",
+						"variant",
+						"size",
+						"aria-label",
+						"onClick"
+					])]),
+					content: G(() => [w(U(c), { width: 220 }, {
+						default: G(() => [R(a.$slots, "menu")]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["modelValue", "placement"])) : y("", !0)])
+			])], 4)) : y("", !0)], 14, ut))), 128)),
+			_[4] ||= x("td", {
+				class: "s-ui-table__cell s-ui-table__filler-cell s-ui-table__group-cell",
+				role: "presentation"
+			}, null, -1),
+			(F(!0), b(g, null, L(i.trailingPlans, (e) => (F(), b("td", {
+				id: `${i.cellIdPrefix}${i.row.key}-${e.descriptor.key}`,
+				key: e.descriptor.key,
+				class: j([e.cellClass, "s-ui-table__group-cell"]),
+				style: M(e.style),
+				"aria-colindex": e.descriptor.colIndex,
+				"data-column-key": e.descriptor.key,
+				"data-row-key": i.row.key,
+				"data-section": U($).BODY,
+				tabindex: e.descriptor.key === i.focusColumnKey ? 0 : -1
+			}, null, 14, mt))), 128))
+		], 10, lt));
+	}
+}), gt = {
+	key: 0,
+	class: "s-ui-table__hint-bubble",
+	role: "tooltip"
+}, _t = /* @__PURE__ */ T({
+	__name: "STableHint",
+	props: { text: {} },
+	setup(e) {
+		let t = I(!1);
+		return (n, r) => (F(), b("span", {
+			class: "s-ui-table__hint",
+			tabindex: "-1",
+			onPointerenter: r[0] ||= (e) => t.value = !0,
+			onPointerleave: r[1] ||= (e) => t.value = !1,
+			onFocusin: r[2] ||= (e) => t.value = !0,
+			onFocusout: r[3] ||= (e) => t.value = !1
+		}, [w(U(oe), {
+			class: "s-ui-table__hint-icon",
+			name: "infoCircle",
+			size: 16
+		}), t.value ? (F(), b("span", gt, B(e.text), 1)) : y("", !0)], 32));
+	}
+}), vt = {
+	key: 0,
+	class: "s-ui-table__header-grip-area"
+}, yt = { class: "s-ui-table__header-name" }, bt = { class: "s-ui-table__header-title" }, xt = {
+	key: 1,
+	class: "s-ui-table__header-sort",
+	"aria-hidden": "true"
+}, St = { class: "s-ui-table__header-sort-badge" }, Ct = /* @__PURE__ */ T({
+	__name: "STableHeaderCell",
+	props: {
+		descriptor: {},
+		sortDirection: {},
+		sortIndex: {},
+		menuOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:menuOpen",
+		"sortToggle",
+		"sortSet",
+		"hide"
+	],
+	setup(i, { emit: a }) {
+		let l = a, u = ne(), { t: d } = ce(), p = _(() => !!u.menu || i.descriptor.sortable || i.descriptor.hideable), m = _(() => ({
+			"s-ui-table__header-plaque--sorted": !!i.sortDirection,
+			"s-ui-table__header-plaque--sortable": i.descriptor.sortable
+		})), h = _(() => ({ "s-ui-table__header-actions--open": i.menuOpen })), S = _(() => i.sortDirection === Y.DESC ? "descending" : "ascending"), T = _(() => String(i.sortIndex ?? 1)), E = (e) => {
+			i.descriptor.sortable && l("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey);
+		}, D = (e, t) => {
+			l("sortSet", e), t();
+		}, O = (e) => {
+			l("hide"), e();
+		};
+		return (a, _) => (F(), b("div", {
+			class: j(["s-ui-table__header-plaque", m.value]),
+			onClick: E
+		}, [
+			i.descriptor.draggable ? (F(), b("span", vt, [w(U(r), {
+				class: "s-ui-table__header-grip",
+				appearance: U(n).BARE,
+				variant: U(t).NEUTRAL,
+				size: U(e).SMALL,
+				icon: "dragAndDrop",
+				"aria-label": U(d)("table.dragColumn"),
+				tabindex: "-1",
+				onClick: _[0] ||= ie(() => {}, ["stop"])
+			}, null, 8, [
+				"appearance",
+				"variant",
+				"size",
+				"aria-label"
+			])])) : y("", !0),
+			x("span", yt, [
+				x("span", bt, [R(a.$slots, "default", {}, () => [C(B(i.descriptor.column?.title), 1)])]),
+				i.descriptor.column?.description ? (F(), v(_t, {
+					key: 0,
+					text: i.descriptor.column.description
+				}, null, 8, ["text"])) : y("", !0),
+				i.sortDirection ? (F(), b("span", xt, [w(U(oe), {
+					name: S.value,
+					size: 16
+				}, null, 8, ["name"]), x("span", St, B(T.value), 1)])) : y("", !0),
+				i.descriptor.sortable && !i.sortDirection ? (F(), v(U(r), {
+					key: 2,
+					class: "s-ui-table__header-sort-button",
+					appearance: U(n).BARE,
+					variant: U(t).NEUTRAL,
+					size: U(e).SMALL,
+					icon: "ascending",
+					"aria-label": U(d)("table.sortAsc"),
+					tabindex: "-1",
+					onClick: _[1] ||= ie((e) => l("sortToggle", e.shiftKey || e.ctrlKey || e.metaKey), ["stop"])
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"aria-label"
+				])) : y("", !0)
+			]),
+			x("span", {
+				class: j(["s-ui-table__header-actions", h.value]),
+				onClick: _[3] ||= ie(() => {}, ["stop"])
+			}, [p.value ? (F(), v(U(s), {
+				key: 0,
+				"model-value": i.menuOpen,
+				placement: U(o).BOTTOM_END,
+				"teleport-to": !1,
+				"onUpdate:modelValue": _[2] ||= (e) => l("update:menuOpen", e)
+			}, {
+				trigger: G(({ toggle: i }) => [w(U(r), {
+					class: "s-ui-table__header-kebab",
+					appearance: U(n).BARE,
+					variant: U(t).NEUTRAL,
+					size: U(e).SMALL,
+					icon: "more",
+					"aria-label": U(d)("table.columnMenu"),
+					tabindex: "-1",
+					onClick: (e) => i()
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"aria-label",
+					"onClick"
+				])]),
+				content: G(({ close: e }) => [w(U(c), { width: 220 }, {
+					default: G(() => [U(u).menu ? R(a.$slots, "menu", { key: 0 }) : (F(), b(g, { key: 1 }, [
+						i.descriptor.sortable ? (F(), v(U(f), {
+							key: 0,
+							title: U(d)("table.sortAsc"),
+							"icon-left": "ascending",
+							selected: i.sortDirection === U(Y).ASC,
+							onClick: (t) => D(U(Y).ASC, e)
+						}, null, 8, [
+							"title",
+							"selected",
+							"onClick"
+						])) : y("", !0),
+						i.descriptor.sortable ? (F(), v(U(f), {
+							key: 1,
+							title: U(d)("table.sortDesc"),
+							"icon-left": "descending",
+							selected: i.sortDirection === U(Y).DESC,
+							onClick: (t) => D(U(Y).DESC, e)
+						}, null, 8, [
+							"title",
+							"selected",
+							"onClick"
+						])) : y("", !0),
+						i.descriptor.sortable && i.sortDirection ? (F(), v(U(f), {
+							key: 2,
+							title: U(d)("table.sortReset"),
+							"icon-left": "closeMini",
+							onClick: (t) => D(void 0, e)
+						}, null, 8, ["title", "onClick"])) : y("", !0),
+						i.descriptor.hideable ? (F(), v(U(f), {
+							key: 3,
+							title: U(d)("table.hideColumn"),
+							"icon-left": "eyeOff",
+							onClick: (t) => O(e)
+						}, null, 8, ["title", "onClick"])) : y("", !0)
+					], 64))]),
+					_: 2
+				}, 1024)]),
+				_: 3
+			}, 8, ["model-value", "placement"])) : y("", !0)], 2)
+		], 2));
+	}
+}), wt = ["data-index", "aria-rowindex"], Tt = {
+	key: 0,
+	class: "s-ui-table__cell s-ui-table__filler-cell",
+	role: "presentation"
+}, Et = ["data-column-key", "data-row-key"], Dt = {
+	key: 0,
+	class: "s-ui-table__cell-body"
+}, Ot = /* @__PURE__ */ T({
+	__name: "STablePlaceholderRow",
+	props: {
+		rowIndex: {},
+		rowKey: {},
+		cells: {},
+		rowHeight: {}
+	},
+	setup(e) {
+		let t = _(() => e.rowHeight ? { height: `${e.rowHeight}px` } : void 0);
+		return (n, r) => (F(), b("tr", {
+			class: "s-ui-table__row s-ui-table__row--placeholder",
+			style: M(t.value),
+			"data-index": e.rowIndex,
+			"aria-rowindex": e.rowIndex + 2,
+			"data-placeholder": "true"
+		}, [(F(!0), b(g, null, L(e.cells, (t) => (F(), b(g, { key: t.key }, [t.cellPlan ? (F(), b("td", {
+			key: 1,
+			class: j(t.cellPlan.cellClass),
+			style: M(t.cellPlan.style),
+			"data-column-key": t.cellPlan.descriptor.key,
+			"data-row-key": e.rowKey
+		}, [t.cellPlan.descriptor.service ? y("", !0) : (F(), b("div", Dt, [...r[0] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]]))], 14, Et)) : (F(), b("td", Tt))], 64))), 128))], 12, wt));
+	}
+}), kt = "__s-ui-table-load-more:", At = "__s-ui-table-depth-footer:", jt = (e) => `${kt}${e}`, Mt = (e) => `${At}${e}`, Nt = u, Pt = (e, t) => {
+	let n = e[t];
+	if (Array.isArray(n)) return n;
+}, Ft = (e, t) => t ? typeof t == "function" ? t(e) === !0 : e[t] === !0 : !1, It = (e, t) => {
+	if (!t) return;
+	if (typeof t == "function") return t(e);
+	let n = e[t];
+	if (typeof n == "string" || typeof n == "number") return n;
+}, Lt = (e, t) => {
+	if (!t) return;
+	let n = e[t];
+	return typeof n == "number" ? n : void 0;
+}, Rt = (e, t, n, r) => D({
+	key: e,
+	item: t,
+	depth: n,
+	index: 0,
+	kind: Q.ROW,
+	hasChildren: !1,
+	expanded: !1,
+	parentKey: r,
+	subtreeEnd: 0
+}), zt = ({ items: e, itemKey: t, childrenKey: n, groupRow: r, expanded: i, depthFooter: a, hasMoreChildrenKey: o }) => {
+	let s = /* @__PURE__ */ new WeakMap(), c = (e, t, n) => {
+		let r = /* @__PURE__ */ new Map(), i = [], a = (e, i, a) => {
+			let s = Nt(e, t);
+			if (!s) return;
+			let c = {
+				key: s,
+				item: e,
+				parentKey: a,
+				depth: i,
+				subtreeSize: 0,
+				children: void 0,
+				row: void 0
+			};
+			r.set(s, c);
+			let l = Pt(e, n);
+			return l && o(c, l), c;
+		}, o = (e, t) => {
+			let n = [];
+			t.forEach((t) => {
+				let r = a(t, e.depth + 1, e.key);
+				r && n.push(r);
+			}), e.children = n, e.subtreeSize = n.reduce((e, t) => e + 1 + t.subtreeSize, 0), t.length > 0 && i.push(e.key);
+		}, s = [];
+		return e.forEach((e) => {
+			let t = a(e, 0, void 0);
+			t && s.push(t);
+		}), D({
+			nodeByKey: r,
+			roots: s,
+			expandableKeys: i
+		});
+	}, l = _(() => {
+		let r = V(H(e)), i = H(t), a = H(n), o = s.get(r);
+		if (o && o.itemKeyValue === i && o.childrenKeyValue === a) return o.index;
+		let l = c(r, i, a);
+		return s.set(r, {
+			itemKeyValue: i,
+			childrenKeyValue: a,
+			index: l
+		}), l;
+	}), u = _(() => new Set(i.value)), d = /* @__PURE__ */ new WeakMap(), f = (e) => {
+		let t = d.get(e);
+		if (t) return t;
+		let n = /* @__PURE__ */ new Map();
+		return d.set(e, n), n;
+	}, p = _(() => {
+		let t = V(H(e)), { roots: n, nodeByKey: i } = l.value, s = H(r), c = H(a), d = H(o), p = u.value, m = c ? new Set(c.depths) : void 0, h = c?.show ?? (() => !0), g = f(t), _ = [], v = [], y = /* @__PURE__ */ new Map(), b = (e, t, n, r) => (e.index = _.length, e.kind = t, e.hasChildren = n, e.expanded = r, e.subtreeEnd = e.index, _.push(e), e), x = (e, t, n, r) => (e.row ||= Rt(e.key, e.item, e.depth, e.parentKey), b(e.row, t, n, r)), S = (e, t, n) => {
+			let r = g.get(e);
+			return r || (r = Rt(e, t.item, t.depth + 1, t.key), g.set(e, r)), b(r, n, !1, !1);
+		}, C = (e) => {
+			d && e.item[d] === !0 && S(jt(e.key), e, Q.LOAD_MORE);
+		}, w = (e) => {
+			if (m !== void 0 && m.has(e.depth) && h(e.item, e.depth)) {
+				let t = S(Mt(e.key), e, Q.DEPTH_FOOTER);
+				y.set(e.key, t.index);
+			}
+		}, T = (e) => s && Ft(e.item, s) ? Q.GROUP : Q.ROW, E = (e) => e.children !== void 0 && e.children.length > 0, O = (e, t, n) => (t || n) && p.has(e.key), k = (e) => {
+			let t = T(e), n = t === Q.GROUP, r = E(e), i = O(e, r, n), a = x(e, t, r, i);
+			n && v.push(a.index), i && (e.children?.forEach((e) => k(e)), C(e), w(e)), a.subtreeEnd = _.length - 1;
+		};
+		n.forEach((e) => k(e));
+		let A = D(_), j = (e) => i.get(e)?.row ?? g.get(e), M = (e) => {
+			let t = j(e);
+			return t && A[t.index] === t ? t : void 0;
+		};
+		return D({
+			flatRows: A,
+			getRowIndexByKey: (e) => M(e)?.index,
+			getSubtreeRangeByKey: (e) => {
+				let t = M(e);
+				return t ? [t.index, t.subtreeEnd] : void 0;
+			},
+			groupRowIndexes: v,
+			depthFooterIndexByParentKey: y
+		});
+	}), m = _(() => p.value.flatRows), h = (e) => u.value.has(e), g = (e, t) => {
+		l.value.nodeByKey.get(e)?.children?.forEach((e) => {
+			t.add(e.key), g(e.key, t);
+		});
+	};
+	return {
+		treeIndex: l,
+		snapshot: p,
+		flatRows: m,
+		isExpanded: h,
+		toggleExpanded: (e) => {
+			let t = new Set(i.value);
+			if (t.has(e)) {
+				t.delete(e);
+				let n = /* @__PURE__ */ new Set();
+				g(e, n), n.forEach((e) => {
+					t.delete(e);
+				});
+			} else t.add(e);
+			i.value = [...t];
+		},
+		expandAll: () => {
+			i.value = [...l.value.expandableKeys];
+		},
+		collapseAll: () => {
+			i.value = [];
+		}
+	};
+}, Bt = {
+	key: 0,
+	class: "s-ui-table__cell-text"
+}, Vt = {
+	key: 1,
+	class: "s-ui-table__cell-placeholder"
+}, Ht = /* @__PURE__ */ T({
+	__name: "STableCellText",
+	props: {
+		column: {},
+		item: {}
+	},
+	setup(e) {
+		let t = _(() => It(e.item, e.column.value ?? e.column.key)), n = _(() => t.value !== void 0 && t.value !== "");
+		return (r, i) => n.value ? (F(), b("span", Bt, B(t.value), 1)) : e.column.placeholder ? (F(), b("span", Vt, B(e.column.placeholder), 1)) : y("", !0);
+	}
+}), Ut = [
+	"id",
+	"data-index",
+	"aria-rowindex",
+	"aria-level",
+	"aria-expanded",
+	"aria-selected"
+], Wt = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"aria-disabled",
+	"aria-readonly",
+	"tabindex"
+], Gt = {
+	key: 2,
+	class: "s-ui-table__chevron-spacer"
+}, Kt = {
+	key: 3,
+	class: "s-ui-table__cell-body-action"
+}, qt = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-row-key",
+	"data-section",
+	"aria-disabled",
+	"aria-readonly",
+	"tabindex"
+], Jt = {
+	key: 0,
+	class: "s-ui-table__right-edge"
+}, Yt = {
+	key: 2,
+	class: "s-ui-table__cell-body-action"
+}, Xt = /* @__PURE__ */ T({
+	__name: "STableRow",
+	props: {
+		row: {},
+		rowIndex: {},
+		rowExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		leadingPlans: {},
+		trailingPlans: {},
+		domId: {},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		rowSelectable: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		treeIndent: {},
+		rowState: {},
+		extraRowClass: {},
+		dndRef: { type: Function },
+		dragging: {
+			type: Boolean,
+			default: !1
+		},
+		dropPosition: {},
+		placeholder: {
+			type: Boolean,
+			default: !1
+		},
+		placeholderHeight: {},
+		cellIdPrefix: {},
+		focusColumnKey: {}
+	},
+	emits: [
+		"rowClick",
+		"rowContextMenu",
+		"cellClick",
+		"toggleExpand",
+		"toggleSelected"
+	],
+	setup(i, { emit: a }) {
+		let o = a, s = ne(), { t: c } = ce(), l = $.BODY, u = (e) => `${i.cellIdPrefix}${i.row.key}-${e}`, d = (e) => e === i.focusColumnKey ? 0 : -1, f = _(() => [
+			{
+				"s-ui-table__row--selected": i.selected,
+				"s-ui-table__row--active": i.active,
+				"s-ui-table__row--disabled": i.disabled,
+				"s-ui-table__row--dragging": i.dragging,
+				"s-ui-table__row--drop-before": i.dropPosition === "before",
+				"s-ui-table__row--drop-after": i.dropPosition === "after",
+				"s-ui-table__row--drop-inside": i.dropPosition === "inside"
+			},
+			D.value,
+			i.extraRowClass
+		]), p = _(() => {
+			if (!(!i.placeholder || !i.placeholderHeight)) return { height: `${i.placeholderHeight}px` };
+		}), m = (e) => {
+			if (!(!e.chevron || i.row.depth === 0)) return { paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${i.row.depth * i.treeIndent}px)` };
+		}, h = {
+			[Oe.DEFAULT]: void 0,
+			[Oe.COMPLETED]: "s-ui-table__row--state-completed"
+		}, S = {
+			[X.DEFAULT]: void 0,
+			[X.DISABLED]: "s-ui-table__cell-body--state-disabled",
+			[X.READONLY]: "s-ui-table__cell-body--state-readonly",
+			[X.EDITING]: "s-ui-table__cell-body--state-editing"
+		}, C = (e) => {
+			let t = e.descriptor.column?.cellState;
+			return t ? typeof t == "function" ? t(i.row.item) : t : X.DEFAULT;
+		}, w = (e) => S[C(e)], T = (e) => C(e) === X.DISABLED || void 0, E = (e) => C(e) === X.READONLY || void 0, D = _(() => i.rowState ? h[i.rowState] : void 0), O = () => ({
+			...i.row,
+			selected: i.selected,
+			indeterminate: i.indeterminate,
+			active: i.active,
+			disabled: i.disabled,
+			group: i.row.kind === Q.GROUP,
+			toggleExpanded: () => {
+				o("toggleExpand");
+			},
+			toggleSelected: () => {
+				o("toggleSelected");
+			}
+		}), A = (e) => {
+			let t = e.descriptor.column ?? { key: e.descriptor.key };
+			return {
+				...O(),
+				column: t,
+				value: It(i.row.item, t.value ?? t.key),
+				cellState: C(e)
+			};
+		}, N = (e) => {
+			let t = [...i.leadingPlans, ...i.trailingPlans].find((t) => t.descriptor.key === e);
+			return t ? C(t) === X.DISABLED : !1;
+		}, P = (e) => {
+			let t = e.target;
+			if (t instanceof Element) {
+				let n = t.closest("td[data-column-key]")?.getAttribute("data-column-key");
+				n && !N(n) && o("cellClick", n, e);
+			}
+			o("rowClick", e);
+		};
+		return (a, h) => (F(), b("tr", {
+			id: i.domId,
+			ref: i.dndRef,
+			class: j(["s-ui-table__row", f.value]),
+			style: M(p.value),
+			"data-index": i.rowIndex,
+			"aria-rowindex": i.rowIndex + 2,
+			"aria-level": i.row.depth + 1,
+			"aria-expanded": i.row.hasChildren ? i.rowExpanded : void 0,
+			"aria-selected": i.selected || void 0,
+			onClick: P,
+			onContextmenu: h[3] ||= (e) => o("rowContextMenu", e)
+		}, [
+			(F(!0), b(g, null, L(i.leadingPlans, (f) => (F(), b("td", {
+				id: u(f.descriptor.key),
+				key: f.descriptor.key,
+				class: j(f.cellClass),
+				style: M(f.style),
+				"aria-colindex": f.descriptor.colIndex,
+				"data-column-key": f.descriptor.key,
+				"data-row-key": i.row.key,
+				"data-section": U(l),
+				"aria-disabled": T(f),
+				"aria-readonly": E(f),
+				tabindex: d(f.descriptor.key)
+			}, [f.descriptor.service === U(Ue).INDICATOR ? (F(), b(g, { key: 0 }, [i.placeholder ? y("", !0) : R(a.$slots, "indicator", k({
+				key: 0,
+				ref_for: !0
+			}, O()))], 64)) : f.descriptor.service === U(Ue).CHECKBOX ? (F(), b(g, { key: 1 }, [U(s).checkbox && !i.placeholder ? R(a.$slots, "checkbox", k({
+				key: 0,
+				ref_for: !0
+			}, O())) : i.rowSelectable && !i.placeholder ? (F(), v(Be, {
+				key: 1,
+				class: j(["s-ui-table__row-checkbox", { "s-ui-table__row-checkbox--active": i.selected || i.indeterminate }]),
+				"model-value": i.selected,
+				indeterminate: i.indeterminate,
+				"screen-reader-label": U(c)("table.selectRow"),
+				"onUpdate:modelValue": h[0] ||= (e) => o("toggleSelected"),
+				onClick: h[1] ||= ie(() => {}, ["stop"])
+			}, null, 8, [
+				"class",
+				"model-value",
+				"indeterminate",
+				"screen-reader-label"
+			])) : y("", !0)], 64)) : i.placeholder ? (F(), b("div", {
+				key: 2,
+				class: "s-ui-table__cell-body",
+				style: M(m(f))
+			}, [...h[4] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (F(), b("div", {
+				key: 3,
+				class: j(["s-ui-table__cell-body", w(f)]),
+				style: M(m(f))
+			}, [
+				f.chevron ? (F(), b(g, { key: 0 }, [U(s).chevron ? R(a.$slots, "chevron", k({
+					key: 0,
+					ref_for: !0
+				}, O())) : i.row.hasChildren ? (F(), v(U(r), {
+					key: 1,
+					class: "s-ui-table__chevron",
+					appearance: U(n).BARE,
+					variant: U(t).NEUTRAL,
+					size: U(e).SMALL,
+					icon: i.rowExpanded ? "chevronMiniDown" : "chevronMiniRight",
+					"aria-label": i.rowExpanded ? U(c)("table.collapse") : U(c)("table.expand"),
+					tabindex: "-1",
+					onClick: h[2] ||= ie((e) => o("toggleExpand"), ["stop"])
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"icon",
+					"aria-label"
+				])) : (F(), b("span", Gt))], 64)) : y("", !0),
+				U(s)[`cell:${f.descriptor.key}`] ? R(a.$slots, `cell:${f.descriptor.key}`, k({
+					key: 1,
+					ref_for: !0
+				}, A(f))) : f.descriptor.column ? (F(), v(Ht, {
+					key: 2,
+					column: f.descriptor.column,
+					item: i.row.item
+				}, null, 8, ["column", "item"])) : y("", !0),
+				U(s)["cell-actions"] && !i.placeholder ? (F(), b("span", Kt, [R(a.$slots, "cell-actions", k({ ref_for: !0 }, A(f)))])) : y("", !0)
+			], 6))], 14, Wt))), 128)),
+			h[6] ||= x("td", {
+				class: "s-ui-table__cell s-ui-table__filler-cell",
+				role: "presentation"
+			}, null, -1),
+			(F(!0), b(g, null, L(i.trailingPlans, (e) => (F(), b("td", {
+				id: u(e.descriptor.key),
+				key: e.descriptor.key,
+				class: j(e.cellClass),
+				style: M(e.style),
+				"aria-colindex": e.descriptor.colIndex,
+				"data-column-key": e.descriptor.key,
+				"data-row-key": i.row.key,
+				"data-section": U(l),
+				"aria-disabled": T(e),
+				"aria-readonly": E(e),
+				tabindex: d(e.descriptor.key)
+			}, [e.descriptor.service === U(Ue).RIGHT_EDGE ? (F(), b(g, { key: 0 }, [i.placeholder ? y("", !0) : (F(), b("div", Jt, [R(a.$slots, "right-edge", k({ ref_for: !0 }, O()))]))], 64)) : i.placeholder ? (F(), b("div", {
+				key: 1,
+				class: "s-ui-table__cell-body",
+				style: M(m(e))
+			}, [...h[5] ||= [x("span", { class: "s-ui-table__placeholder-bar" }, null, -1)]], 4)) : (F(), b("div", {
+				key: 2,
+				class: j(["s-ui-table__cell-body", w(e)]),
+				style: M(m(e))
+			}, [U(s)[`cell:${e.descriptor.key}`] ? R(a.$slots, `cell:${e.descriptor.key}`, k({
+				key: 0,
+				ref_for: !0
+			}, A(e))) : e.descriptor.column ? (F(), v(Ht, {
+				key: 1,
+				column: e.descriptor.column,
+				item: i.row.item
+			}, null, 8, ["column", "item"])) : y("", !0), U(s)["cell-actions"] && !i.placeholder ? (F(), b("span", Yt, [R(a.$slots, "cell-actions", k({ ref_for: !0 }, A(e)))])) : y("", !0)], 6))], 14, qt))), 128))
+		], 46, Ut));
+	}
+}), Zt = {
+	class: "s-ui-table__row s-ui-table__row--skeleton",
+	"aria-hidden": "true"
+}, Qt = { class: "s-ui-table__cell-body" }, $t = /* @__PURE__ */ T({
+	__name: "STableSkeletonRow",
+	props: {
+		leadingPlans: {},
+		trailingPlans: {}
+	},
+	setup(e) {
+		return (t, n) => (F(), b("tr", Zt, [
+			(F(!0), b(g, null, L(e.leadingPlans, (e) => (F(), b("td", {
+				key: e.descriptor.key,
+				class: j(e.cellClass),
+				style: M(e.style)
+			}, [e.descriptor.column ? R(t.$slots, "default", {
+				key: 0,
+				descriptor: e.descriptor
+			}, () => [x("div", Qt, [w(U(K), {
+				class: "s-ui-table__skeleton",
+				type: e.descriptor.primary ? U(ae).S_TABLE_ROW : U(ae).S_TABLE_CELL
+			}, null, 8, ["type"])])]) : y("", !0)], 6))), 128)),
+			n[0] ||= x("td", {
+				class: "s-ui-table__cell s-ui-table__filler-cell",
+				role: "presentation"
+			}, null, -1),
+			(F(!0), b(g, null, L(e.trailingPlans, (e) => (F(), b("td", {
+				key: e.descriptor.key,
+				class: j(e.cellClass),
+				style: M(e.style)
+			}, null, 6))), 128))
+		]));
+	}
+}), en = "s-ui-table-column", tn = "s-ui-table-row", nn = (e, t) => e.type === "s-ui-table-column" && e.tableId === t, rn = (e, t) => e.type === "s-ui-table-row" && e.tableId === t, an = ({ tableId: e, tableRootElement: t, enabled: n, columnDescriptors: r, onReorder: i, isResizing: a }) => {
+	let o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = z(), l = z(), u = (e) => r.value.find((t) => t.key === e), d = (e, t) => {
+		let n = u(e), r = u(t);
+		if (!n || !r || r.primary) return !1;
+		let i = (e) => e.sticky ?? "regular";
+		return i(n) === i(r);
+	}, f = (t, r) => {
+		if (!(r instanceof HTMLElement)) {
+			o.forEach((e, t) => {
+				t.isConnected || (e(), o.delete(t), s.delete(t));
+			});
+			return;
+		}
+		if (s.get(r) === t) return;
+		o.get(r)?.(), s.set(r, t);
+		let i = ve(ye({
+			element: r,
+			canDrag: () => {
+				let e = u(t);
+				return !!(H(n) && e?.draggable && !H(a));
+			},
+			getInitialData: () => ({
+				type: en,
+				tableId: e,
+				columnKey: t
+			}),
+			onGenerateDragPreview: ({ nativeSetDragImage: e }) => {
+				let n = u(t);
+				xe({
+					nativeSetDragImage: e,
+					getOffset: Se({
+						x: "8px",
+						y: "8px"
+					}),
+					render: ({ container: e }) => {
+						let r = document.createElement("div");
+						r.className = "s-ui-table__column-drag-preview", r.textContent = n?.column?.title ?? t, e.appendChild(r);
+					}
+				});
+			},
+			onDragStart: () => {
+				c.value = t;
+			},
+			onDrop: () => {
+				c.value = void 0, l.value = void 0;
+			}
+		}), be({
+			element: r,
+			canDrop: ({ source: n }) => nn(n.data, e) && n.data.columnKey !== t && d(n.data.columnKey, t),
+			getData: ({ input: e, element: n }) => Ce({ columnKey: t }, {
+				input: e,
+				element: n,
+				allowedEdges: ["left", "right"]
+			}),
+			onDrag: ({ self: e }) => {
+				let n = we(e.data);
+				if (n === "left" || n === "right") {
+					let e = l.value;
+					(e?.targetKey !== t || e.edge !== n) && (l.value = {
+						targetKey: t,
+						edge: n
+					});
+				}
+			},
+			onDragLeave: () => {
+				l.value?.targetKey === t && (l.value = void 0);
+			}
+		}));
+		o.set(r, i);
+	}, p = q({
+		canMonitor: ({ source: t }) => nn(t.data, e),
+		onDrop: ({ source: t, location: n }) => {
+			c.value = void 0, l.value = void 0;
+			let r = n.current.dropTargets[0];
+			if (!r || !nn(t.data, e)) return;
+			let a = r.data, o = a.columnKey, s = we(a);
+			typeof o != "string" || s !== "left" && s !== "right" || o !== t.data.columnKey && i(t.data.columnKey, o, s);
+		}
+	});
+	N(() => {
+		p(), o.forEach((e) => {
+			e();
+		}), o.clear(), s.clear();
+	});
+	let m = z();
+	return W(l, (e) => {
+		let n = t.value, r = e ? n?.querySelector(`th[data-column-key="${e.targetKey}"]`) : void 0;
+		if (!e || !n || !r) {
+			m.value = void 0;
+			return;
+		}
+		let i = n.getBoundingClientRect(), a = r.getBoundingClientRect(), o = e.edge === "left" ? a.left : a.right;
+		m.value = { left: `${Math.round(o - i.left - 1)}px` };
+	}), {
+		registerColumnHeaderElement: f,
+		draggingColumnKey: c,
+		dropIndicator: l,
+		dropLineStyle: m
+	};
+}, on = {
+	[De.LEFT]: "s-ui-table__cell--align-left",
+	[De.CENTER]: "s-ui-table__cell--align-center",
+	[De.RIGHT]: "s-ui-table__cell--align-right"
+}, sn = ({ columnDescriptors: e, hasTreeStructure: t, expandColumnKey: n, primaryColumnKey: r }) => {
+	let i = _(() => e.value.filter((e) => e.sticky !== J.RIGHT)), a = _(() => e.value.filter((e) => e.sticky === J.RIGHT)), o = _(() => {
+		let e = (e) => ({
+			key: e.key,
+			descriptor: e
+		});
+		return [
+			...i.value.map(e),
+			{
+				key: ze,
+				descriptor: void 0
+			},
+			...a.value.map(e)
+		];
+	}), s = (e) => {
+		if (!e.sticky || !e.stickyOffsetVar || !e.liveStickyOffsetVar) return;
+		let t = `var(${e.liveStickyOffsetVar}, var(${e.stickyOffsetVar}))`;
+		return e.sticky === J.LEFT ? { left: t } : { right: t };
+	}, c = (e) => {
+		let t = e.service ? We[e.service] : void 0;
+		return {
+			"s-ui-table__cell--sticky-left": e.sticky === J.LEFT,
+			"s-ui-table__cell--sticky-right": e.sticky === J.RIGHT,
+			"s-ui-table__cell--last-sticky-left": e.lastStickyLeft,
+			"s-ui-table__cell--first-sticky-right": e.firstStickyRight,
+			"s-ui-table__cell--primary": e.primary,
+			[`s-ui-table__cell--service-${t}`]: !!t,
+			[on[e.align]]: !!e.column
+		};
+	}, l = (e) => {
+		if (!H(t) || !e.column) return !1;
+		let i = H(n);
+		return e.key === (i ?? H(r));
+	}, u = (e) => {
+		let t = ["s-ui-table__cell"];
+		return Object.entries(c(e)).forEach(([e, n]) => {
+			n && t.push(e);
+		}), {
+			descriptor: e,
+			cellClass: t.join(" "),
+			style: s(e),
+			chevron: l(e)
+		};
+	}, d = _(() => i.value.map(u)), f = _(() => a.value.map(u));
+	return {
+		leadingDescriptors: i,
+		trailingDescriptors: a,
+		headerCells: o,
+		getStickyCellStyle: s,
+		getHeaderCellClasses: c,
+		leadingCellPlans: d,
+		trailingCellPlans: f,
+		rowCellPlans: _(() => {
+			let e = (e) => ({
+				key: e.descriptor.key,
+				cellPlan: e
+			});
+			return [
+				...d.value.map(e),
+				{
+					key: ze,
+					cellPlan: void 0
+				},
+				...f.value.map(e)
+			];
+		})
+	};
+}, cn = ({ tableRootElement: e, scrollElement: t, columnDescriptors: n, columnWidths: r, enabled: i, onResizeEnd: a, remeasureRows: o }) => {
+	let s = I(), c = _(() => s.value?.columnKey), l = (e, t) => {
+		let n = Math.max(e.minWidth, t);
+		return e.maxWidth ? Math.min(e.maxWidth, n) : n;
+	}, u = (t, r) => {
+		let i = e.value;
+		if (!i) return;
+		let a = (e) => e.key === t ? r : e.width, o = n.value, s = o.find((e) => e.key === t);
+		s && i.style.setProperty(s.liveWidthVar, `${r}px`);
+		let c = 0;
+		o.forEach((e) => {
+			e.sticky === J.LEFT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${c}px`), c += a(e));
+		});
+		let l = 0;
+		[...o].reverse().forEach((e) => {
+			e.sticky === J.RIGHT && e.liveStickyOffsetVar && (i.style.setProperty(e.liveStickyOffsetVar, `${l}px`), l += a(e));
+		});
+	}, d = () => {
+		let t = e.value;
+		t && n.value.forEach((e) => {
+			t.style.removeProperty(e.liveWidthVar), e.liveStickyOffsetVar && t.style.removeProperty(e.liveStickyOffsetVar);
+		});
+	}, f = (e, t) => {
+		r.value = {
+			...r.value,
+			[e]: t
+		}, a(e, t), o();
+	}, p = (e) => {
+		let t = s.value;
+		t && (s.value = void 0, e && f(t.columnKey, t.liveWidth), d());
+	};
+	return de("pointermove", (e) => {
+		let t = s.value;
+		if (!t || e.pointerId !== t.pointerId) return;
+		let r = n.value.find((e) => e.key === t.columnKey);
+		if (!r) return;
+		let i = l(r, t.startWidth + (e.clientX - t.startClientX));
+		i !== t.liveWidth && (t.liveWidth = i, u(t.columnKey, i));
+	}), de("pointerup", (e) => {
+		s.value && e.pointerId === s.value.pointerId && p(!0);
+	}), de("pointercancel", () => {
+		p(!1);
+	}), de("blur", () => {
+		p(!1);
+	}), de("keydown", (e) => {
+		s.value && e.key === "Escape" && (e.preventDefault(), p(!1));
+	}), {
+		resizingColumnKey: c,
+		handleResizeHandlePointerdown: (e, t) => {
+			if (!H(i)) return;
+			let r = n.value.find((e) => e.key === t);
+			r?.resizable && (e.preventDefault(), e.stopPropagation(), e.isTrusted && e.target instanceof Element && e.target.setPointerCapture(e.pointerId), s.value = {
+				columnKey: t,
+				startClientX: e.clientX,
+				startWidth: r.width,
+				liveWidth: r.width,
+				pointerId: e.pointerId
+			});
+		},
+		handleResizeHandleKeydown: (e, t) => {
+			if (!H(i) || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+			let r = n.value.find((e) => e.key === t);
+			if (!r?.resizable) return;
+			e.preventDefault();
+			let a = e.shiftKey ? 1 : 8, o = e.key === "ArrowRight" ? 1 : -1, s = l(r, r.width + o * a);
+			s !== r.width && f(t, s);
+		},
+		handleResizeHandleDblclick: (e) => {
+			if (!H(i)) return;
+			let r = n.value.find((t) => t.key === e), a = t.value;
+			if (!r?.resizable || !a) return;
+			let o = r.minWidth;
+			a.querySelectorAll(`td[data-column-key="${e}"] .s-ui-table__cell-body`).forEach((e) => {
+				e instanceof HTMLElement && (o = Math.max(o, e.scrollWidth + 8));
+			});
+			let s = l(r, Math.min(640, o));
+			s !== r.width && f(e, s);
+		}
+	};
+}, ln = ({ gridFocus: e, columnDescriptors: t, flatRows: n, expandColumnKey: r, primaryColumnKey: i, groupColumnKey: a, selectable: o, openMenuColumnKey: s, toggleExpanded: c, toggleRowSelected: l, applySortCycle: u, setColumnMenuOpen: f, resizeColumnByKeyboard: p, onDepthFooterActivate: m, onLoadMoreActivate: h, onRowActivate: g }) => {
+	let _ = () => {
+		let n = e.focusAddress.value.columnKey;
+		return t.value.find((e) => e.key === n);
+	}, v = () => {
+		let t = e.focusBodyRowIndex.value;
+		return t === void 0 ? void 0 : n.value[t];
+	}, y = (e) => e.kind === Q.GROUP ? H(a) : H(r) ?? H(i), b = (t) => {
+		let n = t.target;
+		if (!(n instanceof HTMLElement)) return;
+		let r = n.closest("[data-section]");
+		if (!(r instanceof HTMLElement)) return;
+		let i = st(r.dataset.section ?? null), a = r.dataset.columnKey;
+		!i || !a || e.syncFocusAddress({
+			section: i,
+			rowKey: r.dataset.rowKey,
+			columnKey: a
+		}, r !== n);
+	}, x = (t) => {
+		let r = e.focusAddress.value;
+		if (r.section !== $.BODY || !r.rowKey) return !1;
+		let i = v();
+		if (!i || i.kind === Q.DEPTH_FOOTER || r.columnKey !== y(i)) return !1;
+		let a = d(t, i.key, n.value);
+		return a ? a.type === "select" ? (e.focusAddressNow({
+			section: $.BODY,
+			rowKey: a.rowKey,
+			columnKey: r.columnKey
+		}), !0) : (c(a.rowKey), !0) : !1;
+	}, S = (t) => {
+		let n = e.focusAddress.value;
+		if (n.section === $.HEADER) {
+			let n = _();
+			if (n?.sortable) {
+				u(n.key, t.shiftKey || t.ctrlKey || t.metaKey);
+				return;
+			}
+			e.enterCell();
+			return;
+		}
+		let r = v();
+		if (!r) {
+			e.enterCell();
+			return;
+		}
+		if (r.kind === Q.DEPTH_FOOTER) {
+			m(r);
+			return;
+		}
+		if (r.kind === Q.LOAD_MORE) {
+			h(r);
+			return;
+		}
+		if ((r.hasChildren || r.kind === Q.GROUP) && n.columnKey === y(r)) {
+			c(r.key);
+			return;
+		}
+		e.enterCell() || g(r, t);
+	}, C = (t) => {
+		if (t.key === "Escape") {
+			t.preventDefault(), e.exitCell();
+			return;
+		}
+		t.key === "Tab" && (t.preventDefault(), e.cycleCellFocus(t.shiftKey ? -1 : 1));
+	}, w = (t) => {
+		let n = _();
+		if (!n) return !1;
+		let r = t.key === "ArrowLeft" || t.key === "ArrowRight";
+		if (t.altKey && t.shiftKey && r) return t.preventDefault(), p(n, t.key === "ArrowRight" ? 1 : -1), !0;
+		let i = t.altKey && t.key === "ArrowDown" || t.key === "ContextMenu", a = e.focusAddress.value.section === $.HEADER;
+		return n.column && a && i ? (t.preventDefault(), f(n.key, H(s) !== n.key), !0) : !1;
+	};
+	return {
+		handleGridFocusIn: b,
+		handleGridKeydown: (t) => {
+			if (e.cellEntered.value) {
+				C(t);
+				return;
+			}
+			if (!w(t)) switch (t.key) {
+				case "ArrowRight":
+					t.preventDefault(), x("ArrowRight") || e.moveFocus(0, 1);
+					break;
+				case "ArrowLeft":
+					t.preventDefault(), x("ArrowLeft") || e.moveFocus(0, -1);
+					break;
+				case "ArrowDown":
+					t.preventDefault(), e.moveFocus(1, 0);
+					break;
+				case "ArrowUp":
+					t.preventDefault(), e.moveFocus(-1, 0);
+					break;
+				case "Home":
+					t.preventDefault(), t.ctrlKey || t.metaKey ? e.moveToGridEdge("first") : e.moveToRowEdge("start");
+					break;
+				case "End":
+					t.preventDefault(), t.ctrlKey || t.metaKey ? e.moveToGridEdge("last") : e.moveToRowEdge("end");
+					break;
+				case "PageDown":
+					t.preventDefault(), e.moveByPage(1);
+					break;
+				case "PageUp":
+					t.preventDefault(), e.moveByPage(-1);
+					break;
+				case "F2":
+					t.preventDefault(), e.enterCell();
+					break;
+				case "Enter":
+					t.preventDefault(), S(t);
+					break;
+				case " ":
+				case "Spacebar": {
+					t.preventDefault();
+					let n = e.focusedBodyRowKey.value;
+					if (!H(o) || !n) break;
+					l(n);
+					break;
+				}
+				default: break;
+			}
+		}
+	};
+}, un = ({ tableId: e, enabled: t, dragMode: n, snapshot: r, scrollElement: i, isRowDraggable: a, dragExpandDelayMs: o, isExpanded: s, onHoverExpand: c, onReorder: l, onTreeDrop: u, resolveRowPreviewTitle: d }) => {
+	let f = /* @__PURE__ */ new Map(), p = z(), m = z(), h = (e) => {
+		if (!(e instanceof HTMLElement)) return;
+		let t = Number(e.dataset.index);
+		if (Number.isInteger(t)) return r.value.flatRows[t];
+	}, g = (e) => {
+		if (!e || !H(t) || e.kind !== Q.ROW && e.kind !== Q.GROUP) return !1;
+		let n = H(a);
+		return n ? n(e.item) !== !1 : !0;
+	}, _ = (e, t) => {
+		let { getSubtreeRangeByKey: n, getRowIndexByKey: i } = r.value, a = n(e), o = i(t);
+		return !a || o === void 0 ? !1 : o >= a[0] && o <= a[1];
+	}, v = me(() => {
+		let e = y.value;
+		e && !s(e) && c(e);
+	}, () => H(o) ?? 500, { immediate: !1 }), y = z(), b = me(() => {
+		S.value = x.value;
+	}, Re, { immediate: !1 }), x = z(), S = z(), C = (e) => {
+		!(e.hasChildren || e.kind === Q.GROUP) || e.expanded || y.value !== e.key && (y.value = e.key, v.stop(), v.start());
+	}, w = () => {
+		v.stop(), y.value = void 0, b.stop(), x.value = void 0, S.value = void 0;
+	}, T = (e, t, r, i) => {
+		if (H(n) === Ae.TREE) {
+			let n = t.getBoundingClientRect(), i = Le * n.height / 2;
+			if (Math.abs(r - (n.top + n.height / 2)) <= i) {
+				if (e.kind === Q.GROUP || S.value === e.key) return je.CHILD;
+				x.value !== e.key && (x.value = e.key, b.stop(), b.start());
+			} else x.value === e.key && (b.stop(), x.value = void 0, S.value = void 0);
+		}
+		return i === "top" ? je.BEFORE : je.AFTER;
+	}, E, D = (e) => {
+		[e, ...e.querySelectorAll("[id], [tabindex]")].forEach((e) => {
+			e.removeAttribute("id"), e.removeAttribute("tabindex");
+		});
+	}, O = (e) => {
+		let t = e.querySelector(".s-ui-table__cell--primary .s-ui-table__cell-body, .s-ui-table__cell--primary .s-ui-table__group-content"), n = t?.closest("td");
+		return t && n ? {
+			content: t,
+			cell: n
+		} : void 0;
+	}, k = (e, t) => {
+		let n = document.createElement("div");
+		n.className = "s-ui-table__row-drag-preview", n.setAttribute("aria-hidden", "true");
+		let r = O(e);
+		if (!r) return n.textContent = t ? d(t) : "", n;
+		let i = r.content.cloneNode(!0);
+		return i instanceof Element && D(i), n.style.inlineSize = `${Math.round(r.cell.getBoundingClientRect().width)}px`, n.appendChild(i), n;
+	}, A = (e, t) => {
+		E && (E.style.transform = `translate(${e + 8}px, ${t + 8}px)`);
+	}, j = (e) => {
+		A(e.clientX, e.clientY);
+	}, M = (e, t, n) => {
+		P(), E = document.createElement("div"), E.className = "s-ui-table__row-drag-layer", E.appendChild(e), document.body.appendChild(E), document.addEventListener("dragover", j), A(t, n);
+	}, P = () => {
+		document.removeEventListener("dragover", j), E?.remove(), E = void 0;
+	}, F = (t) => {
+		if (!(t instanceof HTMLElement)) {
+			f.forEach((e, t) => {
+				t.isConnected || (e(), f.delete(t));
+			});
+			return;
+		}
+		if (f.has(t)) return;
+		let n = ve(ye({
+			element: t,
+			canDrag: () => g(h(t)),
+			getInitialData: () => {
+				let n = h(t);
+				return {
+					type: tn,
+					tableId: e,
+					rowKey: n?.key ?? "",
+					rowIndex: n?.index ?? -1
+				};
+			},
+			onGenerateDragPreview: ({ nativeSetDragImage: e, location: n }) => {
+				let r = k(t, h(t)), { clientX: i, clientY: a } = n.current.input;
+				Te({ nativeSetDragImage: e }), M(r, i, a);
+			},
+			onDragStart: () => {
+				p.value = h(t)?.key;
+			},
+			onDrop: () => {
+				p.value = void 0, m.value = void 0, w(), P();
+			}
+		}), be({
+			element: t,
+			canDrop: ({ source: n }) => {
+				if (!rn(n.data, e)) return !1;
+				let r = h(t);
+				return !r || r.key === n.data.rowKey ? !1 : !_(n.data.rowKey, r.key);
+			},
+			getData: ({ input: e, element: t }) => Ce({ rowKey: h(t)?.key ?? "" }, {
+				input: e,
+				element: t,
+				allowedEdges: ["top", "bottom"]
+			}),
+			onDrag: ({ self: e, location: n }) => {
+				let r = h(t);
+				if (!r) return;
+				C(r);
+				let i = we(e.data), a = i === "top" || i === "bottom" ? i : null, o = T(r, t, n.current.input.clientY, a), s = o === je.CHILD ? r.depth + 1 : r.depth, c = m.value;
+				(c?.targetKey !== r.key || c.action !== o || c.depth !== s) && (m.value = {
+					targetKey: r.key,
+					action: o,
+					depth: s
+				});
+			},
+			onDragLeave: () => {
+				let e = h(t);
+				m.value?.targetKey === e?.key && (m.value = void 0), y.value === e?.key && (v.stop(), y.value = void 0);
+			}
+		}));
+		f.set(t, n);
+	}, I = q({
+		canMonitor: ({ source: t }) => rn(t.data, e),
+		onDrop: ({ source: t, location: i }) => {
+			let a = m.value;
+			if (p.value = void 0, m.value = void 0, w(), !i.current.dropTargets[0] || !a || !rn(t.data, e)) return;
+			let { flatRows: o, getRowIndexByKey: s } = r.value, c = s(t.data.rowKey), d = s(a.targetKey), f = c === void 0 ? void 0 : o[c], h = d === void 0 ? void 0 : o[d];
+			if (!f || !h || f.key === h.key || _(f.key, h.key)) return;
+			if (H(n) === Ae.FLAT) {
+				if (a.action === je.CHILD) return;
+				l({
+					action: a.action,
+					sourceKey: f.key,
+					sourceItem: f.item,
+					targetKey: h.key,
+					targetItem: h.item,
+					sourceIndex: f.index,
+					targetIndex: h.index
+				});
+				return;
+			}
+			let g = a.action === je.CHILD, v = g ? h.key : h.parentKey, y = v === void 0 ? void 0 : s(v), b = y === void 0 ? void 0 : o[y];
+			u({
+				action: a.action,
+				sourceKey: f.key,
+				sourceItem: f.item,
+				targetKey: h.key,
+				targetItem: h.item,
+				parentKey: v,
+				parentItem: b?.item,
+				depth: g ? h.depth + 1 : h.depth
+			});
+		}
+	}), L;
+	return W(i, (t) => {
+		L?.(), L = void 0, t && (L = Ee({
+			element: t,
+			canScroll: ({ source: t }) => rn(t.data, e)
+		}));
+	}, { immediate: !0 }), N(() => {
+		I(), L?.(), P(), f.forEach((e) => {
+			e();
+		}), f.clear();
+	}), {
+		registerRowElement: F,
+		draggingRowKey: p,
+		dropIndicator: m
+	};
+}, dn = ({ flatRows: e, virtualEnabled: t, windowIndexes: n, uiTotalSize: r, getRowUiOffset: i, activeGroupRowIndex: a, activeDepthFooterRowIndexes: o, leavingDepthFooterRowIndex: s, slidingDepthFooterRowIndexes: c, farDepthFooterRowIndexes: l, activeRowIndex: u }) => {
+	let d = _(() => {
+		let e = [];
+		return a.value !== void 0 && e.push(a.value), e.push(...o.value), u.value !== void 0 && e.push(u.value), e;
+	});
+	return { renderEntries: _(() => {
+		let u = e.value, f = a.value, p = new Set(o.value), m = new Set(c.value), h = new Set(l.value), g = s.value, _ = g === void 0 ? void 0 : i(g), v = _ ? _.end - _.start : void 0, y = [], b = (e, t, n) => e && !t && !n ? v : void 0, x = (e) => {
+			let t = i(e.index), n = p.has(e.index), r = e.index === g, a = m.has(e.index);
+			y.push({
+				row: e,
+				renderKey: e.key,
+				stuckTop: e.index === f,
+				stuckBottom: n,
+				stuckBottomLeaving: r,
+				stuckBottomSliding: a,
+				stuckBottomCoverHeight: b(n, r, a),
+				stuckBottomFar: h.has(e.index),
+				rowHeight: t ? t.end - t.start : void 0
+			});
+		};
+		if (!H(t)) return u.forEach(x), y;
+		let S = r.value, C = n.value.filter((e) => {
+			let t = i(e);
+			return !t || t.end > 0 && t.start < S;
+		}), w = C[0], T = C[C.length - 1], E = /* @__PURE__ */ new Set();
+		d.value.forEach((e) => {
+			u[e] && E.add(e);
+		});
+		let D = [];
+		w !== void 0 && T !== void 0 && D.push({
+			startIndex: w,
+			endIndex: T
+		}), E.forEach((e) => {
+			w !== void 0 && T !== void 0 && e >= w && e <= T || D.push({
+				startIndex: e,
+				endIndex: e
+			});
+		}), D.sort((e, t) => e.startIndex - t.startIndex);
+		let O = 0, k = 0, A = (e) => {
+			y.push({
+				renderKey: `spacer-${O}`,
+				spacer: !0,
+				spacerHeight: Math.max(0, Math.round(e))
+			}), O += 1;
+		}, j = (e) => {
+			let t = i(e.startIndex), n = i(e.endIndex);
+			return !t || !n ? {
+				start: k,
+				height: 0
+			} : {
+				start: t.start,
+				height: n.end - t.start
+			};
+		};
+		return D.forEach((e) => {
+			let { start: t, height: n } = j(e), r = Math.min(S, Math.max(k, t));
+			A(r - k);
+			for (let t = e.startIndex; t <= e.endIndex; t += 1) {
+				let e = u[t];
+				e && x(e);
+			}
+			k = r + n;
+		}), A(S - k), y;
+	}) };
+}, fn = ({ selected: e, cascade: t, treeIndex: n, groupRow: r, disabledKey: i, isItemSelectable: a }) => {
+	let o = _(() => new Set(e.value)), s = (e) => n.value.nodeByKey.get(e)?.parentKey, c = (e) => {
+		let t = n.value.nodeByKey.get(e);
+		if (!t || Ft(t.item, H(r)) || Ft(t.item, H(i))) return !1;
+		let o = H(a);
+		return o ? o(t.item) !== !1 : !0;
+	}, l = _(() => {
+		let e = [];
+		return n.value.nodeByKey.forEach((t, n) => {
+			c(n) && e.push(n);
+		}), D(e);
+	}), u = _(() => {
+		let e = /* @__PURE__ */ new Map();
+		return o.value.forEach((t) => {
+			let n = s(t);
+			for (; n;) e.set(n, (e.get(n) ?? 0) + 1), n = s(n);
+		}), D(e);
+	}), d = (e) => o.value.has(e), f = (e) => o.value.has(e) ? Z.CHECKED : (u.value.get(e) ?? 0) > 0 ? Z.INDETERMINATE : Z.UNCHECKED, p = (e, t) => {
+		c(e) && t.push(e), n.value.nodeByKey.get(e)?.children?.forEach((e) => {
+			p(e.key, t);
+		});
+	}, m = (e, t) => {
+		let r = n.value.nodeByKey.get(e)?.children;
+		return !r || r.length === 0 ? !1 : r.every((e) => c(e.key) ? t.has(e.key) : m(e.key, t));
+	}, h = (e, t) => {
+		let n = s(e);
+		for (; n;) {
+			if (c(n) && m(n, t)) t.add(n);
+			else if (c(n)) break;
+			n = s(n);
+		}
+	}, g = (e, t) => {
+		let n = s(e);
+		for (; n;) t.delete(n), n = s(n);
+	}, v = (n) => {
+		if (!c(n)) return;
+		let r = new Set(e.value);
+		if (!H(t)) {
+			r.has(n) ? r.delete(n) : r.add(n), e.value = [...r];
+			return;
+		}
+		let i = [];
+		p(n, i), f(n) === Z.UNCHECKED ? (i.forEach((e) => {
+			r.add(e);
+		}), h(n, r)) : (i.forEach((e) => {
+			r.delete(e);
+		}), g(n, r)), e.value = [...r];
+	}, y = _(() => {
+		let e = l.value.length, t = l.value.reduce((e, t) => o.value.has(t) ? e + 1 : e, 0);
+		return e === 0 || t === 0 ? Z.UNCHECKED : t >= e ? Z.CHECKED : Z.INDETERMINATE;
+	});
+	return {
+		isSelected: d,
+		isNodeSelectable: c,
+		getCheckState: f,
+		toggleRow: v,
+		headerCheckState: y,
+		toggleSelectAll: () => {
+			if (y.value === Z.CHECKED) {
+				e.value = [];
+				return;
+			}
+			e.value = [...l.value];
+		},
+		clearSelection: () => {
+			e.value = [];
+		}
+	};
+}, pn = ({ columns: e, primaryColumnKey: t, treeNodeByKey: n, groupTotalKey: r, depthFooter: i, groupContentColumnKey: a, creationContentColumnKey: o, loadMoreContentColumnKey: s, treeIndent: c, loadingMoreChildrenKeys: l, footerValues: u, stuckDepthFooterRowIndex: d, onDepthFooterClick: f, onLoadMoreChildren: p }) => {
+	let m = _(() => H(e).find((e) => e.key === t.value)), h = _(() => H(i)?.columnKey ?? t.value), g = _(() => H(a) ?? t.value), v = _(() => H(o) ?? t.value), y = _(() => H(s) ?? t.value), b = (e) => n.value.get(e.key)?.subtreeSize ?? 0, x = (e) => Lt(e.item, H(r)), S = (e) => {
+		let t = It(e.item, m.value?.value ?? m.value?.key);
+		return t === void 0 ? void 0 : String(t);
+	}, C = (e) => ({ paddingInlineStart: `calc(var(--s-ui-dimension-4) + ${e * H(c)}px)` }), w = (e) => {
+		f({
+			parentKey: e.parentKey ?? "",
+			parentItem: e.item,
+			depth: e.depth - 1
+		});
+	}, T = (e) => ({
+		parentKey: e.parentKey ?? "",
+		parentItem: e.item,
+		depth: e.depth - 1,
+		stuck: e.index === d.value,
+		click: () => {
+			w(e);
+		}
+	}), E = _(() => new Set(H(l))), D = (e) => e.parentKey ? E.value.has(e.parentKey) : !1, O = (e) => {
+		!e.parentKey || D(e) || p({
+			key: e.parentKey,
+			item: e.item
+		});
+	}, k = (e) => ({
+		parentKey: e.parentKey ?? "",
+		parentItem: e.item,
+		depth: e.depth,
+		loading: D(e),
+		loadMore: () => {
+			O(e);
+		}
+	}), A = (e) => H(u)?.[e];
+	return {
+		depthFooterColumnKey: h,
+		groupColumnKey: g,
+		creationColumnKey: v,
+		loadMoreColumnKey: y,
+		getGroupCount: b,
+		getGroupTotal: x,
+		getGroupTitle: S,
+		getDepthIndentStyle: C,
+		emitDepthFooterClick: w,
+		getDepthFooterSlotScope: T,
+		isLoadMoreRowLoading: D,
+		emitLoadMoreChildren: O,
+		getLoadMoreSlotScope: k,
+		getFooterValueText: (e) => {
+			let t = A(e);
+			return t ? t.limit === void 0 ? String(t.value) : `${t.value}/${t.limit}` : "";
+		},
+		getFooterToneClass: (e) => {
+			let t = A(e)?.tone;
+			return t ? `s-ui-table__aggregate-cell--tone-${t}` : void 0;
+		},
+		getFooterSlotScope: (t) => ({
+			column: H(e).find((e) => e.key === t) ?? { key: t },
+			footerValue: A(t)
+		})
+	};
+}, mn = ({ sortState: e, onSortChange: t }) => {
+	let n = _(() => new Map(e.value.map((e) => [e.key, e]))), r = (e) => n.value.get(e)?.direction, i = (t) => {
+		if (e.value.length < 2) return;
+		let n = e.value.findIndex((e) => e.key === t);
+		return n === -1 ? void 0 : n + 1;
+	}, a = (n) => {
+		e.value = n, t(n);
+	};
+	return {
+		getColumnSortDirection: r,
+		getColumnSortIndex: i,
+		applySortCycle: (t, n) => {
+			let r = [...e.value], i = r.findIndex((e) => e.key === t), o = i === -1 ? void 0 : r[i], s = o ? o.direction === Y.ASC ? {
+				key: t,
+				direction: Y.DESC
+			} : void 0 : {
+				key: t,
+				direction: Y.ASC
+			};
+			if (!n) {
+				a(s ? [s] : []);
+				return;
+			}
+			i === -1 ? s && r.push(s) : s ? r.splice(i, 1, s) : r.splice(i, 1), a(r);
+		},
+		applySortExact: (t, n) => {
+			let r = [...e.value], i = r.findIndex((e) => e.key === t);
+			if (!n) {
+				i !== -1 && (r.splice(i, 1), a(r));
+				return;
+			}
+			let o = {
+				key: t,
+				direction: n
+			};
+			i === -1 ? r.push(o) : r.splice(i, 1, o), a(r);
+		},
+		getHeaderAriaSort: (e) => {
+			if (!e.column) return;
+			let t = r(e.key);
+			if (t) return t === Y.ASC ? "ascending" : "descending";
+		},
+		getHeaderSlotScope: (e) => e.column ? {
+			column: e.column,
+			sortDirection: r(e.key),
+			sortIndex: i(e.key)
+		} : { column: { key: e.key } }
+	};
+}, hn = ({ windowIndexes: e, visibleRange: t, getRowKey: n, pinnedRowKey: r, enabled: i }) => {
+	let a = /* @__PURE__ */ new Set(), o = z(/* @__PURE__ */ new Set()), s = [], c = 12, l = 0, u = !1, d = !1, f = 0, p = "", m = () => {
+		l = performance.now(), u = !0, o.value = new Set(a);
+	}, h = (e) => {
+		let t = s.splice(0, e);
+		return t.forEach((e) => {
+			a.add(e);
+		}), t.length;
+	}, g = (e) => {
+		if (e > 34) {
+			c = Math.max(2, Math.floor(c / 2));
+			return;
+		}
+		e < 20 && (c = Math.min(64, c + 2));
+	}, _ = () => {
+		u && (u = !1, g(performance.now() - l));
+	}, v = fe(() => {
+		f = 0, _(), d ? d = !1 : h(c) > 0 && m(), s.length === 0 && v.pause();
+	}, { immediate: !1 }), y = (e) => {
+		let n = t.value, r = n ? (n.startIndex + n.endIndex) / 2 : 0;
+		return [...e].sort((e, t) => Math.abs(e - r) - Math.abs(t - r));
+	}, b = (e) => {
+		let t = [];
+		return y(e).forEach((e) => {
+			let r = n(e);
+			r !== void 0 && !a.has(r) && t.push(r);
+		}), t;
+	}, x = (e) => {
+		let t = H(r), n = t === void 0 ? -1 : e.indexOf(t);
+		return n > 0 && (e.splice(n, 1), e.unshift(t ?? "")), e;
+	}, S = (e) => {
+		let t = new Set(e.map(n)), r = 0;
+		return a.forEach((e) => {
+			t.has(e) || (a.delete(e), r += 1);
+		}), r;
+	}, C = (e) => {
+		e > 0 && (m(), d = !0);
+	}, w = (e) => {
+		(s.length > 0 || e > 0) && v.resume();
+	}, T = (e) => `${e[0]}:${e[e.length - 1]}:${e.length}`, E = (e) => {
+		let t = T(e);
+		if (!H(i) || t === p) return;
+		p = t, s = x(b(e));
+		let n = S(e), r = h(Math.max(0, c - f));
+		f += r, C(n + r), w(r);
+	};
+	return W(e, E, {
+		flush: "sync",
+		immediate: !0
+	}), W(() => H(i), () => {
+		p = "", E(e.value);
+	}), {
+		isRowHydrated: (e) => !H(i) || e === H(r) || o.value.has(e),
+		hydratedKeys: o
+	};
+}, gn = {
+	pinned: [],
+	sliding: []
+}, _n = ({ snapshot: e, visibleRange: t, depthFooterSticky: n, bottomVisibleRowIndex: r, getRowOffset: i }) => {
+	let a = _(() => {
+		let n = t.value;
+		if (!n) return;
+		let { flatRows: r, getRowIndexByKey: i } = e.value, a = r[n.startIndex];
+		if (!a) return;
+		let o = a.kind === Q.GROUP ? a.key : a.parentKey;
+		for (; o;) {
+			let e = i(o), t = e === void 0 ? void 0 : r[e];
+			if (!t) return;
+			if (t.kind === Q.GROUP) return t.index;
+			o = t.parentKey;
+		}
+	}), o = (e) => e.kind === Q.DEPTH_FOOTER || e.kind === Q.LOAD_MORE ? e.parentKey : e.key, s = (t) => {
+		let { flatRows: n, getRowIndexByKey: r } = e.value, i = r(t);
+		return i === void 0 ? void 0 : n[i]?.parentKey;
+	}, c = (t) => {
+		let { flatRows: n, depthFooterIndexByParentKey: r } = e.value, i = n[t], a = i ? o(i) : void 0;
+		for (; a;) {
+			let e = r.get(a);
+			if (e !== void 0) return e;
+			a = s(a);
+		}
+	}, l = (e, t) => {
+		let n = i(e)?.start;
+		return n !== void 0 && n - t < 1200;
+	}, u = (e, t) => {
+		let n = [e], r = e;
+		for (; n.length < 6 && l(r, t);) {
+			let e = c(r + 1);
+			if (e === void 0) return n;
+			n.push(e), r = e;
+		}
+		return n;
+	}, d = (e) => {
+		let t = c(e);
+		return t === void 0 ? [] : u(t, i(e)?.end ?? 0);
+	}, f = (t, n) => {
+		let { flatRows: r } = e.value;
+		return [t - 2, t - 1].filter((e) => r[e]?.kind === Q.DEPTH_FOOTER && !n.includes(e));
+	}, p = _(() => {
+		let e = r.value;
+		if (!H(n) || e === void 0) return gn;
+		let t = d(e);
+		return {
+			pinned: t,
+			sliding: f(e, t)
+		};
+	}), m = _(() => {
+		let { pinned: e, sliding: t } = p.value;
+		return [...t, ...e];
+	});
+	return {
+		activeGroupRowIndex: a,
+		activeDepthFooterRowIndex: _(() => p.value.pinned[0]),
+		activeDepthFooterRowIndexes: m,
+		leavingDepthFooterRowIndex: _(() => {
+			let [e, t] = p.value.pinned;
+			return t === void 0 ? void 0 : e;
+		}),
+		slidingDepthFooterRowIndexes: _(() => p.value.sliding),
+		farDepthFooterRowIndexes: _(() => p.value.pinned.slice(2))
+	};
+}, vn = (e) => typeof e == "number" ? `${e}px` : e || void 0, yn = ({ tfootBarStackHeight: e, hasFooterValues: t, scrollClientWidth: n, columnCssVars: r, totalWidth: i, height: a, maxHeight: o }) => ({
+	rootStyle: _(() => {
+		let i = H(n);
+		return {
+			"--s-ui-table-header-height": "40px",
+			"--s-ui-table-row-min-height": "52px",
+			"--s-ui-table-scrollbar-size": "12px",
+			"--s-ui-table-header-stack": "40px",
+			"--s-ui-table-bottom-stack": `${e.value}px`,
+			"--s-ui-table-footer-bar-height": "40px",
+			"--s-ui-table-create-row-height": "52px",
+			"--s-ui-table-aggregate-offset": H(t) ? "40px" : "0px",
+			...i > 0 ? { "--s-ui-table-viewport-width": `${i}px` } : {},
+			...r.value
+		};
+	}),
+	scrollStyle: _(() => ({
+		height: vn(H(a)),
+		maxHeight: vn(H(o))
+	})),
+	tableStyle: _(() => ({ width: `max(100%, ${i.value}px)` }))
+}), bn, xn = () => {
+	if (bn !== void 0) return bn;
+	if (typeof document > "u") return bn = Ne, bn;
+	let e = document.createElement("div");
+	e.style.cssText = `position:absolute;visibility:hidden;pointer-events:none;width:1px;height:${Fe}px`, document.body.appendChild(e);
+	let t = e.offsetHeight;
+	return e.remove(), bn = t > 0 ? t : Ne, bn;
+}, Sn = (e) => e > 16e6 ? xn() - Pe : Infinity, Cn = (e, t, n) => {
+	if (!e) return 0;
+	let r = Math.max(t, Ie);
+	return n > 4 * r ? r : 0;
+}, wn = (e, t) => !e.active || t <= e.edgeZone ? t : t >= e.maxUiScrollTop - e.edgeZone ? Math.min(e.maxModelScrollTop, e.maxModelScrollTop - (e.maxUiScrollTop - t)) : e.edgeZone + (t - e.edgeZone) * e.ratio, Tn = (e, t) => e.active ? t <= e.edgeZone ? Math.max(0, t) : t >= e.maxModelScrollTop - e.edgeZone ? Math.min(e.maxUiScrollTop, e.maxUiScrollTop - (e.maxModelScrollTop - t)) : e.edgeZone + (t - e.edgeZone) / e.ratio : t, En = (e, t) => e.active === t.active && e.maxUiScrollTop === t.maxUiScrollTop && e.maxModelScrollTop === t.maxModelScrollTop && e.edgeZone === t.edgeZone, Dn = (e, t) => !En(e, t) && (e.active || t.active), On = ({ scrollElement: e, totalSize: t, viewportHeight: n, extraHeight: r, onRescale: i }) => {
+	let a = z(0), o = _(() => {
+		let e = H(t), i = H(r), a = H(n), o = Sn(e), s = e > o, c = s ? o : e, l = Math.max(1, c + i - a), u = Math.max(0, e + i - a), d = Cn(s, a, l);
+		return {
+			active: s,
+			uiHeight: c,
+			maxUiScrollTop: l,
+			maxModelScrollTop: u,
+			edgeZone: d,
+			ratio: s ? (u - 2 * d) / (l - 2 * d) : 1
+		};
+	}), s = (e) => wn(o.value, e), c = (e) => Tn(o.value, e), l = 0, u = -1;
+	de(e, "scroll", () => {
+		let t = e.value;
+		t && (a.value = t.scrollTop, t.scrollTop !== u && (l = s(t.scrollTop)));
+	}, { passive: !0 });
+	let d = _(() => s(a.value)), f = _(() => o.value.active ? d.value - a.value : 0), p = _(() => o.value.uiHeight), m = _(() => o.value.maxModelScrollTop), h = _(() => o.value.active), g = (e, t) => {
+		e.scrollTop = t, a.value = e.scrollTop, u = e.scrollTop, l = s(e.scrollTop);
+	}, v = (e) => e.deltaMode === WheelEvent.DOM_DELTA_LINE ? e.deltaY * 52 : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY * H(n) : e.deltaY, y = (e) => o.value.active && e.deltaY !== 0 && !e.ctrlKey, b = (t) => {
+		let n = e.value;
+		if (!n || !y(t)) return;
+		let { maxModelScrollTop: r } = o.value, i = Math.max(0, Math.min(r, l + v(t)));
+		i !== l && (t.preventDefault(), g(n, c(i)), l = i, n.scrollLeft += t.deltaX);
+	}, x, S = (t) => {
+		x?.(), x = t ? de(e, "wheel", b, { passive: !1 }) : void 0;
+	};
+	return le(() => {
+		x?.();
+	}), P(() => {
+		W(o, (t, n) => {
+			let r = e.value;
+			!r || !Dn(t, n) || (g(r, Tn(t, l)), i?.(l));
+		}), W(h, S, { immediate: !0 });
+	}), {
+		uiScrollTop: a,
+		modelScrollOffset: d,
+		uiShift: f,
+		uiTotalSize: p,
+		maxModelScrollTop: m,
+		active: h,
+		uiToModel: s,
+		modelToUi: c,
+		setScrollTop: g
+	};
+}, kn = ({ rowCount: e, enabled: t, autoMeasure: n, estimateRowSize: r, estimateRowSizeByIndex: i, overscan: a, scrollElement: o, getRowKey: s, rowsVersion: c, viewportHeight: l, extraHeight: u }) => {
+	let d, f = On({
+		scrollElement: o,
+		totalSize: () => g.value.getTotalSize(),
+		viewportHeight: l,
+		extraHeight: u,
+		onRescale: (e) => {
+			d?.(e, !1);
+		}
+	}), p = z(0), m = 0, h = (e, t, n) => {
+		let r = Math.round((e - m) / n);
+		m = e, p.value = t ? Math.max(-24, Math.min(24, r)) : 0;
+	}, g = _e(_(() => {
+		let n = H(r);
+		return {
+			count: H(e),
+			enabled: H(t),
+			getScrollElement: () => o.value,
+			estimateSize: (e) => i?.(e) ?? n,
+			getItemKey: s,
+			overscan: H(a),
+			shouldAdjustScrollPositionOnItemSizeChange: () => !1,
+			observeElementOffset: (e, t) => (d = t, ge(e, (e, r) => {
+				let i = f.uiToModel(e);
+				h(i, r, n), t(i, r);
+			})),
+			scrollToFn: (e, t, n) => {
+				he(f.modelToUi(e + (t.adjustments ?? 0)), { behavior: t.behavior }, n);
+			}
+		};
+	})), v = _(() => H(t) ? g.value.getVirtualItems() : []), y = _(() => g.value.getTotalSize()), b = (e, t) => Array.from({ length: Math.max(0, t - e + 1) }, (t, n) => e + n), x = (t, n) => {
+		let r = t[0], i = t[t.length - 1];
+		if (!(!r || !i)) return n > 0 ? [i.index + 1, Math.min(H(e) - 1, i.index + n)] : [Math.max(0, r.index + n), r.index - 1];
+	}, S = _(() => {
+		let e = v.value, t = e.map((e) => e.index), n = p.value, r = n === 0 ? void 0 : x(e, n);
+		if (!r) return t;
+		let i = b(r[0], r[1]);
+		return n > 0 ? [...t, ...i] : [...i, ...t];
+	}), C = /* @__PURE__ */ new Set(), w = (e) => {
+		if (!(e instanceof HTMLElement) || e.dataset.placeholder) return;
+		let t = Number(e.dataset.index);
+		return Number.isInteger(t) ? t : void 0;
+	}, T = (e) => {
+		if (!H(t) || !H(n)) return;
+		let r = o.value;
+		if (!r) return;
+		let i = r.querySelectorAll("tr[data-index]"), a = [];
+		if (i.forEach((t) => {
+			let n = w(t);
+			n === void 0 || !(t instanceof HTMLElement) || (!e || !C.has(s(n))) && a.push(t);
+		}), a.length === 0) return;
+		let c = g.value.measurementsCache, l = r.getBoundingClientRect().top, u = f.uiToModel(r.scrollTop), d = [], p = Infinity;
+		a.forEach((e) => {
+			let t = Number(e.dataset.index), n = e.getBoundingClientRect();
+			d.push([t, Math.round(n.height)]), n.bottom > l + 1 && t < p && (p = t);
+		});
+		let m = 0;
+		d.forEach(([e, t]) => {
+			if (t <= 0) return;
+			C.add(s(e));
+			let n = c[e]?.size;
+			e < p && n !== void 0 && (m += t - n), g.value.resizeItem(e, t);
+		}), m !== 0 && f.setScrollTop(r, f.modelToUi(u + m));
+	};
+	W(S, () => T(!0), { flush: "post" });
+	let E = () => {
+		T(!0);
+	}, D = () => {
+		C.clear(), T(!1);
+	};
+	pe(o, () => {
+		D();
+	}), W(() => H(c), () => {
+		C.clear(), T(!1);
+	}, { flush: "post" });
+	let O = (e, t) => {
+		if (e !== "auto") return e;
+		let n = H(l) - H(u), r = f.modelScrollOffset.value;
+		return t.end >= r + n ? "end" : t.start <= r ? "start" : void 0;
+	}, k = (e, t) => {
+		let n = H(l) - H(u);
+		return e === "start" ? t.start : e === "end" ? t.end - n : t.start - (n - t.size) / 2;
+	}, A = (e, t) => {
+		let n = g.value.measurementsCache, r = n[Math.max(0, Math.min(e, n.length - 1))];
+		if (!r) return;
+		let i = O(t, r);
+		if (!i) return;
+		let a = k(i, r);
+		return Math.max(0, Math.min(f.maxModelScrollTop.value, a));
+	}, j = (e, t = "auto") => {
+		let n = o.value;
+		if (!f.active.value || !n) {
+			g.value.scrollToIndex(e, { align: t });
+			return;
+		}
+		let r = A(e, t);
+		r !== void 0 && f.setScrollTop(n, f.modelToUi(r));
+	}, M = _(() => {
+		if (!(!H(t) || v.value.length === 0)) return g.value.range ?? void 0;
+	}), N = (e) => {
+		let t = g.value.measurementsCache;
+		if (t.length === 0) return;
+		let n = 0, r = t.length - 1;
+		for (; n < r;) {
+			let i = Math.floor((n + r) / 2), a = t[i];
+			if (!a) return;
+			a.end <= e ? n = i + 1 : r = i;
+		}
+		return n;
+	}, P = (e) => {
+		let t = g.value.measurementsCache[e];
+		if (t) return {
+			start: t.start,
+			end: t.end
+		};
+	};
+	return {
+		rowVirtualizer: g,
+		virtualItems: v,
+		windowIndexes: S,
+		totalSize: y,
+		uiTotalSize: f.uiTotalSize,
+		modelScrollOffset: f.modelScrollOffset,
+		scrollCompressed: f.active,
+		measureWindowRows: D,
+		measureNewRows: E,
+		scrollToIndex: j,
+		visibleRange: M,
+		getRowOffset: P,
+		getRowUiOffset: (e) => {
+			let t = P(e);
+			if (!t) return;
+			let n = f.uiShift.value;
+			return {
+				start: t.start - n,
+				end: t.end - n
+			};
+		},
+		getRowIndexAtOffset: N
+	};
+}, An = [
+	"role",
+	"aria-rowcount",
+	"aria-colcount",
+	"aria-busy"
+], jn = { class: "s-ui-table__head" }, Mn = {
+	class: "s-ui-table__head-row",
+	"aria-rowindex": 1
+}, Nn = {
+	key: 0,
+	class: "s-ui-table__header-cell s-ui-table__filler-cell",
+	role: "presentation"
+}, Pn = [
+	"id",
+	"data-column-key",
+	"data-section",
+	"aria-colindex",
+	"aria-sort",
+	"tabindex"
+], Fn = {
+	key: 2,
+	class: "s-ui-table__columns-manager"
+}, In = { class: "s-ui-table__columns-item-main" }, Ln = { class: "s-ui-table__columns-item-title" }, Rn = [
+	"aria-label",
+	"onPointerdown",
+	"onKeydown",
+	"onDblclick"
+], zn = { class: "s-ui-table__body" }, Bn = {
+	key: 0,
+	class: "s-ui-table__empty-row",
+	"aria-rowindex": 2
+}, Vn = ["colspan"], Hn = { class: "s-ui-table__empty-content" }, Un = { class: "s-ui-table__empty-text" }, Wn = {
+	key: 0,
+	class: "s-ui-table__spacer",
+	"aria-hidden": "true"
+}, Gn = ["colspan"], Kn = {
+	key: 0,
+	class: "s-ui-table__foot"
+}, qn = ["aria-rowindex"], Jn = {
+	key: 0,
+	class: "s-ui-table__aggregate-cell s-ui-table__filler-cell",
+	role: "presentation"
+}, Yn = [
+	"id",
+	"aria-colindex",
+	"data-column-key",
+	"data-section",
+	"tabindex"
+], Xn = {
+	key: 1,
+	class: "s-ui-table__aggregate-text"
+}, Zn = /* @__PURE__ */ T({
+	__name: "STable",
+	props: /*@__PURE__*/ O({
+		items: {},
+		columns: {},
+		itemKey: {
+			type: [String, Function],
+			default: "id"
+		},
+		childrenKey: { default: "children" },
+		groupRow: { type: [String, Function] },
+		groupTotalKey: {},
+		groupContentColumnKey: {},
+		disabledKey: {},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		cascadeSelection: {
+			type: Boolean,
+			default: !1
+		},
+		isItemSelectable: { type: Function },
+		columnsManageable: { type: Boolean },
+		rowState: { type: Function },
+		expandColumnKey: {},
+		expandOnClick: {
+			type: Boolean,
+			default: !1
+		},
+		treeIndent: { default: () => 18 },
+		depthFooter: {},
+		creationRow: {
+			type: Boolean,
+			default: !1
+		},
+		creationContentColumnKey: {},
+		footerValues: {},
+		virtual: {
+			type: Boolean,
+			default: !0
+		},
+		rowHeightMode: { default: () => ke.AUTO },
+		estimateRowSize: { default: () => 52 },
+		overscan: { default: () => 8 },
+		height: {},
+		maxHeight: {},
+		endReachedDistance: { default: 0 },
+		canLoadMore: { type: Function },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingMore: {
+			type: Boolean,
+			default: !1
+		},
+		skeletonRowCount: { default: () => 8 },
+		hasMoreChildrenKey: {},
+		loadingMoreChildrenKeys: { default: () => [] },
+		loadMoreContentColumnKey: {},
+		rowsDraggable: {
+			type: Boolean,
+			default: !1
+		},
+		rowsDragMode: {},
+		isRowDraggable: { type: Function },
+		dragExpandDelayMs: { default: () => 500 },
+		columnsResizable: {
+			type: Boolean,
+			default: !0
+		},
+		columnsDraggable: {
+			type: Boolean,
+			default: !0
+		},
+		scrollSeekPlaceholders: {
+			type: Boolean,
+			default: !0
+		},
+		rowClass: { type: Function }
+	}, {
+		modelValue: {},
+		modelModifiers: {},
+		selected: { default: () => [] },
+		selectedModifiers: {},
+		expanded: { default: () => [] },
+		expandedModifiers: {},
+		columnOrder: {},
+		columnOrderModifiers: {},
+		columnWidths: {},
+		columnWidthsModifiers: {},
+		hiddenColumns: {},
+		hiddenColumnsModifiers: {},
+		sortState: { default: () => [] },
+		sortStateModifiers: {}
+	}),
+	emits: /*@__PURE__*/ O([
+		"rowClick",
+		"rowContextMenu",
+		"cellClick",
+		"sortChange",
+		"endReached",
+		"loadMoreChildren",
+		"depthFooterClick",
+		"groupMenuOpen",
+		"columnResizeEnd",
+		"columnReorder",
+		"rowsReorder",
+		"rowsDrop"
+	], [
+		"update:modelValue",
+		"update:selected",
+		"update:expanded",
+		"update:columnOrder",
+		"update:columnWidths",
+		"update:hiddenColumns",
+		"update:sortState"
+	]),
+	setup(i, { expose: a, emit: u }) {
+		let d = te(i, "modelValue"), f = te(i, "selected"), T = te(i, "expanded"), D = te(i, "columnOrder"), O = te(i, "columnWidths"), N = te(i, "hiddenColumns"), P = te(i, "sortState"), I = u, V = ne(), { t: H } = ce(), ae = ee(), K = re("scrollElementRef"), le = re("tableElementRef"), de = re("tableRootRef"), { width: fe, height: pe } = ue(K), { primaryColumnKey: me, columnDescriptors: he, columnCssVars: ge, totalWidth: _e, columnCount: ve } = it({
+			columns: () => i.columns,
+			columnOrder: D,
+			columnWidths: O,
+			hiddenColumns: N,
+			hasIndicator: () => !!V.indicator,
+			hasCheckbox: () => i.selectable,
+			hasRightEdge: () => !!V["right-edge"],
+			hasColumnsManager: () => i.columnsManageable,
+			columnsResizable: () => i.columnsResizable,
+			columnsDraggable: () => i.columnsDraggable,
+			viewportWidth: () => fe.value
+		}), { treeIndex: ye, snapshot: be, flatRows: q, toggleExpanded: xe, expandAll: Se, collapseAll: Ce } = zt({
+			items: () => i.items,
+			itemKey: () => i.itemKey,
+			childrenKey: () => i.childrenKey,
+			groupRow: () => i.groupRow,
+			expanded: T,
+			depthFooter: () => i.depthFooter,
+			hasMoreChildrenKey: () => i.hasMoreChildrenKey
+		}), { leadingDescriptors: we, trailingDescriptors: Te, headerCells: Ee, getStickyCellStyle: J, getHeaderCellClasses: De, leadingCellPlans: Y, trailingCellPlans: Oe, rowCellPlans: X } = sn({
+			columnDescriptors: he,
+			hasTreeStructure: () => Ne.value,
+			expandColumnKey: () => i.expandColumnKey,
+			primaryColumnKey: me
+		}), Me = _(() => he.value.length + 1), Ne = _(() => ye.value.expandableKeys.length > 0), Pe = _(() => Ne.value ? "treegrid" : "grid"), Fe = _(() => q.value.length + 1 + +!!i.creationRow + +!!i.footerValues), Ie = _(() => i.virtual), Le = _(() => ({ "s-ui-table--rows-fixed": i.rowHeightMode === ke.FIXED })), Re = _(() => {
+			let e = 0;
+			return i.footerValues && (e += 40), i.creationRow && (e += 52), e;
+		}), ze = [];
+		W(q, (e) => {
+			ze = e;
+		}, {
+			flush: "sync",
+			immediate: !0
+		});
+		let { windowIndexes: Ve, uiTotalSize: We, modelScrollOffset: Ge, scrollToIndex: Ke, visibleRange: qe, getRowOffset: Je, getRowUiOffset: Ye, getRowIndexAtOffset: Xe, measureWindowRows: Ze, measureNewRows: Qe } = kn({
+			rowCount: () => q.value.length,
+			enabled: Ie,
+			autoMeasure: () => i.rowHeightMode === ke.AUTO,
+			estimateRowSize: () => i.estimateRowSize,
+			estimateRowSizeByIndex: void 0,
+			overscan: () => i.overscan,
+			scrollElement: K,
+			getRowKey: (e) => ze[e]?.key ?? e,
+			rowsVersion: q,
+			viewportHeight: () => pe.value,
+			extraHeight: () => 40 + Re.value
+		}), { isRowHydrated: $e, hydratedKeys: et } = hn({
+			windowIndexes: Ve,
+			visibleRange: qe,
+			getRowKey: (e) => ze[e]?.key,
+			pinnedRowKey: () => d.value,
+			enabled: () => Ie.value && i.scrollSeekPlaceholders
+		});
+		W(et, Qe, { flush: "post" });
+		let { resizingColumnKey: tt, handleResizeHandlePointerdown: nt, handleResizeHandleKeydown: rt, handleResizeHandleDblclick: at } = cn({
+			tableRootElement: de,
+			scrollElement: K,
+			columnDescriptors: he,
+			columnWidths: O,
+			enabled: () => i.columnsResizable,
+			onResizeEnd: (e, t) => {
+				I("columnResizeEnd", {
+					key: e,
+					width: t
+				});
+			},
+			remeasureRows: () => {
+				Ze();
+			}
+		}), ot = _(() => i.rowsDragMode ? i.rowsDragMode : Ne.value ? Ae.TREE : Ae.FLAT), { registerColumnHeaderElement: st, draggingColumnKey: lt, dropLineStyle: ut } = an({
+			tableId: ae,
+			tableRootElement: de,
+			enabled: () => i.columnsDraggable,
+			columnDescriptors: he,
+			onReorder: (e, t, n) => {
+				let r = D.value?.length ? [...D.value] : i.columns.map((e) => e.key);
+				i.columns.forEach((e) => {
+					r.includes(e.key) || r.push(e.key);
+				});
+				let a = r.filter((t) => t !== e), o = a.indexOf(t);
+				if (o === -1) return;
+				let s = n === "left" ? o : o + 1;
+				a.splice(s, 0, e), D.value = a, I("columnReorder", {
+					key: e,
+					toIndex: s,
+					order: a
+				});
+			},
+			isResizing: () => !!tt.value
+		}), dt = (e, t) => {
+			(e instanceof Element || e === null) && st(t, e);
+		}, { registerRowElement: ft, draggingRowKey: pt, dropIndicator: mt } = un({
+			tableId: ae,
+			enabled: () => i.rowsDraggable,
+			dragMode: ot,
+			snapshot: be,
+			scrollElement: K,
+			isRowDraggable: () => i.isRowDraggable,
+			dragExpandDelayMs: () => i.dragExpandDelayMs,
+			isExpanded: (e) => T.value.includes(e),
+			onHoverExpand: (e) => {
+				xe(e);
+			},
+			onReorder: (e) => {
+				I("rowsReorder", e);
+			},
+			onTreeDrop: (e) => {
+				I("rowsDrop", e);
+			},
+			resolveRowPreviewTitle: (e) => Dn(e) ?? e.key
+		}), gt = (e) => {
+			(e instanceof Element || e === null) && ft(e);
+		}, _t = (e) => {
+			let t = mt.value;
+			if (!(!t || t.targetKey !== e)) return t.action === je.CHILD ? "inside" : t.action === je.BEFORE ? "before" : "after";
+		}, { activeGroupRowIndex: vt, activeDepthFooterRowIndex: yt, activeDepthFooterRowIndexes: bt, leavingDepthFooterRowIndex: xt, slidingDepthFooterRowIndexes: St, farDepthFooterRowIndexes: wt } = _n({
+			snapshot: be,
+			visibleRange: qe,
+			depthFooterSticky: () => i.depthFooter?.sticky !== !1,
+			bottomVisibleRowIndex: _(() => {
+				if (!Ie.value || pe.value === 0) return;
+				let e = Ge.value + pe.value - 40 - Re.value;
+				return Xe(Math.max(0, e));
+			}),
+			getRowOffset: Je
+		}), { renderEntries: Tt } = dn({
+			flatRows: q,
+			virtualEnabled: Ie,
+			windowIndexes: Ve,
+			uiTotalSize: We,
+			getRowUiOffset: Ye,
+			activeGroupRowIndex: vt,
+			activeDepthFooterRowIndexes: bt,
+			leavingDepthFooterRowIndex: xt,
+			slidingDepthFooterRowIndexes: St,
+			farDepthFooterRowIndexes: wt,
+			activeRowIndex: _(() => {
+				if (d.value) return be.value.getRowIndexByKey(d.value);
+			})
+		}), Et = _(() => !i.loading && q.value.length === 0), { rootStyle: Dt, scrollStyle: kt, tableStyle: At } = yn({
+			tfootBarStackHeight: Re,
+			hasFooterValues: () => !!i.footerValues,
+			scrollClientWidth: () => fe.value,
+			columnCssVars: ge,
+			totalWidth: _e,
+			height: () => i.height,
+			maxHeight: () => i.maxHeight
+		}), { getColumnSortDirection: jt, getColumnSortIndex: Mt, applySortCycle: Nt, applySortExact: Pt, getHeaderAriaSort: It, getHeaderSlotScope: Lt } = mn({
+			sortState: P,
+			onSortChange: (e) => {
+				I("sortChange", e);
+			}
+		}), Rt = z(), Bt = (e, t) => {
+			Rt.value = t ? e : void 0;
+		}, Vt = (e, t) => {
+			if (!i.columnsResizable || !e.resizable) return;
+			let n = Math.min(e.maxWidth ?? Infinity, Math.max(e.minWidth, e.width + t * 8));
+			n !== e.width && (O.value = {
+				...O.value,
+				[e.key]: n
+			}, I("columnResizeEnd", {
+				key: e.key,
+				width: n
+			}));
+		}, Ht = z(!1), Ut = _(() => i.columns.filter((e) => e.key !== me.value && (e.hideable ?? !0))), Wt = (e) => (N.value ?? []).includes(e), Gt = _(() => {
+			let e = Ut.value.map((e) => {
+				let t = Wt(e.key);
+				return {
+					column: e,
+					hidden: t,
+					classes: { "s-ui-table__columns-item--hidden": t }
+				};
+			});
+			return [e.filter((e) => !e.hidden), e.filter((e) => e.hidden)].filter((e) => e.length > 0);
+		}), Kt = (e) => {
+			let t = new Set(N.value ?? []);
+			t.has(e) ? t.delete(e) : t.add(e), N.value = [...t];
+		}, qt = (e) => {
+			let t = new Set(N.value ?? []);
+			t.add(e), N.value = [...t];
+		}, Jt = fn({
+			selected: f,
+			cascade: () => i.cascadeSelection,
+			treeIndex: ye,
+			groupRow: () => i.groupRow,
+			disabledKey: () => i.disabledKey,
+			isItemSelectable: () => i.isItemSelectable
+		}), Yt = Jt.headerCheckState, Zt = (e) => Jt.isSelected(e), Qt = (e) => i.cascadeSelection && Jt.getCheckState(e) === Z.INDETERMINATE, en = (e) => {
+			Jt.toggleRow(e);
+		}, tn = (e) => Ft(e.item, i.disabledKey), nn = ({ row: e, spacerHeight: t, rowHeight: n, stuckTop: r, stuckBottom: a, stuckBottomLeaving: o, stuckBottomSliding: s, stuckBottomCoverHeight: c, stuckBottomFar: l }, u) => [
+			e ?? t,
+			e?.index,
+			e?.expanded,
+			e?.item,
+			e?.kind,
+			e?.hasChildren,
+			e?.depth,
+			e?.parentKey,
+			e ? Zt(e.key) : !1,
+			e ? Qt(e.key) : !1,
+			e ? d.value === e.key : !1,
+			e ? _r(e.key) : void 0,
+			e ? pt.value === e.key : !1,
+			e ? _t(e.key) : void 0,
+			n,
+			r,
+			a,
+			o,
+			s,
+			c,
+			l,
+			he.value,
+			xn.value,
+			wn.value,
+			u,
+			i.loadingMoreChildrenKeys,
+			i.treeIndent,
+			i.rowClass,
+			i.rowState,
+			i.selectable,
+			i.cascadeSelection,
+			i.rowsDraggable
+		], rn = (e) => {
+			if (e !== void 0) return { "--s-ui-table-stuck-cover-height": `${e}px` };
+		}, on = _(() => Tt.value.map((e) => {
+			let t = e.row?.kind === Q.ROW && !$e(e.row.key);
+			return {
+				...e,
+				placeholder: t,
+				memoKeys: nn(e, t)
+			};
+		})), gn = _(() => Object.keys(V).filter((e) => e.startsWith("cell:"))), vn = (e) => `s-ui-table-${ae}-row-${e}`, bn = (e) => ({
+			...e,
+			selected: Zt(e.key),
+			indeterminate: !1,
+			active: d.value === e.key,
+			disabled: tn(e),
+			group: e.kind === Q.GROUP,
+			toggleExpanded: () => {
+				xe(e.key);
+			},
+			toggleSelected: () => {
+				en(e.key);
+			}
+		}), { depthFooterColumnKey: xn, groupColumnKey: Sn, creationColumnKey: Cn, loadMoreColumnKey: wn, getGroupCount: Tn, getGroupTotal: En, getGroupTitle: Dn, getDepthIndentStyle: On, emitDepthFooterClick: Zn, getDepthFooterSlotScope: Qn, isLoadMoreRowLoading: $n, emitLoadMoreChildren: er, getLoadMoreSlotScope: tr, getFooterValueText: nr, getFooterToneClass: rr, getFooterSlotScope: ir } = pn({
+			columns: () => i.columns,
+			primaryColumnKey: me,
+			treeNodeByKey: _(() => ye.value.nodeByKey),
+			groupTotalKey: () => i.groupTotalKey,
+			depthFooter: () => i.depthFooter,
+			groupContentColumnKey: () => i.groupContentColumnKey,
+			creationContentColumnKey: () => i.creationContentColumnKey,
+			loadMoreContentColumnKey: () => i.loadMoreContentColumnKey,
+			treeIndent: () => i.treeIndent,
+			loadingMoreChildrenKeys: () => i.loadingMoreChildrenKeys,
+			footerValues: () => i.footerValues,
+			stuckDepthFooterRowIndex: yt,
+			onDepthFooterClick: (e) => {
+				I("depthFooterClick", e);
+			},
+			onLoadMoreChildren: (e) => {
+				I("loadMoreChildren", e);
+			}
+		}), ar = (e) => ({
+			...bn(e),
+			count: Tn(e),
+			total: En(e)
+		}), or = (e, t) => {
+			tn(e) || (d.value = e.key, i.expandOnClick && (e.hasChildren || e.kind === Q.GROUP) && xe(e.key), I("rowClick", {
+				key: e.key,
+				item: e.item,
+				event: t
+			}));
+		}, sr = (e, t) => {
+			I("rowContextMenu", {
+				key: e.key,
+				item: e.item,
+				event: t
+			});
+		}, cr = _(() => {
+			let e = /* @__PURE__ */ new Set();
+			return he.value.forEach((t) => {
+				t.column && e.add(t.key);
+			}), e;
+		}), lr = (e, t, n) => {
+			!cr.value.has(t) || tn(e) || I("cellClick", {
+				key: e.key,
+				item: e.item,
+				columnKey: t,
+				event: n
+			});
+		}, ur = (e) => e ? !tn(e) : !1, dr = _(() => {
+			let e = pe.value - 40 - Re.value;
+			return Math.max(1, Math.floor(e / i.estimateRowSize));
+		});
+		l(() => K.value, {
+			distance: () => i.endReachedDistance,
+			canLoadMore: () => i.canLoadMore?.() ?? !0,
+			onEndReached: () => {
+				I("endReached", { direction: "bottom" });
+			}
+		});
+		let fr = (e, t) => {
+			let n = be.value.getRowIndexByKey(e);
+			if (n !== void 0) {
+				if (Ie.value) {
+					Ke(n, t?.align ?? "auto");
+					return;
+				}
+				document.getElementById(vn(e))?.scrollIntoView({ block: t?.align === "center" ? "center" : "nearest" });
+			}
+		}, pr = (e) => `s-ui-table-${ae}-cell-${e.section}-${e.rowKey ?? ""}-${e.columnKey}`, mr = ct({
+			tableRootElement: de,
+			tableElement: le,
+			scrollElement: K,
+			columnDescriptors: he,
+			flatRows: q,
+			snapshot: be,
+			groupColumnKey: Sn,
+			depthFooterColumnKey: xn,
+			loadMoreColumnKey: wn,
+			creationColumnKey: Cn,
+			hasCreationRow: () => !!i.creationRow,
+			hasAggregateRow: () => !!i.footerValues,
+			isRowNavigable: ur,
+			pageSize: dr,
+			buildCellDomId: pr,
+			onBodyRowFocused: (e) => {
+				d.value = e;
+			},
+			scrollToRowIndex: (e) => {
+				let t = q.value[e];
+				t && fr(t.key);
+			}
+		}), hr = `s-ui-table-${ae}-cell-${$.BODY}-`, gr = `s-ui-table-${ae}-cell-${$.CREATION}-`, _r = (e) => mr.focusedBodyRowKey.value === e ? mr.focusAddress.value.columnKey : void 0, vr = (e) => {
+			let t = mr.focusAddress.value;
+			return t.section === e ? t.columnKey : void 0;
+		}, yr = (e, t, n) => mr.getCellTabIndex(e, t, n), { handleGridFocusIn: br, handleGridKeydown: xr } = ln({
+			gridFocus: mr,
+			columnDescriptors: he,
+			flatRows: q,
+			expandColumnKey: () => i.expandColumnKey,
+			primaryColumnKey: me,
+			groupColumnKey: Sn,
+			selectable: () => i.selectable,
+			openMenuColumnKey: Rt,
+			toggleExpanded: xe,
+			toggleRowSelected: (e) => {
+				Jt.toggleRow(e);
+			},
+			applySortCycle: Nt,
+			setColumnMenuOpen: Bt,
+			resizeColumnByKeyboard: Vt,
+			onDepthFooterActivate: Zn,
+			onLoadMoreActivate: er,
+			onRowActivate: (e, t) => {
+				I("rowClick", {
+					key: e.key,
+					item: e.item,
+					event: t
+				});
+			}
+		});
+		return a({
+			focusNavigation: async () => {
+				mr.focusAddressNow(mr.focusAddress.value), await A();
+			},
+			scrollToRow: fr,
+			expandAll: Se,
+			collapseAll: Ce,
+			clearSelection: () => {
+				Jt.clearSelection();
+			},
+			getScrollElement: () => K.value ?? void 0
+		}), (a, l) => (F(), b("div", {
+			ref_key: "tableRootRef",
+			ref: de,
+			class: j(["s-ui-table", Le.value]),
+			style: M(U(Dt))
+		}, [x("div", {
+			ref_key: "scrollElementRef",
+			ref: K,
+			class: "s-ui-table__scroll",
+			style: M(U(kt))
+		}, [x("table", {
+			class: "s-ui-table__table",
+			style: M(U(At)),
+			role: Pe.value,
+			"aria-rowcount": Fe.value,
+			"aria-colcount": U(ve),
+			"aria-busy": i.loading || i.loadingMore || void 0,
+			ref_key: "tableElementRef",
+			ref: le,
+			tabindex: "-1",
+			onKeydown: l[5] ||= (...e) => U(xr) && U(xr)(...e),
+			onFocusin: l[6] ||= (...e) => U(br) && U(br)(...e)
+		}, [
+			x("colgroup", null, [
+				(F(!0), b(g, null, L(U(we), (e) => (F(), b("col", {
+					key: e.key,
+					style: M({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+				}, null, 4))), 128)),
+				l[7] ||= x("col", { class: "s-ui-table__filler-col" }, null, -1),
+				(F(!0), b(g, null, L(U(Te), (e) => (F(), b("col", {
+					key: e.key,
+					style: M({ width: `var(${e.liveWidthVar}, var(${e.widthVar}))` })
+				}, null, 4))), 128))
+			]),
+			x("thead", jn, [x("tr", Mn, [(F(!0), b(g, null, L(U(Ee), ({ key: i, descriptor: u }) => (F(), b(g, { key: i }, [u ? (F(), b("th", {
+				key: 1,
+				id: pr({
+					section: U($).HEADER,
+					columnKey: u.key
+				}),
+				ref_for: !0,
+				ref: (e) => dt(e, u.key),
+				class: j(["s-ui-table__header-cell", [U(De)(u), { "s-ui-table__header-cell--dragging": U(lt) === u.key }]]),
+				style: M(U(J)(u)),
+				"data-column-key": u.key,
+				"data-section": U($).HEADER,
+				"aria-colindex": u.colIndex,
+				"aria-sort": U(It)(u),
+				tabindex: yr(U($).HEADER, void 0, u.key),
+				scope: "col"
+			}, [u.column ? (F(), v(Ct, {
+				key: 0,
+				descriptor: u,
+				"sort-direction": U(jt)(u.key),
+				"sort-index": U(Mt)(u.key),
+				"menu-open": Rt.value === u.key,
+				"onUpdate:menuOpen": (e) => Bt(u.key, e),
+				onSortToggle: (e) => U(Nt)(u.key, e),
+				onSortSet: (e) => U(Pt)(u.key, e),
+				onHide: (e) => qt(u.key)
+			}, S({ _: 2 }, [U(V)[`header:${u.key}`] ? {
+				name: "default",
+				fn: G(() => [R(a.$slots, `header:${u.key}`, k({ ref_for: !0 }, U(Lt)(u)))]),
+				key: "0"
+			} : void 0, U(V)[`header-menu:${u.key}`] ? {
+				name: "menu",
+				fn: G(() => [R(a.$slots, `header-menu:${u.key}`, k({ ref_for: !0 }, U(Lt)(u)))]),
+				key: "1"
+			} : void 0]), 1032, [
+				"descriptor",
+				"sort-direction",
+				"sort-index",
+				"menu-open",
+				"onUpdate:menuOpen",
+				"onSortToggle",
+				"onSortSet",
+				"onHide"
+			])) : u.service === U(Ue).CHECKBOX ? (F(), v(Be, {
+				key: 1,
+				class: j(["s-ui-table__header-checkbox", { "s-ui-table__header-checkbox--active": U(Yt) !== U(Z).UNCHECKED }]),
+				"model-value": U(Yt) === U(Z).CHECKED,
+				indeterminate: U(Yt) === U(Z).INDETERMINATE,
+				"screen-reader-label": U(Yt) === U(Z).CHECKED ? U(H)("table.deselectAll") : U(H)("table.selectAll"),
+				"onUpdate:modelValue": l[0] ||= (e) => U(Jt).toggleSelectAll()
+			}, null, 8, [
+				"class",
+				"model-value",
+				"indeterminate",
+				"screen-reader-label"
+			])) : u.service === U(Ue).COLUMNS_MANAGER ? (F(), b("div", Fn, [w(U(s), {
+				modelValue: Ht.value,
+				"onUpdate:modelValue": l[1] ||= (e) => Ht.value = e,
+				placement: U(o).BOTTOM_END,
+				shift: "",
+				"fit-viewport": ""
+			}, {
+				trigger: G(({ toggle: i }) => [w(U(r), {
+					class: "s-ui-table__columns-manager-button",
+					appearance: U(n).BARE,
+					variant: U(t).NEUTRAL,
+					size: U(e).SMALL,
+					icon: "tablePlus",
+					"aria-label": U(H)("table.manageColumns"),
+					tabindex: "-1",
+					onClick: (e) => i()
+				}, null, 8, [
+					"appearance",
+					"variant",
+					"size",
+					"aria-label",
+					"onClick"
+				])]),
+				content: G(() => [w(U(c), {
+					class: "s-ui-table__columns-menu",
+					width: 300
+				}, {
+					default: G(() => [R(a.$slots, "columns-menu", {
+						columns: Ut.value,
+						isColumnHidden: Wt,
+						toggleColumn: Kt
+					}, () => [(F(!0), b(g, null, L(Gt.value, (e, t) => (F(), b(g, { key: t }, [t > 0 ? (F(), v(U(se), {
+						key: 0,
+						class: "s-ui-table__columns-separator"
+					})) : y("", !0), (F(!0), b(g, null, L(e, (e) => (F(), v(U(h), {
+						key: e.column.key,
+						class: j(["s-ui-table__columns-item", e.classes]),
+						size: U(m).SMALL,
+						"label-placement": U(p).LEFT,
+						"model-value": !e.hidden,
+						"onUpdate:modelValue": (t) => Kt(e.column.key)
+					}, {
+						default: G(() => [x("span", In, [e.column.icon ? (F(), v(U(oe), {
+							key: 0,
+							name: e.column.icon,
+							size: 16
+						}, null, 8, ["name"])) : y("", !0), x("span", Ln, B(e.column.title ?? e.column.key), 1)])]),
+						_: 2
+					}, 1032, [
+						"class",
+						"size",
+						"label-placement",
+						"model-value",
+						"onUpdate:modelValue"
+					]))), 128))], 64))), 128))])]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, ["modelValue", "placement"])])) : y("", !0), u.resizable ? (F(), b("span", {
+				key: 3,
+				class: j(["s-ui-table__resize-handle", { "s-ui-table__resize-handle--active": U(tt) === u.key }]),
+				role: "separator",
+				"aria-orientation": "vertical",
+				"aria-label": U(H)("table.resizeColumn"),
+				tabindex: "-1",
+				onPointerdown: (e) => U(nt)(e, u.key),
+				onKeydown: (e) => U(rt)(e, u.key),
+				onDblclick: (e) => U(at)(u.key),
+				onClick: l[2] ||= ie(() => {}, ["stop"])
+			}, null, 42, Rn)) : y("", !0)], 14, Pn)) : (F(), b("th", Nn))], 64))), 128))])]),
+			x("tbody", zn, [
+				Et.value ? (F(), b("tr", Bn, [x("td", {
+					class: "s-ui-table__empty-cell",
+					colspan: Me.value
+				}, [x("div", Hn, [R(a.$slots, "empty", {}, () => [x("span", Un, B(U(H)("table.empty")), 1)])])], 8, Vn)])) : y("", !0),
+				i.loading ? (F(!0), b(g, { key: 1 }, L(i.skeletonRowCount, (e) => (F(), v($t, {
+					key: `skeleton-${e}`,
+					"leading-plans": U(Y),
+					"trailing-plans": U(Oe)
+				}, S({ _: 2 }, [U(V)["skeleton-row"] ? {
+					name: "default",
+					fn: G((e) => [R(a.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					key: "0"
+				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : (F(!0), b(g, { key: 2 }, L(on.value, ({ row: o, renderKey: s, spacer: c, spacerHeight: l, rowHeight: u, stuckTop: f, stuckBottom: p, stuckBottomLeaving: m, stuckBottomSliding: h, stuckBottomCoverHeight: _, stuckBottomFar: T, placeholder: D, memoKeys: O }, A, N, P) => {
+					let z = O;
+					if (P && P.el && P.key === s && E(P, z)) return P;
+					let ee = (F(), b(g, { key: s }, [c ? (F(), b("tr", Wn, [x("td", {
+						class: "s-ui-table__spacer-cell",
+						colspan: Me.value,
+						style: M({ height: `${l}px` })
+					}, null, 12, Gn)])) : o && o.kind === U(Q).GROUP ? (F(), v(ht, {
+						key: 1,
+						id: vn(o.key),
+						stuck: f,
+						row: o,
+						"dnd-ref": i.rowsDraggable ? gt : void 0,
+						dragging: U(pt) === o.key,
+						"drop-position": _t(o.key),
+						"row-index": o.index,
+						"leading-plans": U(Y),
+						"trailing-plans": U(Oe),
+						"group-column-key": U(Sn),
+						"tree-indent": i.treeIndent,
+						count: U(Tn)(o),
+						total: U(En)(o),
+						title: U(Dn)(o),
+						expanded: o.expanded,
+						active: d.value === o.key,
+						"cell-id-prefix": hr,
+						"focus-column-key": _r(o.key),
+						onToggle: (e) => U(xe)(o.key),
+						onRowClick: (e) => or(o, e),
+						onMenuOpen: (e) => I("groupMenuOpen", {
+							key: o.key,
+							item: o.item
+						})
+					}, S({ _: 2 }, [
+						U(V)["group-menu"] ? {
+							name: "menu",
+							fn: G(() => [R(a.$slots, "group-menu", k({ ref_for: !0 }, ar(o)))]),
+							key: "0"
+						} : void 0,
+						U(V)["group-row"] ? {
+							name: "row",
+							fn: G(() => [R(a.$slots, "group-row", k({ ref_for: !0 }, ar(o)))]),
+							key: "1"
+						} : void 0,
+						U(V)["group-title"] ? {
+							name: "title",
+							fn: G(() => [R(a.$slots, "group-title", k({ ref_for: !0 }, ar(o)))]),
+							key: "2"
+						} : void 0,
+						U(V)["group-actions"] ? {
+							name: "actions",
+							fn: G(() => [R(a.$slots, "group-actions", k({ ref_for: !0 }, ar(o)))]),
+							key: "3"
+						} : void 0
+					]), 1032, [
+						"id",
+						"stuck",
+						"row",
+						"dnd-ref",
+						"dragging",
+						"drop-position",
+						"row-index",
+						"leading-plans",
+						"trailing-plans",
+						"group-column-key",
+						"tree-indent",
+						"count",
+						"total",
+						"title",
+						"expanded",
+						"active",
+						"focus-column-key",
+						"onToggle",
+						"onRowClick",
+						"onMenuOpen"
+					])) : o && o.kind === U(Q).DEPTH_FOOTER ? (F(), v(He, {
+						key: 2,
+						class: j(["s-ui-table__depth-footer-row", {
+							"s-ui-table__depth-footer-row--stuck": p,
+							"s-ui-table__depth-footer-row--stuck-leaving": m,
+							"s-ui-table__depth-footer-row--stuck-sliding": h,
+							"s-ui-table__depth-footer-row--stuck-covered": _ !== void 0,
+							"s-ui-table__depth-footer-row--stuck-covered-far": T
+						}]),
+						style: M(rn(_)),
+						"data-index": o.index,
+						"aria-rowindex": o.index + 2,
+						cells: U(X),
+						"content-column-key": U(xn),
+						"cell-class": "s-ui-table__depth-footer-cell",
+						"content-class": "s-ui-table__depth-footer-content",
+						"content-style": U(On)(o.depth),
+						section: U($).BODY,
+						"row-key": o.key,
+						"cell-id-prefix": hr,
+						"focus-column-key": _r(o.key)
+					}, {
+						default: G(() => [R(a.$slots, "depth-footer", k({ ref_for: !0 }, U(Qn)(o)))]),
+						_: 2
+					}, 1032, [
+						"class",
+						"style",
+						"data-index",
+						"aria-rowindex",
+						"cells",
+						"content-column-key",
+						"content-style",
+						"section",
+						"row-key",
+						"focus-column-key"
+					])) : o && o.kind === U(Q).LOAD_MORE ? (F(), v(He, {
+						key: 3,
+						class: "s-ui-table__load-more-row",
+						"data-index": o.index,
+						"aria-rowindex": o.index + 2,
+						cells: U(X),
+						"content-column-key": U(wn),
+						"content-class": "s-ui-table__load-more-content",
+						"content-style": U(On)(o.depth),
+						section: U($).BODY,
+						"row-key": o.key,
+						"cell-id-prefix": hr,
+						"focus-column-key": _r(o.key)
+					}, {
+						default: G(() => [R(a.$slots, "load-more", k({ ref_for: !0 }, U(tr)(o)), () => [w(U(r), {
+							appearance: U(n).BARE,
+							variant: U(t).NEUTRAL,
+							size: U(e).SMALL,
+							loading: U($n)(o),
+							tabindex: "-1",
+							onClick: (e) => U(er)(o)
+						}, {
+							default: G(() => [C(B(U(H)("table.loadMore")), 1)]),
+							_: 1
+						}, 8, [
+							"appearance",
+							"variant",
+							"size",
+							"loading",
+							"onClick"
+						])])]),
+						_: 2
+					}, 1032, [
+						"data-index",
+						"aria-rowindex",
+						"cells",
+						"content-column-key",
+						"content-style",
+						"section",
+						"row-key",
+						"focus-column-key"
+					])) : o && D ? (F(), v(Ot, {
+						key: 4,
+						"row-index": o.index,
+						"row-key": o.key,
+						cells: U(X),
+						"row-height": u
+					}, null, 8, [
+						"row-index",
+						"row-key",
+						"cells",
+						"row-height"
+					])) : o ? (F(), v(Xt, {
+						key: 5,
+						row: o,
+						"row-index": o.index,
+						"row-expanded": o.expanded,
+						"leading-plans": U(Y),
+						"trailing-plans": U(Oe),
+						"dnd-ref": i.rowsDraggable ? gt : void 0,
+						dragging: U(pt) === o.key,
+						"drop-position": _t(o.key),
+						"placeholder-height": u,
+						"dom-id": vn(o.key),
+						selected: Zt(o.key),
+						indeterminate: Qt(o.key),
+						"row-selectable": i.selectable && U(Jt).isNodeSelectable(o.key),
+						active: d.value === o.key,
+						disabled: tn(o),
+						"tree-indent": i.treeIndent,
+						"row-state": i.rowState?.(o.item),
+						"extra-row-class": i.rowClass?.(o.item, o),
+						"cell-id-prefix": hr,
+						"focus-column-key": _r(o.key),
+						onRowClick: (e) => or(o, e),
+						onRowContextMenu: (e) => sr(o, e),
+						onCellClick: (e, t) => lr(o, e, t),
+						onToggleExpand: (e) => U(xe)(o.key),
+						onToggleSelected: (e) => en(o.key)
+					}, S({ _: 2 }, [
+						L(gn.value, (e) => ({
+							name: e,
+							fn: G((t) => [R(a.$slots, e, k({ ref_for: !0 }, t))])
+						})),
+						U(V).chevron ? {
+							name: "chevron",
+							fn: G((e) => [R(a.$slots, "chevron", k({ ref_for: !0 }, e))]),
+							key: "0"
+						} : void 0,
+						U(V)["cell-actions"] ? {
+							name: "cell-actions",
+							fn: G((e) => [R(a.$slots, "cell-actions", k({ ref_for: !0 }, e))]),
+							key: "1"
+						} : void 0,
+						U(V).indicator ? {
+							name: "indicator",
+							fn: G((e) => [R(a.$slots, "indicator", k({ ref_for: !0 }, e))]),
+							key: "2"
+						} : void 0,
+						U(V).checkbox ? {
+							name: "checkbox",
+							fn: G((e) => [R(a.$slots, "checkbox", k({ ref_for: !0 }, e))]),
+							key: "3"
+						} : void 0,
+						U(V)["right-edge"] ? {
+							name: "right-edge",
+							fn: G((e) => [R(a.$slots, "right-edge", k({ ref_for: !0 }, e))]),
+							key: "4"
+						} : void 0
+					]), 1032, [
+						"row",
+						"row-index",
+						"row-expanded",
+						"leading-plans",
+						"trailing-plans",
+						"dnd-ref",
+						"dragging",
+						"drop-position",
+						"placeholder-height",
+						"dom-id",
+						"selected",
+						"indeterminate",
+						"row-selectable",
+						"active",
+						"disabled",
+						"tree-indent",
+						"row-state",
+						"extra-row-class",
+						"focus-column-key",
+						"onRowClick",
+						"onRowContextMenu",
+						"onCellClick",
+						"onToggleExpand",
+						"onToggleSelected"
+					])) : y("", !0)], 64));
+					return ee.memo = z, ee;
+				}, l, 3), 128)),
+				i.loadingMore && !i.loading ? (F(!0), b(g, { key: 3 }, L(Math.min(3, i.skeletonRowCount), (e) => (F(), v($t, {
+					key: `skeleton-more-${e}`,
+					"leading-plans": U(Y),
+					"trailing-plans": U(Oe)
+				}, S({ _: 2 }, [U(V)["skeleton-row"] ? {
+					name: "default",
+					fn: G((e) => [R(a.$slots, "skeleton-row", { column: e.descriptor.column })]),
+					key: "0"
+				} : void 0]), 1032, ["leading-plans", "trailing-plans"]))), 128)) : y("", !0)
+			]),
+			i.creationRow || i.footerValues ? (F(), b("tfoot", Kn, [i.creationRow ? (F(), v(He, {
+				key: 0,
+				class: "s-ui-table__create-row",
+				"aria-rowindex": U(q).length + 2,
+				cells: U(X),
+				"content-column-key": U(Cn),
+				"cell-class": "s-ui-table__create-cell",
+				"content-class": "s-ui-table__create-content",
+				section: U($).CREATION,
+				"cell-id-prefix": gr,
+				"focus-column-key": vr(U($).CREATION)
+			}, {
+				default: G(() => [R(a.$slots, "creation-row")]),
+				_: 3
+			}, 8, [
+				"aria-rowindex",
+				"cells",
+				"content-column-key",
+				"section",
+				"focus-column-key"
+			])) : y("", !0), i.footerValues ? (F(), b("tr", {
+				key: 1,
+				class: "s-ui-table__aggregate-row",
+				"aria-rowindex": U(q).length + 2 + +!!i.creationRow
+			}, [(F(!0), b(g, null, L(U(X), ({ key: e, cellPlan: t }) => (F(), b(g, { key: e }, [t ? (F(), b("td", {
+				key: 1,
+				id: pr({
+					section: U($).AGGREGATE,
+					columnKey: t.descriptor.key
+				}),
+				class: j(["s-ui-table__aggregate-cell", [t.cellClass, U(rr)(t.descriptor.key)]]),
+				style: M(t.style),
+				"aria-colindex": t.descriptor.colIndex,
+				"data-column-key": t.descriptor.key,
+				"data-section": U($).AGGREGATE,
+				tabindex: yr(U($).AGGREGATE, void 0, t.descriptor.key)
+			}, [t.descriptor.column ? (F(), b(g, { key: 0 }, [U(V)[`footer:${t.descriptor.key}`] ? R(a.$slots, `footer:${t.descriptor.key}`, k({
+				key: 0,
+				ref_for: !0
+			}, U(ir)(t.descriptor.key))) : (F(), b("span", Xn, B(U(nr)(t.descriptor.key)), 1))], 64)) : y("", !0)], 14, Yn)) : (F(), b("td", Jn))], 64))), 128))], 8, qn)) : y("", !0)])) : y("", !0)
+		], 44, An)], 4), U(ut) ? (F(), b("div", {
+			key: 0,
+			class: "s-ui-table__column-drop-line",
+			style: M(U(ut)),
+			"aria-hidden": "true"
+		}, null, 4)) : y("", !0)], 6));
+	}
+});
+//#endregion
+export { J as a, ke as c, Ae as d, Y as f, De as i, Q as l, X as n, je as o, Z as r, Me as s, Zn as t, Oe as u };