@czxingyu/xycomponents 0.1.0

package/dist/table/table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,1260 @@
+import { resolveSemanticClassNames as e, resolveSemanticStyles as t } from "../core/shared/index.js";
+import { useXyLocale as n } from "../core/locale/index.js";
+import r from "../icon/icon.js";
+import i from "../checkbox/checkbox.js";
+import { XyTooltip as ee } from "../tooltip/index.js";
+import te from "../empty/empty.js";
+import { XySelect as ne } from "../select/index.js";
+import { XyPagination as re } from "../pagination/index.js";
+import { applyFilters as ie, applySorter as ae, clampSize as oe, flattenTableRows as se, getColumnWidth as ce, getFilterOptions as le, getNextSortOrder as ue, getRowKey as de, getValueByDataIndex as fe, mergeSelectionKeys as pe, normalizeColumns as me, normalizeNumberMap as he, normalizeResizableOptions as ge, normalizeVirtualOptions as _e, paginateRows as ve, toNumber as ye, toPixelValue as a } from "./utils.js";
+import { Fragment as o, computed as s, createBlock as be, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as xe, createTextVNode as d, createVNode as f, defineComponent as Se, h as Ce, mergeProps as we, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as Te, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as Ee, watch as De, withCtx as Oe, withModifiers as x } from "vue";
+import { useVirtualizer as ke } from "@tanstack/vue-virtual";
+//#region components/table/table.vue?vue&type=script&setup=true&lang.ts
+var Ae = ["aria-busy"], je = { key: 0 }, Me = { key: 0 }, Ne = ["colspan"], Pe = ["data-row-key"], Fe = { class: "xy-table__header-title" }, Ie = ["aria-label"], Le = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], Re = ["data-column-key"], ze = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], Be = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], Ve = ["data-column-key", "aria-sort"], He = { class: "xy-table__header-title" }, Ue = ["aria-label", "onClick"], We = {
+	class: "xy-table__sorter-icons",
+	"aria-hidden": "true"
+}, Ge = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], Ke = ["data-row-key", "onClick"], qe = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], Je = ["data-column-key"], Ye = {
+	key: 0,
+	class: "xy-table__tree-cell"
+}, Xe = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], Ze = {
+	key: 1,
+	class: "xy-table__expander-spacer"
+}, Qe = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], $e = [
+	"aria-label",
+	"tabindex",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], et = ["data-column-key", "aria-sort"], tt = { class: "xy-table__header-title" }, nt = ["aria-label", "onClick"], rt = {
+	class: "xy-table__sorter-icons",
+	"aria-hidden": "true"
+}, it = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], at = ["data-row-key", "onClick"], ot = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], st = ["data-column-key"], ct = {
+	key: 0,
+	class: "xy-table__tree-cell"
+}, lt = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], ut = {
+	key: 1,
+	class: "xy-table__expander-spacer"
+}, dt = [
+	"aria-label",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], ft = [
+	"aria-label",
+	"tabindex",
+	"onMouseenter",
+	"onMouseleave",
+	"onMousedown",
+	"onPointerdown"
+], pt = { key: 0 }, mt = ["colspan"], ht = { class: "xy-table__loading-indicator" }, gt = 32, _t = 320, S = "__vertical-label__", C = /*@__PURE__*/ Se({
+	name: "XyTable",
+	__name: "table",
+	props: {
+		bordered: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		classNames: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		columnWidths: {
+			type: Object,
+			required: !1
+		},
+		columns: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		data: {
+			type: Array,
+			required: !1,
+			default: () => []
+		},
+		dataSource: {
+			type: Array,
+			required: !1
+		},
+		autoHeight: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		ellipsis: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		emptyText: {
+			type: String,
+			required: !1
+		},
+		loading: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		orientation: {
+			type: String,
+			required: !1,
+			default: "horizontal"
+		},
+		pagination: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		resizable: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		rowHeights: {
+			type: Object,
+			required: !1
+		},
+		rowKey: {
+			type: [String, Function],
+			required: !1,
+			skipCheck: !0,
+			default: "id"
+		},
+		rowSelection: {
+			type: Object,
+			required: !1
+		},
+		scroll: {
+			type: Object,
+			required: !1
+		},
+		size: {
+			type: String,
+			required: !1,
+			default: "md"
+		},
+		striped: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		styles: {
+			type: [
+				Function,
+				null,
+				Array
+			],
+			required: !1,
+			skipCheck: !0
+		},
+		tree: {
+			type: [Boolean, Object],
+			required: !1
+		},
+		virtual: {
+			type: [Boolean, Object],
+			required: !1
+		}
+	},
+	emits: [
+		"change",
+		"expand",
+		"resize-column",
+		"resize-row",
+		"row-click",
+		"select",
+		"select-all",
+		"update:columnWidths",
+		"update:rowHeights",
+		"update:selectedRowKeys"
+	],
+	setup(C, { emit: vt }) {
+		let w = C, T = vt, E = Ee(), D = n(), yt = s(() => w.emptyText ?? D.value.table.emptyText), bt = Se({
+			name: "XyTableCellContent",
+			props: {
+				column: {
+					required: !0,
+					type: Object
+				},
+				record: {
+					required: !0,
+					type: Object
+				},
+				rowIndex: {
+					required: !0,
+					type: Number
+				}
+			},
+			setup(e, { slots: t }) {
+				return () => {
+					let n = e.column, r = e.record, i = fe(r, n.dataIndex, n.key);
+					return t.default?.({
+						column: n,
+						index: e.rowIndex,
+						record: r,
+						row: r,
+						rowIndex: e.rowIndex,
+						value: i
+					}) || (n.render ? n.render(i, r, e.rowIndex) : String(i ?? ""));
+				};
+			}
+		}), xt = Se({
+			name: "XyTableCellText",
+			props: {
+				column: {
+					required: !0,
+					type: Object
+				},
+				ellipsis: {
+					default: !1,
+					type: Boolean
+				},
+				record: {
+					required: !0,
+					type: Object
+				},
+				rowIndex: {
+					required: !0,
+					type: Number
+				},
+				tooltipContent: {
+					default: void 0,
+					type: [Number, String]
+				}
+			},
+			setup(e, { slots: t }) {
+				return () => {
+					let n = Ce("span", {
+						class: ["xy-table__cell-content", { "xy-table__cell-content--ellipsis": e.ellipsis }],
+						style: e.ellipsis ? {
+							display: "block",
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap",
+							width: "100%"
+						} : { minWidth: 0 }
+					}, [Ce(bt, {
+						column: e.column,
+						record: e.record,
+						rowIndex: e.rowIndex
+					}, t.default ? { default: t.default } : void 0)]);
+					return e.ellipsis ? Ce(ee, {
+						block: !0,
+						class: "xy-table__cell-tooltip",
+						content: e.tooltipContent,
+						maxWidth: _t
+					}, { default: () => n }) : n;
+				};
+			}
+		}), St = s(() => w.dataSource ?? w.data ?? []), O = s(() => me(w.columns)), Ct = s(() => w.orientation === "vertical"), k = s(() => ge(w.resizable)), A = s(() => _e(w.virtual)), wt = s(() => typeof A.value.height == "string" && A.value.height.trim() === "100%"), j = s(() => A.value.enabled && !w.autoHeight && !Ct.value && z.value.length > 0), Tt = s(() => !!w.tree && !Ct.value), M = s(() => !!w.rowSelection && !Ct.value), Et = s(() => k.value.columns || O.value.some((e) => !!e.fixed)), Dt = g(he(w.columnWidths)), N = g(he(w.rowHeights)), Ot = g(null), kt = g({}), At = g(w.pagination ? w.pagination.current ?? 1 : 1), jt = g(w.pagination ? w.pagination.pageSize ?? 10 : 10), Mt = g(w.rowSelection?.defaultSelectedRowKeys ?? []), Nt = g(typeof w.tree == "object" ? w.tree.defaultExpandedRowKeys ?? [] : []), Pt = g(null), Ft = g(), It = g(), Lt = g(), Rt = g();
+		De(() => w.columnWidths, (e) => {
+			Dt.value = he(e);
+		}), De(() => w.rowHeights, (e) => {
+			N.value = he(e);
+		}), De(() => w.pagination, (e) => {
+			e && (At.value = e.current ?? At.value, jt.value = e.pageSize ?? jt.value);
+		}, { deep: !0 });
+		let zt = s(() => {
+			let e = O.value.find((e) => e.sortOrder);
+			return !e || !e.sortOrder ? null : {
+				columnKey: e.key,
+				order: e.sortOrder
+			};
+		}), P = s(() => zt.value ?? Ot.value), F = s(() => {
+			let e = { ...kt.value };
+			for (let t of O.value) t.filteredValue && (e[t.key] = [...t.filteredValue]);
+			return e;
+		}), Bt = s(() => w.rowSelection?.selectedRowKeys ?? Mt.value), Vt = s(() => (typeof w.tree == "object" ? w.tree.expandedRowKeys : void 0) ?? Nt.value), Ht = s(() => ie(St.value, O.value, F.value)), Ut = s(() => ae(Ht.value, O.value, P.value)), I = s(() => {
+			let e = w.pagination ? w.pagination.current ?? At.value : 1, t = w.pagination ? w.pagination.pageSize ?? jt.value : Ut.value.length || 1, n = w.pagination ? w.pagination.total ?? Ut.value.length : Ut.value.length;
+			return {
+				current: Math.max(1, e),
+				pageSize: Math.max(1, t),
+				total: n
+			};
+		}), L = s(() => w.pagination || void 0), Wt = s(() => w.pagination ? ve(Ut.value, I.value.current, I.value.pageSize) : Ut.value), R = s(() => Wt.value.map((e, t) => ({
+			index: t,
+			key: de(e, (I.value.current - 1) * I.value.pageSize + t, w.rowKey),
+			record: e
+		}))), z = s(() => se(Wt.value, w.rowKey, Tt.value ? w.tree : void 0, Vt.value)), Gt = s(() => Math.max(1, Math.ceil(I.value.total / I.value.pageSize))), Kt = s(() => new Set(Bt.value)), qt = s(() => z.value.filter((e) => !xn(e.record)).map((e) => e.key)), Jt = s(() => qt.value.length > 0 && qt.value.every((e) => Kt.value.has(e))), Yt = s(() => qt.value.some((e) => Kt.value.has(e))), Xt = s(() => !!w.pagination && (!w.pagination || !w.pagination.hideOnSinglePage || I.value.total > I.value.pageSize)), Zt = s(() => (M.value ? gt : 0) + O.value.reduce((e, t) => e + U(t), 0)), Qt = s(() => W(S) + R.value.reduce((e, t) => e + W(t.key), 0)), $t = s(() => [M.value ? `${gt}px` : "", ...O.value.map((e) => `${U(e)}px`)].filter(Boolean).join(" ")), en = s(() => ({
+			maxHeight: w.autoHeight ? void 0 : a(w.scroll?.y),
+			overflowX: w.scroll?.x ? "auto" : void 0,
+			overflowY: w.autoHeight || !w.scroll?.y ? void 0 : "auto",
+			...V.value.container
+		})), tn = s(() => Ct.value ? {
+			minWidth: `${Qt.value}px`,
+			width: `${Qt.value}px`,
+			...V.value.table
+		} : {
+			minWidth: Et.value ? `${Zt.value}px` : w.scroll?.x ? a(w.scroll.x) : void 0,
+			width: Et.value ? `${Zt.value}px` : w.scroll?.x ? void 0 : "100%",
+			...V.value.table
+		}), nn = s(() => ({
+			"xy-table--bordered": w.bordered,
+			"xy-table--loading": w.loading,
+			"xy-table--striped": w.striped,
+			"xy-table--vertical": Ct.value,
+			"xy-table--virtual": j.value,
+			"xy-table--virtual-fill": j.value && wt.value,
+			[`xy-table--${w.size}`]: !0
+		})), rn = s(() => ({
+			bordered: w.bordered,
+			columnCount: O.value.length,
+			empty: z.value.length === 0,
+			loading: w.loading,
+			orientation: w.orientation,
+			rowCount: z.value.length,
+			size: w.size,
+			striped: w.striped,
+			virtual: j.value
+		})), B = s(() => e(w.classNames, rn.value)), V = s(() => t(w.styles, rn.value)), an = ke(s(() => ({
+			count: z.value.length,
+			enabled: j.value,
+			estimateSize: (e) => cn(z.value[e]),
+			getItemKey: (e) => z.value[e]?.key ?? e,
+			getScrollElement: () => Pt.value,
+			initialRect: {
+				height: ye(A.value.height, 320),
+				width: Zt.value
+			},
+			overscan: A.value.overscan
+		}))), on = s(() => {
+			if (!j.value) return [];
+			let e = an.value.getVirtualItems();
+			if (e.length > 0) return e;
+			let t = ye(A.value.height, 320), n = A.value.rowHeight, r = Math.min(z.value.length, Math.ceil(t / n) + A.value.overscan);
+			return Array.from({ length: r }, (e, t) => ({
+				end: (t + 1) * n,
+				index: t,
+				key: z.value[t]?.key ?? t,
+				lane: 0,
+				size: cn(z.value[t]),
+				start: t * n
+			}));
+		}), sn = s(() => j.value ? an.value.getTotalSize() || z.value.length * A.value.rowHeight : 0), H;
+		function U(e) {
+			return oe(ce(e, Dt.value), ye(e.minWidth, k.value.minColumnWidth), e.maxWidth);
+		}
+		function W(e) {
+			return oe(Dt.value[e] ?? 160, k.value.minColumnWidth);
+		}
+		function cn(e) {
+			return e ? N.value[e.key] ?? A.value.rowHeight : A.value.rowHeight;
+		}
+		function ln(e) {
+			let t = `${U(e)}px`, n = gn(e);
+			return {
+				...n ? {
+					insetInlineEnd: n.side === "right" ? `${n.offset}px` : void 0,
+					insetInlineStart: n.side === "left" ? `${n.offset}px` : void 0,
+					position: "sticky",
+					zIndex: 2
+				} : {},
+				maxWidth: a(e.maxWidth),
+				minWidth: a(e.minWidth),
+				textAlign: e.align,
+				width: t,
+				...e.style
+			};
+		}
+		function un(e) {
+			let t = N.value[e.key];
+			return {
+				height: t ? `${t}px` : void 0,
+				minHeight: `${k.value.minRowHeight}px`,
+				...V.value.row
+			};
+		}
+		function dn(e) {
+			let t = N.value[e.key];
+			return {
+				position: "relative",
+				height: t ? `${t}px` : void 0,
+				...V.value.row
+			};
+		}
+		function fn(e) {
+			let t = gn(e);
+			return [
+				e.className,
+				{
+					"xy-table__cell--ellipsis": G(e),
+					"xy-table__cell--fixed": !!t,
+					"xy-table__cell--fixed-left": t?.side === "left",
+					"xy-table__cell--fixed-right": t?.side === "right",
+					[`xy-table__cell--${e.align}`]: !!e.align
+				},
+				B.value.cell
+			];
+		}
+		function pn(e) {
+			let t = gn(e);
+			return [{
+				"xy-table__header-cell--filtered": !!F.value[e.key]?.length,
+				"xy-table__header-cell--resizable": K(e),
+				"xy-table__header-cell--fixed": !!t,
+				"xy-table__header-cell--fixed-left": t?.side === "left",
+				"xy-table__header-cell--fixed-right": t?.side === "right",
+				"xy-table__header-cell--sorted": P.value?.columnKey === e.key,
+				[`xy-table__header-cell--${e.align}`]: !!e.align
+			}, B.value.headerCell];
+		}
+		function G(e) {
+			return w.ellipsis || e.ellipsis === !0;
+		}
+		function mn(e, t) {
+			if (!G(e)) return;
+			let n = fe(t, e.dataIndex, e.key);
+			return n == null ? void 0 : String(n);
+		}
+		function hn(e) {
+			return [{
+				label: D.value.table.filterAll,
+				value: ""
+			}, ...le(e).map((e) => ({
+				label: e.label,
+				value: e.value
+			}))];
+		}
+		function gn(e) {
+			let t = e.fixed === !0 ? "left" : e.fixed;
+			if (!t) return;
+			let n = O.value.findIndex((t) => t.key === e.key);
+			if (!(n < 0)) return t === "left" ? {
+				offset: (M.value ? gt : 0) + O.value.slice(0, n).filter((e) => (e.fixed === !0 ? "left" : e.fixed) === "left").reduce((e, t) => e + U(t), 0),
+				side: "left"
+			} : {
+				offset: O.value.slice(n + 1).filter((e) => (e.fixed === !0 ? "left" : e.fixed) === "right").reduce((e, t) => e + U(t), 0),
+				side: "right"
+			};
+		}
+		function _n(e) {
+			if (e.sorter) return P.value?.columnKey === e.key ? P.value.order === "ascend" ? "ascending" : "descending" : "none";
+		}
+		function K(e) {
+			return k.value.columns && e.resizable !== !1;
+		}
+		function q() {
+			return k.value.rows;
+		}
+		function vn(e) {
+			return yn(e.key);
+		}
+		function yn(e) {
+			return Lt.value === e || Ft.value === e;
+		}
+		function J(e) {
+			let t = typeof e == "string" ? e : e.key;
+			return Rt.value === t || It.value === t;
+		}
+		function Y(e, t) {
+			if (t) {
+				Lt.value = e;
+				return;
+			}
+			Lt.value === e && (Lt.value = void 0);
+		}
+		function X(e, t) {
+			if (t) {
+				Rt.value = e;
+				return;
+			}
+			Rt.value === e && (Rt.value = void 0);
+		}
+		function bn(e) {
+			return Vt.value.includes(e.key);
+		}
+		function xn(e) {
+			return w.rowSelection?.disabled || w.rowSelection?.getCheckboxProps?.(e).disabled || !1;
+		}
+		function Sn(e = {}) {
+			T("change", {
+				currentDataSource: Wt.value,
+				filters: F.value,
+				pagination: I.value,
+				sorter: P.value,
+				...e
+			});
+		}
+		function Cn(e) {
+			if (!e.sorter) return;
+			let t = ue(P.value?.columnKey === e.key ? P.value.order : null);
+			Ot.value = t ? {
+				columnKey: e.key,
+				order: t
+			} : null, Sn({ sorter: Ot.value });
+		}
+		function wn(e, t) {
+			if (Array.isArray(t)) return;
+			let n = t === "" ? [] : [String(t)];
+			kt.value = {
+				...kt.value,
+				[e.key]: n
+			}, At.value = 1, Sn({
+				filters: {
+					...F.value,
+					[e.key]: n
+				},
+				pagination: {
+					...I.value,
+					current: 1
+				}
+			});
+		}
+		function Tn(e, t) {
+			At.value = Math.min(Math.max(1, e), Gt.value), jt.value = t, Sn({ pagination: {
+				...I.value,
+				current: At.value,
+				pageSize: t
+			} });
+		}
+		function En(e) {
+			Mt.value = e, T("update:selectedRowKeys", e), w.rowSelection?.onChange?.(e, z.value.filter((t) => e.includes(t.key)).map((e) => e.record));
+		}
+		function Dn(e, t) {
+			let n = pe(Bt.value, e.key, t, w.rowSelection?.type ?? "checkbox");
+			En(n), T("select", e.record, t, n);
+		}
+		function On(e) {
+			if (w.rowSelection?.disabled) return;
+			let t = new Set(Bt.value);
+			for (let n of qt.value) e ? t.add(n) : t.delete(n);
+			let n = [...t];
+			En(n), T("select-all", e, n);
+		}
+		function kn(e) {
+			if (!e.hasChildren) return;
+			let t = new Set(Vt.value), n = !t.has(e.key);
+			n ? t.add(e.key) : t.delete(e.key), Nt.value = [...t], T("expand", n, e.record, Nt.value);
+		}
+		function An(e, t) {
+			T("row-click", e.record, t), typeof w.tree == "object" && w.tree.expandOnRowClick && kn(e);
+		}
+		function jn(e) {
+			let t = typeof w.tree == "object" ? w.tree.indentSize ?? 20 : 20;
+			return { marginInlineStart: `${e.level * t}px` };
+		}
+		function Z(e, t) {
+			K(e) && (t.preventDefault(), Nn({
+				key: e.key,
+				max: e.maxWidth,
+				min: ye(e.minWidth, k.value.minColumnWidth),
+				startClient: t.clientX,
+				startSize: U(e),
+				type: "column"
+			}));
+		}
+		function Mn(e, t) {
+			k.value.columns && (t.preventDefault(), Nn({
+				key: e,
+				min: k.value.minColumnWidth,
+				startClient: t.clientX,
+				startSize: W(e),
+				type: "column"
+			}));
+		}
+		function Q(e, t) {
+			if (!q()) return;
+			let n = typeof e == "string" ? e : e.key, r = t.currentTarget, i = r instanceof HTMLElement ? r.closest("tr")?.getBoundingClientRect().height : void 0;
+			t.preventDefault(), Nn({
+				key: n,
+				min: k.value.minRowHeight,
+				startClient: t.clientY,
+				startSize: N.value[n] || i || 32,
+				type: "row"
+			});
+		}
+		function Nn(e) {
+			H || (H = e, Ft.value = e.type === "column" ? e.key : void 0, It.value = e.type === "row" ? e.key : void 0, document.addEventListener("pointermove", Pn), document.addEventListener("pointerup", Fn), document.addEventListener("mousemove", Pn), document.addEventListener("mouseup", Fn));
+		}
+		function Pn(e) {
+			if (!H) return;
+			let t = H.type === "column" ? e.clientX : e.clientY, n = Math.round(oe(H.startSize + t - H.startClient, H.min, H.max));
+			if (H.type === "column") {
+				let e = {
+					...Dt.value,
+					[H.key]: n
+				};
+				Dt.value = e, T("resize-column", H.key, n), T("update:columnWidths", e);
+				return;
+			}
+			let r = {
+				...N.value,
+				[H.key]: n
+			};
+			N.value = r, T("resize-row", H.key, n), T("update:rowHeights", r);
+		}
+		function Fn() {
+			H = void 0, Ft.value = void 0, It.value = void 0, Lt.value = void 0, Rt.value = void 0, document.removeEventListener("pointermove", Pn), document.removeEventListener("pointerup", Fn), document.removeEventListener("mousemove", Pn), document.removeEventListener("mouseup", Fn);
+		}
+		function $(e) {
+			return z.value[e.index];
+		}
+		return Te(Fn), (e, t) => (h(), l("div", {
+			class: p(["xy-table", [nn.value, B.value.root]]),
+			"aria-busy": C.loading,
+			style: m(V.value.root)
+		}, [u("div", {
+			class: p(["xy-table__container", B.value.container]),
+			style: m(en.value)
+		}, [Ct.value ? (h(), l("table", {
+			key: 0,
+			class: p(["xy-table__table xy-table__table--vertical", B.value.table]),
+			style: m(tn.value)
+		}, [R.value.length ? (h(), l("colgroup", je, [u("col", { style: m({ width: `${W(S)}px` }) }, null, 4), (h(!0), l(o, null, _(R.value, (e) => (h(), l("col", {
+			key: e.key,
+			style: m({ width: `${W(e.key)}px` })
+		}, null, 4))), 128))])) : c("", !0), u("tbody", {
+			class: p(B.value.body),
+			style: m(V.value.body)
+		}, [R.value.length === 0 ? (h(), l("tr", Me, [u("td", {
+			class: p(["xy-table__empty", B.value.empty]),
+			colspan: R.value.length + 1,
+			style: m(V.value.empty)
+		}, [E.empty ? v(e.$slots, "empty", { key: 0 }, void 0, !0) : (h(), be(te, {
+			key: 1,
+			title: yt.value
+		}, null, 8, ["title"]))], 14, Ne)])) : (h(!0), l(o, { key: 1 }, _(O.value, (n, r) => (h(), l("tr", {
+			key: n.key,
+			class: p(["xy-table__row", B.value.row]),
+			"data-row-key": n.key,
+			style: m(dn(n))
+		}, [u("th", {
+			class: p(["xy-table__vertical-label", B.value.verticalLabel]),
+			"data-column-key": S,
+			style: m({
+				minWidth: `${W(S)}px`,
+				width: `${W(S)}px`,
+				...V.value.verticalLabel
+			}),
+			scope: "row"
+		}, [
+			u("span", Fe, [E[`header-${n.key}`] || E.header ? v(e.$slots, E[`header-${n.key}`] ? `header-${n.key}` : "header", {
+				key: 0,
+				column: n,
+				index: r,
+				title: n.title
+			}, () => [d(y(n.title), 1)], !0) : (h(), l(o, { key: 1 }, [d(y(n.title), 1)], 64))]),
+			k.value.columns ? (h(), l("button", {
+				key: 0,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": yn(S) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeVerticalLabelColumnAriaLabel,
+				type: "button",
+				onMouseenter: t[0] ||= (e) => Y(S, !0),
+				onMouseleave: t[1] ||= (e) => Y(S, !1),
+				onMousedown: t[2] ||= (e) => Mn(S, e),
+				onPointerdown: t[3] ||= (e) => Mn(S, e)
+			}, null, 46, Ie)) : c("", !0),
+			q() ? (h(), l("button", {
+				key: 1,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J(n.key) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeNamedRowAriaLabel(n.title),
+				type: "button",
+				onClick: t[4] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => X(n.key, !0),
+				onMouseleave: (e) => X(n.key, !1),
+				onMousedown: x((e) => Q(n.key, e), ["stop"]),
+				onPointerdown: x((e) => Q(n.key, e), ["stop"])
+			}, null, 46, Le)) : c("", !0)
+		], 6), (h(!0), l(o, null, _(R.value, (r) => (h(), l("td", {
+			key: r.key,
+			class: p(["xy-table__vertical-value", B.value.verticalValue]),
+			"data-column-key": r.key,
+			style: m({
+				minWidth: `${W(r.key)}px`,
+				width: `${W(r.key)}px`,
+				...V.value.verticalValue
+			})
+		}, [
+			f(b(xt), {
+				column: n,
+				ellipsis: G(n),
+				record: r.record,
+				"row-index": r.index,
+				"tooltip-content": mn(n, r.record)
+			}, xe({ _: 2 }, [E[`cell-${n.key}`] || E.cell ? {
+				name: "default",
+				fn: Oe((t) => [v(e.$slots, E[`cell-${n.key}`] ? `cell-${n.key}` : "cell", we({ ref_for: !0 }, t), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"column",
+				"ellipsis",
+				"record",
+				"row-index",
+				"tooltip-content"
+			]),
+			k.value.columns ? (h(), l("button", {
+				key: 0,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": yn(r.key) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeRecordColumnAriaLabel(r.index + 1),
+				tabindex: "-1",
+				type: "button",
+				onClick: t[5] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => Y(r.key, !0),
+				onMouseleave: (e) => Y(r.key, !1),
+				onMousedown: x((e) => Mn(r.key, e), ["stop"]),
+				onPointerdown: x((e) => Mn(r.key, e), ["stop"])
+			}, null, 46, ze)) : c("", !0),
+			q() ? (h(), l("button", {
+				key: 1,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J(n.key) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeNamedRowAriaLabel(n.title),
+				tabindex: "-1",
+				type: "button",
+				onClick: t[6] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => X(n.key, !0),
+				onMouseleave: (e) => X(n.key, !1),
+				onMousedown: x((e) => Q(n.key, e), ["stop"]),
+				onPointerdown: x((e) => Q(n.key, e), ["stop"])
+			}, null, 46, Be)) : c("", !0)
+		], 14, Re))), 128))], 14, Pe))), 128))], 6)], 6)) : j.value ? (h(), l("div", {
+			key: 1,
+			class: "xy-table__virtual",
+			role: "table",
+			style: m({ minWidth: `${Zt.value}px` })
+		}, [u("div", {
+			class: p(["xy-table__virtual-header", B.value.header]),
+			style: m(V.value.header),
+			role: "rowgroup"
+		}, [u("div", {
+			class: p(["xy-table__virtual-header-row", B.value.headerRow]),
+			style: m({ gridTemplateColumns: $t.value }),
+			role: "row"
+		}, [M.value ? (h(), l("div", {
+			key: 0,
+			class: p(["xy-table__selection xy-table__selection--fixed xy-table__header-cell", B.value.selection]),
+			role: "columnheader"
+		}, [f(i, {
+			"aria-label": b(D).table.selectAllAriaLabel,
+			disabled: C.rowSelection?.disabled || qt.value.length === 0,
+			indeterminate: Yt.value && !Jt.value,
+			"model-value": Jt.value,
+			onChange: On
+		}, null, 8, [
+			"aria-label",
+			"disabled",
+			"indeterminate",
+			"model-value"
+		])], 2)) : c("", !0), (h(!0), l(o, null, _(O.value, (t, n) => (h(), l("div", {
+			key: t.key,
+			class: p(["xy-table__header-cell", pn(t)]),
+			"data-column-key": t.key,
+			"aria-sort": _n(t),
+			style: m(ln(t)),
+			role: "columnheader"
+		}, [
+			u("span", He, [E[`header-${t.key}`] || E.header ? v(e.$slots, E[`header-${t.key}`] ? `header-${t.key}` : "header", {
+				key: 0,
+				column: t,
+				index: n,
+				title: t.title
+			}, () => [d(y(t.title), 1)], !0) : (h(), l(o, { key: 1 }, [d(y(t.title), 1)], 64))]),
+			t.sorter ? (h(), l("button", {
+				key: 0,
+				class: p(["xy-table__sorter", { "xy-table__sorter--active": P.value?.columnKey === t.key }]),
+				"aria-label": b(D).table.sortAriaLabel(t.title),
+				type: "button",
+				onClick: (e) => Cn(t)
+			}, [u("span", We, [f(r, {
+				class: p(["xy-table__sorter-icon", { "xy-table__sorter-icon--active": P.value?.columnKey === t.key && P.value.order === "ascend" }]),
+				name: "caret-up-outlined",
+				size: 9
+			}, null, 8, ["class"]), f(r, {
+				class: p(["xy-table__sorter-icon", { "xy-table__sorter-icon--active": P.value?.columnKey === t.key && P.value.order === "descend" }]),
+				name: "caret-down-outlined",
+				size: 9
+			}, null, 8, ["class"])])], 10, Ue)) : c("", !0),
+			b(le)(t.filters).length ? (h(), l("span", {
+				key: 1,
+				class: p(["xy-table__filter-wrap", { "xy-table__filter-wrap--active": F.value[t.key]?.length }])
+			}, [f(b(ne), {
+				"aria-label": b(D).table.filterAriaLabel(t.title),
+				"class-names": { root: "xy-table__filter" },
+				label: "",
+				"model-value": F.value[t.key]?.[0] ?? "",
+				options: hn(t.filters),
+				onChange: (e) => wn(t, e)
+			}, null, 8, [
+				"aria-label",
+				"model-value",
+				"options",
+				"onChange"
+			]), f(r, {
+				class: "xy-table__filter-icon",
+				name: "filter-filled",
+				size: 13
+			})], 2)) : c("", !0),
+			K(t) ? (h(), l("button", {
+				key: 2,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": vn(t) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeColumnAriaLabel,
+				type: "button",
+				onMouseenter: (e) => Y(t.key, !0),
+				onMouseleave: (e) => Y(t.key, !1),
+				onMousedown: (e) => Z(t, e),
+				onPointerdown: (e) => Z(t, e)
+			}, null, 46, Ge)) : c("", !0)
+		], 14, Ve))), 128))], 6)], 6), u("div", {
+			ref_key: "virtualBodyRef",
+			ref: Pt,
+			class: p(["xy-table__virtual-body", B.value.body]),
+			style: m([{
+				height: wt.value ? void 0 : b(a)(A.value.height),
+				overflow: "auto"
+			}, V.value.body]),
+			role: "rowgroup"
+		}, [u("div", {
+			class: "xy-table__virtual-spacer",
+			style: m({
+				height: `${sn.value}px`,
+				minWidth: `${Zt.value}px`
+			})
+		}, [(h(!0), l(o, null, _(on.value, (n) => (h(), l("div", {
+			key: String(n.key),
+			class: p(["xy-table__virtual-row xy-table__row", [B.value.row, { "xy-table__row--selected": $(n) && Kt.value.has($(n).key) }]]),
+			"data-row-key": $(n)?.key,
+			style: m([$(n) ? un($(n)) : {}, {
+				gridTemplateColumns: $t.value,
+				height: `${n.size}px`,
+				transform: `translateY(${n.start}px)`
+			}]),
+			role: "row",
+			onClick: (e) => $(n) && An($(n), e)
+		}, [$(n) ? (h(), l(o, { key: 0 }, [M.value ? (h(), l("div", {
+			key: 0,
+			class: p(["xy-table__selection xy-table__selection--fixed xy-table__cell", B.value.selection]),
+			role: "cell",
+			onClick: t[8] ||= x(() => {}, ["stop"])
+		}, [f(i, {
+			"aria-label": b(D).table.selectRowAriaLabel($(n).index + 1),
+			"model-value": Kt.value.has($(n).key),
+			disabled: xn($(n).record),
+			onChange: (e) => Dn($(n), e)
+		}, null, 8, [
+			"aria-label",
+			"model-value",
+			"disabled",
+			"onChange"
+		]), q() ? (h(), l("button", {
+			key: 0,
+			class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J($(n)) }]]),
+			style: m(V.value.resizeHandle),
+			"aria-label": b(D).table.resizeRowAriaLabel,
+			type: "button",
+			onClick: t[7] ||= x(() => {}, ["stop"]),
+			onMouseenter: (e) => X($(n).key, !0),
+			onMouseleave: (e) => X($(n).key, !1),
+			onMousedown: x((e) => Q($(n), e), ["stop"]),
+			onPointerdown: x((e) => Q($(n), e), ["stop"])
+		}, null, 46, qe)) : c("", !0)], 2)) : c("", !0), (h(!0), l(o, null, _(O.value, (i, ee) => (h(), l("div", {
+			key: i.key,
+			class: p(["xy-table__cell", fn(i)]),
+			"data-column-key": i.key,
+			style: m([ln(i), V.value.cell]),
+			role: "cell"
+		}, [
+			Tt.value && ee === 0 ? (h(), l("span", Ye, [u("span", {
+				class: "xy-table__tree-prefix",
+				style: m(jn($(n)))
+			}, [$(n).hasChildren ? (h(), l("button", {
+				key: 0,
+				class: p(["xy-table__expander", [B.value.expander, { "xy-table__expander--expanded": bn($(n)) }]]),
+				"aria-expanded": bn($(n)),
+				"aria-label": b(D).table.toggleRowAriaLabel,
+				style: m(V.value.expander),
+				type: "button",
+				onClick: x((e) => kn($(n)), ["stop"])
+			}, [f(r, {
+				class: "xy-table__expander-icon",
+				name: "right-outlined",
+				size: 12
+			})], 14, Xe)) : (h(), l("span", Ze))], 4), f(b(xt), {
+				column: i,
+				ellipsis: G(i),
+				record: $(n).record,
+				"row-index": $(n).index,
+				"tooltip-content": mn(i, $(n).record)
+			}, xe({ _: 2 }, [E[`cell-${i.key}`] || E.cell ? {
+				name: "default",
+				fn: Oe((t) => [v(e.$slots, E[`cell-${i.key}`] ? `cell-${i.key}` : "cell", we({ ref_for: !0 }, t), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"column",
+				"ellipsis",
+				"record",
+				"row-index",
+				"tooltip-content"
+			])])) : (h(), be(b(xt), {
+				key: 1,
+				column: i,
+				ellipsis: G(i),
+				record: $(n).record,
+				"row-index": $(n).index,
+				"tooltip-content": mn(i, $(n).record)
+			}, xe({ _: 2 }, [E[`cell-${i.key}`] || E.cell ? {
+				name: "default",
+				fn: Oe((t) => [v(e.$slots, E[`cell-${i.key}`] ? `cell-${i.key}` : "cell", we({ ref_for: !0 }, t), void 0, !0)]),
+				key: "0"
+			} : void 0]), 1032, [
+				"column",
+				"ellipsis",
+				"record",
+				"row-index",
+				"tooltip-content"
+			])),
+			K(i) ? (h(), l("button", {
+				key: 2,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": vn(i) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeNamedColumnAriaLabel(i.title),
+				tabindex: "-1",
+				type: "button",
+				onClick: t[9] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => Y(i.key, !0),
+				onMouseleave: (e) => Y(i.key, !1),
+				onMousedown: x((e) => Z(i, e), ["stop"]),
+				onPointerdown: x((e) => Z(i, e), ["stop"])
+			}, null, 46, Qe)) : c("", !0),
+			q() ? (h(), l("button", {
+				key: 3,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J($(n)) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeRowAtAriaLabel($(n).index + 1),
+				tabindex: !M.value && ee === 0 ? 0 : -1,
+				type: "button",
+				onClick: t[10] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => X($(n).key, !0),
+				onMouseleave: (e) => X($(n).key, !1),
+				onMousedown: x((e) => Q($(n), e), ["stop"]),
+				onPointerdown: x((e) => Q($(n), e), ["stop"])
+			}, null, 46, $e)) : c("", !0)
+		], 14, Je))), 128))], 64)) : c("", !0)], 14, Ke))), 128))], 4)], 6)], 4)) : (h(), l("table", {
+			key: 2,
+			class: p(["xy-table__table", B.value.table]),
+			style: m(tn.value)
+		}, [
+			u("colgroup", null, [M.value ? (h(), l("col", {
+				key: 0,
+				style: m({ width: `${gt}px` })
+			}, null, 4)) : c("", !0), (h(!0), l(o, null, _(O.value, (e) => (h(), l("col", {
+				key: e.key,
+				style: m({
+					width: `${U(e)}px`,
+					minWidth: b(a)(e.minWidth),
+					maxWidth: b(a)(e.maxWidth)
+				})
+			}, null, 4))), 128))]),
+			u("thead", {
+				class: p(B.value.header),
+				style: m(V.value.header)
+			}, [u("tr", {
+				class: p(B.value.headerRow),
+				style: m(V.value.headerRow)
+			}, [M.value ? (h(), l("th", {
+				key: 0,
+				class: p(["xy-table__selection xy-table__selection--fixed", B.value.selection])
+			}, [f(i, {
+				"aria-label": b(D).table.selectAllAriaLabel,
+				disabled: C.rowSelection?.disabled || qt.value.length === 0,
+				indeterminate: Yt.value && !Jt.value,
+				"model-value": Jt.value,
+				onChange: On
+			}, null, 8, [
+				"aria-label",
+				"disabled",
+				"indeterminate",
+				"model-value"
+			])], 2)) : c("", !0), (h(!0), l(o, null, _(O.value, (t, n) => (h(), l("th", {
+				key: t.key,
+				class: p(["xy-table__header-cell", pn(t)]),
+				"data-column-key": t.key,
+				"aria-sort": _n(t),
+				style: m([ln(t), V.value.headerCell])
+			}, [
+				u("span", tt, [E[`header-${t.key}`] || E.header ? v(e.$slots, E[`header-${t.key}`] ? `header-${t.key}` : "header", {
+					key: 0,
+					column: t,
+					index: n,
+					title: t.title
+				}, () => [d(y(t.title), 1)], !0) : (h(), l(o, { key: 1 }, [d(y(t.title), 1)], 64))]),
+				t.sorter ? (h(), l("button", {
+					key: 0,
+					class: p(["xy-table__sorter", { "xy-table__sorter--active": P.value?.columnKey === t.key }]),
+					"aria-label": b(D).table.sortAriaLabel(t.title),
+					type: "button",
+					onClick: (e) => Cn(t)
+				}, [u("span", rt, [f(r, {
+					class: p(["xy-table__sorter-icon", { "xy-table__sorter-icon--active": P.value?.columnKey === t.key && P.value.order === "ascend" }]),
+					name: "caret-up-outlined",
+					size: 9
+				}, null, 8, ["class"]), f(r, {
+					class: p(["xy-table__sorter-icon", { "xy-table__sorter-icon--active": P.value?.columnKey === t.key && P.value.order === "descend" }]),
+					name: "caret-down-outlined",
+					size: 9
+				}, null, 8, ["class"])])], 10, nt)) : c("", !0),
+				b(le)(t.filters).length ? (h(), l("span", {
+					key: 1,
+					class: p(["xy-table__filter-wrap", { "xy-table__filter-wrap--active": F.value[t.key]?.length }])
+				}, [f(b(ne), {
+					"aria-label": b(D).table.filterAriaLabel(t.title),
+					"class-names": { root: "xy-table__filter" },
+					label: "",
+					"model-value": F.value[t.key]?.[0] ?? "",
+					options: hn(t.filters),
+					onChange: (e) => wn(t, e)
+				}, null, 8, [
+					"aria-label",
+					"model-value",
+					"options",
+					"onChange"
+				]), f(r, {
+					class: "xy-table__filter-icon",
+					name: "filter-filled",
+					size: 13
+				})], 2)) : c("", !0),
+				K(t) ? (h(), l("button", {
+					key: 2,
+					class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": vn(t) }]]),
+					style: m(V.value.resizeHandle),
+					"aria-label": b(D).table.resizeColumnAriaLabel,
+					type: "button",
+					onMouseenter: (e) => Y(t.key, !0),
+					onMouseleave: (e) => Y(t.key, !1),
+					onMousedown: (e) => Z(t, e),
+					onPointerdown: (e) => Z(t, e)
+				}, null, 46, it)) : c("", !0)
+			], 14, et))), 128))], 6)], 6),
+			u("tbody", {
+				class: p(B.value.body),
+				style: m(V.value.body)
+			}, [(h(!0), l(o, null, _(z.value, (n) => (h(), l("tr", {
+				key: n.key,
+				class: p(["xy-table__row", [B.value.row, { "xy-table__row--selected": Kt.value.has(n.key) }]]),
+				"data-row-key": n.key,
+				style: m(un(n)),
+				onClick: (e) => An(n, e)
+			}, [M.value ? (h(), l("td", {
+				key: 0,
+				class: p(["xy-table__selection xy-table__selection--fixed", B.value.selection]),
+				onClick: t[12] ||= x(() => {}, ["stop"])
+			}, [f(i, {
+				"aria-label": b(D).table.selectRowAriaLabel(n.index + 1),
+				"model-value": Kt.value.has(n.key),
+				disabled: xn(n.record),
+				onChange: (e) => Dn(n, e)
+			}, null, 8, [
+				"aria-label",
+				"model-value",
+				"disabled",
+				"onChange"
+			]), q() ? (h(), l("button", {
+				key: 0,
+				class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J(n) }]]),
+				style: m(V.value.resizeHandle),
+				"aria-label": b(D).table.resizeRowAtAriaLabel(n.index + 1),
+				type: "button",
+				onClick: t[11] ||= x(() => {}, ["stop"]),
+				onMouseenter: (e) => X(n.key, !0),
+				onMouseleave: (e) => X(n.key, !1),
+				onMousedown: x((e) => Q(n, e), ["stop"]),
+				onPointerdown: x((e) => Q(n, e), ["stop"])
+			}, null, 46, ot)) : c("", !0)], 2)) : c("", !0), (h(!0), l(o, null, _(O.value, (i, ee) => (h(), l("td", {
+				key: i.key,
+				class: p(["xy-table__cell", fn(i)]),
+				"data-column-key": i.key,
+				style: m([ln(i), V.value.cell])
+			}, [
+				Tt.value && ee === 0 ? (h(), l("span", ct, [u("span", {
+					class: "xy-table__tree-prefix",
+					style: m(jn(n))
+				}, [n.hasChildren ? (h(), l("button", {
+					key: 0,
+					class: p(["xy-table__expander", [B.value.expander, { "xy-table__expander--expanded": bn(n) }]]),
+					"aria-expanded": bn(n),
+					"aria-label": b(D).table.toggleRowAriaLabel,
+					style: m(V.value.expander),
+					type: "button",
+					onClick: x((e) => kn(n), ["stop"])
+				}, [f(r, {
+					class: "xy-table__expander-icon",
+					name: "right-outlined",
+					size: 12
+				})], 14, lt)) : (h(), l("span", ut))], 4), f(b(xt), {
+					column: i,
+					ellipsis: G(i),
+					record: n.record,
+					"row-index": n.index,
+					"tooltip-content": mn(i, n.record)
+				}, xe({ _: 2 }, [E[`cell-${i.key}`] || E.cell ? {
+					name: "default",
+					fn: Oe((t) => [v(e.$slots, E[`cell-${i.key}`] ? `cell-${i.key}` : "cell", we({ ref_for: !0 }, t), void 0, !0)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"column",
+					"ellipsis",
+					"record",
+					"row-index",
+					"tooltip-content"
+				])])) : (h(), be(b(xt), {
+					key: 1,
+					column: i,
+					ellipsis: G(i),
+					record: n.record,
+					"row-index": n.index,
+					"tooltip-content": mn(i, n.record)
+				}, xe({ _: 2 }, [E[`cell-${i.key}`] || E.cell ? {
+					name: "default",
+					fn: Oe((t) => [v(e.$slots, E[`cell-${i.key}`] ? `cell-${i.key}` : "cell", we({ ref_for: !0 }, t), void 0, !0)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"column",
+					"ellipsis",
+					"record",
+					"row-index",
+					"tooltip-content"
+				])),
+				K(i) ? (h(), l("button", {
+					key: 2,
+					class: p(["xy-table__resize-handle xy-table__resize-handle--column", [B.value.resizeHandle, { "xy-table__resize-handle--active": vn(i) }]]),
+					style: m(V.value.resizeHandle),
+					"aria-label": b(D).table.resizeNamedColumnAriaLabel(i.title),
+					tabindex: "-1",
+					type: "button",
+					onClick: t[13] ||= x(() => {}, ["stop"]),
+					onMouseenter: (e) => Y(i.key, !0),
+					onMouseleave: (e) => Y(i.key, !1),
+					onMousedown: x((e) => Z(i, e), ["stop"]),
+					onPointerdown: x((e) => Z(i, e), ["stop"])
+				}, null, 46, dt)) : c("", !0),
+				q() ? (h(), l("button", {
+					key: 3,
+					class: p(["xy-table__resize-handle xy-table__resize-handle--row", [B.value.resizeHandle, { "xy-table__resize-handle--active": J(n) }]]),
+					style: m(V.value.resizeHandle),
+					"aria-label": b(D).table.resizeRowAtAriaLabel(n.index + 1),
+					tabindex: !M.value && ee === 0 ? 0 : -1,
+					type: "button",
+					onClick: t[14] ||= x(() => {}, ["stop"]),
+					onMouseenter: (e) => X(n.key, !0),
+					onMouseleave: (e) => X(n.key, !1),
+					onMousedown: x((e) => Q(n, e), ["stop"]),
+					onPointerdown: x((e) => Q(n, e), ["stop"])
+				}, null, 46, ft)) : c("", !0)
+			], 14, st))), 128))], 14, at))), 128)), z.value.length === 0 ? (h(), l("tr", pt, [u("td", {
+				class: p(["xy-table__empty", B.value.empty]),
+				colspan: O.value.length + +!!M.value || 1,
+				style: m(V.value.empty)
+			}, [E.empty ? v(e.$slots, "empty", { key: 0 }, void 0, !0) : (h(), be(te, {
+				key: 1,
+				title: yt.value
+			}, null, 8, ["title"]))], 14, mt)])) : c("", !0)], 6)
+		], 6)), C.loading ? (h(), l("div", {
+			key: 3,
+			class: p(["xy-table__loading", B.value.loading]),
+			style: m(V.value.loading),
+			"aria-live": "polite",
+			role: "status"
+		}, [v(e.$slots, "loading", {}, () => [u("span", ht, [t[15] ||= u("span", {
+			class: "xy-table__loading-spinner",
+			"aria-hidden": "true"
+		}, null, -1), u("span", null, y(b(D).table.loading), 1)])], !0)], 6)) : c("", !0)], 6), Xt.value ? (h(), be(b(re), {
+			key: 0,
+			class: p(["xy-table__pagination", B.value.pagination]),
+			current: I.value.current,
+			disabled: L.value?.disabled,
+			"hide-on-single-page": L.value?.hideOnSinglePage,
+			"page-size": I.value.pageSize,
+			"page-size-options": L.value?.pageSizeOptions,
+			"show-quick-jumper": L.value?.showQuickJumper,
+			"show-size-changer": L.value?.showSizeChanger,
+			"show-total": L.value?.showTotal,
+			simple: L.value?.simple,
+			size: L.value?.size ?? (C.size === "sm" ? "sm" : "md"),
+			style: m(V.value.pagination),
+			total: I.value.total,
+			onChange: Tn
+		}, null, 8, [
+			"class",
+			"current",
+			"disabled",
+			"hide-on-single-page",
+			"page-size",
+			"page-size-options",
+			"show-quick-jumper",
+			"show-size-changer",
+			"show-total",
+			"simple",
+			"size",
+			"style",
+			"total"
+		])) : c("", !0)], 14, Ae));
+	}
+});
+//#endregion
+export { C as default };