bitboss-ui 2.1.127 → 2.1.129

package/dist/index270.js

@@ -56,7 +56,7 @@ var w = [
 					let n = A.accept[t];
 					if (n.includes("/")) e.push(n);
 					else {
-						k ||= (await import("./index356.js")).default;
+						k ||= (await import("./index357.js")).default;
 						let t = k.getType(n);
 						if (!t) throw Error(`Could not detect the correct mime associated with ${n}`);
 						e.push(t);

package/dist/index325.js

@@ -1,43 +1,40 @@
-import { useLogger as e } from "./index31.js";
-//#region src/components/BbTable/utils.ts
-var t = (t, n) => {
-	if (!n.length) return;
-	let r = Array.from(t.querySelectorAll(":scope > thead th"));
-	if (!r.length) return;
-	let { error: i } = e(), a = r.length, o = n.map((e) => ({
-		index: typeof e == "number" ? e : e.index,
-		position: typeof e == "number" ? "left" : e.position
-	})).sort((e, t) => e.position === t.position ? e.position === "left" ? e.index - t.index : t.index - e.index : e.position === "left" ? -1 : 1).reduce((e, t) => {
-		let n = r[t.index];
-		if (!n) return i(`BbTable fixedColumns: Cannot affix column at index ${t.index}. Table has ${a} columns (valid indices: 0–${a - 1}).`), e;
-		let { width: o } = n.getBoundingClientRect(), s = e.filter((e) => e.position === t.position).reduce((e, t) => e + t.width, 0);
-		return e.push({
-			index: t.index,
-			position: t.position,
-			width: Math.floor(o),
-			offset: s
-		}), e;
-	}, []);
-	Array.from(t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")).forEach((e) => {
-		o.forEach((t) => {
-			let n = e.querySelector(`:scope > :nth-child(${t.index + 1})`);
-			n && (n.style.position = "sticky", n.style[t.position] = `${t.offset}px`);
-		});
+import { useId as e } from "./index12.js";
+import { computed as t, onBeforeUnmount as n, onMounted as r, reactive as i, ref as a, toValue as o, watch as s, watchEffect as c } from "vue";
+//#region src/composables/useTableWidthContext.ts
+var l = i(/* @__PURE__ */ new Map()), u = "[data-bb-table-id]";
+function d(d) {
+	let f = e().id, p = t(() => o(d.id) || f.value), m = a(null), h = i({
+		id: p.value,
+		parentId: null,
+		tracks: {}
 	});
-}, n = (e) => Array.isArray(e) ? e : [e], r = (e) => e.split(/\W+/g).join("_").toLowerCase(), i = (e, t, r) => {
-	let i = [...n(e)];
-	return t && i.push(...n(t)), r && i.push(...n(r)), i;
-}, a = (e, t, r, i, a, o) => {
-	let s = [...n(e)], c = (e) => typeof e == "function" ? e(i, a, o) : e;
-	if (t) {
-		let e = c(t);
-		e && s.push(...n(e));
-	}
-	if (r) {
-		let e = c(r);
-		e && s.push(...n(e));
-	}
-	return s;
-};
+	c(() => {
+		h.id = p.value, h.parentId = m.value, l.set(p.value, h);
+	});
+	let g = () => {
+		let e = o(d.container), t = o(d.inheritFrom), n = e?.parentElement?.closest(u) ?? null;
+		if (t) for (; n && n.dataset.bbTableId !== t;) n = n.parentElement?.closest(u) ?? null;
+		m.value = n?.dataset.bbTableId ?? null;
+	};
+	r(g), s(() => o(d.inheritFrom), g), n(() => l.delete(p.value));
+	let _ = t(() => m.value ? l.get(m.value) ?? null : null);
+	return {
+		id: p,
+		parentId: m,
+		parentNode: _,
+		parentHasTrack: (e) => !!_.value?.tracks[e],
+		parentVar: (e, t = "auto") => m.value ? `var(--bb-table-${m.value}-track-${e}, ${t})` : t,
+		node: h,
+		registry: l,
+		setTracks: (e) => {
+			h.tracks = e;
+		},
+		cssVars: t(() => {
+			let e = {};
+			for (let [t, n] of Object.entries(h.tracks)) e[`--bb-table-${p.value}-track-${t}`] = n;
+			return e;
+		})
+	};
+}
 //#endregion
-export { t as applyFixedTableColumns, r as columnKeyToSlotName, a as mergeCellClasses, i as mergeHeaderClasses };
+export { d as useTableWidthContext };

package/dist/index326.js

@@ -1,450 +1,43 @@
-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 ee } from "./index93.js";
-import { isNil as l } from "./index94.js";
-import { useHashedWatcher as te } from "./index96.js";
-import { usePrefill as ne } from "./index97.js";
-import { when as re } from "./index151.js";
-import ie from "./index154.js";
-import { applyFixedTableColumns as ae, columnKeyToSlotName as oe, mergeCellClasses as se, mergeHeaderClasses as ce } from "./index325.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as le, createVNode as g, defineComponent as _, mergeModels as v, mergeProps as ue, normalizeClass as y, normalizeStyle as b, openBlock as x, reactive as de, ref as fe, renderList as S, renderSlot as C, resolveDynamicComponent as pe, toDisplayString as w, toRef as T, unref as E, useModel as me, watch as D, withCtx as he } from "vue";
-//#region src/components/BbTable/BbTable.vue?vue&type=script&setup=true&lang.ts
-var ge = {
-	key: 0,
-	class: "sr-only"
-}, _e = ["aria-rowindex"], ve = { class: "bb-table-header__content" }, ye = { class: "bb-table-check__label-text sr-only" }, be = {
-	key: 1,
-	class: "bb-table-radio__label-text sr-only"
-}, xe = ["aria-sort"], Se = { class: "bb-table-header__content" }, Ce = { class: "bb-table-header__content sr-only" }, we = ["aria-rowindex"], Te = {
-	key: 0,
-	class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
-}, Ee = {
-	key: 0,
-	class: "bb-table-skeleton__cell-content"
-}, De = {
-	key: 1,
-	class: "bb-table-skeleton__avatar"
-}, Oe = {
-	key: 2,
-	class: "bb-table-skeleton__avatar-text"
-}, ke = { class: "bb-table-skeleton__cell-content" }, Ae = {
-	key: 3,
-	class: "bb-table-skeleton__image"
-}, je = {
-	key: 4,
-	class: "bb-table-skeleton__badge"
-}, Me = {
-	key: 1,
-	class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, Ne = ["aria-rowindex"], Pe = ["colspan"], Fe = { class: "bb-table-loading__text sr-only" }, Ie = ["aria-rowindex"], Le = ["colspan"], Re = { class: "bb-table-no-data__text" }, ze = [
-	"aria-rowindex",
-	"onClick",
-	"onContextmenu",
-	"onDblclick"
-], Be = { class: "bb-table-check__label-text sr-only" }, Ve = { class: "bb-table-radio__label-text sr-only" }, He = ["aria-rowindex", "id"], Ue = ["colspan"], O = /* @__PURE__ */ _({
-	__name: "BbTable",
-	props: /* @__PURE__ */ v({
-		accessibleLabel: {},
-		actions: { type: Boolean },
-		actionsText: { default: "Azioni" },
-		align: { default: "left" },
-		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__ */ v([
-		"click:row",
-		"contextmenu:row",
-		"dblclick:row",
-		"update:modelValue",
-		"update:selectAll",
-		"update:expandedItems",
-		"update:unselectedItems",
-		"item:selected",
-		"item:unselected"
-	], ["update:selectAll", "update:expandedItems"]),
-	setup(_, { emit: v }) {
-		let { getItemValue: O } = c(), k = t().id.value, A = _, j = v;
-		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 = fe(), We = (e) => [M("table.select").value, ...e.map((e) => e.content)].join(" "), Ge = d(() => A.selectable ? "fieldset" : "div"), P = d(() => A.loading || qe.value), F = d(() => !l(A.page) && !l(A.perPage) && !l(A.totalItems)), Ke = d(() => ({
-			"bb-table": !0,
-			[`bb-table--align-${A.align}`]: !0,
-			"bb-table--compact": A.compact,
-			"bb-table--fixed": A.fixed,
-			"bb-table--fixed-header": A.fixedHeaders,
-			"bb-table--loading": P.value,
-			"bb-table--empty": !V.value.length,
-			"bb-table--selectable": !!A.selectable
-		})), I = d(() => A.columns.length + Number(!!A.selectable) + Number(!!A.actions)), L = d(() => Object.fromEntries(A.columns.map((e) => [e.key, oe(e.key)]))), { getter: R, items: z, loading: qe } = o({ items: T(A, "items") }), { hasPrefilled: Je } = ne({
-			trigger: !0,
-			fn: async (e) => {
-				await R(e, A.modelValue);
-			}
-		}), { data: B } = s({ items: T(A, "modelValue") }), { options: V } = ee({
-			disabled: T(A, "disabled"),
-			items: z,
-			itemText: void 0,
-			itemValue: A.itemValue,
-			max: A.max,
-			selectable: !0,
-			selectedIndexedByHash: B
-		}), Ye = async (e) => {
-			A.multiple ? j("update:modelValue", A.modelValue.concat(e.value)) : j("update:modelValue", e.value);
-		}, Xe = async (e) => {
-			if (A.multiple) {
-				let t = { ...B.value };
-				delete t[e.valueHash], j("update:modelValue", Object.values(t));
-			} else j("update:modelValue", null);
-		};
-		te(() => [A.dependencies, A.items], async () => {
-			Je.value && await R(!1, A.modelValue);
-		}, { debounce: A.depsDebounceTime });
-		let Ze = (e, t) => {
-			let n = L.value[e.key], r = e.align ?? "left", i = O(t.item, e.key);
-			return e.formatter && (!l(i) || e.formatOnNull !== !1) && (i = e.formatter(i, e.key, t.item)), e.placeholder && l(i) && (i = e.placeholder), {
-				align: r,
-				classes: se([`bb-table-data__cell--${r}`], A.tdClass, e.tdClass, i, e.key, t.item),
-				content: i,
-				key: e.key,
-				label: e.label,
-				slotName: n
-			};
-		}, Qe = d(() => A.columns.map((e) => {
-			let t = e.align ?? "left", n = `header:${L.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: ce([`bb-table-header--${t}`], A.thClass, e.thClass),
-				sortDirection: r
-			};
-		})), H = d(() => {
-			let e = 0;
-			return V.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) => Ze(e, t)), c = G.value[t.valueHash] ?? !1;
-				return c && e++, {
-					accessibleLabel: We(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
-				};
-			});
-		}), U = me(_, "selectAll"), W = me(_, "expandedItems"), { data: G } = s({ items: W }), $e = (e, t) => {
-			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), q(t)));
-		}, K = (e) => ({
-			"aria-controls": l(G.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
-			"aria-expanded": e.expanded ? "true" : "false",
-			onClick: (t) => {
-				t.stopPropagation(), q(e.valueHash);
-			},
-			onKeydown: (t) => $e(t, e.valueHash)
-		}), q = (e) => {
-			let t = V.value.find((t) => t.valueHash === e);
-			t && (e in G.value ? W.value = W.value.filter((t) => i(t) !== e) : W.value = [...W.value, t.value]);
-		};
-		D(U, () => {
-			Y.clear(), j("update:unselectedItems", []), j("update:modelValue", []);
+import { useLogger as e } from "./index31.js";
+//#region src/components/BbTable/utils.ts
+var t = (t, n) => {
+	if (!n.length) return;
+	let r = Array.from(t.querySelectorAll(":scope > thead th"));
+	if (!r.length) return;
+	let { error: i } = e(), a = r.length, o = n.map((e) => ({
+		index: typeof e == "number" ? e : e.index,
+		position: typeof e == "number" ? "left" : e.position
+	})).sort((e, t) => e.position === t.position ? e.position === "left" ? e.index - t.index : t.index - e.index : e.position === "left" ? -1 : 1).reduce((e, t) => {
+		let n = r[t.index];
+		if (!n) return i(`BbTable fixedColumns: Cannot affix column at index ${t.index}. Table has ${a} columns (valid indices: 0–${a - 1}).`), e;
+		let { width: o } = n.getBoundingClientRect(), s = e.filter((e) => e.position === t.position).reduce((e, t) => e + t.width, 0);
+		return e.push({
+			index: t.index,
+			position: t.position,
+			width: Math.floor(o),
+			offset: s
+		}), e;
+	}, []);
+	Array.from(t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")).forEach((e) => {
+		o.forEach((t) => {
+			let n = e.querySelector(`:scope > :nth-child(${t.index + 1})`);
+			n && (n.style.position = "sticky", n.style[t.position] = `${t.offset}px`);
 		});
-		let J = d(() => !!(A.multiple && A.modelValue.length > 0 && !A.selectAll || U.value && Y.size > 0)), Y = de(/* @__PURE__ */ new Set());
-		D(() => A.unselectedItems, () => {
-			Y.clear(), A.unselectedItems.forEach((e) => {
-				Y.add(i(e));
-			});
-		});
-		let X = (e) => {
-			if (Z(e)) {
-				Xe(e), j("item:unselected", e.value), Y.add(e.valueHash), j("update:unselectedItems", [...A.unselectedItems, e.value]);
-				return;
-			}
-			U.value || Ye(e), j("item:selected", e.value), Y.delete(e.valueHash), j("update:unselectedItems", A.unselectedItems.filter((t) => i(t) !== i(e.value)));
-		}, Z = (e) => Y.has(e.valueHash) ? !1 : e.selected || U.value, et = re((e) => typeof e != "string", JSON.stringify), tt = d(() => [].concat(A.modelValue ?? []).map((e) => ({
-			disabled: A.disabled,
-			name: A.name,
-			type: "hidden",
-			value: et(e)
-		}))), Q = [
-			70,
-			45,
-			85,
-			55
-		], $ = d(() => e(V.value.length || A.columns.length || 1, 4, 10));
-		return D(() => [H.value, A.fixedColumns], () => {
-			N.value && A.fixedColumns?.length && ae(N.value, A.fixedColumns);
-		}, { flush: "post" }), (e, t) => (x(), f(pe(Ge.value), {
-			"aria-busy": P.value,
-			"aria-rowcount": F.value ? A.totalItems : void 0,
-			class: y(Ke.value),
-			inert: e.disabled
-		}, {
-			default: he(() => [
-				e.selectable ? (x(), m("legend", ge, w(e.legend), 1)) : p("", !0),
-				h("table", {
-					ref_key: "tableRef",
-					ref: N
-				}, [
-					e.caption ? (x(), m("caption", {
-						key: 0,
-						class: y({
-							"bb-table-caption": !0,
-							"sr-only": !e.displayCaption
-						})
-					}, w(e.caption), 3)) : p("", !0),
-					h("thead", null, [C(e.$slots, "thead", {}, () => [h("tr", {
-						"aria-rowindex": F.value ? 1 : void 0,
-						class: "bb-table-header-row"
-					}, [
-						e.selectable ? (x(), m("th", {
-							key: 0,
-							class: y(["bb-table-header bb-table-header--select", e.thClass]),
-							scope: "col"
-						}, [C(e.$slots, "header:select", {
-							multiple: e.multiple,
-							selectAll: !!U.value,
-							text: e.selectText || E(M)("table.selectText").value
-						}, () => [h("span", ve, [e.allowSelectAll && e.multiple ? (x(), m("label", {
-							key: 0,
-							class: y(["bb-table-check__label", { "bb-table-check__label--disabled": e.disabled }])
-						}, [(x(), f(a, {
-							key: J.value.toString(),
-							modelValue: U.value,
-							"onUpdate:modelValue": t[0] ||= (e) => U.value = e,
-							class: "bb-table-check",
-							disabled: e.disabled,
-							indeterminate: J.value,
-							name: `select_all_${e.name || ""}`,
-							readonly: e.readonly
-						}, null, 8, [
-							"modelValue",
-							"disabled",
-							"indeterminate",
-							"name",
-							"readonly"
-						])), h("span", ye, w(e.selectAllLabel || E(M)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? p("", !0) : (x(), m("span", be, w(e.selectText || E(M)("table.selectText").value), 1))])])], 2)) : p("", !0),
-						(x(!0), m(u, null, S(Qe.value, (t) => (x(), m("th", {
-							key: t.key,
-							"aria-sort": t.sortDirection,
-							class: y(["bb-table-header", t.classes]),
-							scope: "col"
-						}, [C(e.$slots, t.slotName, {
-							classes: t.classes,
-							items: E(z),
-							label: t.label
-						}, () => [h("span", Se, w(t.label), 1)])], 10, xe))), 128)),
-						e.actions ? (x(), m("th", {
-							key: 1,
-							class: y(["bb-table-header bb-table-header--actions", e.thClass]),
-							scope: "col"
-						}, [C(e.$slots, "header:actions", { text: e.actionsText }, () => [h("span", Ce, w(e.actionsText), 1)])], 2)) : p("", !0)
-					], 8, _e)])]),
-					h("tbody", null, [P.value ? C(e.$slots, "loading", {
-						key: 0,
-						items: E(z)
-					}, () => [(x(!0), m(u, null, S($.value, (n, r) => (x(), m("tr", {
-						key: r,
-						"aria-rowindex": F.value ? r + 2 : void 0,
-						class: "bb-table-skeleton__row"
-					}, [
-						e.selectable ? (x(), m("td", Te, t[1] ||= [h("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : p("", !0),
-						(x(!0), m(u, null, S(A.columns, (e, n) => (x(), m("td", {
-							key: e.key,
-							class: y(["bb-table-skeleton__cell", `bb-table-skeleton__cell--${e.skeleton ?? "text"}`])
-						}, [!e.skeleton || e.skeleton === "text" ? (x(), m("div", Ee, [h("div", {
-							class: "bb-table-skeleton__line",
-							style: b({ width: `${Q[(r + n) % 4]}%` })
-						}, null, 4), h("div", {
-							class: "bb-table-skeleton__line",
-							style: b({ width: `${Q[(r + n + 2) % 4]}%` })
-						}, null, 4)])) : e.skeleton === "avatar" ? (x(), m("div", De)) : e.skeleton === "avatar-text" ? (x(), m("div", Oe, [t[2] ||= h("div", { class: "bb-table-skeleton__avatar" }, null, -1), h("div", ke, [h("div", {
-							class: "bb-table-skeleton__line",
-							style: b({ width: `${Q[(r + n) % 4]}%` })
-						}, null, 4), h("div", {
-							class: "bb-table-skeleton__line",
-							style: b({ width: `${Q[(r + n + 2) % 4]}%` })
-						}, null, 4)])])) : e.skeleton === "image" ? (x(), m("div", Ae)) : e.skeleton === "badge" ? (x(), m("div", je)) : p("", !0)], 2))), 128)),
-						e.actions ? (x(), m("td", Me, t[3] ||= [h("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : p("", !0)
-					], 8, we))), 128)), h("tr", {
-						"aria-rowindex": F.value ? $.value + 2 : void 0,
-						class: "bb-table-loading__row bb-table-loading__row--sr-only"
-					}, [h("td", {
-						colspan: I.value,
-						class: "bb-table-loading__cell",
-						"aria-live": "polite",
-						role: "status"
-					}, [h("span", Fe, w(e.loadingText), 1)], 8, Pe)], 8, Ne)]) : E(V).length ? C(e.$slots, "tbody", { key: 2 }, () => [(x(!0), m(u, null, S(H.value, (t) => (x(), m(u, { key: t.valueHash }, [h("tr", {
-						"aria-rowindex": F.value && t.rowIndex ? t.rowIndex : void 0,
-						class: "bb-table-data__row",
-						onClick: t.onRowClick,
-						onContextmenu: t.onRowContextMenu,
-						onDblclick: t.onRowDblClick
-					}, [
-						e.selectable ? (x(), m("td", {
-							key: 0,
-							class: y(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-						}, [C(e.$slots, "select", {
-							checked: Z(t),
-							disabled: !!t.disabled,
-							inputName: E(k),
-							item: t.item,
-							readonly: !!e.readonly,
-							value: t.value
-						}, () => [e.multiple ? (x(), m("label", {
-							key: 0,
-							class: y(["bb-table-check__label", { "bb-table-check__label--disabled": t.disabled }])
-						}, [g(a, {
-							checked: Z(t),
-							class: "bb-table-check",
-							disabled: t.disabled,
-							readonly: e.readonly,
-							onChange: () => X(t)
-						}, null, 8, [
-							"checked",
-							"disabled",
-							"readonly",
-							"onChange"
-						]), h("span", Be, w(t.accessibleLabel), 1)], 2)) : (x(), m("label", {
-							key: 1,
-							class: y(["bb-table-radio__label", { "bb-table-radio__label--disabled": t.disabled }])
-						}, [g(ie, {
-							checked: t.selected,
-							class: "bb-table-radio",
-							disabled: t.disabled,
-							name: E(k),
-							readonly: e.readonly,
-							value: t.value,
-							onChange: () => X(t)
-						}, null, 8, [
-							"checked",
-							"disabled",
-							"name",
-							"readonly",
-							"value",
-							"onChange"
-						]), h("span", Ve, w(t.accessibleLabel), 1)], 2))])], 2)) : p("", !0),
-						(x(!0), m(u, null, S(t.cols, (n) => (x(), m("td", {
-							key: n.key,
-							class: y(["bb-table-data__cell", n.classes])
-						}, [C(e.$slots, n.slotName, {
-							classes: n.classes,
-							content: n.content,
-							expanded: t.expanded,
-							item: t.item,
-							expandProps: K(t),
-							toggleExpanded: () => q(t.valueHash),
-							value: t.value
-						}, () => [le(w(n.content), 1)])], 2))), 128)),
-						e.actions ? (x(), m("td", {
-							key: 1,
-							class: y(["bb-table__cell bb-table__cell--actions", e.tdClass])
-						}, [C(e.$slots, "actions", {
-							expanded: t.expanded,
-							item: t.item,
-							expandProps: K(t),
-							toggleExpanded: () => q(t.valueHash),
-							value: t.value
-						})], 2)) : p("", !0)
-					], 40, ze), t.expanded ? (x(), m("tr", {
-						key: 0,
-						"aria-rowindex": F.value && t.rowIndex ? t.rowIndex + 1 : void 0,
-						id: `expanded_${t.valueHash}`,
-						class: "bb-table-expand__row"
-					}, [h("td", {
-						colspan: I.value,
-						class: "bb-table-expand__cell"
-					}, [C(e.$slots, "expand", {
-						expanded: t.expanded,
-						item: t.item,
-						expandProps: K(t),
-						toggleExpanded: () => q(t.valueHash),
-						value: t.value
-					})], 8, Ue)], 8, He)) : p("", !0)], 64))), 128))]) : C(e.$slots, "no-data", { key: 1 }, () => [h("tr", {
-						"aria-rowindex": F.value ? 2 : void 0,
-						class: "bb-table-no-data__row"
-					}, [h("td", {
-						class: "bb-table-no-data__cell",
-						colspan: I.value
-					}, [h("span", Re, w(e.noDataText || E(M)("table.noDataText").value), 1)], 8, Le)], 8, Ie)])]),
-					h("tfoot", null, [C(e.$slots, "tfoot")])
-				], 512),
-				(x(!0), m(u, null, S(tt.value, (e) => (x(), m("input", ue({
-					key: e.value,
-					ref_for: !0
-				}, e), null, 16))), 128))
-			]),
-			_: 3
-		}, 8, [
-			"aria-busy",
-			"aria-rowcount",
-			"class",
-			"inert"
-		]));
+	});
+}, n = (e) => Array.isArray(e) ? e : [e], r = (e) => e.split(/\W+/g).join("_").toLowerCase(), i = (e, t, r) => {
+	let i = [...n(e)];
+	return t && i.push(...n(t)), r && i.push(...n(r)), i;
+}, a = (e, t, r, i, a, o) => {
+	let s = [...n(e)], c = (e) => typeof e == "function" ? e(i, a, o) : e;
+	if (t) {
+		let e = c(t);
+		e && s.push(...n(e));
+	}
+	if (r) {
+		let e = c(r);
+		e && s.push(...n(e));
 	}
-});
+	return s;
+};
 //#endregion
-export { O as default };
+export { t as applyFixedTableColumns, r as columnKeyToSlotName, a as mergeCellClasses, i as mergeHeaderClasses };