@7pmlabs/design-system 1.0.8 → 1.0.10

package/dist/design-system189.js

@@ -1,740 +1,36 @@
-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",
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/BSkeleton/BSkeletonInput.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ n({
+	__name: "BSkeletonInput",
 	props: {
-		dataSource: { default: () => [] },
-		columns: { default: () => [] },
-		rowKey: {
-			type: [String, Function],
-			default: "key"
-		},
-		size: { default: "default" },
-		bordered: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
+		active: {
 			type: Boolean,
 			default: !1
 		},
-		showHeader: {
+		block: {
 			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: {}
+		size: { default: "default" }
 	},
-	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));
+	setup(n) {
+		let a = e(() => [
+			"b-skeleton-element",
+			"b-skeleton-input",
+			`b-skeleton-input--${n.size}`,
+			{
+				"b-skeleton-input--block": n.block,
+				"b-skeleton-element--active": n.active
+			}
+		]);
+		return (e, n) => (i(), t("span", {
+			class: r(a.value),
+			role: "presentation",
+			"aria-hidden": "true"
+		}, null, 2));
 	}
 });
 //#endregion
-export { nt as default };
+export { a as default };
 
 //# sourceMappingURL=design-system189.js.map