bitboss-ui 2.1.133 → 2.1.135

package/dist/index328.js

@@ -1,4 +1,665 @@
-var o = { exports: {} };
-export {
-  o as __module
-};
+import { clamp as e } from "./index8.js";
+import { useId as t } from "./index12.js";
+import { useLogger as n } from "./index31.js";
+import { useLocale as r } from "./index42.js";
+import { hash as i } from "./index81.js";
+import a from "./index85.js";
+import { useItemsGetter as o } from "./index89.js";
+import { useIndexById as s } from "./index90.js";
+import { useItemValue as c } from "./index92.js";
+import { useBaseOptions as l } from "./index93.js";
+import { isNil as u } from "./index94.js";
+import { useHashedWatcher as d } from "./index96.js";
+import { usePrefill as ee } from "./index97.js";
+import { when as te } from "./index151.js";
+import f from "./index154.js";
+import { useTableWidthContext as ne } from "./index326.js";
+import { applyFixedTableColumns as re, columnKeyToSlotName as p, mergeCellClasses as ie, mergeHeaderClasses as ae } from "./index327.js";
+import { Fragment as m, computed as h, createBlock as oe, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as se, createVNode as ce, defineComponent as y, mergeModels as le, mergeProps as ue, nextTick as de, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as fe, onMounted as pe, openBlock as S, reactive as me, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as he, toDisplayString as E, toRef as D, unref as O, useModel as ge, watch as k, withCtx as _e } from "vue";
+//#region src/components/BbTable/BbTable.vue?vue&type=script&setup=true&lang.ts
+var ve = {
+	key: 0,
+	class: "sr-only"
+}, ye = ["aria-rowindex"], be = { class: "bb-table-header__content" }, xe = { class: "bb-table-check__label-text sr-only" }, Se = {
+	key: 1,
+	class: "bb-table-radio__label-text sr-only"
+}, Ce = ["aria-sort"], we = { class: "bb-table-header__content" }, Te = { class: "bb-table-header__content sr-only" }, Ee = ["aria-rowindex"], De = {
+	key: 0,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
+}, Oe = {
+	key: 0,
+	class: "bb-table-skeleton__cell-content"
+}, ke = {
+	key: 1,
+	class: "bb-table-skeleton__avatar"
+}, Ae = {
+	key: 2,
+	class: "bb-table-skeleton__avatar-text"
+}, je = { class: "bb-table-skeleton__cell-content" }, Me = {
+	key: 3,
+	class: "bb-table-skeleton__image"
+}, Ne = {
+	key: 4,
+	class: "bb-table-skeleton__badge"
+}, Pe = {
+	key: 1,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, Fe = ["aria-rowindex"], Ie = ["colspan"], Le = { class: "bb-table-loading__text sr-only" }, Re = ["aria-rowindex"], ze = ["colspan"], Be = { class: "bb-table-no-data__text" }, Ve = [
+	"aria-rowindex",
+	"onClick",
+	"onContextmenu",
+	"onDblclick"
+], He = { class: "bb-table-check__label-text sr-only" }, Ue = { class: "bb-table-radio__label-text sr-only" }, We = ["aria-rowindex", "id"], Ge = ["colspan"], Ke = /* @__PURE__ */ y({
+	__name: "BbTable",
+	props: /* @__PURE__ */ le({
+		accessibleLabel: {},
+		actions: { type: Boolean },
+		actionsText: { default: "Azioni" },
+		align: { default: "left" },
+		id: {},
+		inheritColumnWidths: { type: [Boolean, String] },
+		allowSelectAll: {
+			type: Boolean,
+			default: !0
+		},
+		caption: {},
+		compact: { type: Boolean },
+		dependencies: { default: () => [] },
+		depsDebounceTime: { default: 0 },
+		disabled: { type: Boolean },
+		displayCaption: { type: Boolean },
+		fixed: { type: Boolean },
+		fixedColumns: { default: () => [] },
+		fixedHeaders: { type: Boolean },
+		items: {
+			type: [Array, Function],
+			default: () => []
+		},
+		itemValue: {},
+		legend: {},
+		loading: { type: Boolean },
+		loadingText: {},
+		max: { default: Infinity },
+		modelValue: { default: () => [] },
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		name: {},
+		noDataText: {},
+		page: {},
+		perPage: {},
+		readonly: { type: Boolean },
+		selectAll: { type: Boolean },
+		selectable: { type: [Boolean, Function] },
+		selectAllLabel: {},
+		selectText: {},
+		tdClass: {},
+		thClass: {},
+		totalItems: {},
+		unselectedItems: { default: () => [] },
+		columns: { default: () => [] }
+	}, {
+		selectAll: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		selectAllModifiers: {},
+		expandedItems: {
+			required: !1,
+			default: () => []
+		},
+		expandedItemsModifiers: {}
+	}),
+	emits: /* @__PURE__ */ le([
+		"click:row",
+		"contextmenu:row",
+		"dblclick:row",
+		"update:modelValue",
+		"update:selectAll",
+		"update:expandedItems",
+		"update:unselectedItems",
+		"item:selected",
+		"item:unselected"
+	], ["update:selectAll", "update:expandedItems"]),
+	setup(y, { emit: le }) {
+		let { getItemValue: Ke } = c(), qe = t().id.value, A = y, j = le;
+		A.multiple && !Array.isArray(A.modelValue) && n().throw("BbTable is set for multiple selection but modelValue is not an array.");
+		let { t: M } = r(), N = C(), P = C(), { id: Je, parentId: F, parentNode: I, cssVars: Ye, parentVar: Xe, setTracks: Ze } = ne({
+			id: () => A.id,
+			container: () => P.value,
+			inheritFrom: () => typeof A.inheritColumnWidths == "string" ? A.inheritColumnWidths : void 0
+		}), Qe = h(() => A.columns.some((e) => e.snap != null)), L = h(() => !!A.inheritColumnWidths || Qe.value), R = h(() => A.fixed || Qe.value || A.columns.some((e) => e.width != null) || L.value && !!F.value), z = h(() => L.value && !!F.value), $e = z, et = (e) => {
+			if (typeof e == "number") return `${e}px`;
+			let t = e.trim();
+			return /^-?\d*\.?\d+$/.test(t) ? `${t}px` : t;
+		}, tt = h(() => {
+			let e = I.value?.tracks;
+			return e ? Object.keys(e).filter((e) => /^\d+$/.test(e)).length : 0;
+		}), nt = h(() => {
+			let e = I.value?.tracks ?? {}, t = [];
+			"select" in e && t.push("select");
+			for (let e = 0; e < tt.value; e++) t.push(String(e));
+			return "actions" in e && t.push("actions"), t;
+		}), rt = h(() => +("select" in (I.value?.tracks ?? {}))), it = h(() => rt.value + tt.value), at = h(() => nt.value.length), ot = (e) => {
+			let t = nt.value[e];
+			return t ? Xe(t, "0px") : "0px";
+		}, st = (e, t) => {
+			if (!F.value || t - e <= 1e-6) return null;
+			let n = [];
+			for (let r = Math.floor(e); r < Math.ceil(t - 1e-6); r++) {
+				let i = Math.min(t, r + 1) - Math.max(e, r);
+				if (i <= 1e-6) continue;
+				let a = ot(r);
+				n.push(i >= .999999 ? a : `${Number(i.toFixed(4))} * ${a}`);
+			}
+			return n.length ? n.length === 1 && !n[0].includes("*") ? n[0] : `calc(${n.join(" + ")})` : null;
+		}, B = h(() => {
+			let e = A.columns, t = e.map((e) => typeof e.snap == "number" ? e.snap : Array.isArray(e.snap) ? e.snap[0] : null), n = rt.value;
+			return e.map((e, r) => {
+				let i = t[r] ?? n, a;
+				if (Array.isArray(e.snap)) a = e.snap[1] === -1 ? it.value : e.snap[1];
+				else {
+					let e = t[r + 1];
+					a = e != null && e > i ? e : Math.floor(i) + 1;
+				}
+				return n = a, {
+					start: i,
+					end: a
+				};
+			});
+		}), ct = (e) => z.value && e.start >= it.value, lt = h(() => B.value.some(ct)), V = (e) => A.columns[e]?.width == null && !z.value, H = h(() => {
+			if (!z.value) return -1;
+			for (let e = A.columns.length - 1; e >= 0; e--) {
+				let t = A.columns[e];
+				if (t.width == null && t.snap == null) return e;
+			}
+			return -1;
+		}), ut = h(() => {
+			let e = B.value[0];
+			if (!L.value || !F.value || !e) return null;
+			let t = st(0, e.start), n = A.selectable ? U.select : null;
+			return n ? `calc(${t ?? "0px"} - ${n})` : t;
+		}), dt = h(() => {
+			let e = B.value, t = e[e.length - 1];
+			if (!L.value || !F.value || !t || lt.value || H.value === A.columns.length - 1) return null;
+			let n = st(t.end, at.value), r = A.actions ? U.actions : null;
+			return r ? `calc(${n ?? "0px"} - ${r})` : n;
+		}), ft = h(() => ut.value !== null), pt = h(() => dt.value !== null), U = me({
+			select: null,
+			actions: null
+		}), mt = h(() => {
+			let e = (e) => L.value ? Xe(e) : "auto", t = (t) => R.value && U[t] ? U[t] : e(t), n = [];
+			A.selectable && n.push({
+				key: "select",
+				width: t("select")
+			});
+			let r = A.columns.length - 1;
+			return A.columns.forEach((e, t) => {
+				let i = String(t), a = e.width == null ? null : et(e.width), o = B.value[t];
+				if (t === H.value && !lt.value) {
+					n.push({
+						key: i,
+						width: "auto"
+					});
+					return;
+				}
+				let s;
+				s = a ?? (V(t) ? R.value && xt.value[t] || null : ct(o) ? St.value[t] ?? null : st(o.start, o.end));
+				let c = [];
+				t === 0 && ft.value && c.push("var(--bb-table-offset-internal-start)"), t === r && pt.value && c.push("var(--bb-table-offset-internal-end)");
+				let l = c.length ? `calc(${[...c, s ?? "0px"].join(" + ")})` : s ?? "auto";
+				n.push({
+					key: i,
+					width: l
+				});
+			}), A.actions && n.push({
+				key: "actions",
+				width: t("actions")
+			}), n;
+		}), ht = h(() => {
+			let e = {};
+			return ut.value && (e["--bb-table-offset-start"] = ut.value), dt.value && (e["--bb-table-offset-end"] = dt.value), e;
+		}), gt = h(() => {
+			let e = {
+				...Ye.value,
+				...ht.value
+			};
+			return Ct.value && (e["--bb-table-natural-width"] = Ct.value), W.value > 0 && (e["--bb-table-fill"] = `${W.value}px`), e;
+		}), _t = () => Array.from(N.value?.querySelectorAll(":scope > thead > tr.bb-table-header-row > th") ?? []), vt = () => {
+			let e = mt.value.map((e) => e.key), t = {};
+			_t().forEach((n, r) => {
+				let i = e[r];
+				i != null && (t[i] = `${n.getBoundingClientRect().width}px`);
+			}), Ze(t);
+		}, yt = () => {
+			let e = N.value;
+			if (!e) return;
+			let t = (t) => {
+				let n = 0;
+				return e.querySelectorAll(t).forEach((e) => {
+					let t = 0;
+					e.querySelectorAll(":scope > *").forEach((e) => {
+						let n = getComputedStyle(e);
+						if (n.position === "absolute" || n.position === "fixed") return;
+						let r = parseFloat(n.marginLeft) + parseFloat(n.marginRight);
+						t += e.getBoundingClientRect().width + (r || 0);
+					});
+					let r = getComputedStyle(e), i = parseFloat(r.paddingLeft) + parseFloat(r.paddingRight);
+					n = Math.max(n, t + i);
+				}), n > 0 ? `${Math.ceil(n)}px` : null;
+			};
+			U.select = A.selectable ? t(":scope > thead > tr > th.bb-table-header--select, :scope > tbody > tr > td.bb-table-data__cell--select") : null, U.actions = A.actions ? t(":scope > thead > tr > th.bb-table-header--actions, :scope > tbody > tr > td.bb-table__cell--actions") : null;
+		}, bt = () => {
+			yt(), vt();
+		}, xt = C([]), St = C([]), W = C(0), Ct = C(null), wt = () => {
+			let e = P.value;
+			if (!e || !R.value || !A.columns.some((e) => e.width != null) && !lt.value && H.value < 0) return;
+			let t = e.offsetWidth, n = +!!A.selectable, r = U.select ? parseFloat(U.select) : 0, i = U.actions ? parseFloat(U.actions) : 0, a = _t(), o = 0, s = 0;
+			A.columns.forEach((e, t) => {
+				let r = a[n + t]?.getBoundingClientRect().width ?? 0;
+				e.width != null && (o += r), V(t) || (s += r);
+			});
+			let c = document.createElement("div");
+			c.style.cssText = [
+				"position:absolute",
+				"top:-9999px",
+				"left:-9999px",
+				"visibility:hidden",
+				"pointer-events:none",
+				`width:${t}px`,
+				`height:${e.offsetHeight}px`,
+				"overflow:visible"
+			].join(";");
+			let l = e.cloneNode(!0);
+			l.classList.remove("bb-table--fixed"), l.querySelectorAll(".bb-table-expand__row").forEach((e) => e.remove());
+			let u = Array.from(l.querySelectorAll("col"));
+			A.columns.forEach((e, t) => {
+				if (e.width == null) {
+					let e = u[n + t];
+					e && (e.style.width = "");
+				}
+			});
+			let d = l.querySelector("table");
+			d && (d.style.width = "min-content", d.style.minWidth = "0"), c.appendChild(l), document.body.appendChild(c);
+			let ee = c.querySelector("table thead tr.bb-table-header-row"), te = ee ? Array.from(ee.querySelectorAll(":scope > th")) : [], f = A.columns.map((e, t) => {
+				if (e.width != null) return 0;
+				let r = te[n + t];
+				return r ? r.getBoundingClientRect().width : 0;
+			});
+			document.body.removeChild(c);
+			let ne = A.columns.reduce((e, t, n) => e + (V(n) ? f[n] : 0), 0), re = t - s - r - i, p = (e) => `${Number(e.toFixed(3))}px`;
+			if (xt.value = A.columns.map((e, t) => {
+				if (!V(t)) return null;
+				let n = f[t];
+				if (ne <= 0) return p(n);
+				let r = re > 0 ? n / ne * re : 0;
+				return p(Math.max(n, r));
+			}), St.value = f.map((e) => e > 0 ? p(e) : null), H.value >= 0) {
+				let e = Object.values(I.value?.tracks ?? {}).reduce((e, t) => e + (parseFloat(t) || 0), 0), t = a.reduce((e, t) => e + t.getBoundingClientRect().width, 0);
+				W.value = Math.max(0, e - t + W.value);
+			} else W.value = 0;
+			let ie = f.reduce((e, t) => e + t, 0), ae = o + ie + r + i;
+			Ct.value = ae > 0 ? `${Math.ceil(ae)}px` : null;
+		}, G = null, Tt, Et = () => {
+			G !== null && clearTimeout(G), G = setTimeout(() => {
+				G = null, wt();
+			}, 200);
+		}, K, Dt, Ot = () => {
+			K && (K.disconnect(), _t().forEach((e) => K?.observe(e)), bt());
+		};
+		pe(() => {
+			K = new ResizeObserver(() => bt()), Ot(), de(wt), N.value && (Tt = new MutationObserver(Et), Tt.observe(N.value, {
+				childList: !0,
+				subtree: !0,
+				characterData: !0
+			})), P.value && (Dt = new ResizeObserver(Et), Dt.observe(P.value));
+		}), fe(() => {
+			K?.disconnect(), Dt?.disconnect(), Tt?.disconnect(), G !== null && clearTimeout(G);
+		}), k(mt, () => de(Ot), { flush: "post" });
+		let kt = (e) => [M("table.select").value, ...e.map((e) => e.content)].join(" "), At = h(() => A.selectable ? "fieldset" : "div"), jt = h(() => A.loading || Lt.value), q = h(() => !u(A.page) && !u(A.perPage) && !u(A.totalItems)), Mt = h(() => ({
+			"bb-table": !0,
+			[`bb-table--align-${A.align}`]: !0,
+			"bb-table--compact": A.compact,
+			"bb-table--fixed": R.value,
+			"bb-table--inherit-widths": $e.value,
+			"bb-table--fixed-header": A.fixedHeaders,
+			"bb-table--loading": jt.value,
+			"bb-table--empty": !J.value.length,
+			"bb-table--selectable": !!A.selectable,
+			"scrollbar-border": !0
+		})), Nt = h(() => A.columns.length + Number(!!A.selectable) + Number(!!A.actions)), Pt = h(() => Object.fromEntries(A.columns.map((e) => [e.key, p(e.key)]))), { getter: Ft, items: It, loading: Lt } = o({ items: D(A, "items") }), { hasPrefilled: Rt } = ee({
+			trigger: !0,
+			fn: async (e) => {
+				await Ft(e, A.modelValue);
+			}
+		}), { data: zt } = s({ items: D(A, "modelValue") }), { options: J } = l({
+			disabled: D(A, "disabled"),
+			items: It,
+			itemText: void 0,
+			itemValue: A.itemValue,
+			max: A.max,
+			selectable: !0,
+			selectedIndexedByHash: zt
+		}), Bt = async (e) => {
+			A.multiple ? j("update:modelValue", A.modelValue.concat(e.value)) : j("update:modelValue", e.value);
+		}, Vt = async (e) => {
+			if (A.multiple) {
+				let t = { ...zt.value };
+				delete t[e.valueHash], j("update:modelValue", Object.values(t));
+			} else j("update:modelValue", null);
+		};
+		d(() => [A.dependencies, A.items], async () => {
+			Rt.value && await Ft(!1, A.modelValue);
+		}, { debounce: A.depsDebounceTime });
+		let Ht = (e, t) => {
+			let n = Pt.value[e.key], r = e.align ?? "left", i = Ke(t.item, e.key);
+			return e.formatter && (!u(i) || e.formatOnNull !== !1) && (i = e.formatter(i, e.key, t.item)), e.placeholder && u(i) && (i = e.placeholder), {
+				align: r,
+				classes: ie([`bb-table-data__cell--${r}`], A.tdClass, e.tdClass, i, e.key, t.item),
+				content: i,
+				key: e.key,
+				label: e.label,
+				slotName: n
+			};
+		}, Ut = h(() => A.columns.map((e) => {
+			let t = e.align ?? "left", n = `header:${Pt.value[e.key]}`, r = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+			return {
+				align: t,
+				key: e.key,
+				label: e.label,
+				slotName: n,
+				classes: ae([`bb-table-header--${t}`], A.thClass, e.thClass),
+				sortDirection: r
+			};
+		})), Wt = h(() => {
+			let e = 0;
+			return J.value.map((t, n) => {
+				let r = !A.selectable || typeof A.selectable == "function" && !A.selectable(t.item) || !!t.disabled, i = (A.page ?? -1) * (A.perPage ?? 0), a = n + 1, o = i + 1 + a + e, s = A.columns.map((e) => Ht(e, t)), c = Gt.value[t.valueHash] ?? !1;
+				return c && e++, {
+					accessibleLabel: kt(s),
+					cols: s,
+					expanded: c,
+					onRowClick: (e) => j("click:row", e, t, !!t.selected),
+					onRowContextMenu: (e) => j("contextmenu:row", e, t, !!t.selected),
+					onRowDblClick: (e) => j("dblclick:row", e, t, !!t.selected),
+					item: t.item,
+					text: t.text,
+					rowIndex: o,
+					valueHash: t.valueHash,
+					value: t.value,
+					selected: t.selected,
+					disabled: r
+				};
+			});
+		}), Y = ge(y, "selectAll"), X = ge(y, "expandedItems"), { data: Gt } = s({ items: X }), Kt = (e, t) => {
+			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), Z(t)));
+		}, qt = (e) => ({
+			"aria-controls": u(Gt.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+			"aria-expanded": e.expanded ? "true" : "false",
+			onClick: (t) => {
+				t.stopPropagation(), Z(e.valueHash);
+			},
+			onKeydown: (t) => Kt(t, e.valueHash)
+		}), Z = (e) => {
+			let t = J.value.find((t) => t.valueHash === e);
+			t && (e in Gt.value ? X.value = X.value.filter((t) => i(t) !== e) : X.value = [...X.value, t.value]);
+		};
+		k(Y, () => {
+			Q.clear(), j("update:unselectedItems", []), j("update:modelValue", []);
+		});
+		let Jt = h(() => !!(A.multiple && A.modelValue.length > 0 && !A.selectAll || Y.value && Q.size > 0)), Q = me(/* @__PURE__ */ new Set());
+		k(() => A.unselectedItems, () => {
+			Q.clear(), A.unselectedItems.forEach((e) => {
+				Q.add(i(e));
+			});
+		});
+		let Yt = (e) => {
+			if (Xt(e)) {
+				Vt(e), j("item:unselected", e.value), Q.add(e.valueHash), j("update:unselectedItems", [...A.unselectedItems, e.value]);
+				return;
+			}
+			Y.value || Bt(e), j("item:selected", e.value), Q.delete(e.valueHash), j("update:unselectedItems", A.unselectedItems.filter((t) => i(t) !== i(e.value)));
+		}, Xt = (e) => Q.has(e.valueHash) ? !1 : e.selected || Y.value, Zt = te((e) => typeof e != "string", JSON.stringify), Qt = h(() => [].concat(A.modelValue ?? []).map((e) => ({
+			disabled: A.disabled,
+			name: A.name,
+			type: "hidden",
+			value: Zt(e)
+		}))), $ = [
+			70,
+			45,
+			85,
+			55
+		], $t = h(() => e(J.value.length || A.columns.length || 1, 4, 10));
+		return k(() => [Wt.value, A.fixedColumns], () => {
+			N.value && A.fixedColumns?.length && re(N.value, A.fixedColumns);
+		}, { flush: "post" }), (e, t) => (S(), oe(he(At.value), {
+			id: e.id,
+			ref_key: "containerRef",
+			ref: P,
+			"aria-busy": jt.value,
+			"aria-rowcount": q.value ? A.totalItems : void 0,
+			class: b(Mt.value),
+			"data-bb-table-id": O(Je),
+			inert: e.disabled,
+			style: x(gt.value)
+		}, {
+			default: _e(() => [
+				e.selectable ? (S(), _("legend", ve, E(e.legend), 1)) : g("", !0),
+				v("table", {
+					ref_key: "tableRef",
+					ref: N
+				}, [
+					e.caption ? (S(), _("caption", {
+						key: 0,
+						class: b({
+							"bb-table-caption": !0,
+							"sr-only": !e.displayCaption
+						})
+					}, E(e.caption), 3)) : g("", !0),
+					v("colgroup", null, [(S(!0), _(m, null, w(mt.value, (e) => (S(), _("col", {
+						key: e.key,
+						style: x({ width: e.width })
+					}, null, 4))), 128))]),
+					v("thead", null, [T(e.$slots, "thead", {}, () => [v("tr", {
+						"aria-rowindex": q.value ? 1 : void 0,
+						class: "bb-table-header-row"
+					}, [
+						e.selectable ? (S(), _("th", {
+							key: 0,
+							class: b(["bb-table-header bb-table-header--select", e.thClass]),
+							scope: "col"
+						}, [T(e.$slots, "header:select", {
+							multiple: e.multiple,
+							selectAll: !!Y.value,
+							text: e.selectText || O(M)("table.selectText").value
+						}, () => [v("span", be, [e.allowSelectAll && e.multiple ? (S(), _("label", {
+							key: 0,
+							class: b(["bb-table-check__label", { "bb-table-check__label--disabled": e.disabled }])
+						}, [(S(), oe(a, {
+							key: Jt.value.toString(),
+							modelValue: Y.value,
+							"onUpdate:modelValue": t[0] ||= (e) => Y.value = e,
+							class: "bb-table-check",
+							disabled: e.disabled,
+							indeterminate: Jt.value,
+							name: `select_all_${e.name || ""}`,
+							readonly: e.readonly
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"indeterminate",
+							"name",
+							"readonly"
+						])), v("span", xe, E(e.selectAllLabel || O(M)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? g("", !0) : (S(), _("span", Se, E(e.selectText || O(M)("table.selectText").value), 1))])])], 2)) : g("", !0),
+						(S(!0), _(m, null, w(Ut.value, (t, n) => (S(), _("th", {
+							key: t.key,
+							"aria-sort": t.sortDirection,
+							class: b(["bb-table-header", [t.classes, {
+								"bb-table-header--edge-start": n === 0,
+								"bb-table-header--edge-end": n === Ut.value.length - 1
+							}]]),
+							scope: "col"
+						}, [T(e.$slots, t.slotName, {
+							classes: t.classes,
+							items: O(It),
+							label: t.label
+						}, () => [v("span", we, E(t.label), 1)])], 10, Ce))), 128)),
+						e.actions ? (S(), _("th", {
+							key: 1,
+							class: b(["bb-table-header bb-table-header--actions", e.thClass]),
+							scope: "col"
+						}, [T(e.$slots, "header:actions", { text: e.actionsText }, () => [v("span", Te, E(e.actionsText), 1)])], 2)) : g("", !0)
+					], 8, ye)])]),
+					v("tbody", null, [jt.value ? T(e.$slots, "loading", {
+						key: 0,
+						items: O(It)
+					}, () => [(S(!0), _(m, null, w($t.value, (n, r) => (S(), _("tr", {
+						key: r,
+						"aria-rowindex": q.value ? r + 2 : void 0,
+						class: "bb-table-skeleton__row"
+					}, [
+						e.selectable ? (S(), _("td", De, t[1] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0),
+						(S(!0), _(m, null, w(A.columns, (e, n) => (S(), _("td", {
+							key: e.key,
+							class: b(["bb-table-skeleton__cell", `bb-table-skeleton__cell--${e.skeleton ?? "text"}`])
+						}, [!e.skeleton || e.skeleton === "text" ? (S(), _("div", Oe, [v("div", {
+							class: "bb-table-skeleton__line",
+							style: x({ width: `${$[(r + n) % 4]}%` })
+						}, null, 4), v("div", {
+							class: "bb-table-skeleton__line",
+							style: x({ width: `${$[(r + n + 2) % 4]}%` })
+						}, null, 4)])) : e.skeleton === "avatar" ? (S(), _("div", ke)) : e.skeleton === "avatar-text" ? (S(), _("div", Ae, [t[2] ||= v("div", { class: "bb-table-skeleton__avatar" }, null, -1), v("div", je, [v("div", {
+							class: "bb-table-skeleton__line",
+							style: x({ width: `${$[(r + n) % 4]}%` })
+						}, null, 4), v("div", {
+							class: "bb-table-skeleton__line",
+							style: x({ width: `${$[(r + n + 2) % 4]}%` })
+						}, null, 4)])])) : e.skeleton === "image" ? (S(), _("div", Me)) : e.skeleton === "badge" ? (S(), _("div", Ne)) : g("", !0)], 2))), 128)),
+						e.actions ? (S(), _("td", Pe, t[3] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0)
+					], 8, Ee))), 128)), v("tr", {
+						"aria-rowindex": q.value ? $t.value + 2 : void 0,
+						class: "bb-table-loading__row bb-table-loading__row--sr-only"
+					}, [v("td", {
+						colspan: Nt.value,
+						class: "bb-table-loading__cell",
+						"aria-live": "polite",
+						role: "status"
+					}, [v("span", Le, E(e.loadingText), 1)], 8, Ie)], 8, Fe)]) : O(J).length ? T(e.$slots, "tbody", { key: 2 }, () => [(S(!0), _(m, null, w(Wt.value, (t) => (S(), _(m, { key: t.valueHash }, [v("tr", {
+						"aria-rowindex": q.value && t.rowIndex ? t.rowIndex : void 0,
+						class: "bb-table-data__row",
+						onClick: t.onRowClick,
+						onContextmenu: t.onRowContextMenu,
+						onDblclick: t.onRowDblClick
+					}, [
+						e.selectable ? (S(), _("td", {
+							key: 0,
+							class: b(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+						}, [T(e.$slots, "select", {
+							checked: Xt(t),
+							disabled: !!t.disabled,
+							inputName: O(qe),
+							item: t.item,
+							readonly: !!e.readonly,
+							value: t.value
+						}, () => [e.multiple ? (S(), _("label", {
+							key: 0,
+							class: b(["bb-table-check__label", { "bb-table-check__label--disabled": t.disabled }])
+						}, [ce(a, {
+							checked: Xt(t),
+							class: "bb-table-check",
+							disabled: t.disabled,
+							readonly: e.readonly,
+							onChange: () => Yt(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"readonly",
+							"onChange"
+						]), v("span", He, E(t.accessibleLabel), 1)], 2)) : (S(), _("label", {
+							key: 1,
+							class: b(["bb-table-radio__label", { "bb-table-radio__label--disabled": t.disabled }])
+						}, [ce(f, {
+							checked: t.selected,
+							class: "bb-table-radio",
+							disabled: t.disabled,
+							name: O(qe),
+							readonly: e.readonly,
+							value: t.value,
+							onChange: () => Yt(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"name",
+							"readonly",
+							"value",
+							"onChange"
+						]), v("span", Ue, E(t.accessibleLabel), 1)], 2))])], 2)) : g("", !0),
+						(S(!0), _(m, null, w(t.cols, (n, r) => (S(), _("td", {
+							key: n.key,
+							class: b(["bb-table-data__cell", [n.classes, {
+								"bb-table-data__cell--edge-start": r === 0,
+								"bb-table-data__cell--edge-end": r === t.cols.length - 1
+							}]])
+						}, [T(e.$slots, n.slotName, {
+							classes: n.classes,
+							content: n.content,
+							expanded: t.expanded,
+							item: t.item,
+							expandProps: qt(t),
+							toggleExpanded: () => Z(t.valueHash),
+							value: t.value
+						}, () => [se(E(n.content), 1)])], 2))), 128)),
+						e.actions ? (S(), _("td", {
+							key: 1,
+							class: b(["bb-table__cell bb-table__cell--actions", e.tdClass])
+						}, [T(e.$slots, "actions", {
+							expanded: t.expanded,
+							item: t.item,
+							expandProps: qt(t),
+							toggleExpanded: () => Z(t.valueHash),
+							value: t.value
+						})], 2)) : g("", !0)
+					], 40, Ve), t.expanded ? (S(), _("tr", {
+						key: 0,
+						"aria-rowindex": q.value && t.rowIndex ? t.rowIndex + 1 : void 0,
+						id: `expanded_${t.valueHash}`,
+						class: "bb-table-expand__row"
+					}, [v("td", {
+						colspan: Nt.value,
+						class: "bb-table-expand__cell"
+					}, [T(e.$slots, "expand", {
+						expanded: t.expanded,
+						item: t.item,
+						expandProps: qt(t),
+						toggleExpanded: () => Z(t.valueHash),
+						value: t.value
+					})], 8, Ge)], 8, We)) : g("", !0)], 64))), 128))]) : T(e.$slots, "no-data", { key: 1 }, () => [v("tr", {
+						"aria-rowindex": q.value ? 2 : void 0,
+						class: "bb-table-no-data__row"
+					}, [v("td", {
+						class: "bb-table-no-data__cell",
+						colspan: Nt.value
+					}, [v("span", Be, E(e.noDataText || O(M)("table.noDataText").value), 1)], 8, ze)], 8, Re)])]),
+					v("tfoot", null, [T(e.$slots, "tfoot")])
+				], 512),
+				(S(!0), _(m, null, w(Qt.value, (e) => (S(), _("input", ue({
+					key: e.value,
+					ref_for: !0
+				}, e), null, 16))), 128))
+			]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-busy",
+			"aria-rowcount",
+			"class",
+			"data-bb-table-id",
+			"inert",
+			"style"
+		]));
+	}
+});
+//#endregion
+export { Ke as default };

package/dist/index33.js

@@ -0,0 +1,5 @@
+import e from "./index32.js";
+//#region src/components/BaseButton/RouterComponent.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/index330.js

@@ -1,4 +1,6 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
+import e from "./index328.js";
+/* empty css         */
+//#region src/components/BbTable/BbTable.vue
+var t = e;
+//#endregion
+export { t as default };