@7pmlabs/design-system 2.0.8 → 2.1.0

package/dist/design-system239.js

@@ -1,8 +1,740 @@
-import e from "./design-system237.js";
-/* empty css                 */
-//#region src/components/BTag/BTag.vue
-var t = e;
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createStaticVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as ee, toDisplayString as v, vModelText as te, watch as ne, withDirectives as re, withModifiers as ie } from "vue";
+//#region src/components/BTable/BTable.vue?vue&type=script&setup=true&lang.ts
+var ae = ["aria-label", "aria-busy"], oe = {
+	key: 0,
+	class: "b-table__loading-overlay",
+	role: "status",
+	"aria-live": "polite",
+	"aria-label": "Loading data"
+}, se = ["aria-hidden"], ce = ["aria-hidden", "tabindex"], le = {
+	key: 0,
+	class: "b-table__caption"
+}, ue = {
+	key: 1,
+	style: { width: "48px" }
+}, de = ["rowspan", "aria-label"], fe = { key: 0 }, pe = {
+	key: 1,
+	class: "b-table__checkbox-wrapper"
+}, me = [
+	"checked",
+	"indeterminate",
+	"aria-label"
+], he = ["rowspan"], ge = [
+	"colspan",
+	"rowspan",
+	"aria-sort"
+], _e = { class: "b-table__th-inner" }, ve = [
+	"aria-label",
+	"data-sort",
+	"onClick"
+], ye = {
+	class: "b-table__sorter-inner",
+	"aria-hidden": "true"
+}, be = [
+	"aria-expanded",
+	"aria-label",
+	"onClick"
+], xe = ["aria-label"], Se = {
+	key: 0,
+	class: "b-table__filter-search"
+}, Ce = ["onUpdate:modelValue"], we = ["aria-multiselectable"], Te = ["aria-selected"], Ee = { class: "b-table__filter-item-label" }, De = [
+	"type",
+	"checked",
+	"onChange"
+], Oe = { class: "b-table__filter-actions" }, ke = ["onClick"], Ae = ["onClick"], je = { class: "b-table__tbody" }, Me = {
+	key: 0,
+	class: "b-table__tr--empty"
+}, Ne = ["colspan"], Pe = { class: "b-table__empty" }, Fe = { class: "b-table__empty-text" }, Ie = {
+	key: 0,
+	class: "b-table__td b-table__td--selection"
+}, Le = { class: "b-table__checkbox-wrapper" }, Re = [
+	"type",
+	"checked",
+	"disabled",
+	"aria-label",
+	"onChange"
+], ze = {
+	key: 1,
+	class: "b-table__td b-table__td--expand"
+}, Be = [
+	"aria-label",
+	"aria-expanded",
+	"onClick"
+], Ve = ["title"], He = ["colspan"], Ue = ["aria-hidden"], We = ["aria-hidden"], Ge = {
+	key: 0,
+	class: "b-table__pagination-total"
+}, Ke = { class: "b-table__pagination-controls" }, qe = ["disabled"], Je = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], Ye = {
+	key: 1,
+	class: "b-table__page-ellipsis",
+	"aria-hidden": "true"
+}, Xe = {
+	key: 2,
+	class: "b-table__page-ellipsis",
+	"aria-hidden": "true"
+}, Ze = ["disabled"], Qe = ["value"], $e = ["value"], et = {
+	key: 1,
+	class: "b-table__page-jump"
+}, tt = ["max"], nt = /* @__PURE__ */ c({
+	__name: "BTable",
+	props: {
+		dataSource: { default: () => [] },
+		columns: { default: () => [] },
+		rowKey: {
+			type: [String, Function],
+			default: "key"
+		},
+		size: { default: "default" },
+		bordered: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		tableLayout: {},
+		scroll: {},
+		pagination: {
+			type: [Object, Boolean],
+			default: !1
+		},
+		rowSelection: {},
+		expandable: {},
+		sticky: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		caption: {},
+		locale: {},
+		rowClassName: { type: Function },
+		onRow: { type: Function },
+		onHeaderRow: { type: Function },
+		components: {}
+	},
+	emits: [
+		"change",
+		"expandedRowsChange",
+		"expand"
+	],
+	setup(c, { emit: nt }) {
+		let y = nt, b = t(() => ({
+			emptyText: c.locale?.emptyText ?? "No data",
+			filterConfirm: c.locale?.filterConfirm ?? "OK",
+			filterReset: c.locale?.filterReset ?? "Reset",
+			selectAll: c.locale?.selectAll ?? "Select all data",
+			selectInvert: c.locale?.selectInvert ?? "Invert current page",
+			selectionAll: c.locale?.selectionAll ?? "Select all data",
+			sortTitle: c.locale?.sortTitle ?? "Sort",
+			expand: c.locale?.expand ?? "Expand row",
+			collapse: c.locale?.collapse ?? "Collapse row"
+		}));
+		function x(e, t) {
+			return typeof c.rowKey == "function" ? c.rowKey(e) : e[c.rowKey] ?? t;
+		}
+		function S(e, t) {
+			if (!t) return;
+			let n = Array.isArray(t) ? t : t.split("."), r = e;
+			for (let e of n) {
+				if (typeof r != "object" || !r) return;
+				r = r[e];
+			}
+			return r;
+		}
+		let C = h({
+			key: "",
+			order: null
+		});
+		function w(e) {
+			return e.key ?? (Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : e.dataIndex ?? "");
+		}
+		function T(e) {
+			if (e.sortOrder !== void 0) return e.sortOrder;
+			let t = w(e);
+			return C.value.key === t ? C.value.order : e.defaultSortOrder ?? null;
+		}
+		function rt(e, t) {
+			let n = t.length ? t : [
+				"ascend",
+				"descend",
+				null
+			];
+			return n[(n.indexOf(e) + 1) % n.length] ?? null;
+		}
+		function it(e) {
+			if (!e.sorter) return;
+			let t = w(e), n = rt(T(e), e.sortDirections ?? [
+				"ascend",
+				"descend",
+				null
+			]);
+			e.sortOrder === void 0 && (C.value = {
+				key: t,
+				order: n
+			});
+			let r = {
+				column: e,
+				order: n,
+				field: e.dataIndex,
+				columnKey: t
+			};
+			y("change", R.value, j.value, r, {
+				currentDataSource: H.value,
+				action: "sort"
+			});
+		}
+		let E = h({}), D = h(null), O = h({});
+		function k(e) {
+			return e.key ?? (Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : e.dataIndex ?? "");
+		}
+		function A(e) {
+			return e.filteredValue === void 0 ? E.value[k(e)] ?? e.defaultFilteredValue ?? null : e.filteredValue;
+		}
+		let j = t(() => {
+			let e = {};
+			for (let t of U.value) if (t.filters || t.filteredValue !== void 0) {
+				let n = k(t);
+				e[n] = A(t);
+			}
+			return e;
+		});
+		function at(e) {
+			let t = k(e);
+			D.value = D.value === t ? null : t;
+		}
+		function ot(e, t) {
+			let n = k(e);
+			e.filteredValue === void 0 && (E.value = {
+				...E.value,
+				[n]: t.length ? t : null
+			}), D.value = null, e.filterResetToDefaultFilteredValue !== !1 && (P.value = 1), y("change", R.value, j.value, M(), {
+				currentDataSource: H.value,
+				action: "filter"
+			});
+		}
+		function st(e) {
+			let t = k(e), n = e.defaultFilteredValue ?? [];
+			e.filteredValue === void 0 && (E.value = {
+				...E.value,
+				[t]: n.length ? n : null
+			}), D.value = null, y("change", R.value, j.value, M(), {
+				currentDataSource: H.value,
+				action: "filter"
+			});
+		}
+		function M() {
+			let e = U.value.find((e) => T(e) !== null);
+			return e ? {
+				column: e,
+				order: T(e),
+				field: e.dataIndex,
+				columnKey: w(e)
+			} : { order: null };
+		}
+		function ct(e) {
+			let t = O.value[k(e)] ?? "";
+			if (!t) return e.filters ?? [];
+			let n = t.toLowerCase(), r = typeof e.filterSearch == "function" ? e.filterSearch : (e, t) => t.text.toLowerCase().includes(e.toLowerCase());
+			return (e.filters ?? []).filter((e) => r(n, e));
+		}
+		let N = h({});
+		function lt(e) {
+			let t = k(e);
+			N.value[t] = [...A(e) ?? []], at(e);
+		}
+		function ut(e, t) {
+			let n = k(e), r = N.value[n] ?? [];
+			if (e.filterMultiple !== !1) {
+				let e = r.indexOf(t);
+				N.value[n] = e === -1 ? [...r, t] : r.filter((e) => e !== t);
+			} else N.value[n] = [t];
+		}
+		function dt(e) {
+			let t = k(e);
+			ot(e, N.value[t] ?? []);
+		}
+		let P = h(1), F = h(typeof c.pagination == "object" ? c.pagination.defaultPageSize ?? c.pagination.pageSize ?? 10 : 10);
+		ne(() => typeof c.pagination == "object" ? c.pagination.pageSize : void 0, (e) => {
+			e != null && (F.value = e);
+		});
+		let I = t(() => typeof c.pagination == "object" && c.pagination.current != null ? c.pagination.current : P.value), L = t(() => typeof c.pagination == "object" && c.pagination.pageSize != null ? c.pagination.pageSize : F.value), R = t(() => ({
+			current: I.value,
+			pageSize: L.value,
+			total: V.value.length
+		}));
+		function z(e) {
+			typeof c.pagination == "object" && c.pagination.current == null && (P.value = e), typeof c.pagination == "object" && c.pagination.onChange?.(e, L.value), y("change", {
+				...R.value,
+				current: e
+			}, j.value, M(), {
+				currentDataSource: H.value,
+				action: "paginate"
+			});
+		}
+		function ft(e) {
+			F.value = e, P.value = 1, typeof c.pagination == "object" && c.pagination.onShowSizeChange?.(1, e);
+		}
+		let B = t(() => Math.ceil(V.value.length / L.value)), pt = t(() => typeof c.pagination == "object" && c.pagination.pageSizeOptions ? c.pagination.pageSizeOptions.map(Number) : [
+			10,
+			20,
+			50,
+			100
+		]), V = t(() => {
+			let e = [...c.dataSource];
+			for (let t of U.value) {
+				let n = A(t);
+				!n || n.length === 0 || (t.onFilter ? e = e.filter((e) => n.some((n) => t.onFilter(n, e))) : t.dataIndex && (e = e.filter((e) => {
+					let r = S(e, t.dataIndex);
+					return n.some((e) => String(r) === String(e));
+				})));
+			}
+			return e;
+		}), mt = t(() => {
+			let e = [...V.value], t = U.value.find((e) => T(e) !== null);
+			if (!t || !t.sorter) return e;
+			let n = T(t);
+			return n && (typeof t.sorter == "function" ? e.sort((e, r) => {
+				let i = t.sorter(e, r);
+				return n === "ascend" ? i : -i;
+			}) : e.sort((e, r) => {
+				let i = String(S(e, t.dataIndex) ?? ""), a = String(S(r, t.dataIndex) ?? "");
+				return n === "ascend" ? i.localeCompare(a) : a.localeCompare(i);
+			})), e;
+		}), H = t(() => {
+			if (!c.pagination) return mt.value;
+			let e = (I.value - 1) * L.value;
+			return mt.value.slice(e, e + L.value);
+		}), U = t(() => {
+			function e(t) {
+				let n = [];
+				for (let r of t) r.children?.length ? n.push(...e(r.children)) : n.push(r);
+				return n;
+			}
+			return e(c.columns);
+		}), W = t(() => {
+			function e(t) {
+				return t.children?.length ? 1 + Math.max(...t.children.map(e)) : 1;
+			}
+			let t = Math.max(...c.columns.map(e), 1);
+			function n(e, i, a) {
+				for (let o of e) {
+					let e = !o.children?.length, s = {
+						col: o,
+						colSpan: e ? 1 : r(o),
+						rowSpan: e ? t - a : 1,
+						isLeaf: e
+					};
+					i[a] || (i[a] = []), i[a].push(s), e || n(o.children, i, a + 1);
+				}
+			}
+			function r(e) {
+				return e.children?.length ? e.children.reduce((e, t) => e + r(t), 0) : 1;
+			}
+			let i = [];
+			return n(c.columns, i, 0), i;
+		}), ht = h(new Set(c.rowSelection?.defaultSelectedRowKeys ?? [])), G = t(() => c.rowSelection?.selectedRowKeys ? new Set(c.rowSelection.selectedRowKeys) : ht.value), gt = t(() => c.rowSelection?.type !== "radio"), _t = t(() => H.value.map((e, t) => x(e, t))), K = t(() => _t.value.filter((e, t) => !c.rowSelection?.getCheckboxProps?.(H.value[t])?.disabled)), q = t(() => K.value.length > 0 && K.value.every((e) => G.value.has(e))), vt = t(() => !q.value && K.value.some((e) => G.value.has(e)));
+		function yt(e) {
+			c.rowSelection?.selectedRowKeys || (ht.value = e);
+			let t = [...e], n = c.dataSource.filter((t, n) => e.has(x(t, n)));
+			c.rowSelection?.onChange?.(t, n);
+		}
+		function bt(e, t, n) {
+			let r = x(e, t), i = new Set(G.value);
+			gt.value ? i.has(r) ? (i.delete(r), c.rowSelection?.onSelect?.(e, !1, [...i].map((e) => c.dataSource.find((t, n) => x(t, n) === e)), n)) : (i.add(r), c.rowSelection?.onSelect?.(e, !0, [...i].map((e) => c.dataSource.find((t, n) => x(t, n) === e)), n)) : (i.clear(), i.add(r), c.rowSelection?.onSelect?.(e, !0, [e], n)), yt(i);
+		}
+		function xt(e) {
+			let t = new Set(c.rowSelection?.preserveSelectedRowKeys ? G.value : /* @__PURE__ */ new Set());
+			q.value ? (K.value.forEach((e) => t.delete(e)), c.rowSelection?.onSelectAll?.(!1, [], H.value)) : (K.value.forEach((e) => t.add(e)), c.rowSelection?.onSelectAll?.(!0, [...t].map((e) => c.dataSource.find((t, n) => x(t, n) === e)), H.value)), yt(t);
+		}
+		let St = h(new Set(c.expandable?.defaultExpandedRowKeys ?? [])), Ct = t(() => c.expandable?.expandedRowKeys ? new Set(c.expandable.expandedRowKeys) : St.value);
+		function wt(e, t, n) {
+			let r = x(e, t), i = new Set(Ct.value), a = i.has(r);
+			a ? i.delete(r) : i.add(r), c.expandable?.expandedRowKeys || (St.value = i), c.expandable?.onExpand?.(!a, e), c.expandable?.onExpandedRowsChange?.([...i]), y("expand", !a, e), y("expandedRowsChange", [...i]);
+		}
+		function J(e, t) {
+			return Ct.value.has(x(e, t));
+		}
+		function Tt(e) {
+			if (c.expandable?.rowExpandable) return c.expandable.rowExpandable(e);
+			let t = e[c.expandable?.childrenColumnName ?? "children"];
+			return Array.isArray(t) && t.length > 0;
+		}
+		function Y(e, t) {
+			return S(e, t.dataIndex);
+		}
+		function X(e, t) {
+			return e.key ?? (Array.isArray(e.dataIndex) ? e.dataIndex.join(".") : e.dataIndex ?? t);
+		}
+		let Et = t(() => typeof c.sticky == "object" ? c.sticky.offsetHeader ?? 0 : 0), Z = h(null), Dt = h(!1);
+		p(() => {
+			Ot();
+		}), ne(() => c.columns, () => u(Ot));
+		function Ot() {
+			Z.value && (Dt.value = Z.value.scrollWidth > Z.value.clientWidth);
+		}
+		let kt = t(() => ["b-table", {
+			"b-table--bordered": c.bordered,
+			"b-table--loading": c.loading,
+			"b-table--small": c.size === "small",
+			"b-table--middle": c.size === "middle",
+			"b-table--sticky": c.sticky,
+			"b-table--fixed-header": !!c.scroll?.y,
+			"b-table--scroll-x": !!c.scroll?.x,
+			"b-table--has-selection": !!c.rowSelection,
+			"b-table--has-expand": !!c.expandable,
+			"b-table--empty": H.value.length === 0
+		}]), At = t(() => {
+			let e = {};
+			return c.tableLayout && (e.tableLayout = c.tableLayout), c.scroll?.x === !0 ? e.minWidth = "100%" : c.scroll?.x && (e.width = typeof c.scroll.x == "number" ? `${c.scroll.x}px` : c.scroll.x), e;
+		}), jt = t(() => {
+			let e = {};
+			return c.scroll?.x && (e.overflowX = "auto"), c.scroll?.y && (e.overflowY = "auto", e.maxHeight = typeof c.scroll.y == "number" ? `${c.scroll.y}px` : c.scroll.y), e;
+		}), Mt = t(() => c.sticky ? {
+			position: "sticky",
+			top: Et.value ? `${Et.value}px` : "0",
+			zIndex: 2
+		} : {});
+		function Nt(e) {
+			let t = T(e);
+			return t === "ascend" ? "asc" : t === "descend" ? "desc" : "none";
+		}
+		function Pt(e) {
+			return typeof e.ellipsis == "boolean" ? e.ellipsis : !!e.ellipsis;
+		}
+		function Q(e) {
+			let t = {};
+			return e.width != null && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.minWidth != null && (t.minWidth = `${e.minWidth}px`), e.maxWidth != null && (t.maxWidth = `${e.maxWidth}px`), e.align && (t.textAlign = e.align), t;
+		}
+		let $ = h("");
+		function Ft(e) {
+			if (e.key === "Enter") {
+				let e = parseInt($.value, 10);
+				!isNaN(e) && e >= 1 && e <= B.value && z(e), $.value = "";
+			}
+		}
+		function It(e) {
+			e.key === "Escape" && (D.value = null);
+		}
+		function Lt(e, t, n) {
+			if (e.cellStyle) return typeof e.cellStyle == "function" ? e.cellStyle(t, n) : e.cellStyle;
+		}
+		return (t, u) => (m(), i("div", {
+			class: d(kt.value),
+			role: "region",
+			"aria-label": c.caption ?? void 0,
+			"aria-busy": c.loading ? "true" : void 0
+		}, [
+			c.loading ? (m(), i("div", oe, [...u[5] ||= [o("<div class=\"b-table__spin\" aria-hidden=\"true\"><span class=\"b-table__spin-dot\"></span><span class=\"b-table__spin-dot\"></span><span class=\"b-table__spin-dot\"></span><span class=\"b-table__spin-dot\"></span></div>", 1)]])) : r("", !0),
+			t.$slots.title ? (m(), i("div", {
+				key: 1,
+				class: "b-table__title",
+				"aria-hidden": c.loading ? "true" : void 0,
+				style: f(c.loading ? { visibility: "hidden" } : {})
+			}, [_(t.$slots, "title")], 12, se)) : r("", !0),
+			a("div", {
+				ref_key: "scrollRef",
+				ref: Z,
+				class: "b-table__scroll-wrapper",
+				style: f([jt.value, c.loading ? { visibility: "hidden" } : {}]),
+				"aria-hidden": c.loading ? "true" : void 0,
+				tabindex: c.scroll?.x || c.scroll?.y ? 0 : void 0
+			}, [a("table", {
+				class: "b-table__table",
+				style: f(At.value),
+				role: "table"
+			}, [
+				c.caption ? (m(), i("caption", le, v(c.caption), 1)) : r("", !0),
+				a("colgroup", null, [
+					c.rowSelection ? (m(), i("col", {
+						key: 0,
+						style: f({ width: c.rowSelection.columnWidth ? typeof c.rowSelection.columnWidth == "number" ? `${c.rowSelection.columnWidth}px` : c.rowSelection.columnWidth : "48px" })
+					}, null, 4)) : r("", !0),
+					c.expandable && c.expandable.showExpandColumn !== !1 ? (m(), i("col", ue)) : r("", !0),
+					(m(!0), i(e, null, g(U.value, (e, t) => (m(), i("col", {
+						key: X(e, t),
+						style: f(Q(e))
+					}, null, 4))), 128))
+				]),
+				c.showHeader ? (m(), i("thead", {
+					key: 1,
+					class: "b-table__thead",
+					style: f(Mt.value)
+				}, [(m(!0), i(e, null, g(W.value, (t, n) => (m(), i("tr", l({
+					key: n,
+					class: "b-table__tr b-table__tr--header"
+				}, { ref_for: !0 }, c.onHeaderRow?.(c.columns, n)), [
+					c.rowSelection && n === 0 ? (m(), i("th", {
+						key: 0,
+						class: "b-table__th b-table__th--selection",
+						rowspan: W.value.length,
+						scope: "col",
+						"aria-label": b.value.selectAll
+					}, [c.rowSelection.columnTitle ? (m(), i("span", fe, v(c.rowSelection.columnTitle), 1)) : gt.value && !c.rowSelection.hideSelectAll ? (m(), i("label", pe, [a("input", {
+						type: "checkbox",
+						class: "b-table__checkbox",
+						checked: q.value,
+						indeterminate: vt.value,
+						"aria-label": b.value.selectAll,
+						onChange: u[0] ||= (e) => xt(e)
+					}, null, 40, me), a("span", {
+						class: d(["b-table__checkbox-inner", {
+							"b-table__checkbox-inner--indeterminate": vt.value,
+							"b-table__checkbox-inner--checked": q.value
+						}]),
+						"aria-hidden": "true"
+					}, null, 2)])) : r("", !0)], 8, de)) : r("", !0),
+					c.expandable && c.expandable.showExpandColumn !== !1 && n === 0 ? (m(), i("th", {
+						key: 1,
+						class: "b-table__th b-table__th--expand",
+						rowspan: W.value.length,
+						scope: "col",
+						"aria-hidden": "true"
+					}, null, 8, he)) : r("", !0),
+					(m(!0), i(e, null, g(t, (t) => (m(), i("th", l({
+						key: X(t.col, 0),
+						class: ["b-table__th", {
+							"b-table__th--sorted": T(t.col) !== null,
+							"b-table__th--sortable": !!t.col.sorter,
+							"b-table__th--filtered": (A(t.col)?.length ?? 0) > 0,
+							[`b-table__th--align-${t.col.align ?? "left"}`]: !0,
+							[t.col.className ?? ""]: !!t.col.className
+						}],
+						colspan: t.colSpan > 1 ? t.colSpan : void 0,
+						rowspan: t.rowSpan > 1 ? t.rowSpan : void 0,
+						style: Q(t.col),
+						scope: "col",
+						"aria-sort": t.col.sorter ? T(t.col) === "ascend" ? "ascending" : T(t.col) === "descend" ? "descending" : "none" : void 0
+					}, { ref_for: !0 }, c.onHeaderRow?.(c.columns, 0)), [a("div", _e, [
+						a("span", { class: d(["b-table__col-title", { "b-table__col-title--rowspan": t.rowSpan > 1 }]) }, v(t.col.titleText ?? t.col.title), 3),
+						t.col.sorter && t.isLeaf ? (m(), i("button", {
+							key: 0,
+							class: "b-table__sorter",
+							type: "button",
+							"aria-label": `${b.value.sortTitle}: ${t.col.titleText ?? t.col.title}`,
+							"data-sort": Nt(t.col),
+							onClick: ie((e) => it(t.col), ["stop"])
+						}, [a("span", ye, [(m(), i("svg", {
+							class: d(["b-table__sort-up", { active: Nt(t.col) === "asc" }]),
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em",
+							fill: "currentColor",
+							"aria-hidden": "true"
+						}, [...u[6] ||= [a("path", { d: "M858.9 689L530.5 308.2a24 24 0 0 0-36.9 0L165.1 689c-4.7 5.2-.4 13 6.5 13h496.8c6.9 0 11.2-7.8 6.5-13z" }, null, -1)]], 2)), (m(), i("svg", {
+							class: d(["b-table__sort-down", { active: Nt(t.col) === "desc" }]),
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em",
+							fill: "currentColor",
+							"aria-hidden": "true"
+						}, [...u[7] ||= [a("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }, null, -1)]], 2))])], 8, ve)) : r("", !0),
+						t.col.filters && t.isLeaf ? (m(), i("div", {
+							key: 1,
+							class: d(["b-table__filter-trigger", { "b-table__filter-trigger--active": (A(t.col)?.length ?? 0) > 0 || D.value === k(t.col) }])
+						}, [a("button", {
+							type: "button",
+							class: "b-table__filter-btn",
+							"aria-expanded": D.value === k(t.col) ? "true" : "false",
+							"aria-label": `Filter ${t.col.titleText ?? t.col.title}`,
+							onClick: ie((e) => lt(t.col), ["stop"])
+						}, [...u[8] ||= [a("svg", {
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em",
+							fill: "currentColor",
+							"aria-hidden": "true"
+						}, [a("path", { d: "M880.1 154H143.9c-24.5 0-39.8 26.7-27.5 48L349 597.4V838c0 17.8 14.5 32 32.3 32h263.4c17.8 0 32.3-14.2 32.3-32V597.4L909.6 202c12.3-21.3-3-48-29.5-48z" })], -1)]], 8, be), D.value === k(t.col) ? (m(), i("div", {
+							key: 0,
+							class: "b-table__filter-dropdown",
+							role: "dialog",
+							"aria-label": `Filter ${t.col.titleText ?? t.col.title}`,
+							onKeydown: It
+						}, [
+							t.col.filterSearch ? (m(), i("div", Se, [re(a("input", {
+								"onUpdate:modelValue": (e) => O.value[k(t.col)] = e,
+								type: "search",
+								class: "b-table__filter-search-input",
+								placeholder: "Search...",
+								"aria-label": "Search filter options"
+							}, null, 8, Ce), [[te, O.value[k(t.col)]]])])) : r("", !0),
+							a("ul", {
+								class: "b-table__filter-list",
+								role: "listbox",
+								"aria-multiselectable": t.col.filterMultiple === !1 ? "false" : "true"
+							}, [(m(!0), i(e, null, g(ct(t.col), (e) => (m(), i("li", {
+								key: String(e.value),
+								class: "b-table__filter-item",
+								role: "option",
+								"aria-selected": (N.value[k(t.col)] ?? []).includes(e.value)
+							}, [a("label", Ee, [a("input", {
+								type: t.col.filterMultiple === !1 ? "radio" : "checkbox",
+								class: "b-table__filter-item-input",
+								checked: (N.value[k(t.col)] ?? []).includes(e.value),
+								onChange: (n) => ut(t.col, e.value)
+							}, null, 40, De), a("span", null, v(e.text), 1)])], 8, Te))), 128))], 8, we),
+							a("div", Oe, [a("button", {
+								type: "button",
+								class: "b-table__filter-reset",
+								onClick: (e) => st(t.col)
+							}, v(b.value.filterReset), 9, ke), a("button", {
+								type: "button",
+								class: "b-table__filter-confirm",
+								onClick: (e) => dt(t.col)
+							}, v(b.value.filterConfirm), 9, Ae)])
+						], 40, xe)) : r("", !0)], 2)) : r("", !0)
+					])], 16, ge))), 128))
+				], 16))), 128))], 4)) : r("", !0),
+				a("tbody", je, [
+					H.value.length === 0 ? (m(), i("tr", Me, [a("td", {
+						class: "b-table__td b-table__td--empty",
+						colspan: U.value.length + (c.rowSelection ? 1 : 0) + (c.expandable && c.expandable.showExpandColumn !== !1 ? 1 : 0)
+					}, [_(t.$slots, "emptyText", {}, () => [a("div", Pe, [u[9] ||= o("<svg class=\"b-table__empty-icon\" viewBox=\"0 0 64 41\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><g transform=\"translate(0 1)\" fill=\"none\" fill-rule=\"evenodd\"><ellipse cx=\"32\" cy=\"33\" rx=\"32\" ry=\"7\" fill=\"currentColor\" opacity=\".2\"></ellipse><g fill-rule=\"nonzero\" stroke=\"currentColor\"><path d=\"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z\"></path><path d=\"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z\" fill=\"currentColor\" opacity=\".08\"></path></g></g></svg>", 1), a("p", Fe, v(b.value.emptyText), 1)])])], 8, Ne)])) : r("", !0),
+					(m(!0), i(e, null, g(H.value, (o, p) => (m(), i(e, { key: x(o, p) }, [a("tr", l({ class: ["b-table__tr b-table__tr--data", [c.rowClassName?.(o, p), {
+						"b-table__tr--selected": G.value.has(x(o, p)),
+						"b-table__tr--expanded": J(o, p)
+					}]] }, { ref_for: !0 }, c.onRow?.(o, p)), [
+						c.rowSelection ? (m(), i("td", Ie, [a("label", Le, [a("input", l({
+							type: gt.value ? "checkbox" : "radio",
+							class: "b-table__checkbox",
+							checked: G.value.has(x(o, p)),
+							disabled: !!c.rowSelection.getCheckboxProps?.(o)?.disabled,
+							"aria-label": `Select row ${p + 1}`
+						}, { ref_for: !0 }, c.rowSelection.getCheckboxProps?.(o), { onChange: (e) => bt(o, p, e) }), null, 16, Re), a("span", {
+							class: d(["b-table__checkbox-inner", { "b-table__checkbox-inner--checked": G.value.has(x(o, p)) }]),
+							"aria-hidden": "true"
+						}, null, 2)])])) : r("", !0),
+						c.expandable && c.expandable.showExpandColumn !== !1 ? (m(), i("td", ze, [Tt(o) ? (m(), i("button", {
+							key: 0,
+							type: "button",
+							class: d(["b-table__expand-btn", { "b-table__expand-btn--expanded": J(o, p) }]),
+							"aria-label": J(o, p) ? b.value.collapse : b.value.expand,
+							"aria-expanded": J(o, p) ? "true" : "false",
+							onClick: (e) => wt(o, p, e)
+						}, [...u[10] ||= [a("svg", {
+							class: "b-table__expand-icon",
+							viewBox: "0 0 1024 1024",
+							width: "1em",
+							height: "1em",
+							fill: "currentColor",
+							"aria-hidden": "true"
+						}, [a("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" })], -1)]], 10, Be)) : r("", !0)])) : r("", !0),
+						(m(!0), i(e, null, g(U.value, (r, a) => (m(), i("td", {
+							key: X(r, a),
+							class: d(["b-table__td", {
+								[`b-table__td--align-${r.align ?? "left"}`]: !0,
+								"b-table__td--ellipsis": Pt(r),
+								[r.className ?? ""]: !!r.className
+							}]),
+							style: f([Q(r), Lt(r, o, p)])
+						}, [t.$slots[String(X(r, a))] ? _(t.$slots, String(X(r, a)), {
+							key: 0,
+							value: Y(o, r),
+							record: o,
+							index: p,
+							column: r
+						}) : r.customRender ? (m(), n(ee(() => r.customRender({
+							value: Y(o, r),
+							record: o,
+							index: p,
+							column: r
+						})), { key: 1 })) : (m(), i(e, { key: 2 }, [Pt(r) ? (m(), i("span", {
+							key: 0,
+							class: "b-table__cell-ellipsis",
+							title: typeof r.ellipsis == "object" && r.ellipsis.showTitle !== !1 ? String(Y(o, r) ?? "") : void 0
+						}, v(Y(o, r)), 9, Ve)) : (m(), i(e, { key: 1 }, [s(v(Y(o, r)), 1)], 64))], 64))], 6))), 128))
+					], 16), c.expandable && J(o, p) ? (m(), i("tr", {
+						class: "b-table__tr b-table__tr--expanded-content",
+						key: `${x(o, p)}-expanded`
+					}, [a("td", {
+						colspan: U.value.length + (c.rowSelection ? 1 : 0) + (c.expandable && c.expandable.showExpandColumn !== !1 ? 1 : 0),
+						class: "b-table__td b-table__td--expanded"
+					}, [c.expandable.expandedRowRender ? (m(), n(ee(() => c.expandable.expandedRowRender(o, p, 0, J(o, p))), { key: 0 })) : _(t.$slots, "expandedRow", {
+						key: 1,
+						record: o,
+						index: p
+					})], 8, He)])) : r("", !0)], 64))), 128)),
+					_(t.$slots, "summary", { pageData: H.value })
+				])
+			], 4)], 12, ce),
+			t.$slots.footer ? (m(), i("div", {
+				key: 2,
+				class: "b-table__footer",
+				"aria-hidden": c.loading ? "true" : void 0,
+				style: f(c.loading ? { visibility: "hidden" } : {})
+			}, [_(t.$slots, "footer")], 12, Ue)) : r("", !0),
+			c.pagination !== !1 && V.value.length > 0 ? (m(), i("div", {
+				key: 3,
+				class: "b-table__pagination",
+				role: "navigation",
+				"aria-label": "Table pagination",
+				"aria-hidden": c.loading ? "true" : void 0,
+				style: f(c.loading ? { visibility: "hidden" } : {})
+			}, [typeof c.pagination == "object" && c.pagination.showTotal ? (m(), i("span", Ge, v(c.pagination.showTotal(V.value.length, [(I.value - 1) * L.value + 1, Math.min(I.value * L.value, V.value.length)])), 1)) : r("", !0), a("div", Ke, [
+				a("button", {
+					type: "button",
+					class: "b-table__page-btn",
+					disabled: I.value <= 1,
+					"aria-label": "Previous page",
+					onClick: u[1] ||= (e) => z(I.value - 1)
+				}, [...u[11] ||= [a("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em",
+					fill: "currentColor",
+					"aria-hidden": "true"
+				}, [a("path", { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.96 31.96 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" })], -1)]], 8, qe),
+				(m(!0), i(e, null, g(B.value, (t) => (m(), i(e, { key: t }, [B.value <= 7 || t === 1 || t === B.value || Math.abs(t - I.value) <= 1 ? (m(), i("button", {
+					key: 0,
+					type: "button",
+					class: d(["b-table__page-btn", { "b-table__page-btn--active": t === I.value }]),
+					"aria-label": `Page ${t}`,
+					"aria-current": t === I.value ? "page" : void 0,
+					onClick: (e) => z(t)
+				}, v(t), 11, Je)) : t === 2 && I.value > 4 ? (m(), i("span", Ye, "…")) : t === B.value - 1 && I.value < B.value - 3 ? (m(), i("span", Xe, "…")) : r("", !0)], 64))), 128)),
+				a("button", {
+					type: "button",
+					class: "b-table__page-btn",
+					disabled: I.value >= B.value,
+					"aria-label": "Next page",
+					onClick: u[2] ||= (e) => z(I.value + 1)
+				}, [...u[12] ||= [a("svg", {
+					viewBox: "0 0 1024 1024",
+					width: "1em",
+					height: "1em",
+					fill: "currentColor",
+					"aria-hidden": "true"
+				}, [a("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" })], -1)]], 8, Ze),
+				typeof c.pagination == "object" && c.pagination.showSizeChanger ? (m(), i("select", {
+					key: 0,
+					class: "b-table__page-size",
+					value: L.value,
+					"aria-label": "Rows per page",
+					onChange: u[3] ||= (e) => ft(Number(e.target.value))
+				}, [(m(!0), i(e, null, g(pt.value, (e) => (m(), i("option", {
+					key: e,
+					value: e
+				}, v(e) + " / page", 9, $e))), 128))], 40, Qe)) : r("", !0),
+				typeof c.pagination == "object" && c.pagination.showQuickJumper ? (m(), i("span", et, [u[13] ||= s(" Go to ", -1), re(a("input", {
+					"onUpdate:modelValue": u[4] ||= (e) => $.value = e,
+					type: "number",
+					class: "b-table__page-jump-input",
+					min: 1,
+					max: B.value,
+					"aria-label": "Go to page",
+					onKeydown: Ft
+				}, null, 40, tt), [[te, $.value]])])) : r("", !0)
+			])], 12, We)) : r("", !0)
+		], 10, ae));
+	}
+});
 //#endregion
-export { t as default };
+export { nt as default };
 
 //# sourceMappingURL=design-system239.js.map