bitboss-ui 2.1.127 → 2.1.129

package/dist/index327.js

@@ -0,0 +1,664 @@
+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 "./index325.js";
+import { applyFixedTableColumns as re, columnKeyToSlotName as p, mergeCellClasses as ie, mergeHeaderClasses as ae } from "./index326.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 ge, unref as D, useModel as _e, watch as O, withCtx as ve } from "vue";
+//#region src/components/BbTable/BbTable.vue?vue&type=script&setup=true&lang.ts
+var ye = {
+	key: 0,
+	class: "sr-only"
+}, be = ["aria-rowindex"], xe = { class: "bb-table-header__content" }, Se = { class: "bb-table-check__label-text sr-only" }, Ce = {
+	key: 1,
+	class: "bb-table-radio__label-text sr-only"
+}, we = ["aria-sort"], Te = { class: "bb-table-header__content" }, Ee = { class: "bb-table-header__content sr-only" }, De = ["aria-rowindex"], Oe = {
+	key: 0,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
+}, ke = {
+	key: 0,
+	class: "bb-table-skeleton__cell-content"
+}, Ae = {
+	key: 1,
+	class: "bb-table-skeleton__avatar"
+}, je = {
+	key: 2,
+	class: "bb-table-skeleton__avatar-text"
+}, Me = { class: "bb-table-skeleton__cell-content" }, Ne = {
+	key: 3,
+	class: "bb-table-skeleton__image"
+}, Pe = {
+	key: 4,
+	class: "bb-table-skeleton__badge"
+}, Fe = {
+	key: 1,
+	class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, Ie = ["aria-rowindex"], Le = ["colspan"], Re = { class: "bb-table-loading__text sr-only" }, ze = ["aria-rowindex"], Be = ["colspan"], Ve = { class: "bb-table-no-data__text" }, He = [
+	"aria-rowindex",
+	"onClick",
+	"onContextmenu",
+	"onDblclick"
+], Ue = { class: "bb-table-check__label-text sr-only" }, We = { class: "bb-table-radio__label-text sr-only" }, Ge = ["aria-rowindex", "id"], Ke = ["colspan"], qe = /* @__PURE__ */ y({
+	__name: "BbTable",
+	props: /* @__PURE__ */ le({
+		accessibleLabel: {},
+		actions: { type: Boolean },
+		actionsText: { default: "Azioni" },
+		align: { default: "left" },
+		id: {},
+		inheritColumnWidths: {
+			type: [Boolean, String],
+			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__ */ 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: qe } = c(), Je = t().id.value, k = y, A = le;
+		k.multiple && !Array.isArray(k.modelValue) && n().throw("BbTable is set for multiple selection but modelValue is not an array.");
+		let { t: j } = r(), M = C(), N = C(), { id: Ye, parentId: P, parentNode: F, cssVars: Xe, parentVar: Ze, setTracks: Qe } = ne({
+			id: () => k.id,
+			container: () => N.value,
+			inheritFrom: () => typeof k.inheritColumnWidths == "string" ? k.inheritColumnWidths : void 0
+		}), I = h(() => k.inheritColumnWidths !== !1), L = h(() => k.fixed || k.columns.some((e) => e.width != null) || I.value && !!P.value), R = h(() => I.value && !!P.value), $e = R, 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 = F.value?.tracks;
+			return e ? Object.keys(e).filter((e) => /^\d+$/.test(e)).length : 0;
+		}), nt = h(() => {
+			let e = F.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 (F.value?.tracks ?? {}))), it = h(() => rt.value + tt.value), at = h(() => nt.value.length), ot = (e) => {
+			let t = nt.value[e];
+			return t ? Ze(t, "0px") : "0px";
+		}, st = (e, t) => {
+			if (!P.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;
+		}, z = h(() => {
+			let e = k.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) => R.value && e.start >= it.value, lt = h(() => z.value.some(ct)), B = (e) => k.columns[e]?.width == null && !R.value, V = h(() => {
+			if (!R.value) return -1;
+			for (let e = k.columns.length - 1; e >= 0; e--) {
+				let t = k.columns[e];
+				if (t.width == null && t.snap == null) return e;
+			}
+			return -1;
+		}), ut = h(() => {
+			let e = z.value[0];
+			if (!I.value || !P.value || !e) return null;
+			let t = st(0, e.start), n = k.selectable ? H.select : null;
+			return n ? `calc(${t ?? "0px"} - ${n})` : t;
+		}), dt = h(() => {
+			let e = z.value, t = e[e.length - 1];
+			if (!I.value || !P.value || !t || lt.value || V.value === k.columns.length - 1) return null;
+			let n = st(t.end, at.value), r = k.actions ? H.actions : null;
+			return r ? `calc(${n ?? "0px"} - ${r})` : n;
+		}), ft = h(() => ut.value !== null), pt = h(() => dt.value !== null), H = me({
+			select: null,
+			actions: null
+		}), mt = h(() => {
+			let e = (e) => I.value ? Ze(e) : "auto", t = (t) => L.value && H[t] ? H[t] : e(t), n = [];
+			k.selectable && n.push({
+				key: "select",
+				width: t("select")
+			});
+			let r = k.columns.length - 1;
+			return k.columns.forEach((e, t) => {
+				let i = String(t), a = e.width == null ? null : et(e.width), o = z.value[t];
+				if (t === V.value && !lt.value) {
+					n.push({
+						key: i,
+						width: "auto"
+					});
+					return;
+				}
+				let s;
+				s = a ?? (B(t) ? L.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
+				});
+			}), k.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 = {
+				...Xe.value,
+				...ht.value
+			};
+			return Ct.value && (e["--bb-table-natural-width"] = Ct.value), U.value > 0 && (e["--bb-table-fill"] = `${U.value}px`), e;
+		}), _t = () => Array.from(M.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`);
+			}), Qe(t);
+		}, yt = () => {
+			let e = M.value;
+			if (!e) return;
+			let t = (t) => {
+				let n = 0;
+				return e.querySelectorAll(t).forEach((e) => {
+					let t = Infinity, r = -Infinity;
+					e.querySelectorAll(":scope > *").forEach((e) => {
+						let n = e.getBoundingClientRect();
+						t = Math.min(t, n.left), r = Math.max(r, n.right);
+					});
+					let i = r > t ? r - t : 0, a = getComputedStyle(e), o = parseFloat(a.paddingLeft) + parseFloat(a.paddingRight);
+					n = Math.max(n, i + o);
+				}), n > 0 ? `${Math.ceil(n)}px` : null;
+			};
+			H.select = k.selectable ? t(":scope > thead > tr > th.bb-table-header--select, :scope > tbody > tr > td.bb-table-data__cell--select") : null, H.actions = k.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([]), U = C(0), Ct = C(null), wt = () => {
+			let e = N.value;
+			if (!e || !L.value || !k.columns.some((e) => e.width != null) && !lt.value && V.value < 0) return;
+			let t = e.offsetWidth, n = +!!k.selectable, r = H.select ? parseFloat(H.select) : 0, i = H.actions ? parseFloat(H.actions) : 0, a = _t(), o = 0, s = 0;
+			k.columns.forEach((e, t) => {
+				let r = a[n + t]?.getBoundingClientRect().width ?? 0;
+				e.width != null && (o += r), B(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"));
+			k.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 = k.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 = k.columns.reduce((e, t, n) => e + (B(n) ? f[n] : 0), 0), re = t - s - r - i, p = (e) => `${Number(e.toFixed(3))}px`;
+			if (xt.value = k.columns.map((e, t) => {
+				if (!B(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), V.value >= 0) {
+				let e = Object.values(F.value?.tracks ?? {}).reduce((e, t) => e + (parseFloat(t) || 0), 0), t = a.reduce((e, t) => e + t.getBoundingClientRect().width, 0);
+				U.value = Math.max(0, e - t + U.value);
+			} else U.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;
+		}, W = null, Tt, Et = () => {
+			W !== null && clearTimeout(W), W = setTimeout(() => {
+				W = null, wt();
+			}, 200);
+		}, G, Dt, Ot = () => {
+			G && (G.disconnect(), _t().forEach((e) => G?.observe(e)), bt());
+		};
+		pe(() => {
+			G = new ResizeObserver(() => bt()), Ot(), de(wt), M.value && (Tt = new MutationObserver(Et), Tt.observe(M.value, {
+				childList: !0,
+				subtree: !0,
+				characterData: !0
+			})), N.value && (Dt = new ResizeObserver(Et), Dt.observe(N.value));
+		}), fe(() => {
+			G?.disconnect(), Dt?.disconnect(), Tt?.disconnect(), W !== null && clearTimeout(W);
+		}), O(mt, () => de(Ot), { flush: "post" });
+		let kt = (e) => [j("table.select").value, ...e.map((e) => e.content)].join(" "), At = h(() => k.selectable ? "fieldset" : "div"), jt = h(() => k.loading || Lt.value), K = h(() => !u(k.page) && !u(k.perPage) && !u(k.totalItems)), Mt = h(() => ({
+			"bb-table": !0,
+			[`bb-table--align-${k.align}`]: !0,
+			"bb-table--compact": k.compact,
+			"bb-table--fixed": L.value,
+			"bb-table--inherit-widths": $e.value,
+			"bb-table--fixed-header": k.fixedHeaders,
+			"bb-table--loading": jt.value,
+			"bb-table--empty": !q.value.length,
+			"bb-table--selectable": !!k.selectable,
+			"scrollbar-border": !0
+		})), Nt = h(() => k.columns.length + Number(!!k.selectable) + Number(!!k.actions)), Pt = h(() => Object.fromEntries(k.columns.map((e) => [e.key, p(e.key)]))), { getter: Ft, items: It, loading: Lt } = o({ items: ge(k, "items") }), { hasPrefilled: Rt } = ee({
+			trigger: !0,
+			fn: async (e) => {
+				await Ft(e, k.modelValue);
+			}
+		}), { data: zt } = s({ items: ge(k, "modelValue") }), { options: q } = l({
+			disabled: ge(k, "disabled"),
+			items: It,
+			itemText: void 0,
+			itemValue: k.itemValue,
+			max: k.max,
+			selectable: !0,
+			selectedIndexedByHash: zt
+		}), Bt = async (e) => {
+			k.multiple ? A("update:modelValue", k.modelValue.concat(e.value)) : A("update:modelValue", e.value);
+		}, Vt = async (e) => {
+			if (k.multiple) {
+				let t = { ...zt.value };
+				delete t[e.valueHash], A("update:modelValue", Object.values(t));
+			} else A("update:modelValue", null);
+		};
+		d(() => [k.dependencies, k.items], async () => {
+			Rt.value && await Ft(!1, k.modelValue);
+		}, { debounce: k.depsDebounceTime });
+		let Ht = (e, t) => {
+			let n = Pt.value[e.key], r = e.align ?? "left", i = qe(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}`], k.tdClass, e.tdClass, i, e.key, t.item),
+				content: i,
+				key: e.key,
+				label: e.label,
+				slotName: n
+			};
+		}, Ut = h(() => k.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}`], k.thClass, e.thClass),
+				sortDirection: r
+			};
+		})), Wt = h(() => {
+			let e = 0;
+			return q.value.map((t, n) => {
+				let r = !k.selectable || typeof k.selectable == "function" && !k.selectable(t.item) || !!t.disabled, i = (k.page ?? -1) * (k.perPage ?? 0), a = n + 1, o = i + 1 + a + e, s = k.columns.map((e) => Ht(e, t)), c = X.value[t.valueHash] ?? !1;
+				return c && e++, {
+					accessibleLabel: kt(s),
+					cols: s,
+					expanded: c,
+					onRowClick: (e) => A("click:row", e, t, !!t.selected),
+					onRowContextMenu: (e) => A("contextmenu:row", e, t, !!t.selected),
+					onRowDblClick: (e) => A("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
+				};
+			});
+		}), J = _e(y, "selectAll"), Y = _e(y, "expandedItems"), { data: X } = s({ items: Y }), Gt = (e, t) => {
+			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), Z(t)));
+		}, Kt = (e) => ({
+			"aria-controls": u(X.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+			"aria-expanded": e.expanded ? "true" : "false",
+			onClick: (t) => {
+				t.stopPropagation(), Z(e.valueHash);
+			},
+			onKeydown: (t) => Gt(t, e.valueHash)
+		}), Z = (e) => {
+			let t = q.value.find((t) => t.valueHash === e);
+			t && (e in X.value ? Y.value = Y.value.filter((t) => i(t) !== e) : Y.value = [...Y.value, t.value]);
+		};
+		O(J, () => {
+			Q.clear(), A("update:unselectedItems", []), A("update:modelValue", []);
+		});
+		let qt = h(() => !!(k.multiple && k.modelValue.length > 0 && !k.selectAll || J.value && Q.size > 0)), Q = me(/* @__PURE__ */ new Set());
+		O(() => k.unselectedItems, () => {
+			Q.clear(), k.unselectedItems.forEach((e) => {
+				Q.add(i(e));
+			});
+		});
+		let Jt = (e) => {
+			if (Yt(e)) {
+				Vt(e), A("item:unselected", e.value), Q.add(e.valueHash), A("update:unselectedItems", [...k.unselectedItems, e.value]);
+				return;
+			}
+			J.value || Bt(e), A("item:selected", e.value), Q.delete(e.valueHash), A("update:unselectedItems", k.unselectedItems.filter((t) => i(t) !== i(e.value)));
+		}, Yt = (e) => Q.has(e.valueHash) ? !1 : e.selected || J.value, Xt = te((e) => typeof e != "string", JSON.stringify), Zt = h(() => [].concat(k.modelValue ?? []).map((e) => ({
+			disabled: k.disabled,
+			name: k.name,
+			type: "hidden",
+			value: Xt(e)
+		}))), $ = [
+			70,
+			45,
+			85,
+			55
+		], Qt = h(() => e(q.value.length || k.columns.length || 1, 4, 10));
+		return O(() => [Wt.value, k.fixedColumns], () => {
+			M.value && k.fixedColumns?.length && re(M.value, k.fixedColumns);
+		}, { flush: "post" }), (e, t) => (S(), oe(he(At.value), {
+			ref_key: "containerRef",
+			ref: N,
+			"aria-busy": jt.value,
+			"aria-rowcount": K.value ? k.totalItems : void 0,
+			class: b(Mt.value),
+			"data-bb-table-id": D(Ye),
+			inert: e.disabled,
+			style: x(gt.value)
+		}, {
+			default: ve(() => [
+				e.selectable ? (S(), _("legend", ye, E(e.legend), 1)) : g("", !0),
+				v("table", {
+					ref_key: "tableRef",
+					ref: M
+				}, [
+					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": K.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: !!J.value,
+							text: e.selectText || D(j)("table.selectText").value
+						}, () => [v("span", xe, [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: qt.value.toString(),
+							modelValue: J.value,
+							"onUpdate:modelValue": t[0] ||= (e) => J.value = e,
+							class: "bb-table-check",
+							disabled: e.disabled,
+							indeterminate: qt.value,
+							name: `select_all_${e.name || ""}`,
+							readonly: e.readonly
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"indeterminate",
+							"name",
+							"readonly"
+						])), v("span", Se, E(e.selectAllLabel || D(j)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? g("", !0) : (S(), _("span", Ce, E(e.selectText || D(j)("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: D(It),
+							label: t.label
+						}, () => [v("span", Te, E(t.label), 1)])], 10, we))), 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", Ee, E(e.actionsText), 1)])], 2)) : g("", !0)
+					], 8, be)])]),
+					v("tbody", null, [jt.value ? T(e.$slots, "loading", {
+						key: 0,
+						items: D(It)
+					}, () => [(S(!0), _(m, null, w(Qt.value, (n, r) => (S(), _("tr", {
+						key: r,
+						"aria-rowindex": K.value ? r + 2 : void 0,
+						class: "bb-table-skeleton__row"
+					}, [
+						e.selectable ? (S(), _("td", Oe, t[1] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0),
+						(S(!0), _(m, null, w(k.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", ke, [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", Ae)) : e.skeleton === "avatar-text" ? (S(), _("div", je, [t[2] ||= v("div", { class: "bb-table-skeleton__avatar" }, null, -1), v("div", Me, [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", Ne)) : e.skeleton === "badge" ? (S(), _("div", Pe)) : g("", !0)], 2))), 128)),
+						e.actions ? (S(), _("td", Fe, t[3] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0)
+					], 8, De))), 128)), v("tr", {
+						"aria-rowindex": K.value ? Qt.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", Re, E(e.loadingText), 1)], 8, Le)], 8, Ie)]) : D(q).length ? T(e.$slots, "tbody", { key: 2 }, () => [(S(!0), _(m, null, w(Wt.value, (t) => (S(), _(m, { key: t.valueHash }, [v("tr", {
+						"aria-rowindex": K.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: Yt(t),
+							disabled: !!t.disabled,
+							inputName: D(Je),
+							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: Yt(t),
+							class: "bb-table-check",
+							disabled: t.disabled,
+							readonly: e.readonly,
+							onChange: () => Jt(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"readonly",
+							"onChange"
+						]), v("span", Ue, 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: D(Je),
+							readonly: e.readonly,
+							value: t.value,
+							onChange: () => Jt(t)
+						}, null, 8, [
+							"checked",
+							"disabled",
+							"name",
+							"readonly",
+							"value",
+							"onChange"
+						]), v("span", We, 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: Kt(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: Kt(t),
+							toggleExpanded: () => Z(t.valueHash),
+							value: t.value
+						})], 2)) : g("", !0)
+					], 40, He), t.expanded ? (S(), _("tr", {
+						key: 0,
+						"aria-rowindex": K.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: Kt(t),
+						toggleExpanded: () => Z(t.valueHash),
+						value: t.value
+					})], 8, Ke)], 8, Ge)) : g("", !0)], 64))), 128))]) : T(e.$slots, "no-data", { key: 1 }, () => [v("tr", {
+						"aria-rowindex": K.value ? 2 : void 0,
+						class: "bb-table-no-data__row"
+					}, [v("td", {
+						class: "bb-table-no-data__cell",
+						colspan: Nt.value
+					}, [v("span", Ve, E(e.noDataText || D(j)("table.noDataText").value), 1)], 8, Be)], 8, ze)])]),
+					v("tfoot", null, [T(e.$slots, "tfoot")])
+				], 512),
+				(S(!0), _(m, null, w(Zt.value, (e) => (S(), _("input", ue({
+					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 { qe as default };