morya-ui 0.1.1

package/dist/table/index.js

@@ -0,0 +1,969 @@
+import { t as e } from "../useControllable-elmWaz23.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { t as n } from "../Scrollbar-BGCxnXaQ.js";
+import { t as r } from "../Checkbox-D8Ma0ZbG.js";
+import { t as i } from "../Pagination-BiaLUjrx.js";
+import { t as a } from "../ProgressSpinner-DPavp_Ff.js";
+import { t as o } from "../Radio-ChJ6GX_G.js";
+import { t as s } from "../Tooltip-CrKm9FMD.js";
+import { o as c } from "../config-CI8_WBbE.js";
+import { n as l } from "../locale-DYGhxekd.js";
+import "./style.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, mergeProps as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, openBlock as C, provide as ee, ref as w, renderList as T, renderSlot as E, toDisplayString as D, toRefs as te, unref as O, useSlots as ne, watch as k, withCtx as re, withModifiers as A } from "vue";
+//#region \0plugin-vue:export-helper
+var ie = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, ae = {}, j = { class: "loader-line" };
+function M(e, t) {
+	return C(), m("div", j);
+}
+var oe = /*#__PURE__*/ ie(ae, [["render", M]]);
+//#endregion
+//#region src/components/Table/hooks/useClickRow.ts
+function se(e, t, n, r) {
+	return { clickRow: (i, a, o, s) => {
+		if (e.value !== o) return;
+		let c = { ...i };
+		t.value && delete c.checkbox, n.value && delete c.index, r("row-click", {
+			row: c,
+			index: a
+		}, s);
+	} };
+}
+//#endregion
+//#region src/components/Table/utils.ts
+function N(e, t) {
+	if (e.includes(".")) {
+		let n = e.split("."), r = t;
+		for (let e of n) if (r && typeof r == "object") r = r[e];
+		else return "";
+		return r ?? "";
+	}
+	return t[e] ?? "";
+}
+function ce(e, t) {
+	let n = N(e, t);
+	return Array.isArray(n) ? n.join(",") : String(n ?? "");
+}
+function le(e, t, n = "id") {
+	let r = e[n];
+	return typeof r == "string" || typeof r == "number" ? r : t;
+}
+function P(e, t, n = "id") {
+	let r = e[n], i = t[n];
+	return (typeof r == "string" || typeof r == "number") && (typeof i == "string" || typeof i == "number") ? r === i : JSON.stringify(e) === JSON.stringify(t);
+}
+//#endregion
+//#region src/components/Table/hooks/useExpandableRow.ts
+function ue(e, t, n, r) {
+	let i = w([]), a = d(() => e.value ?? i.value), o = (e, r) => le(e, n.value + r, t.value);
+	return {
+		expandedKeys: a,
+		isRowExpanded: (e, t) => a.value.includes(o(e, t)),
+		toggleExpandRow: (e, t, n) => {
+			n.stopPropagation();
+			let s = o(e, t), c = a.value.indexOf(s) === -1, l = c ? [...a.value, s] : a.value.filter((e) => e !== s);
+			i.value = l, r("update:expandedRowKeys", l), r("expand", {
+				row: e,
+				expanded: c
+			});
+		}
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/useFixedColumn.ts
+var F = (e) => e.fixed === "right", de = (e) => !!e.fixed;
+function fe(e) {
+	let t = d(() => e.value.filter(de)), n = d(() => e.value.filter((e) => de(e) && !F(e))), r = d(() => e.value.filter(F));
+	return {
+		fixedHeaders: t,
+		lastFixedColumn: d(() => n.value.length ? n.value[n.value.length - 1].value : ""),
+		firstRightFixedColumn: d(() => r.value.length ? r.value[0].value : ""),
+		fixedColumnsInfos: d(() => {
+			if (!t.value.length) return [];
+			let e = n.value.map((e, t) => ({
+				value: e.value,
+				fixed: e.fixed ?? "left",
+				width: e.width ?? 100,
+				distance: t === 0 ? 0 : n.value.slice(0, t).reduce((e, t) => e + (t.width ?? 100), 0)
+			})), i = r.value.map((e, t) => ({
+				value: e.value,
+				fixed: "right",
+				width: e.width ?? 100,
+				distance: r.value.slice(t + 1).reduce((e, t) => e + (t.width ?? 100), 0)
+			}));
+			return [...e, ...i];
+		})
+	};
+}
+function pe(e, t, n, r, i, a, o, s, c, l, u, f, p, m, h, g, _, v, y, b) {
+	let x = d(() => o.value.some((e) => e.fixed)), S = d(() => x.value ? o.value.filter((e) => e.fixed && e.fixed !== "right") : []), C = d(() => x.value ? o.value.filter((e) => e.fixed === "right") : []), ee = d(() => o.value.filter((e) => !e.fixed)), T = (e, t) => Array.isArray(e) && Array.isArray(t) ? {
+		sortBy: e,
+		sortDesc: t.map((e) => e === "desc")
+	} : e === "" ? null : {
+		sortBy: h.value,
+		sortDesc: g.value === "desc"
+	}, E = w(T(h.value, g.value)), D = d({
+		get: () => v.value === "emit" ? T(h.value, g.value) : E.value,
+		set: (e) => {
+			E.value = e;
+		}
+	}), te = d(() => {
+		let o = [
+			...S.value,
+			...ee.value,
+			...C.value
+		].map((e) => {
+			let t = { ...e };
+			if (t.sortable && (t.sortType = "none"), p.value) {
+				if (Array.isArray(p.value.sortBy) && Array.isArray(p.value.sortType) && p.value.sortBy.includes(t.value)) {
+					let e = p.value.sortBy.indexOf(t.value);
+					t.sortType = p.value.sortType[e];
+				} else t.value === p.value.sortBy && p.value.sortType && (t.sortType = p.value.sortType);
+			}
+			if (D.value && Array.isArray(D.value.sortBy) && Array.isArray(D.value.sortDesc) && D.value.sortBy.includes(t.value)) {
+				let e = D.value.sortBy.indexOf(t.value);
+				t.sortType = D.value.sortDesc[e] ? "desc" : "asc";
+			} else D.value && t.value === D.value.sortBy && (t.sortType = D.value.sortDesc ? "desc" : "asc");
+			return t;
+		}), u = s.value ? [{
+			text: "",
+			value: "expand",
+			fixed: i.value || x.value,
+			width: n.value
+		}, ...o] : o, d = m.value ? [{
+			text: e.value,
+			value: "index",
+			fixed: a.value || x.value,
+			width: c.value
+		}, ...u] : u, f = l.value === "checkbox" ? [{
+			text: "checkbox",
+			value: "checkbox",
+			fixed: r.value || x.value,
+			width: t.value ?? 48
+		}] : l.value === "radio" ? [{
+			text: "",
+			value: "radio",
+			fixed: r.value || x.value,
+			width: t.value ?? 48
+		}] : [];
+		return f.length ? [...f, ...d] : d;
+	});
+	return {
+		clientSortOptions: D,
+		headerColumns: d(() => te.value.map((e) => e.value)),
+		headersForRender: te,
+		updateSortField: (e, t) => {
+			let n = null;
+			if (n = t === "none" ? "asc" : t === "asc" ? "desc" : f.value ? "asc" : null, u.value && y(e, n), v.value !== "emit") {
+				if (E.value && Array.isArray(E.value.sortBy) && Array.isArray(E.value.sortDesc)) {
+					let t = E.value.sortBy.indexOf(e);
+					t === -1 ? n !== null && (E.value.sortBy.push(e), E.value.sortDesc.push(n === "desc")) : n === null ? (E.value.sortDesc.splice(t, 1), E.value.sortBy.splice(t, 1)) : E.value.sortDesc[t] = n === "desc";
+				} else n === null ? E.value = null : E.value = {
+					sortBy: e,
+					sortDesc: n === "desc"
+				};
+			}
+			b("sort", {
+				sortField: e,
+				sortOrder: n
+			});
+		},
+		isMultiSorting: (e) => p.value && Array.isArray(p.value.sortBy) ? p.value.sortBy.includes(e) : D.value && Array.isArray(D.value.sortBy) ? D.value.sortBy.includes(e) : !1,
+		getMultiSortNumber: (e) => p.value && Array.isArray(p.value.sortBy) ? p.value.sortBy.indexOf(e) + 1 : D.value && Array.isArray(D.value.sortBy) ? D.value.sortBy.indexOf(e) + 1 : !1
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/usePageItems.ts
+function me(e, t, n, r, i, a, o, s, c, l) {
+	let u = d(() => (e.value - 1) * i.value + 1), f = d(() => n.value ? Math.min(c.value, e.value * i.value) : Math.min(s.value.length, e.value * i.value)), p = d(() => n.value ? r.value : s.value.slice(u.value - 1, f.value)), m = d(() => o.value ? p.value.map((e, t) => ({
+		index: u.value + t,
+		...e
+	})) : p.value), h = d(() => a.value.length === 0 || a.value.every((e) => s.value.every((t) => !P(e, t, l.value))) ? "noneSelected" : a.value.length === s.value.length && a.value.every((e) => s.value.some((t) => P(e, t, l.value))) ? "allSelected" : "partSelected");
+	return {
+		currentPageFirstIndex: u,
+		currentPageLastIndex: f,
+		multipleSelectStatus: h,
+		pageItems: d(() => t.value ? h.value === "allSelected" ? m.value.map((e) => ({
+			checkbox: !0,
+			...e
+		})) : h.value === "noneSelected" ? m.value.map((e) => ({
+			checkbox: !1,
+			...e
+		})) : m.value.map((e) => {
+			let t = { ...e };
+			return delete t.index, {
+				checkbox: a.value.some((e) => P(e, t, l.value)),
+				...e
+			};
+		}) : m.value)
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/usePagination.ts
+function he(e, t, n, r, i, a, o) {
+	let s = w(a.value ? a.value.page : e.value), c = d(() => Math.ceil(r.value / i.value)), l = d(() => c.value === 0 || s.value === c.value), u = d(() => s.value === 1);
+	return {
+		currentPaginationNumber: s,
+		maxPaginationNumber: c,
+		isLastPage: l,
+		isFirstPage: u,
+		nextPage: () => {
+			r.value === 0 || l.value || n.value || (t.value ? o(s.value + 1) : s.value += 1);
+		},
+		prevPage: () => {
+			r.value === 0 || u.value || n.value || (t.value ? o(s.value - 1) : --s.value);
+		},
+		updatePage: (e) => {
+			n.value || (t.value ? o(e) : s.value = e);
+		},
+		updateCurrentPaginationNumber: (e) => {
+			s.value = e;
+		}
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/useRows.ts
+function ge(e, t, n, r) {
+	let i = d(() => !e.value && !t.value.includes(r.value) ? [r.value, ...t.value] : t.value), a = w(n.value ? n.value.rowsPerPage : r.value);
+	return {
+		rowsItemsComputed: i,
+		rowsPerPageRef: a,
+		updateRowsPerPage: (e) => {
+			a.value = e;
+		}
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/useServerOptions.ts
+function _e(e, t, n) {
+	let r = d({
+		get: () => {
+			if (!e.value) return null;
+			let { page: t, rowsPerPage: n, sortBy: r, sortType: i } = e.value;
+			return {
+				page: t,
+				rowsPerPage: n,
+				sortBy: r ?? null,
+				sortType: i ?? null
+			};
+		},
+		set: (e) => {
+			e && n("update:serverOptions", e);
+		}
+	});
+	return {
+		serverOptionsComputed: r,
+		updateServerOptionsPage: (e) => {
+			r.value &&= {
+				...r.value,
+				page: e
+			};
+		},
+		updateServerOptionsSort: (e, n) => {
+			if (r.value) {
+				if (t.value && Array.isArray(r.value.sortBy) && Array.isArray(r.value.sortType)) {
+					let t = r.value.sortBy.findIndex((t) => t === e);
+					t === -1 && n !== null ? (r.value.sortBy.push(e), r.value.sortType.push(n)) : n === null ? (r.value.sortBy.splice(t, 1), r.value.sortType.splice(t, 1)) : r.value.sortType[t] = n;
+				} else r.value = {
+					...r.value,
+					sortBy: n === null ? null : e,
+					sortType: n
+				};
+			}
+		},
+		updateServerOptionsRowsPerPage: (e) => {
+			r.value &&= {
+				...r.value,
+				page: 1,
+				rowsPerPage: e
+			};
+		}
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/useTotalItems.ts
+function ve(e, t, n) {
+	if (typeof e == "number" && typeof t == "number") return e < t ? n ? 1 : -1 : e > t ? n ? -1 : 1 : 0;
+	let r = String(e ?? ""), i = String(t ?? "");
+	return r < i ? n ? 1 : -1 : r > i ? n ? -1 : 1 : 0;
+}
+function I(e, t) {
+	return typeof t == "function" ? t(e) : Array.isArray(t) ? t.includes(e) : e === t || String(e ?? "") === String(t);
+}
+function ye(e, t, n, r, i, a, o, s, c, l, u, f) {
+	let p = (e) => typeof o.value == "string" && o.value !== "" ? String(N(o.value, e)) : Array.isArray(o.value) ? o.value.map((t) => String(N(t, e))).join("") : Object.values(e).join(" "), m = d(() => {
+		if (!r.value && s.value !== "") {
+			let e = s.value.toLowerCase();
+			return i.value.filter((t) => p(t).toLowerCase().includes(e));
+		}
+		return i.value;
+	}), h = d(() => {
+		let e = [...m.value];
+		if (n.value) for (let [t, r] of Object.entries(n.value)) r != null && r !== "" && (e = e.filter((e) => I(N(t, e), r)));
+		if (t.value) for (let n of t.value) e = e.filter((e) => {
+			let { field: t, comparison: r, criteria: i } = n, a = N(String(t), e);
+			if (typeof r == "function") return r(a, i);
+			switch (r) {
+				case "=": return a === i;
+				case "!=": return a !== i;
+				case ">": return Number(a) > Number(i);
+				case "<": return Number(a) < Number(i);
+				case "<=": return Number(a) <= Number(i);
+				case ">=": return Number(a) >= Number(i);
+				case "between": {
+					let e = i, t = Number(a);
+					return t >= Math.min(...e) && t <= Math.max(...e);
+				}
+				case "in": return i.includes(a);
+				default: return a === i;
+			}
+		});
+		return e;
+	});
+	k(h, (e) => {}, {
+		immediate: !0,
+		deep: !0
+	});
+	function g(e, t, n, r) {
+		let i = e[r], a = t[r];
+		return (r === 0 ? n : g(e, t, n, r - 1)).sort((t, n) => {
+			for (let i = 0; i < r; i += 1) if (N(e[i], t) !== N(e[i], n)) return 0;
+			return ve(N(i, t), N(i, n), a);
+		});
+	}
+	let _ = d(() => {
+		if (r.value) return i.value;
+		if (e.value === null) return h.value;
+		let { sortBy: t, sortDesc: n } = e.value, a = [...h.value];
+		return l.value && Array.isArray(t) && Array.isArray(n) ? t.length === 0 ? a : g(t, n, a, t.length - 1) : a.sort((e, r) => ve(N(t, e), N(t, r), n));
+	}), v = d(() => r.value ? c.value : _.value.length), y = d({
+		get: () => a.value ?? [],
+		set: (e) => f("update:selection", e)
+	});
+	return {
+		totalItems: _,
+		selectItemsComputed: y,
+		totalItemsLength: v,
+		toggleSelectAll: (e) => {
+			y.value = e ? _.value : [], e && f("selectAll");
+		},
+		toggleSelectItem: (e) => {
+			let t = e.checkbox, n = { ...e };
+			delete n.checkbox, delete n.index, t ? (y.value = y.value.filter((e) => !P(e, n, u.value)), f("deselectRow", n)) : (y.value = [n, ...y.value], f("selectRow", n));
+		}
+	};
+}
+function be(e) {
+	if (e) return e === "left" || e === "start" ? "start" : e === "right" || e === "end" ? "end" : "center";
+}
+function xe(e) {
+	if (e === !0 || e === "left") return "left";
+	if (e === "right") return "right";
+}
+function Se(e) {
+	return {
+		text: e.label,
+		value: e.key,
+		sortable: e.sortable,
+		fixed: xe(e.fixed),
+		width: e.width,
+		minWidth: e.minWidth ?? (e.width ? void 0 : 80),
+		align: be(e.align),
+		render: e.render,
+		showOverflowTooltip: e.showOverflowTooltip
+	};
+}
+function Ce(e) {
+	return e.map(Se);
+}
+function we(e) {
+	return e ?? "asc";
+}
+function Te(e) {
+	return e ?? "";
+}
+//#endregion
+//#region src/components/Table/Table.vue?vue&type=script&setup=true&lang.ts
+var Ee = ["aria-label"], De = ["aria-busy"], Oe = ["id"], ke = [
+	"aria-sort",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Ae = {
+	key: 0,
+	class: "m-table__cell-inner wk-table__cell-inner--selection"
+}, je = {
+	key: 1,
+	class: "m-table__cell-inner wk-table__cell-inner--selection"
+}, Me = ["title"], Ne = {
+	key: 4,
+	class: "m-table__caret-wrapper"
+}, Pe = {
+	key: 5,
+	class: "m-table__multi-sort-number"
+}, Fe = {
+	key: 3,
+	class: "m-table__body"
+}, Ie = [
+	"onClick",
+	"onDblclick",
+	"onContextmenu"
+], Le = ["onClick"], Re = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], ze = {
+	key: 6,
+	class: "m-table__cell-text"
+}, Be = { class: "m-table__tooltip-trigger" }, Ve = { class: "m-table__cell-text" }, He = ["colspan"], Ue = {
+	key: 0,
+	class: "m-table__loading"
+}, We = { class: "m-table__loading-body" }, Ge = {
+	key: 1,
+	class: "m-table__message",
+	role: "status"
+}, Ke = { class: "m-table__empty-text" }, qe = {
+	key: 0,
+	class: "m-table__empty-description"
+}, Je = {
+	key: 0,
+	class: "m-table__footer"
+}, Ye = { class: "m-table__items-index" }, Xe = /* @__PURE__ */ _({
+	__name: "Table",
+	props: {
+		columns: {},
+		rows: { default: () => [] },
+		selection: { default: null },
+		selectionMode: { default: null },
+		selectedItem: { default: null },
+		serverOptions: { default: null },
+		serverItemsLength: { default: 0 },
+		sortField: { default: "" },
+		sortOrder: { default: "asc" },
+		sortMode: { default: "client" },
+		multiSort: {
+			type: Boolean,
+			default: !1
+		},
+		mustSort: {
+			type: Boolean,
+			default: !1
+		},
+		filterOptions: { default: null },
+		filters: { default: null },
+		searchField: { default: "" },
+		searchValue: { default: "" },
+		rowsPerPage: { default: 25 },
+		rowsItems: { default: () => [
+			25,
+			50,
+			100
+		] },
+		page: { default: 1 },
+		paginator: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		emptyText: { default: void 0 },
+		emptyDescription: { default: void 0 },
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		rowHover: {
+			type: Boolean,
+			default: !0
+		},
+		highlightCurrent: {
+			type: Boolean,
+			default: !1
+		},
+		currentRowKey: { default: null },
+		showOverflowTooltip: {
+			type: Boolean,
+			default: !1
+		},
+		fit: {
+			type: Boolean,
+			default: !0
+		},
+		showHeader: {
+			type: Boolean,
+			default: void 0
+		},
+		maxHeight: { default: null },
+		fixedHeader: {
+			type: Boolean,
+			default: !0
+		},
+		tableHeight: { default: null },
+		tableMinHeight: { default: 180 },
+		showIndex: {
+			type: Boolean,
+			default: !1
+		},
+		showIndexSymbol: { default: "#" },
+		indexColumnWidth: { default: 60 },
+		fixedCheckbox: {
+			type: Boolean,
+			default: !1
+		},
+		fixedExpand: {
+			type: Boolean,
+			default: !1
+		},
+		fixedIndex: {
+			type: Boolean,
+			default: !1
+		},
+		expandColumnWidth: { default: 36 },
+		checkboxColumnWidth: { default: null },
+		hideHeader: {
+			type: Boolean,
+			default: !1
+		},
+		hideRowsPerPage: {
+			type: Boolean,
+			default: !1
+		},
+		expandable: {
+			type: Boolean,
+			default: !1
+		},
+		expandedRowKeys: { default: void 0 },
+		clickRowToExpand: {
+			type: Boolean,
+			default: !1
+		},
+		clickEventType: { default: "single" },
+		headerTextDirection: { default: "left" },
+		bodyTextDirection: { default: "left" },
+		headerItemClassName: {
+			type: [String, Function],
+			default: ""
+		},
+		bodyRowClassName: {
+			type: [String, Function],
+			default: ""
+		},
+		bodyExpandRowClassName: {
+			type: [String, Function],
+			default: ""
+		},
+		bodyItemClassName: {
+			type: [String, Function],
+			default: ""
+		},
+		tableClassName: { default: "" },
+		headerClassName: { default: "" },
+		rowsPerPageMessage: { default: "rows per page:" },
+		rowsOfPageSeparatorMessage: { default: "of" },
+		preventContextMenuRow: {
+			type: Boolean,
+			default: !0
+		},
+		tableNodeId: { default: "" },
+		rowKey: { default: "id" },
+		ariaLabel: { default: void 0 },
+		size: { default: void 0 }
+	},
+	emits: [
+		"row-click",
+		"contextmenuRow",
+		"selectRow",
+		"deselectRow",
+		"expand",
+		"sort",
+		"filter",
+		"update:selection",
+		"update:selectedItem",
+		"update:serverOptions",
+		"updatePageItems",
+		"updateTotalItems",
+		"selectAll",
+		"update:currentRowKey",
+		"current-change",
+		"update:page",
+		"page",
+		"update:expandedRowKeys",
+		"update:filters"
+	],
+	setup(_, { expose: ie, emit: ae }) {
+		let j = _, M = ae, F = (e, ...t) => {
+			M(e, ...t);
+		}, { value: de, setValue: ve } = e({
+			controlled: () => j.filters ?? void 0,
+			defaultValue: null
+		}, (e) => {
+			M("filter", e), M("update:filters", e);
+		}), I = l(), { tableNodeId: xe, clickEventType: Se, bodyTextDirection: Xe, checkboxColumnWidth: Ze, expandColumnWidth: Qe, expandedRowKeys: $e, filterOptions: et, fixedCheckbox: tt, fixedExpand: nt, fixedHeader: rt, fixedIndex: it, headerTextDirection: at, indexColumnWidth: ot, selectionMode: st, selectedItem: ct, loading: L, mustSort: lt, multiSort: ut, rowsItems: dt, rowsPerPage: ft, searchField: pt, searchValue: mt, serverItemsLength: ht, serverOptions: R, showIndex: gt, sortMode: _t, tableHeight: vt, tableMinHeight: yt, rowsOfPageSeparatorMessage: bt, showIndexSymbol: xt, preventContextMenuRow: St, headerItemClassName: Ct, bodyRowClassName: wt, bodyExpandRowClassName: Tt, bodyItemClassName: Et, tableClassName: Dt, headerClassName: Ot, rowsPerPageMessage: kt, hideHeader: At, hideRowsPerPage: jt, clickRowToExpand: Mt, expandable: Nt, emptyDescription: Pt, fit: Ft, emptyText: It, showHeader: Lt, maxHeight: Rt, paginator: zt, rowKey: z, ariaLabel: Bt, size: Vt } = te(j), B = d(() => Ce(j.columns)), Ht = d(() => j.rows), Ut = d(() => j.selection ?? null), Wt = d(() => Te(j.sortField)), Gt = d(() => we(j.sortOrder)), Kt = d(() => j.page ?? 1), qt = d(() => j.striped), Jt = d(() => j.bordered), Yt = d(() => j.highlightCurrent), Xt = d(() => !j.rowHover), Zt = c("Table", () => Vt.value), Qt = d(() => {
+			if (Zt.value === "small") return "m-table--small";
+			if (Zt.value === "large") return "m-table--large";
+		}), $t = d(() => [
+			Dt.value,
+			Qt.value,
+			{
+				"m-table--border": Jt.value,
+				"m-table--striped": qt.value,
+				"m-table--enable-row-hover": !Xt.value
+			}
+		]), en = d(() => Xn.value.length > 0 || Ft.value !== !1), tn = d(() => It.value ?? I.value.emptyMessage), nn = d(() => Lt.value ?? !At.value), rn = d(() => Rt.value ?? vt.value), an = d(() => rn.value ? `${rn.value}px` : null), on = d(() => `${yt.value}px`), V = ne(), sn = d(() => !!V.pagination), cn = d(() => !!V.loading), ln = d(() => Nt.value || !!V.expansion), un = d(() => !!V.body), dn = d(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of B.value) t.render && e.set(t.value, t.render);
+			return e;
+		}), fn = d(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of B.value) {
+				let n = be(t.align);
+				n && e.set(t.value, n);
+			}
+			return e;
+		}), pn = w(), mn = w();
+		ee("dataTable", pn);
+		let hn = w(!1), gn = w(!1), _n = w(null), vn = d(() => j.currentRowKey ?? _n.value);
+		function yn(e) {
+			hn.value = e.scrollLeft > 0;
+			let t = mn.value?.wrapRef;
+			gn.value = t ? t.scrollWidth - t.clientWidth - t.scrollLeft > 1 : !1;
+		}
+		let bn = d(() => {
+			let e = st.value ?? (Ut.value === null ? null : "multiple");
+			return e === "multiple" ? "checkbox" : e === "single" ? "radio" : null;
+		}), xn = d(() => bn.value === "checkbox"), Sn = d(() => bn.value === "radio"), Cn = d(() => ["m-table__main", {
+			"m-table__main--fixed-header": rt.value,
+			"m-table__main--fixed-height": !!rn.value,
+			"m-table__main--shadow": hn.value,
+			"m-table__main--shadow-end": gn.value,
+			"m-table__main--table-fixed": en.value,
+			"m-table__main--border-cell": Jt.value
+		}]), wn = d(() => ({ minHeight: on.value })), H = d(() => R.value !== null), { serverOptionsComputed: Tn, updateServerOptionsPage: En, updateServerOptionsSort: Dn, updateServerOptionsRowsPerPage: On } = _e(R, ut, F), { clientSortOptions: kn, headerColumns: An, headersForRender: U, updateSortField: jn, isMultiSorting: Mn, getMultiSortNumber: Nn } = pe(xt, Ze, Qe, tt, nt, it, B, ln, ot, bn, H, lt, Tn, gt, Wt, Gt, ut, _t, Dn, F), Pn = d(() => _t.value === "emit" ? null : kn.value), { rowsItemsComputed: Fn, rowsPerPageRef: W, updateRowsPerPage: In } = ge(H, dt, R, ft), { totalItems: Ln, selectItemsComputed: Rn, totalItemsLength: G, toggleSelectAll: zn, toggleSelectItem: Bn } = ye(Pn, et, de, H, Ht, Ut, pt, mt, ht, ut, z, F), Vn = d(() => {
+			if (!ct.value) return null;
+			let e = Ln.value.findIndex((e) => P(e, ct.value, z.value));
+			return e >= 0 ? le(ct.value, e, z.value) : null;
+		}), { currentPaginationNumber: K, maxPaginationNumber: q, isLastPage: J, isFirstPage: Y, nextPage: X, prevPage: Hn, updatePage: Z, updateCurrentPaginationNumber: Un } = he(Kt, H, L, G, W, R, En), { currentPageFirstIndex: Wn, currentPageLastIndex: Gn, multipleSelectStatus: Kn, pageItems: Q } = me(K, xn, H, Ht, W, Rn, gt, Ln, G, z), qn = d(() => K.value === 0 ? 0 : (K.value - 1) * W.value), { isRowExpanded: Jn, toggleExpandRow: Yn } = ue($e, z, qn, F), { fixedHeaders: Xn, lastFixedColumn: Zn, firstRightFixedColumn: Qn, fixedColumnsInfos: $n } = fe(U), { clickRow: er } = se(Se, xn, gt, F);
+		function tr(e, t) {
+			St.value && t.preventDefault(), M("contextmenuRow", e, t);
+		}
+		function nr(e) {
+			let t = B.value.find((t) => t.value === e.value), n = e.width ?? t?.width ?? (Xn.value.length ? 100 : null);
+			if (n && en.value) return `width: ${n}px; min-width: ${n}px;`;
+			let r = t?.minWidth;
+			if (r && en.value) return `min-width: ${r}px;`;
+		}
+		function rr(e, t = "th") {
+			if (!Xn.value.length) return;
+			let n = $n.value.find((t) => t.value === e);
+			if (n) return `${n.fixed === "right" ? "right" : "left"}: ${n.distance}px;z-index: ${t === "th" ? 3 : 1};position: sticky;`;
+		}
+		function ir(e, t) {
+			let n = typeof Ct.value == "string" ? Ct.value : Ct.value(e, t + 1);
+			return [{
+				"m-table__cell--selection": e.text === "checkbox" || e.value === "radio",
+				"m-table__header-cell--sortable": e.sortable,
+				"m-table__header-cell--ascending": e.sortable && e.sortType === "asc",
+				"m-table__header-cell--descending": e.sortable && e.sortType === "desc",
+				"m-table__header-cell--shadow": e.value === Zn.value,
+				"m-table__header-cell--shadow-end": e.value === Qn.value
+			}, n];
+		}
+		function ar() {
+			return ["m-table__header-inner", `m-table__header-inner--${at.value}`];
+		}
+		function or(e) {
+			if (e === "center") return "m-table__cell--center";
+			if (e === "right" || e === "end") return "m-table__cell--right";
+		}
+		function sr(e) {
+			return or(fn.value.get(e) || Xe.value);
+		}
+		function cr(e, t) {
+			return {
+				row: t,
+				item: t,
+				column: e,
+				value: N(e, t)
+			};
+		}
+		function lr(e) {
+			return j.showOverflowTooltip ? !0 : !!B.value.find((t) => t.value === e)?.showOverflowTooltip;
+		}
+		function ur(e) {
+			if (e.sortable) return e.sortType === "asc" ? "ascending" : e.sortType === "desc" ? "descending" : "none";
+		}
+		function dr(e) {
+			e.sortable && e.sortType && jn(e.value, e.sortType);
+		}
+		function fr(e, t) {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), dr(e));
+		}
+		function $(e, t) {
+			return le(e, qn.value + t, z.value);
+		}
+		function pr(e, t) {
+			return xn.value ? !!e.checkbox : Sn.value ? Vn.value === $(e, t) : !1;
+		}
+		function mr(e) {
+			let t = { ...e };
+			delete t.index, M("update:selectedItem", t), M("selectRow", t);
+		}
+		function hr(e) {
+			In(e);
+		}
+		function gr(e, t) {
+			return !Yt.value || vn.value == null ? !1 : vn.value === $(e, t);
+		}
+		function _r(e, t) {
+			if (!Yt.value) return;
+			let n = $(e, t), r = vn.value;
+			if (r === n) return;
+			let i = r == null ? null : Q.value.find((e, t) => $(e, t) === r) ?? null;
+			_n.value = n, M("update:currentRowKey", n), M("current-change", e, i);
+		}
+		function vr(e, t, n, r) {
+			er(e, qn.value + t, n, r), n === "single" && _r(e, t);
+		}
+		return k(() => j.currentRowKey, (e) => {
+			e != null && (_n.value = e);
+		}), k(L, (e, t) => {
+			Tn.value && e === !1 && t === !0 && Un(Tn.value.page);
+		}), k(W, (e) => {
+			H.value ? On(e) : Z(1);
+		}), k([mt, et], () => {
+			H.value || Z(1);
+		}), k(() => j.filters, (e) => {
+			M("filter", e ?? null);
+		}, { deep: !0 }), k(Q, (e) => M("updatePageItems", e), { deep: !0 }), k(Ln, (e) => M("updateTotalItems", e), { deep: !0 }), k(K, (e) => {
+			M("update:page", e), M("page", e);
+		}), ie({
+			currentPageFirstIndex: Wn,
+			currentPageLastIndex: Gn,
+			clientItemsLength: G,
+			maxPaginationNumber: q,
+			currentPaginationNumber: K,
+			isLastPage: J,
+			isFirstPage: Y,
+			nextPage: X,
+			prevPage: Hn,
+			updatePage: Z,
+			rowsPerPageOptions: Fn,
+			rowsPerPageActiveOption: W,
+			updateRowsPerPageActiveOption: In,
+			setFilters: ve
+		}), (e, c) => (C(), m("div", {
+			ref_key: "dataTable",
+			ref: pn,
+			class: b(["m-table", $t.value]),
+			"aria-label": O(Bt) || void 0
+		}, [g(n, {
+			ref_key: "scrollbarRef",
+			ref: mn,
+			class: "m-table__scrollbar",
+			height: an.value || void 0,
+			"wrap-style": wn.value,
+			"wrap-class": Cn.value,
+			noresize: "",
+			onScroll: yn
+		}, {
+			default: re(() => [h("div", {
+				class: "m-table__surface",
+				"aria-busy": O(L) || void 0
+			}, [
+				h("table", { id: O(xe) || void 0 }, [
+					h("colgroup", null, [(C(!0), m(u, null, T(O(U), (e, t) => (C(), m("col", {
+						key: t,
+						style: S(nr(e))
+					}, null, 4))), 128))]),
+					O(V)["customize-headers"] ? E(e.$slots, "customize-headers", {}, void 0, void 0, 0) : O(U).length && nn.value ? (C(), m("thead", {
+						key: 1,
+						class: b(["m-table__header", [O(Ot)]])
+					}, [h("tr", null, [(C(!0), m(u, null, T(O(U), (t, n) => (C(), m("th", {
+						key: n,
+						class: b(ir(t, n)),
+						style: S(rr(t.value)),
+						"aria-sort": ur(t),
+						tabindex: t.sortable ? 0 : void 0,
+						onClick: A((e) => dr(t), ["stop"]),
+						onKeydown: (e) => fr(t, e)
+					}, [t.text === "checkbox" ? (C(), m("div", Ae, [(C(), f(r, {
+						key: O(Kn),
+						"model-value": O(Kn) === "allSelected",
+						indeterminate: O(Kn) === "partSelected",
+						"aria-label": O(I).selectAllPage,
+						"onUpdate:modelValue": O(zn),
+						onClick: c[0] ||= A(() => {}, ["stop"])
+					}, null, 8, [
+						"model-value",
+						"indeterminate",
+						"aria-label",
+						"onUpdate:modelValue"
+					]))])) : t.value === "radio" ? (C(), m("div", je)) : (C(), m("span", {
+						key: 2,
+						class: b(ar())
+					}, [
+						O(V)[`header-${t.value}`] ? E(e.$slots, `header-${t.value}`, y({ ref_for: !0 }, t), void 0, void 0, 0) : O(V)[`header-${t.value.toLowerCase()}`] ? E(e.$slots, `header-${t.value.toLowerCase()}`, y({ ref_for: !0 }, t), void 0, void 0, 1) : O(V).header ? E(e.$slots, "header", y({ ref_for: !0 }, t), void 0, void 0, 2) : (C(), m("span", {
+							key: 3,
+							class: "m-table__header-text",
+							title: t.text
+						}, D(t.text), 9, Me)),
+						t.sortable ? (C(), m("span", Ne, [...c[3] ||= [h("i", { class: "m-table__sort-caret wk-table__sort-caret--ascending" }, null, -1), h("i", { class: "m-table__sort-caret wk-table__sort-caret--descending" }, null, -1)]])) : p("", !0),
+						O(ut) && O(Mn)(t.value) ? (C(), m("span", Pe, D(O(Nn)(t.value)), 1)) : p("", !0)
+					], 2))], 46, ke))), 128))])], 2)) : p("", !0),
+					un.value ? E(e.$slots, "body", x(v(O(Q))), void 0, void 0, 2) : O(An).length ? (C(), m("tbody", Fe, [
+						E(e.$slots, "body-prepend", x(v({
+							items: O(Q),
+							pagination: {
+								isFirstPage: O(Y),
+								isLastPage: O(J),
+								currentPaginationNumber: O(K),
+								maxPaginationNumber: O(q),
+								nextPage: O(X),
+								prevPage: O(Hn)
+							},
+							headers: O(U)
+						}))),
+						(C(!0), m(u, null, T(O(Q), (n, i) => (C(), m(u, { key: $(n, i) }, [h("tr", {
+							class: b([{
+								"m-table__row--striped": qt.value && (i + 1) % 2 == 0,
+								"m-table__row--selected": pr(n, i),
+								"m-table__row--current": gr(n, i)
+							}, typeof O(wt) == "string" ? O(wt) : O(wt)(n, i + 1)]),
+							onClick: (e) => {
+								vr(n, i, "single", e), O(Mt) && O(Yn)(n, i, e);
+							},
+							onDblclick: (e) => vr(n, i, "double", e),
+							onContextmenu: (e) => tr(n, e)
+						}, [(C(!0), m(u, null, T(O(An), (a, l) => (C(), m("td", {
+							key: l,
+							style: S(rr(a, "td")),
+							class: b([
+								{
+									"m-table__cell--shadow": a === O(Zn),
+									"m-table__cell--shadow-end": a === O(Qn),
+									"m-table__cell--expand": a === "expand",
+									"m-table__cell--selection": a === "checkbox" || a === "radio"
+								},
+								sr(a),
+								typeof O(Et) == "string" ? O(Et) : O(Et)(a, i + 1)
+							]),
+							onClick: (e) => a === "expand" ? O(Yn)(n, i, e) : null
+						}, [h("div", { class: b(["m-table__cell-inner", {
+							"m-table__cell-inner--expand": a === "expand",
+							"m-table__cell-inner--selection": a === "checkbox" || a === "radio"
+						}]) }, [O(V)[`cell-${a}`] ? E(e.$slots, `cell-${a}`, y({ ref_for: !0 }, cr(a, n)), void 0, void 0, 0) : O(V)[`cell-${a.toLowerCase()}`] ? E(e.$slots, `cell-${a.toLowerCase()}`, y({ ref_for: !0 }, cr(a, n)), void 0, void 0, 1) : a === "expand" ? (C(), m("button", {
+							key: 2,
+							type: "button",
+							class: b(["m-table__expand-btn", { "m-table__expand-btn--expanded": O(Jn)(n, i) }]),
+							"aria-expanded": O(Jn)(n, i),
+							"aria-label": O(I).expand,
+							onClick: A((e) => O(Yn)(n, i, e), ["stop"])
+						}, [g(t, { name: "chevron-right" })], 10, Re)) : a === "checkbox" ? (C(), f(r, {
+							key: 3,
+							"model-value": !!n.checkbox,
+							"aria-label": O(I).selectRow.replace("{index}", String(O(Wn) + i)),
+							"onUpdate:modelValue": (e) => O(Bn)(n),
+							onClick: c[1] ||= A(() => {}, ["stop"])
+						}, null, 8, [
+							"model-value",
+							"aria-label",
+							"onUpdate:modelValue"
+						])) : a === "radio" ? (C(), f(o, {
+							key: 4,
+							"model-value": Vn.value ?? void 0,
+							value: $(n, i),
+							"aria-label": O(I).selectRow.replace("{index}", String(O(Wn) + i)),
+							"onUpdate:modelValue": (e) => mr(n),
+							onClick: c[2] ||= A(() => {}, ["stop"])
+						}, null, 8, [
+							"model-value",
+							"value",
+							"aria-label",
+							"onUpdate:modelValue"
+						])) : O(V)["body-cell"] ? E(e.$slots, "body-cell", y({ ref_for: !0 }, {
+							column: a,
+							item: n,
+							row: n,
+							value: O(N)(a, n)
+						}), void 0, void 0, 5) : dn.value.get(a) ? (C(), m("span", ze, D(dn.value.get(a)(n)), 1)) : (C(), f(s, {
+							key: 7,
+							content: O(ce)(a, n),
+							disabled: !lr(a)
+						}, {
+							default: re(() => [h("span", Be, [h("span", Ve, D(O(ce)(a, n)), 1)])]),
+							_: 2
+						}, 1032, ["content", "disabled"]))], 2)], 14, Le))), 128))], 42, Ie), ln.value && O(Jn)(n, i) ? (C(), m("tr", {
+							key: 0,
+							class: b([{ "m-table__row--striped": qt.value && (i + 1) % 2 == 0 }, typeof O(Tt) == "string" ? O(Tt) : O(Tt)(n, i + 1)])
+						}, [h("td", {
+							colspan: O(U).length,
+							class: "m-table__cell--expanded"
+						}, [n.expandLoading ? (C(), f(oe, {
+							key: 0,
+							class: "expand-loading"
+						})) : p("", !0), E(e.$slots, "expansion", y({ ref_for: !0 }, { row: n }))], 8, He)], 2)) : p("", !0)], 64))), 128)),
+						E(e.$slots, "body-append", x(v({
+							items: O(Q),
+							pagination: {
+								isFirstPage: O(Y),
+								isLastPage: O(J),
+								currentPaginationNumber: O(K),
+								maxPaginationNumber: O(q),
+								nextPage: O(X),
+								prevPage: O(Hn),
+								updatePage: O(Z)
+							},
+							headers: O(U)
+						})))
+					])) : p("", !0)
+				], 8, Oe),
+				O(L) ? (C(), m("div", Ue, [c[4] ||= h("div", { class: "m-table__loading-mask" }, null, -1), h("div", We, [cn.value ? E(e.$slots, "loading", {}, void 0, void 0, 0) : (C(), f(a, {
+					key: 1,
+					size: "sm"
+				}))])])) : p("", !0),
+				!O(Q).length && !O(L) ? (C(), m("div", Ge, [O(V).empty ? E(e.$slots, "empty", {}, void 0, void 0, 0) : E(e.$slots, "empty", {}, () => [h("p", Ke, D(tn.value), 1), O(Pt) ? (C(), m("p", qe, D(O(Pt)), 1)) : p("", !0)], void 0, 1)])) : p("", !0)
+			], 8, De)]),
+			_: 3
+		}, 8, [
+			"height",
+			"wrap-style",
+			"wrap-class"
+		]), O(zt) ? (C(), m("div", Je, [h("div", Ye, D(`${O(Wn)}–${O(Gn)}`) + " " + D(O(bt)) + " " + D(O(G)), 1), sn.value ? E(e.$slots, "pagination", x(v({
+			isFirstPage: O(Y),
+			isLastPage: O(J),
+			currentPaginationNumber: O(K),
+			maxPaginationNumber: O(q),
+			nextPage: O(X),
+			prevPage: O(Hn)
+		})), void 0, void 0, 0) : (C(), f(i, {
+			key: 1,
+			"model-value": O(K),
+			"total-records": O(G),
+			rows: O(W),
+			"page-sizes": O(Fn),
+			"show-size-picker": !O(jt),
+			disabled: O(L),
+			"onUpdate:modelValue": O(Z),
+			"onUpdate:rows": hr
+		}, null, 8, [
+			"model-value",
+			"total-records",
+			"rows",
+			"page-sizes",
+			"show-size-picker",
+			"disabled",
+			"onUpdate:modelValue"
+		]))])) : p("", !0)], 10, Ee));
+	}
+});
+//#endregion
+export { Xe as MTable };