bitboss-ui 2.1.127 → 2.1.128

package/dist/index327.js

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