bitboss-ui 3.0.0-beta.20 → 3.0.0-beta.21

package/dist/components/BbTable/BbTable.vue_vue_type_script_setup_true_lang.js

@@ -22,24 +22,24 @@ import { useTableWidthContext as le } from "../../composables/useTableWidthConte
 import ue from "./BbTableDataRow.js";
 import de from "./BbTableExpandRow.js";
 import { applyFixedTableColumns as fe, columnKeyToSlotName as pe, completeColumnOrder as me, mergeCellClasses as he, mergeHeaderClasses as ge, mergeRowClasses as _e, moveColumnKey as ve, orderColumns as ye, readResolvedTracks as be, sameColumnOrder as xe } from "./utils.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as Se, defineComponent as Ce, getCurrentInstance as we, mergeModels as Te, mergeProps as Ee, nextTick as De, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as Oe, onMounted as ke, openBlock as S, reactive as Ae, ref as C, renderList as je, renderSlot as w, resolveDynamicComponent as Me, shallowRef as Ne, toDisplayString as T, toRef as Pe, unref as E, useModel as Fe, useSlots as Ie, watch as D, withCtx as Le, withModifiers as Re } from "vue";
-import { defaultRangeExtractor as ze, elementScroll as Be, observeElementOffset as Ve, observeElementRect as He, observeWindowOffset as Ue, observeWindowRect as We, useVirtualizer as Ge, windowScroll as Ke } from "@tanstack/vue-virtual";
+import { Fragment as m, computed as h, createBlock as Se, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as Ce, defineComponent as we, getCurrentInstance as Te, mergeModels as Ee, mergeProps as De, nextTick as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as Oe, onBeforeUpdate as ke, onMounted as Ae, openBlock as S, reactive as je, ref as C, renderList as Me, renderSlot as w, resolveDynamicComponent as Ne, shallowRef as Pe, toDisplayString as T, toRef as Fe, unref as E, useModel as Ie, useSlots as Le, watch as D, watchEffect as Re, withCtx as ze, withModifiers as Be } from "vue";
+import { defaultRangeExtractor as Ve, elementScroll as He, observeElementOffset as Ue, observeElementRect as We, observeWindowOffset as Ge, observeWindowRect as Ke, useVirtualizer as qe, windowScroll as Je } from "@tanstack/vue-virtual";
 //#region src/components/BbTable/BbTable.vue?vue&type=script&setup=true&lang.ts
-var qe = {
+var Ye = {
 	key: 0,
 	class: "sr-only"
-}, Je = ["id"], Ye = ["id"], Xe = {
+}, Xe = ["id"], Ze = ["id"], Qe = {
 	"aria-live": "polite",
 	class: "bb-table-loading__text sr-only",
 	role: "status"
-}, Ze = {
+}, $e = {
 	"aria-live": "polite",
 	class: "bb-table__reorder-status sr-only",
 	role: "status"
-}, Qe = ["aria-labelledby", "aria-rowcount"], $e = ["inert"], et = ["aria-rowindex"], tt = { class: "bb-table-header__content" }, nt = { class: "bb-table-check__label-text sr-only" }, rt = {
+}, et = ["aria-labelledby", "aria-rowcount"], tt = ["inert"], nt = ["aria-rowindex"], rt = { class: "bb-table-header__content" }, it = { class: "bb-table-check__label-text sr-only" }, at = {
 	key: 1,
 	class: "bb-table-radio__label-text sr-only"
-}, it = [
+}, ot = [
 	"aria-describedby",
 	"aria-sort",
 	"data-column-key",
@@ -47,37 +47,36 @@ var qe = {
 	"onClick",
 	"onFocus",
 	"onKeydown"
-], at = { class: "bb-table-header__content" }, ot = {
+], st = { class: "bb-table-header__content" }, ct = {
 	key: 1,
 	class: "bb-table-header__content"
-}, st = ["onDblclick", "onPointerdown"], ct = { class: "bb-table-header__content sr-only" }, lt = ["aria-rowindex"], ut = {
+}, lt = ["onDblclick", "onPointerdown"], ut = { class: "bb-table-header__content sr-only" }, dt = ["aria-rowindex"], ft = {
 	key: 0,
 	class: "bb-table-skeleton__cell bb-table-skeleton__cell--select",
 	role: "cell"
-}, dt = {
+}, pt = {
 	key: 0,
 	class: "bb-table-skeleton__cell-content"
-}, ft = {
+}, mt = {
 	key: 1,
 	class: "bb-table-skeleton__avatar"
-}, pt = {
+}, ht = {
 	key: 2,
 	class: "bb-table-skeleton__avatar-text"
-}, mt = { class: "bb-table-skeleton__cell-content" }, ht = {
+}, gt = { class: "bb-table-skeleton__cell-content" }, _t = {
 	key: 3,
 	class: "bb-table-skeleton__image"
-}, gt = {
+}, vt = {
 	key: 4,
 	class: "bb-table-skeleton__badge"
-}, _t = {
+}, yt = {
 	key: 1,
 	class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions",
 	role: "cell"
-}, vt = ["aria-rowindex"], yt = ["aria-colspan"], bt = { class: "bb-table-no-data__text" }, xt = ["data-index"], St = ["role"], Ct = 48, wt = 10, Tt = "bb-table-resizing", Et = 5, Dt = 10, Ot = 500, kt = 40, At = 12, jt = 4, Mt = 12, Nt = "a, button:not(.bb-table-sort), input, select, textarea, [contenteditable], [role=\"button\"], .bb-table-header__resizer", Pt = 12, Ft = 10, It = 600, Lt = 120, Rt = 6, zt = 120, Bt = 10, O = /*@__PURE__*/ Ce({
+}, bt = ["aria-rowindex"], xt = ["aria-colspan"], St = { class: "bb-table-no-data__text" }, Ct = ["data-index"], wt = ["role"], Tt = 48, Et = 10, Dt = "bb-table-resizing", Ot = 5, kt = 10, At = 500, jt = 40, Mt = 12, Nt = 4, Pt = 12, Ft = "a, button:not(.bb-table-sort), input, select, textarea, [contenteditable], [role=\"button\"], .bb-table-header__resizer", It = 12, Lt = 10, Rt = 600, zt = 120, Bt = 6, Vt = 120, Ht = 10, O = /*@__PURE__*/ we({
 	__name: "BbTable",
-	props: /*@__PURE__*/ Te({
+	props: /*@__PURE__*/ Ee({
 		accessibleLabel: {},
-		actions: { type: Boolean },
 		actionsText: {},
 		align: { default: "left" },
 		caption: {},
@@ -90,8 +89,9 @@ var qe = {
 		enforceCoherence: { type: Boolean },
 		expandedItems: {},
 		fixed: { type: Boolean },
-		fixedColumns: { default: () => [] },
+		fixedActions: { type: Boolean },
 		fixedHeaders: { type: Boolean },
+		fixedSelect: { type: Boolean },
 		headerRowClass: {},
 		highlighted: {},
 		id: {},
@@ -161,7 +161,7 @@ var qe = {
 		},
 		expandedItemsModifiers: {}
 	}),
-	emits: /*@__PURE__*/ Te([
+	emits: /*@__PURE__*/ Ee([
 		"click:row",
 		"contextmenu:row",
 		"dblclick:row",
@@ -171,6 +171,7 @@ var qe = {
 		"update:sort",
 		"update:order",
 		"resize:column",
+		"hide:column",
 		"update:expandedItems",
 		"update:unselectedItems",
 		"item:selected",
@@ -182,69 +183,94 @@ var qe = {
 		"update:highlighted",
 		"update:expandedItems"
 	]),
-	setup(Ce, { emit: Te }) {
-		let O = Fe(Ce, "selectAll"), k = Fe(Ce, "sort"), Vt = Fe(Ce, "order"), A = Fe(Ce, "highlighted"), j = Fe(Ce, "expandedItems"), M = Ce, N = Te, P = Ie();
+	setup(we, { emit: Ee }) {
+		let O = Ie(we, "selectAll"), k = Ie(we, "sort"), A = Ie(we, "order"), j = Ie(we, "highlighted"), M = Ie(we, "expandedItems"), N = we, P = Ee, F = Le();
 		process.env.NODE_ENV !== "production" && r("BbTable", t("BbTable"));
-		let { getItemValue: Ht } = f(), Ut = e().id.value;
-		M.multiple && !Array.isArray(M.modelValue) && n().throw("BbTable is set for multiple selection but modelValue is not an array.");
-		let Wt = ["actions", "select"], Gt = ["prepend", "append"], Kt = (e) => Gt.includes(e);
+		let I = C(!!F.actions);
+		ke(() => {
+			let e = !!F.actions;
+			e !== I.value && (I.value = e);
+		});
+		let { getItemValue: Ut } = f(), Wt = e().id.value;
+		N.multiple && !Array.isArray(N.modelValue) && n().throw("BbTable is set for multiple selection but modelValue is not an array.");
+		let Gt = ["actions", "select"], Kt = ["prepend", "append"], qt = (e) => Kt.includes(e);
 		if (process.env.NODE_ENV !== "production") {
-			let e = M.columns.filter((e) => Wt.includes(e.key));
-			for (let t of e) n().warn(`BbTable: \`{ key: '${String(t.key)}' }\` is a reserved column and must not appear in \`columns\`. ` + (t.key === "actions" ? "Set the `actions` prop and fill the `#actions` slot instead." : "Selection is controlled by the `selectable` prop."));
-			for (let e of M.columns) {
+			let e = N.columns.filter((e) => Gt.includes(e.key));
+			for (let t of e) n().warn(`BbTable: \`{ key: '${String(t.key)}' }\` is a reserved column and must not appear in \`columns\`. ` + (t.key === "actions" ? "Fill the `#actions` slot instead — the slot creates the column." : "Selection is controlled by the `selectable` prop."));
+			for (let e of N.columns) {
 				let t = pe(e.key);
-				Kt(t) && n().warn(`BbTable: column key '${String(e.key)}' normalizes to the slot name '${t}', which collides with the table-wide \`#header:${t}\` slot. That name keeps its table-wide meaning and per-column header slots are unavailable for this column.`);
+				qt(t) && n().warn(`BbTable: column key '${String(e.key)}' normalizes to the slot name '${t}', which collides with the table-wide \`#header:${t}\` slot. That name keeps its table-wide meaning and per-column header slots are unavailable for this column.`);
 			}
 		}
-		let { t: F } = c(), I = C(), L = C(), { id: qt, parentId: Jt, parentNode: Yt, node: Xt, cssVars: Zt, parentVar: Qt, setTracks: $t } = le({
-			id: () => M.id,
-			container: () => L.value,
-			inheritFrom: () => typeof M.inheritColumnWidths == "string" ? M.inheritColumnWidths : void 0
-		}), en = h(() => `${qt.value}__caption`), tn = h(() => `${qt.value}__header_instructions`), nn = h(() => !!(M.reorderable || M.resizable)), rn = h(() => M.columns.map((e) => String(e.key))), R = C(null), z = h(() => {
-			let e = R.value ?? Vt.value;
-			if (!e.length) return M.columns;
-			let t = ye(M.columns, e);
-			return t.every((e, t) => e === M.columns[t]) ? M.columns : t;
-		}), an = h(() => z.value.map((e) => String(e.key))), on = (e, t) => {
-			let n = me(Vt.value, rn.value), r = ve(Vt.value, rn.value, e, t);
+		let { t: L } = c(), R = C(), Jt = C(), { id: Yt, parentId: Xt, parentNode: Zt, node: Qt, cssVars: $t, parentVar: en, setTracks: tn } = le({
+			id: () => N.id,
+			container: () => Jt.value,
+			inheritFrom: () => typeof N.inheritColumnWidths == "string" ? N.inheritColumnWidths : void 0
+		}), nn = h(() => `${Yt.value}__caption`), rn = h(() => `${Yt.value}__header_instructions`), an = h(() => !!(N.reorderable || N.resizable)), on = C(/* @__PURE__ */ new Set()), sn = h(() => {
+			let e = new Set(on.value);
+			for (let t of N.columns) t.hidden && e.add(String(t.key));
+			return e;
+		}), cn = h(() => {
+			let e = sn.value;
+			return e.size ? N.columns.filter((t) => !e.has(String(t.key))) : N.columns;
+		}), ln = (e) => {
+			if (sn.value.has(e)) return;
+			let t = vn(e), n = V.value.indexOf(e), r = !!t && t.contains(document.activeElement) && an.value;
+			on.value = /* @__PURE__ */ new Set([...on.value, e]), P("hide:column", e), r && y(() => yn(n));
+		};
+		D(() => N.columns.map((e) => [String(e.key), !!e.hidden]), (e, t) => {
+			if (!t || !on.value.size) return;
+			let n = new Map(t), r = on.value, i = e.filter(([e, t]) => n.has(e) && n.get(e) !== t && r.has(e) && !t);
+			if (!i.length) return;
+			let a = new Set(r);
+			for (let [e] of i) a.delete(e);
+			on.value = a;
+		});
+		let un = h(() => N.columns.map((e) => String(e.key))), z = C(null), B = h(() => {
+			let e = cn.value, t = z.value ?? A.value;
+			if (!t.length) return e;
+			let n = ye(e, t);
+			return n.every((t, n) => t === e[n]) ? e : n;
+		}), V = h(() => B.value.map((e) => String(e.key))), dn = (e, t) => {
+			let n = me(A.value, un.value), r = ve(A.value, un.value, e, t, sn.value);
 			return xe(r, n) ? null : r;
-		}, sn = C("");
-		D(() => M.reorderable, () => {
-			sn.value = "";
+		}, fn = C("");
+		D(() => N.reorderable, () => {
+			fn.value = "";
 		});
-		let cn = (e, t) => {
-			let n = z.value, r = n.findIndex((t) => String(t.key) === e);
-			r < 0 || r === t || (sn.value = F("table.columnMoved", n[r].label, r + 1, n.length).value);
-		}, ln = C(null), un = h(() => {
-			let e = an.value, t = ln.value;
+		let pn = (e, t) => {
+			let n = B.value, r = n.findIndex((t) => String(t.key) === e);
+			r < 0 || r === t || (fn.value = L("table.columnMoved", n[r].label, r + 1, n.length).value);
+		}, mn = C(null), hn = h(() => {
+			let e = V.value, t = mn.value;
 			return t !== null && e.includes(t) ? t : e[0] ?? null;
-		}), dn = (e, t) => {
+		}), gn = (e, t) => {
 			if (!t.sortable) return;
 			let n = e.target;
 			if (!(n instanceof Element)) return;
 			let r = e.currentTarget;
 			if (n.closest(".bb-table-sort")) return;
-			let i = n.closest(Nt);
-			i && r.contains(i) || window.getSelection()?.toString() || mr(t.key);
-		}, fn = (e) => {
-			nn.value && (ln.value = e);
-		}, pn = (e) => I.value?.querySelector(`:scope > .bb-table__head > .bb-table-header-row > [data-column-key="${CSS.escape(e)}"]`) ?? null, mn = (e) => {
-			let t = an.value, n = t[Math.max(0, Math.min(t.length - 1, e))];
-			n && (ln.value = n, pn(n)?.focus());
-		}, hn = async (e, t) => {
-			if (!nn.value) return;
+			let i = n.closest(Ft);
+			i && r.contains(i) || window.getSelection()?.toString() || yr(t.key);
+		}, _n = (e) => {
+			an.value && (mn.value = e);
+		}, vn = (e) => R.value?.querySelector(`:scope > .bb-table__head > .bb-table-header-row > [data-column-key="${CSS.escape(e)}"]`) ?? null, yn = (e) => {
+			let t = V.value, n = t[Math.max(0, Math.min(t.length - 1, e))];
+			n && (mn.value = n, vn(n)?.focus());
+		}, bn = async (e, t) => {
+			if (!an.value) return;
 			let n = e.currentTarget, r = e.target;
 			if (!(r instanceof Element) || r !== n && !r.closest(".bb-table-sort")) return;
 			let i = getComputedStyle(n).direction === "rtl";
 			if (e.altKey && !e.ctrlKey && !e.metaKey) {
-				if (!gn.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+				if (!xn.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 				e.preventDefault();
-				let r = e.key === "ArrowRight" !== i, a = B.value[t] ?? n.getBoundingClientRect().width;
-				wn({ [t]: a + (r ? 1 : -1) * wt });
+				let r = e.key === "ArrowRight" !== i, a = H.value[t] ?? n.getBoundingClientRect().width;
+				kn({ [t]: a + (r ? 1 : -1) * Et });
 				return;
 			}
 			if (e.ctrlKey || e.metaKey) return;
-			let a = an.value, o = a.indexOf(t);
+			let a = V.value, o = a.indexOf(t);
 			if (o < 0) return;
 			let s;
 			switch (e.key) {
@@ -262,102 +288,102 @@ var qe = {
 					break;
 				case "Enter":
 				case " ":
-					if (r !== n || !z.value[o]?.sortable) return;
-					e.preventDefault(), mr(t);
+					if (r !== n || !B.value[o]?.sortable) return;
+					e.preventDefault(), yr(t);
 					return;
 				default: return;
 			}
 			if (e.preventDefault(), !e.shiftKey) {
-				mn(s);
+				yn(s);
 				return;
 			}
-			if (!M.reorderable) return;
-			let c = on(t, s);
-			c && (sn.value = "", Vt.value = c, ln.value = t, await De(), pn(t)?.focus(), cn(t, o));
+			if (!N.reorderable) return;
+			let c = dn(t, s);
+			c && (fn.value = "", A.value = c, mn.value = t, await y(), vn(t)?.focus(), pn(t, o));
 		};
-		process.env.NODE_ENV !== "production" && (D(Vt, (e) => {
+		process.env.NODE_ENV !== "production" && (D(A, (e) => {
 			new Set(e).size !== e.length && n().warn("BbTable: `order` lists a key more than once — the first occurrence wins.");
-		}, { immediate: !0 }), D(() => M.columns.some((e) => e.snap != null) && (!!M.reorderable || z.value !== M.columns), (e) => {
-			e && n().warn("BbTable: `snap` is positional in the parent's rendered order and does not compose with `order` / `reorderable` on the same table — order the parent (a snap-mapped child follows its slots), or drop the snaps and share the parent's `order` with a same-key child.");
+		}, { immediate: !0 }), D(() => N.columns.some((e) => e.snap != null) && (!!N.reorderable || B.value !== N.columns), (e) => {
+			e && n().warn("BbTable: `snap` names a PARENT column and the child renders in its own order — it does not compose with `order` / `reorderable` / a `hidden` column on the snapped table itself. Order and hide on the parent (a key-snapped child follows it), or drop the snaps.");
 		}, { immediate: !0 }));
-		let gn = h(() => !!M.resizable && !K.value), B = C({}), V = C(null), _n = C(null), vn = (e) => {
+		let xn = h(() => !!N.resizable && !J.value), H = C({}), U = C(null), Sn = C(null), Cn = (e) => {
 			let t = String(e.key);
-			return V.value?.[t] ?? B.value[t] ?? e.width ?? (q.value ? J.value[t] : void 0);
-		}, yn = (e) => {
+			return U.value?.[t] ?? H.value[t] ?? e.width ?? (Y.value ? X.value[t] : void 0);
+		}, wn = (e) => {
 			let t = String(e.key);
-			return V.value?.[t] !== void 0 || t in B.value;
-		}, bn = h(() => Object.keys(V.value ?? {}).join(" ")), xn = h(() => /* @__PURE__ */ new Set([...Object.keys(B.value), ...bn.value.split(" ").filter(Boolean)])), Sn = h(() => {
-			let e = /* @__PURE__ */ new Map(), t = xn.value, n = q.value, r = J.value;
-			for (let i of z.value) {
+			return U.value?.[t] !== void 0 || t in H.value;
+		}, Tn = h(() => Object.keys(U.value ?? {}).join(" ")), En = h(() => /* @__PURE__ */ new Set([...Object.keys(H.value), ...Tn.value.split(" ").filter(Boolean)])), Dn = h(() => {
+			let e = /* @__PURE__ */ new Map(), t = En.value, n = Y.value, r = X.value;
+			for (let i of B.value) {
 				let a = String(i.key), o = n && i.width == null, s = [];
 				o && s.push("bb-table-data__cell--nowrap"), t.has(a) && s.push("bb-table-data__cell--resized"), (t.has(a) || o && a in r) && s.push("bb-table-data__cell--clip"), s.length && e.set(a, s.join(" "));
 			}
 			return e;
-		}), Cn = h(() => V.value !== null || Object.keys(B.value).length > 0), wn = (e) => {
-			let t = { ...B.value }, n = [];
+		}), On = h(() => U.value !== null || Object.keys(H.value).length > 0), kn = (e) => {
+			let t = { ...H.value }, n = [];
 			for (let [r, i] of Object.entries(e)) {
-				let e = Math.max(Ct, Math.round(i));
+				let e = Math.max(Tt, Math.round(i));
 				t[r] !== e && (t[r] = e, n.push([r, e]));
 			}
 			if (n.length) {
-				B.value = t;
-				for (let [e, t] of n) N("resize:column", e, t);
+				H.value = t;
+				for (let [e, t] of n) P("resize:column", e, t);
 			}
-		}, Tn = (e) => {
-			if (!(e in B.value)) return;
-			let { [e]: t, ...n } = B.value;
-			B.value = n, N("resize:column", e, null);
+		}, An = (e) => {
+			if (!(e in H.value)) return;
+			let { [e]: t, ...n } = H.value;
+			H.value = n, P("resize:column", e, null);
 		};
-		D(() => M.columns.map((e) => [String(e.key), e.width]), (e, t) => {
-			if (!t || !Object.keys(B.value).length) return;
-			let n = new Map(t), r = B.value, i = e.filter(([e, t]) => n.has(e) && n.get(e) !== t && e in r && t !== r[e]);
+		D(() => N.columns.map((e) => [String(e.key), e.width]), (e, t) => {
+			if (!t || !Object.keys(H.value).length) return;
+			let n = new Map(t), r = H.value, i = e.filter(([e, t]) => n.has(e) && n.get(e) !== t && e in r && t !== r[e]);
 			if (!i.length) return;
 			let a = { ...r };
 			for (let [e] of i) delete a[e];
-			B.value = a;
+			H.value = a;
 		});
-		let H = null, En = () => {
-			document.removeEventListener("pointermove", On), document.removeEventListener("pointerup", kn), document.removeEventListener("pointercancel", An), document.removeEventListener("keydown", jn, !0), window.removeEventListener("blur", An);
-		}, Dn = () => {
-			if (En(), H) try {
-				H.handle.releasePointerCapture(H.pointerId);
+		let W = null, jn = () => {
+			document.removeEventListener("pointermove", Nn), document.removeEventListener("pointerup", Pn), document.removeEventListener("pointercancel", Fn), document.removeEventListener("keydown", In, !0), window.removeEventListener("blur", Fn);
+		}, Mn = () => {
+			if (jn(), W) try {
+				W.handle.releasePointerCapture(W.pointerId);
 			} catch {}
-			document.documentElement.classList.remove(Tt), H = null, V.value = null, _n.value = null, I.value && (I.value.style.gridTemplateColumns = Xr.value);
-		}, On = (e) => {
-			if (!H || e.pointerId !== H.pointerId) return;
-			let t = (e.clientX - H.x0) * (H.rtl ? -1 : 1);
-			t = Math.max(Ct - H.startWidth, t);
-			let { neighbour: n } = H;
+			document.documentElement.classList.remove(Dt), W = null, U.value = null, Sn.value = null, R.value && (R.value.style.gridTemplateColumns = ai.value);
+		}, Nn = (e) => {
+			if (!W || e.pointerId !== W.pointerId) return;
+			let t = (e.clientX - W.x0) * (W.rtl ? -1 : 1);
+			t = Math.max(Tt - W.startWidth, t);
+			let { neighbour: n } = W;
 			if (e.shiftKey && n) {
-				t = Math.min(n.startWidth - Ct, t), V.value = {
-					[H.key]: Math.round(H.startWidth + t),
+				t = Math.min(n.startWidth - Tt, t), U.value = {
+					[W.key]: Math.round(W.startWidth + t),
 					[n.key]: Math.round(n.startWidth - t)
 				};
 				return;
 			}
-			V.value = { [H.key]: Math.round(H.startWidth + t) };
-		}, kn = (e) => {
-			if (!H || e.pointerId !== H.pointerId) return;
-			let { key: t, startWidth: n, neighbour: r } = H, i = V.value;
-			if (Dn(), !i) return;
+			U.value = { [W.key]: Math.round(W.startWidth + t) };
+		}, Pn = (e) => {
+			if (!W || e.pointerId !== W.pointerId) return;
+			let { key: t, startWidth: n, neighbour: r } = W, i = U.value;
+			if (Mn(), !i) return;
 			let a = {};
-			i[t] !== Math.round(n) && (a[t] = i[t]), r && i[r.key] !== void 0 && i[r.key] !== Math.round(r.startWidth) && (a[r.key] = i[r.key]), wn(a);
-		}, An = (e) => {
-			H && (e instanceof PointerEvent && e.pointerId !== H.pointerId || Dn());
-		}, jn = (e) => {
-			!H || e.key !== "Escape" || (e.preventDefault(), e.stopImmediatePropagation(), Dn());
-		}, Mn = (e, t) => {
-			if (!gn.value || vi.value || H || !e.isPrimary || e.button !== 0) return;
-			let n = pn(t);
+			i[t] !== Math.round(n) && (a[t] = i[t]), r && i[r.key] !== void 0 && i[r.key] !== Math.round(r.startWidth) && (a[r.key] = i[r.key]), kn(a);
+		}, Fn = (e) => {
+			W && (e instanceof PointerEvent && e.pointerId !== W.pointerId || Mn());
+		}, In = (e) => {
+			!W || e.key !== "Escape" || (e.preventDefault(), e.stopImmediatePropagation(), Mn());
+		}, Ln = (e, t) => {
+			if (!xn.value || Oi.value || W || !e.isPrimary || e.button !== 0) return;
+			let n = vn(t);
 			if (!n) return;
 			e.preventDefault();
 			let r = e.currentTarget;
 			try {
 				r.setPointerCapture(e.pointerId);
 			} catch {}
-			document.documentElement.classList.add(Tt);
-			let i = an.value, a = i[i.indexOf(t) + 1], o = a ? pn(a) : null;
-			H = {
+			document.documentElement.classList.add(Dt);
+			let i = V.value, a = i[i.indexOf(t) + 1], o = a ? vn(a) : null;
+			W = {
 				pointerId: e.pointerId,
 				handle: r,
 				key: t,
@@ -368,43 +394,43 @@ var qe = {
 					startWidth: o.getBoundingClientRect().width
 				} : null,
 				rtl: getComputedStyle(n).direction === "rtl"
-			}, _n.value = t, document.addEventListener("pointermove", On), document.addEventListener("pointerup", kn), document.addEventListener("pointercancel", An), document.addEventListener("keydown", jn, !0), window.addEventListener("blur", An);
+			}, Sn.value = t, document.addEventListener("pointermove", Nn), document.addEventListener("pointerup", Pn), document.addEventListener("pointercancel", Fn), document.addEventListener("keydown", In, !0), window.addEventListener("blur", Fn);
 		};
-		Oe(Dn);
-		let U = C("idle"), Nn = C(null), Pn = C(""), Fn = C(), In = Symbol("bb-table-column-drag"), W = null, Ln = (e) => Math.max(0, Math.min(1, e)), Rn = () => {
-			let e = Sr.value ? L.value?.parentElement ?? null : L.value ?? null;
+		Oe(Mn);
+		let G = C("idle"), Rn = C(null), zn = C(""), Bn = C(), Vn = Symbol("bb-table-column-drag"), K = null, Hn = (e) => Math.max(0, Math.min(1, e)), Un = () => {
+			let e = Or.value ? Jt.value?.parentElement ?? null : Jt.value ?? null;
 			for (; e;) {
 				let t = getComputedStyle(e).overflowX;
 				if (t === "auto" || t === "scroll") return e;
 				e = e.parentElement;
 			}
 			return null;
-		}, zn = () => {
-			let e = W?.scrollport?.getBoundingClientRect(), t = Math.max(e?.left ?? 0, 0), n = Math.min(e?.right ?? window.innerWidth, window.innerWidth);
+		}, Wn = () => {
+			let e = K?.scrollport?.getBoundingClientRect(), t = Math.max(e?.left ?? 0, 0), n = Math.min(e?.right ?? window.innerWidth, window.innerWidth);
 			return {
 				left: t,
 				right: Math.max(t + 1, n)
 			};
-		}, Bn = (e) => Array.from(e.children).filter((e) => e instanceof HTMLElement && e.classList.contains("bb-table-header") && !!e.dataset.columnKey), Vn = () => {
-			let e = Fn.value;
+		}, Gn = (e) => Array.from(e.children).filter((e) => e instanceof HTMLElement && e.classList.contains("bb-table-header") && !!e.dataset.columnKey), Kn = () => {
+			let e = Bn.value;
 			e?.isConnected && !e.matches(":popover-open") && e.showPopover();
-		}, Hn = () => {
-			let e = Fn.value;
+		}, qn = () => {
+			let e = Bn.value;
 			e && e.matches(":popover-open") && e.hidePopover();
-		}, Un = (e, t) => {
-			let n = Fn.value;
-			n && (n.style.translate = `${e + Mt}px ${t + Mt}px`);
-		}, Wn = (e) => {
-			if (!W || U.value !== "dragging") return;
-			let t = zn(), n = Math.max(t.left, Math.min(e, t.right - 1)), r = Bn(W.row);
+		}, Jn = (e, t) => {
+			let n = Bn.value;
+			n && (n.style.translate = `${e + Pt}px ${t + Pt}px`);
+		}, Yn = (e) => {
+			if (!K || G.value !== "dragging") return;
+			let t = Wn(), n = Math.max(t.left, Math.min(e, t.right - 1)), r = Gn(K.row);
 			if (r.length < 2) return;
-			let i = (e) => e.style.position === "sticky", a = new Map(r.map((e) => [e, e.getBoundingClientRect()])), o = [...r.filter(i), ...r.filter((e) => !i(e))].filter((e) => e.dataset.columnKey !== W.key), s = an.value, c = s.indexOf(W.key);
+			let i = (e) => e.style.position === "sticky", a = new Map(r.map((e) => [e, e.getBoundingClientRect()])), o = [...r.filter(i), ...r.filter((e) => !i(e))].filter((e) => e.dataset.columnKey !== K.key), s = V.value, c = s.indexOf(K.key);
 			if (c < 0) return;
 			let l = Infinity, u = -Infinity;
 			for (let e of a.values()) l = Math.min(l, e.left), u = Math.max(u, e.right);
 			let d, f;
-			if (n < l) d = "\0start", f = W.rtl ? s.length - 1 : 0;
-			else if (n >= u) d = "\0end", f = W.rtl ? 0 : s.length - 1;
+			if (n < l) d = "\0start", f = K.rtl ? s.length - 1 : 0;
+			else if (n >= u) d = "\0end", f = K.rtl ? 0 : s.length - 1;
 			else {
 				let e = o.find((e) => {
 					let t = a.get(e);
@@ -415,86 +441,86 @@ var qe = {
 			}
 			if (f < 0 || f === c) return;
 			let p = f > c;
-			if (W.target?.key === d && W.target.after === p) return;
-			let ee = ve(W.base, rn.value, W.key, f);
-			if (xe(ee, R.value ?? W.base)) {
-				W.target = {
+			if (K.target?.key === d && K.target.after === p) return;
+			let ee = ve(K.base, un.value, K.key, f, sn.value);
+			if (xe(ee, z.value ?? K.base)) {
+				K.target = {
 					key: d,
 					after: p
 				};
 				return;
 			}
-			((W.rtl ? !p : p) ? n <= W.lastMoveX + jt : n >= W.lastMoveX - jt) || (W.target = {
+			((K.rtl ? !p : p) ? n <= K.lastMoveX + Nt : n >= K.lastMoveX - Nt) || (K.target = {
 				key: d,
 				after: p
-			}, W.lastMoveX = n, R.value = ee);
-		}, Gn = () => {
-			if (!W || U.value !== "dragging" || !W.scrollDirection) {
-				W && (W.raf = void 0);
+			}, K.lastMoveX = n, z.value = ee);
+		}, Xn = () => {
+			if (!K || G.value !== "dragging" || !K.scrollDirection) {
+				K && (K.raf = void 0);
 				return;
 			}
-			let e = zn(), t = W.scrollDirection < 0 ? W.lastX - e.left : e.right - W.lastX, n = Math.ceil(At * (1 - Ln(t / kt))), r = W.scrollport ?? document.scrollingElement;
-			r && (r.scrollLeft += W.scrollDirection * n), Wn(W.lastX), W.raf = requestAnimationFrame(Gn);
-		}, Kn = () => {
-			if (!W) return;
-			let e = zn(), t = W.lastX - e.left, n = e.right - W.lastX;
-			W.scrollDirection = t < kt ? -1 : +(n < kt), W.scrollDirection && W.raf === void 0 && (W.raf = requestAnimationFrame(Gn));
-		}, qn = () => {
-			document.removeEventListener("pointermove", Zn), document.removeEventListener("pointerup", Qn), document.removeEventListener("pointercancel", $n), document.removeEventListener("keydown", tr, !0), document.removeEventListener("dragstart", nr), document.removeEventListener("contextmenu", nr, !0), window.removeEventListener("blur", $n), W?.row.removeEventListener("lostpointercapture", er);
-		}, Jn = () => {
-			if (W) {
-				clearTimeout(W.timer), W.raf !== void 0 && cancelAnimationFrame(W.raf), qn();
+			let e = Wn(), t = K.scrollDirection < 0 ? K.lastX - e.left : e.right - K.lastX, n = Math.ceil(Mt * (1 - Hn(t / jt))), r = K.scrollport ?? document.scrollingElement;
+			r && (r.scrollLeft += K.scrollDirection * n), Yn(K.lastX), K.raf = requestAnimationFrame(Xn);
+		}, Zn = () => {
+			if (!K) return;
+			let e = Wn(), t = K.lastX - e.left, n = e.right - K.lastX;
+			K.scrollDirection = t < jt ? -1 : +(n < jt), K.scrollDirection && K.raf === void 0 && (K.raf = requestAnimationFrame(Xn));
+		}, Qn = () => {
+			document.removeEventListener("pointermove", nr), document.removeEventListener("pointerup", rr), document.removeEventListener("pointercancel", ir), document.removeEventListener("keydown", or, !0), document.removeEventListener("dragstart", sr), document.removeEventListener("contextmenu", sr, !0), window.removeEventListener("blur", ir), K?.row.removeEventListener("lostpointercapture", ar);
+		}, $n = () => {
+			if (K) {
+				clearTimeout(K.timer), K.raf !== void 0 && cancelAnimationFrame(K.raf), Qn();
 				try {
-					W.row.hasPointerCapture(W.pointerId) && W.row.releasePointerCapture(W.pointerId);
+					K.row.hasPointerCapture(K.pointerId) && K.row.releasePointerCapture(K.pointerId);
 				} catch {}
-				Hn(), o(In), Nn.value = null, R.value = null, U.value = "idle", W = null;
+				qn(), o(Vn), Rn.value = null, z.value = null, G.value = "idle", K = null;
 			}
-		}, Yn = () => {
-			W && (W.raf !== void 0 && cancelAnimationFrame(W.raf), W.raf = void 0, W.scrollDirection = 0, Hn(), o(In), Nn.value = null, R.value = null, U.value = "cancelled");
-		}, Xn = () => {
-			if (!(!W || U.value !== "armed")) {
-				clearTimeout(W.timer), W.timer = void 0;
+		}, er = () => {
+			K && (K.raf !== void 0 && cancelAnimationFrame(K.raf), K.raf = void 0, K.scrollDirection = 0, qn(), o(Vn), Rn.value = null, z.value = null, G.value = "cancelled");
+		}, tr = () => {
+			if (!(!K || G.value !== "armed")) {
+				clearTimeout(K.timer), K.timer = void 0;
 				try {
-					W.row.setPointerCapture(W.pointerId);
+					K.row.setPointerCapture(K.pointerId);
 				} catch {}
-				W.row.addEventListener("lostpointercapture", er), W.base = me(Vt.value, rn.value), W.rtl = getComputedStyle(W.row).direction === "rtl", W.scrollport = Rn(), W.lastMoveX = W.x0, W.target = null, R.value = W.base, Nn.value = W.key, Pn.value = W.label, U.value = "dragging", a(In), Vn(), Un(W.lastX, W.lastY), Wn(W.lastX), Kn();
+				K.row.addEventListener("lostpointercapture", ar), K.base = me(A.value, un.value), K.rtl = getComputedStyle(K.row).direction === "rtl", K.scrollport = Un(), K.lastMoveX = K.x0, K.target = null, z.value = K.base, Rn.value = K.key, zn.value = K.label, G.value = "dragging", a(Vn), Kn(), Jn(K.lastX, K.lastY), Yn(K.lastX), Zn();
 			}
-		}, Zn = (e) => {
-			if (!(!W || e.pointerId !== W.pointerId)) {
-				if (W.lastX = e.clientX, W.lastY = e.clientY, U.value === "armed") {
-					let t = Math.hypot(e.clientX - W.x0, e.clientY - W.y0);
-					if (W.pointerType === "touch") {
-						t >= Dt && Jn();
+		}, nr = (e) => {
+			if (!(!K || e.pointerId !== K.pointerId)) {
+				if (K.lastX = e.clientX, K.lastY = e.clientY, G.value === "armed") {
+					let t = Math.hypot(e.clientX - K.x0, e.clientY - K.y0);
+					if (K.pointerType === "touch") {
+						t >= kt && $n();
 						return;
 					}
-					if (t < Et) return;
-					Xn();
+					if (t < Ot) return;
+					tr();
 					return;
 				}
-				U.value === "dragging" && (Un(e.clientX, e.clientY), Wn(e.clientX), Kn());
+				G.value === "dragging" && (Jn(e.clientX, e.clientY), Yn(e.clientX), Zn());
 			}
-		}, Qn = (e) => {
-			if (!W || e.pointerId !== W.pointerId) return;
-			let { key: t } = W, n = W.base ? W.base.filter((e) => rn.value.includes(e)).indexOf(t) : -1, r = U.value === "dragging" && R.value !== null && !xe(R.value, W.base) ? R.value : null;
-			Jn(), r && (sn.value = "", Vt.value = r, De(() => cn(t, n)));
-		}, $n = (e) => {
-			W && (e instanceof PointerEvent && e.pointerId !== W.pointerId || Jn());
-		}, er = () => {
-			W && U.value === "dragging" && Jn();
-		}, tr = (e) => {
-			!W || U.value !== "dragging" || e.key !== "Escape" || !i(In) || (e.preventDefault(), e.stopImmediatePropagation(), Yn());
-		}, nr = (e) => {
-			W && U.value !== "idle" && e.preventDefault();
 		}, rr = (e) => {
-			if (!M.reorderable || vi.value || P.thead || !e.isPrimary || e.button !== 0 || W || z.value.length < 2) return;
+			if (!K || e.pointerId !== K.pointerId) return;
+			let { key: t } = K, n = K.base ? K.base.filter((e) => un.value.includes(e) && !sn.value.has(e)).indexOf(t) : -1, r = G.value === "dragging" && z.value !== null && !xe(z.value, K.base) ? z.value : null;
+			$n(), r && (fn.value = "", A.value = r, y(() => pn(t, n)));
+		}, ir = (e) => {
+			K && (e instanceof PointerEvent && e.pointerId !== K.pointerId || $n());
+		}, ar = () => {
+			K && G.value === "dragging" && $n();
+		}, or = (e) => {
+			!K || G.value !== "dragging" || e.key !== "Escape" || !i(Vn) || (e.preventDefault(), e.stopImmediatePropagation(), er());
+		}, sr = (e) => {
+			K && G.value !== "idle" && e.preventDefault();
+		}, cr = (e) => {
+			if (!N.reorderable || Oi.value || F.thead || !e.isPrimary || e.button !== 0 || K || B.value.length < 2) return;
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = e.currentTarget, r = t.closest(".bb-table-header");
 			if (!r || r.parentElement !== n || !r.dataset.columnKey) return;
-			let i = t.closest(Nt);
+			let i = t.closest(Ft);
 			if (i && r.contains(i)) return;
-			let a = r.dataset.columnKey, o = z.value.find((e) => String(e.key) === a);
-			o && (W = {
+			let a = r.dataset.columnKey, o = B.value.find((e) => String(e.key) === a);
+			o && (K = {
 				pointerId: e.pointerId,
 				pointerType: e.pointerType,
 				key: a,
@@ -512,40 +538,40 @@ var qe = {
 				timer: void 0,
 				raf: void 0,
 				scrollDirection: 0
-			}, U.value = "armed", document.addEventListener("pointermove", Zn), document.addEventListener("pointerup", Qn), document.addEventListener("pointercancel", $n), document.addEventListener("keydown", tr, !0), document.addEventListener("dragstart", nr), document.addEventListener("contextmenu", nr, !0), window.addEventListener("blur", $n), e.pointerType === "touch" && (W.timer = setTimeout(Xn, Ot)));
-		}, ir = (e) => {
-			W && (U.value === "dragging" || U.value === "cancelled") && e.cancelable && e.preventDefault();
+			}, G.value = "armed", document.addEventListener("pointermove", nr), document.addEventListener("pointerup", rr), document.addEventListener("pointercancel", ir), document.addEventListener("keydown", or, !0), document.addEventListener("dragstart", sr), document.addEventListener("contextmenu", sr, !0), window.addEventListener("blur", ir), e.pointerType === "touch" && (K.timer = setTimeout(tr, At)));
+		}, lr = (e) => {
+			K && (G.value === "dragging" || G.value === "cancelled") && e.cancelable && e.preventDefault();
 		};
-		Oe(Jn);
-		let { data: ar } = re({ items: h(() => l(A.value) ? [] : [A.value]) }), or = h(() => A.value !== void 0 || G.highlighted !== void 0), sr = we(), cr = () => {
-			let e = sr?.vnode.props ?? {};
+		Oe($n);
+		let { data: ur } = re({ items: h(() => l(j.value) ? [] : [j.value]) }), dr = h(() => j.value !== void 0 || q.highlighted !== void 0), fr = Te(), pr = () => {
+			let e = fr?.vnode.props ?? {};
 			return "highlighted" in e || "onUpdate:highlighted" in e;
 		};
-		process.env.NODE_ENV !== "production" && D(() => A.value === void 0 && cr(), (e) => {
+		process.env.NODE_ENV !== "production" && D(() => j.value === void 0 && pr(), (e) => {
 			e && n().warn("BbTable: `highlighted` is bound but its value is `undefined`, so the highlight mechanic stays off. Initialise it to `null` — `ref(null)`, not `ref()` — to be considered bound. `undefined` means \"never initialised\" and switches highlight off entirely; `null` means \"initialised and currently empty\".");
 		}, { immediate: !0 });
-		let lr = !1, ur = () => {
-			process.env.NODE_ENV !== "production" && (lr || (lr = !0, n().warn("BbTable: `toggleHighlighted` was called from a slot, but highlight is not connected, so nothing happened. Bind `v-model:highlighted` (initialised to `null`), or seed `highlighted` through `useBbTableContext(id, { highlighted })`, or drop the call — with nothing bound the table has nowhere to put the value.")));
-		}, dr = (e, { viaSlot: t = !1 } = {}) => {
-			if (!or.value) {
-				t && ur();
+		let mr = !1, hr = () => {
+			process.env.NODE_ENV !== "production" && (mr || (mr = !0, n().warn("BbTable: `toggleHighlighted` was called from a slot, but highlight is not connected, so nothing happened. Bind `v-model:highlighted` (initialised to `null`), or seed `highlighted` through `useBbTableContext(id, { highlighted })`, or drop the call — with nothing bound the table has nowhere to put the value.")));
+		}, gr = (e, { viaSlot: t = !1 } = {}) => {
+			if (!dr.value) {
+				t && hr();
 				return;
 			}
-			let n = e.valueHash in ar.value;
-			A.value = n ? null : e.value;
-		}, fr = (e, t) => {
-			e.target instanceof Element && (e.target.closest("a, button, input, label, select, textarea, [contenteditable], [role=\"button\"]") || window.getSelection()?.toString() || dr(t));
-		}, pr = (e) => k.value.find(([t]) => t === e)?.[1] ?? null, mr = (e) => {
-			let t = pr(e);
+			let n = e.valueHash in ur.value;
+			j.value = n ? null : e.value;
+		}, _r = (e, t) => {
+			e.target instanceof Element && (e.target.closest("a, button, input, label, select, textarea, [contenteditable], [role=\"button\"]") || window.getSelection()?.toString() || gr(t));
+		}, vr = (e) => k.value.find(([t]) => t === e)?.[1] ?? null, yr = (e) => {
+			let t = vr(e);
 			t === null ? k.value = [...k.value, [e, "asc"]] : t === "asc" ? k.value = k.value.map((t) => t[0] === e ? [e, "desc"] : t) : k.value = k.value.filter(([t]) => t !== e);
-		}, { state: G, isReady: hr } = ee(() => qt.value, {
+		}, { state: q, isReady: br } = ee(() => Yt.value, {
 			selected: {
-				get: () => M.modelValue,
-				set: (e) => N("update:modelValue", e)
+				get: () => N.modelValue,
+				set: (e) => P("update:modelValue", e)
 			},
 			unselected: {
-				get: () => M.unselectedItems,
-				set: (e) => N("update:unselectedItems", e)
+				get: () => N.unselectedItems,
+				set: (e) => P("update:unselectedItems", e)
 			},
 			all: {
 				get: () => O.value,
@@ -560,91 +586,177 @@ var qe = {
 				}
 			},
 			highlighted: {
-				get: () => A.value,
+				get: () => j.value,
 				set: (e) => {
-					A.value = e;
+					j.value = e;
 				}
 			},
-			page: { get: () => M.page === void 0 ? M.virtual ? 1 : void 0 : se(M.page, 1) },
+			page: { get: () => N.page === void 0 ? N.virtual ? 1 : void 0 : se(N.page, 1) },
 			perPage: {
-				get: () => oe(M.perPage),
-				infer: () => Array.isArray(M.items) ? M.items.length : void 0
+				get: () => oe(N.perPage),
+				infer: () => Array.isArray(N.items) ? N.items.length : void 0
 			},
 			totalItems: {
-				get: () => oe(M.totalItems),
-				infer: () => Array.isArray(M.items) ? M.items.length : void 0
+				get: () => oe(N.totalItems),
+				infer: () => Array.isArray(N.items) ? N.items.length : void 0
 			},
-			totalPages: { get: () => M.totalPages === void 0 ? void 0 : se(M.totalPages, 1) }
-		}), gr = h(() => M.columns.some((e) => e.snap != null)), _r = h(() => !!M.inheritColumnWidths || gr.value), vr = h(() => M.fixed || gr.value || M.columns.some((e) => e.width != null) || Cn.value || _r.value && !!Jt.value), K = h(() => _r.value && !!Jt.value), q = h(() => !!M.virtual && !K.value && !P.tbody), J = C({}), Y = C({}), yr = C(""), br = h(() => q.value && !!yr.value && qr.value.every((e) => !e.contentSized)), xr = (e) => q.value && e.width == null && !yn(e) && String(e.key) in J.value, Sr = K, Cr = (e) => {
+			totalPages: { get: () => N.totalPages === void 0 ? void 0 : se(N.totalPages, 1) }
+		}), xr = h(() => N.columns.some((e) => e.snap != null)), Sr = h(() => !!N.inheritColumnWidths || xr.value), Cr = h(() => N.fixed || xr.value || cn.value.some((e) => e.width != null) || On.value || Sr.value && !!Xt.value), J = h(() => Sr.value && !!Xt.value);
+		Re(() => {
+			Qt.ordered = !!N.reorderable || A.value.length > 0;
+		});
+		let Y = h(() => !!N.virtual && !J.value && !F.tbody), X = C({}), wr = C({}), Tr = C(""), Er = h(() => Y.value && !!Tr.value && ni.value.every((e) => !e.contentSized)), Dr = (e) => Y.value && e.width == null && !wn(e) && String(e.key) in X.value, Or = J, kr = (e) => {
 			if (typeof e == "number") return `${e}px`;
 			let t = e.trim();
 			return /^-?\d*\.?\d+$/.test(t) ? `${t}px` : t;
-		}, wr = h(() => {
-			let e = Yt.value?.tracks;
-			return e ? Object.keys(e).filter((e) => /^\d+$/.test(e)).length : 0;
-		}), Tr = h(() => {
-			let e = Yt.value?.tracks ?? {}, t = [];
-			"select" in e && t.push("select");
-			for (let e = 0; e < wr.value; e++) t.push(String(e));
-			return "actions" in e && t.push("actions"), t;
-		}), Er = h(() => +("select" in (Yt.value?.tracks ?? {}))), Dr = h(() => Er.value + wr.value), Or = h(() => Tr.value.length), kr = (e) => {
-			let t = Tr.value[e];
-			return t ? Qt(t, "0px") : "0px";
-		}, Ar = (e, t) => {
-			if (!Jt.value || t - e <= 1e-6) return null;
+		}, Ar = h(() => Zt.value?.keys ?? []), jr = h(() => +(Ar.value[0] === "select")), Mr = h(() => Ar.value.length), Nr = h(() => {
+			let e = Ar.value;
+			return e[e.length - 1] === "actions" ? e.length - 1 : e.length;
+		}), Pr = (e) => Ar.value.indexOf(e), Fr = (e) => {
+			let t = Ar.value[e];
+			return t ? en(t, "0px") : "0px";
+		}, Ir = (e, t) => {
+			if (!Xt.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 = kr(r);
+				let a = Fr(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;
-		}, jr = h(() => {
-			let e = z.value, t = e.map((e) => typeof e.snap == "number" ? e.snap : Array.isArray(e.snap) ? e.snap[0] : null), n = Er.value;
-			return e.map((r, i) => {
-				let a = t[i] ?? n, o;
-				if (Array.isArray(r.snap)) o = r.snap[1] === -1 ? Dr.value : r.snap[1];
-				else {
-					let n = t[i + 1];
-					o = n != null && n > a ? n : Math.floor(a) + 1, i === e.length - 1 && r.width == null && (o = Math.max(o, Dr.value));
-				}
-				return n = o, {
+		}, Lr = (e) => {
+			let t = /^(.+)\.(\d+)$/.exec(e);
+			return t ? {
+				key: t[1],
+				fraction: Number(`0.${t[2]}`)
+			} : {
+				key: e,
+				fraction: 0
+			};
+		}, Rr = (e) => {
+			if (Array.isArray(e)) {
+				let t = Lr(e[0]), n = Lr(e[1]), r = Pr(t.key), i = Pr(n.key);
+				if (r < 0 || i < 0) return null;
+				let a = r + t.fraction, o = n.fraction > 0 ? i + n.fraction : i + 1;
+				return o > a ? {
 					start: a,
-					end: o
+					end: o,
+					explicit: !0
+				} : null;
+			}
+			let t = Lr(e), n = Pr(t.key);
+			if (n < 0) {
+				let t = Pr(e);
+				return t < 0 ? null : {
+					start: t,
+					end: t + 1,
+					explicit: !1
 				};
+			}
+			return {
+				start: n,
+				end: n + 1,
+				explicit: !1
+			};
+		}, zr = h(() => !!Zt.value?.ordered), Br = h(() => {
+			let e = B.value, t = jr.value, n = Nr.value, r = Mr.value, i = zr.value, a = e.map(() => null), o = /* @__PURE__ */ new Set(), s = (e) => {
+				for (let t = Math.floor(e.start); t < e.end - 1e-6; t++) o.add(t);
+			};
+			i || (e.forEach((e, t) => {
+				if (e.snap == null) return;
+				let n = Rr(e.snap);
+				n && (a[t] = {
+					...n,
+					overflow: !1
+				}, s(a[t]));
+			}), e.forEach((e, r) => {
+				if (a[r] || e.snap != null) return;
+				let i = Pr(String(e.key));
+				i < t || i >= n || o.has(i) || (a[r] = {
+					start: i,
+					end: i + 1,
+					explicit: !1,
+					overflow: !1
+				}, o.add(i));
+			}));
+			let c = 0, l = 0, u = e.map((i, s) => {
+				let u = a[s], d;
+				if (u && u.start + 1e-6 < c && (a[s] = null, u = null, d = String(i.key)), !u) {
+					let i = Math.max(c, t), f = n;
+					for (let t = s + 1; t < e.length; t++) {
+						let e = a[t];
+						e && (f = Math.min(f, e.start));
+					}
+					let p = Math.max(Math.floor(i), t);
+					for (; p < f && o.has(p);) p++;
+					if (p < f && p + 1e-6 >= i) o.add(p), u = {
+						start: i,
+						end: p + 1,
+						explicit: !1,
+						overflow: !1
+					};
+					else if (p < f) o.add(p), u = {
+						start: i,
+						end: p + 1,
+						explicit: !1,
+						overflow: !1
+					};
+					else {
+						let e = Math.max(r, n) + l++;
+						u = {
+							start: e,
+							end: e + 1,
+							explicit: !1,
+							overflow: !0
+						};
+					}
+					d && (u.demoted = d);
+				}
+				return c = Math.max(c, u.end), u;
 			});
-		}), Mr = (e) => K.value && e.start >= Dr.value, Nr = h(() => jr.value.some(Mr)), Pr = (e) => {
-			let t = z.value[e];
-			return (t ? vn(t) : null) == null && !K.value;
-		}, Fr = h(() => {
-			if (!K.value) return -1;
-			let e = z.value;
+			return u.forEach((t, r) => {
+				if (t.overflow || t.explicit) return;
+				let i = u[r + 1];
+				i && !i.overflow && i.start > t.end && (t.end = i.start), r === e.length - 1 && e[r].width == null && (t.end = Math.max(t.end, n));
+			}), u;
+		}), Vr = (e) => J.value && e.overflow;
+		process.env.NODE_ENV !== "production" && (D(() => xr.value && zr.value, (e) => {
+			e && n().warn("BbTable: `snap` targets are ignored under a parent that uses `order` / `reorderable` — the parent's columns can move, so the child inherits by position. Keep the parent's order static (no `reorderable`, an empty `order`) to snap by key.");
+		}, { immediate: !0 }), D(() => Br.value.find((e) => e.demoted)?.demoted ?? null, (e) => {
+			e !== null && n().warn(`BbTable: column '${e}' snaps to a parent column that sits BEFORE the column preceding it — the child's order disagrees with the parent's, so the snap cannot tile and the column flows into the next free parent track instead. Declare the child's columns in the parent's order.`);
+		}, { immediate: !0 }));
+		let Hr = h(() => Br.value.some(Vr)), Ur = (e) => {
+			let t = B.value[e];
+			return (t ? Cn(t) : null) == null && !J.value;
+		}, Wr = h(() => {
+			if (!J.value) return -1;
+			let e = B.value;
 			for (let t = e.length - 1; t >= 0; t--) {
 				let n = e[t];
 				if (n.width == null && n.snap == null) return t;
 			}
 			return -1;
-		}), Ir = h(() => {
-			let e = jr.value[0];
-			return !_r.value || !Jt.value || !e ? null : Ar(0, e.start);
-		}), Lr = h(() => {
-			let e = jr.value, t = e[e.length - 1];
-			return !_r.value || !Jt.value || !t || Nr.value ? null : Ar(t.end, Or.value);
-		}), Rr = (e) => Xt.tracks[e] ?? null, zr = (e, t, n) => !_r.value || !Jt.value ? null : n ? t ? `calc(${e ?? "0px"} - ${t})` : null : e, Br = h(() => zr(Ir.value, M.selectable ? Rr("select") : null, !!M.selectable)), Vr = h(() => Nr.value ? null : zr(Lr.value, M.actions ? Rr("actions") : null, !!M.actions)), Hr = h(() => Br.value !== null), Ur = h(() => Vr.value !== null), Wr = (e, t) => {
-			let n = q.value ? Y.value[t] : null;
-			return n == null ? e && Gr.value ? `minmax(${e}, max-content)` : "max-content" : `${n}px`;
-		}, Gr = h(() => Object.keys(Yt.value?.tracks ?? {}).length > 0), Kr = (e) => /^(auto|min-content|max-content|fit-content\(.*\)|-?[\d.]+fr)$/.test(e.trim()), qr = h(() => {
+		}), Gr = h(() => {
+			let e = Br.value[0];
+			return !Sr.value || !Xt.value || !e ? null : Ir(0, e.start);
+		}), Kr = h(() => {
+			let e = Br.value, t = e[e.length - 1];
+			return !Sr.value || !Xt.value || !t || Hr.value ? null : Ir(t.end, Mr.value);
+		}), qr = (e) => Qt.tracks[e] ?? null, Jr = (e, t, n) => !Sr.value || !Xt.value ? null : n ? t ? `calc(${e ?? "0px"} - ${t})` : null : e, Yr = h(() => Jr(Gr.value, N.selectable ? qr("select") : null, !!N.selectable)), Xr = h(() => Hr.value ? null : Jr(Kr.value, I.value ? qr("actions") : null, I.value)), Zr = h(() => Yr.value !== null), Qr = h(() => Xr.value !== null), $r = (e, t) => {
+			let n = Y.value ? wr.value[t] : null;
+			return n == null ? e && ei.value ? `minmax(${e}, max-content)` : "max-content" : `${n}px`;
+		}, ei = h(() => Object.keys(Zt.value?.tracks ?? {}).length > 0), ti = (e) => /^(auto|min-content|max-content|fit-content\(.*\)|-?[\d.]+fr)$/.test(e.trim()), ni = h(() => {
 			let e = [];
-			M.selectable && e.push({
+			N.selectable && e.push({
 				key: "select",
-				width: Wr(Ir.value, "select"),
-				contentSized: Y.value.select == null
+				width: $r(Gr.value, "select"),
+				contentSized: wr.value.select == null
 			});
-			let t = z.value, n = t.length - 1, r = !K.value && M.columns.length > 0 && M.columns.every((e) => e.width != null);
+			let t = B.value, n = t.length - 1, r = !J.value && t.length > 0 && t.every((e) => e.width != null);
 			return t.forEach((t, i) => {
-				let a = String(i), o = vn(t), s = o == null ? null : Cr(o), c = jr.value[i], l = null, u = null;
-				if (s != null && Kr(s) ? u = s : s != null && r && !yn(t) ? u = `minmax(${s}, ${parseFloat(s) || 1}fr)` : s != null && xr(t) ? u = `minmax(${s}, 1fr)` : s == null ? Pr(i) ? u = M.fixed ? "minmax(0, 1fr)" : "auto" : Gr.value ? Mr(c) ? u = "min-content" : (l = Ar(c.start, c.end), l === null && (u = "auto")) : u = "max-content" : l = s, u !== null) {
+				let a = String(t.key), o = Cn(t), s = o == null ? null : kr(o), c = Br.value[i], l = null, u = null;
+				if (s != null && ti(s) ? u = s : s != null && r && !wn(t) ? u = `minmax(${s}, ${parseFloat(s) || 1}fr)` : s != null && Dr(t) ? u = `minmax(${s}, 1fr)` : s == null ? Ur(i) ? u = N.fixed ? "minmax(0, 1fr)" : "auto" : ei.value ? Vr(c) ? u = "min-content" : (l = Ir(c.start, c.end), l === null && (u = "auto")) : u = "max-content" : l = s, u !== null) {
 					e.push({
 						key: a,
 						width: u,
@@ -653,230 +765,233 @@ var qe = {
 					return;
 				}
 				let d = [];
-				i === 0 && Hr.value && d.push("var(--offset-internal-start, 0px)"), i === n && Ur.value && d.push("var(--offset-internal-end, 0px)");
-				let f = d.length ? `calc(${[...d, l].join(" + ")})` : l, p = i === Fr.value && !Nr.value ? `minmax(${f}, 1fr)` : f;
+				i === 0 && Zr.value && d.push("var(--offset-internal-start, 0px)"), i === n && Qr.value && d.push("var(--offset-internal-end, 0px)");
+				let f = d.length ? `calc(${[...d, l].join(" + ")})` : l, p = i === Wr.value && !Hr.value ? `minmax(${f}, 1fr)` : f;
 				e.push({
 					key: a,
 					width: p,
 					contentSized: !1
 				});
-			}), M.actions && e.push({
+			}), I.value && e.push({
 				key: "actions",
-				width: Wr(Lr.value, "actions"),
-				contentSized: Y.value.actions == null
+				width: $r(Kr.value, "actions"),
+				contentSized: wr.value.actions == null
 			}), e;
-		}), Jr = h(() => {
-			let e = z.value, t = [];
-			for (let n of qr.value) {
-				if (n.contentSized) continue;
-				let r = e[Number(n.key)];
-				r && t.push(String(r.key));
-			}
+		}), ri = h(() => {
+			let e = B.value, t = [];
+			for (let n of ni.value) n.contentSized || e.some((e) => String(e.key) === n.key) && t.push(n.key);
 			return t.join(" ");
-		}), Yr = h(() => new Set(Jr.value.split(" ").filter(Boolean))), Xr = h(() => qr.value.map((e) => e.width).join(" ")), Zr = C(Xr.value), Qr = h(() => `grid-template-columns: ${Zr.value}`);
-		D(Xr, (e) => {
-			if (H && I.value) {
-				I.value.style.gridTemplateColumns = e;
+		}), ii = h(() => new Set(ri.value.split(" ").filter(Boolean))), ai = h(() => ni.value.map((e) => e.width).join(" ")), oi = C(ai.value), si = h(() => `grid-template-columns: ${oi.value}`);
+		D(ai, (e) => {
+			if (W && R.value) {
+				R.value.style.gridTemplateColumns = e;
 				return;
 			}
-			Zr.value = e;
+			oi.value = e;
 		}, { flush: "sync" });
-		let $r = h(() => {
+		let ci = h(() => {
 			let e = {};
-			return Br.value && (e["--offset-start"] = Br.value), Vr.value && (e["--offset-end"] = Vr.value), e;
-		}), X = C({}), ei = [
+			return Yr.value && (e["--offset-start"] = Yr.value), Xr.value && (e["--offset-end"] = Xr.value), e;
+		}), li = C({}), ui = [
 			.62,
 			.42,
 			.78,
 			.52
-		], ti = (e) => {
+		], di = (e) => {
 			let t = ["transparent 0"], n = 0;
 			return e.forEach((e, r) => {
-				let i = ei[r % ei.length], a = Math.round((e - Pt * 2) * i);
-				if (a >= Ft) {
-					let e = Math.round(n + Pt);
+				let i = ui[r % ui.length], a = Math.round((e - It * 2) * i);
+				if (a >= Lt) {
+					let e = Math.round(n + It);
 					t.push(`transparent ${e}px`, `currentColor ${e}px ${e + a}px`, `transparent ${e + a}px`);
 				}
 				n += e;
 			}), `linear-gradient(90deg, ${t.join(",")})`;
-		}, ni = (e) => {
-			if (!q.value) {
-				X.value["--placeholder-bars"] && (X.value = {});
+		}, fi = (e) => {
+			if (!Y.value) {
+				li.value["--placeholder-bars"] && (li.value = {});
 				return;
 			}
 			let t = e.map((e) => parseFloat(e));
-			t.some((e) => !(e >= 0)) || (X.value = {
-				...X.value,
-				"--placeholder-bars": ti(t)
+			t.some((e) => !(e >= 0)) || (li.value = {
+				...li.value,
+				"--placeholder-bars": di(t)
 			});
-		}, ri = () => {
-			if (!q.value) return;
-			let e = Math.round(ba.value || ra.value);
+		}, pi = () => {
+			if (!Y.value) return;
+			let e = Math.round(Aa.value || pa.value);
 			if (!(e > 0)) return;
 			let t = `${e}px`;
-			X.value["--row-h"] !== t && (X.value = {
-				...X.value,
+			li.value["--row-h"] !== t && (li.value = {
+				...li.value,
 				"--row-h": t
 			});
-		}, ii = h(() => ({
-			...Zt.value,
-			...$r.value,
-			...X.value,
-			...M.fixedHeaders || q.value ? { "--stuck-head-h": `${si.value}px` } : null,
-			...br.value ? { "--virtual-row-tracks": yr.value } : null
-		})), ai = () => {
-			let e = I.value, t = qr.value.length;
+		}, mi = h(() => ({
+			...$t.value,
+			...ci.value,
+			...li.value,
+			...N.fixedHeaders || Y.value ? { "--stuck-head-h": `${_i.value}px` } : null,
+			...Er.value ? { "--virtual-row-tracks": Tr.value } : null
+		})), hi = () => {
+			let e = R.value, t = ni.value.length;
 			if (!e || !t) return [];
 			let n = e.querySelector(":scope > .bb-table__head > .bb-table-header-row"), r = [...n ? [n] : [], ...Array.from(e.querySelectorAll(":scope > .bb-table__head > [role=\"row\"], :scope > .bb-table__body > [role=\"row\"]"))].find((e) => e.children.length >= t);
 			return r ? Array.from(r.children) : [];
-		}, oi = "", si = C(0), ci = () => {
-			let e = I.value;
+		}, gi = "", _i = C(0), vi = () => {
+			let e = R.value;
 			if (!e) return;
-			if (M.fixedHeaders || q.value) {
+			if (N.fixedHeaders || Y.value) {
 				let t = e.querySelector(":scope > .bb-table__head"), n = t ? Math.round(t.getBoundingClientRect().height) : 0;
-				n !== si.value && (si.value = n);
+				n !== _i.value && (_i.value = n);
 			}
 			let t = be(e);
 			if (!t) return;
-			let n = qr.value.map((e) => e.key);
+			let n = ni.value.map((e) => e.key);
 			if (t.length !== n.length) return;
-			let r = t.join(" "), i = `${pi.value}|${r}`;
-			if (i === oi) return;
-			oi = i;
+			let r = t.join(" "), i = `${Ci.value}|${r}`;
+			if (i === gi) return;
+			gi = i;
 			let a = {};
 			n.forEach((e, n) => {
 				a[e] = t[n];
 			});
-			let o = String(M.columns.length - 1), s = Br.value, c = Vr.value;
-			s && a[0] && (a[0] = `calc(${a[0]} - (${s}))`, !M.selectable && Ir.value && (a.select = Ir.value)), c && a[o] && (a[o] = `calc(${a[o]} - (${c}))`, !M.actions && Lr.value && (a.actions = Lr.value)), Fa(t), ni(t), q.value && (yr.value = r), li = t, $t(a), M.fixedColumns?.length && fe(e, M.fixedColumns, t);
-		}, li = null, ui, di = () => {
-			if (!ui) return;
-			ui.disconnect();
-			let e = ai();
-			e.forEach((e) => ui?.observe(e)), e.length && ci();
+			let o = V.value, s = o[0], c = o[o.length - 1], l = Yr.value, u = Xr.value;
+			l && s && a[s] && (a[s] = `calc(${a[s]} - (${l}))`, !N.selectable && Gr.value && (a.select = Gr.value)), u && c && a[c] && (a[c] = `calc(${a[c]} - (${u}))`, !I.value && Kr.value && (a.actions = Kr.value));
+			let d = [
+				..."select" in a ? ["select"] : [],
+				...o,
+				..."actions" in a ? ["actions"] : []
+			];
+			Ga(t), fi(t), Y.value && (Tr.value = r), yi = t, tn(a, d), vo.value.length && fe(e, vo.value, t);
+		}, yi = null, bi, xi = () => {
+			if (!bi) return;
+			bi.disconnect();
+			let e = hi();
+			e.forEach((e) => bi?.observe(e)), e.length && vi();
 		};
-		ke(() => {
-			ui = new ResizeObserver(ci), di();
+		Ae(() => {
+			bi = new ResizeObserver(vi), xi();
 		}), Oe(() => {
-			ui?.disconnect();
+			bi?.disconnect();
 		});
-		let fi = h(() => qr.value.map((e) => e.key).join(" ")), pi = h(() => an.value.join(" "));
-		D([fi, pi], () => {
-			De(di), requestAnimationFrame(() => {
-				I.value && ci();
+		let Si = h(() => ni.value.map((e) => e.key).join(" ")), Ci = h(() => V.value.join(" "));
+		D([Si, Ci], () => {
+			y(xi), requestAnimationFrame(() => {
+				R.value && vi();
 			});
 		}, { flush: "post" });
-		let mi = (e, t) => M.accessibleLabel ? M.accessibleLabel(e, t) : [F("table.select").value, ...e.map((e) => e.content)].join(" "), hi = h(() => M.selectable ? "fieldset" : "div"), gi = h(() => M.legend || M.caption || F("table.selectableLegend").value), _i = h(() => M.loading || Di.value), vi = h(() => _i.value && !M.interactiveWhileLoading), yi = h(() => hr.value && !l(G.page) && !l(G.perPage) && !l(G.totalItems) && G.page >= 1 && G.perPage > 0 && G.totalItems >= 0), bi = h(() => ({
+		let wi = (e, t) => N.accessibleLabel ? N.accessibleLabel(e, t) : [L("table.select").value, ...e.map((e) => e.content)].join(" "), Ti = h(() => N.selectable ? "fieldset" : "div"), Ei = h(() => N.legend || N.caption || L("table.selectableLegend").value), Di = h(() => N.loading || Li.value), Oi = h(() => Di.value && !N.interactiveWhileLoading), ki = h(() => br.value && !l(q.page) && !l(q.perPage) && !l(q.totalItems) && q.page >= 1 && q.perPage > 0 && q.totalItems >= 0), Ai = h(() => ({
 			"bb-table": !0,
-			[`bb-table--align-${M.align}`]: !0,
-			"bb-table--compact": M.compact,
-			"bb-table--reorderable": !!M.reorderable,
-			"bb-table--resizable": gn.value,
-			"bb-table--fixed": vr.value,
-			"bb-table--inherit-widths": Sr.value,
-			"bb-table--fixed-header": M.fixedHeaders || q.value,
-			"bb-table--virtual": q.value,
-			"bb-table--virtual-flat": br.value,
-			"bb-table--loading": _i.value,
+			[`bb-table--align-${N.align}`]: !0,
+			"bb-table--compact": N.compact,
+			"bb-table--reorderable": !!N.reorderable,
+			"bb-table--resizable": xn.value,
+			"bb-table--fixed": Cr.value,
+			"bb-table--inherit-widths": Or.value,
+			"bb-table--fixed-header": N.fixedHeaders || Y.value,
+			"bb-table--virtual": Y.value,
+			"bb-table--virtual-flat": Er.value,
+			"bb-table--loading": Di.value,
 			"bb-table--empty": !Z.value.length,
-			"bb-table--selectable": !!M.selectable,
+			"bb-table--selectable": !!N.selectable,
 			"scrollbar-border": !0
-		})), xi = h(() => M.columns.length + Number(!!M.selectable) + Number(!!M.actions)), Si = h(() => Object.fromEntries(M.columns.map((e) => [e.key, pe(e.key)]))), { getter: Ci, clientReproducible: wi, hydratedFromSsr: Ti, items: Ei, loading: Di } = d({ items: Pe(M, "items") }), { hasPrefilled: Oi } = ae({
-			alreadyLoaded: Ti,
-			clientReproducible: wi,
+		})), ji = h(() => cn.value.length + Number(!!N.selectable) + Number(I.value)), Mi = h(() => Object.fromEntries(N.columns.map((e) => [e.key, pe(e.key)]))), { getter: Ni, clientReproducible: Pi, hydratedFromSsr: Fi, items: Ii, loading: Li } = d({ items: Fe(N, "items") }), { hasPrefilled: Ri } = ae({
+			alreadyLoaded: Fi,
+			clientReproducible: Pi,
 			trigger: !0,
 			fn: async (e) => {
-				await Ci(e, G.selected), Ni();
+				await Ni(e, q.selected), Ui();
 			}
-		}), { data: ki } = re({ items: h(() => G.selected) }), { options: Z, baseOptions: Ai } = ie({
-			disabled: Pe(M, "disabled"),
-			items: Ei,
+		}), { data: zi } = re({ items: h(() => q.selected) }), { options: Z, baseOptions: Bi } = ie({
+			disabled: Fe(N, "disabled"),
+			items: Ii,
 			itemText: void 0,
-			itemValue: M.itemValue,
-			max: M.max,
+			itemValue: N.itemValue,
+			max: N.max,
 			selectable: !0,
-			selectedIndexedByHash: ki
-		}), ji = async (e) => {
-			M.multiple ? G.selected = (G.selected ?? []).concat(e.value) : G.selected = e.value;
-		}, Mi = async (e) => {
-			if (M.multiple) {
-				let t = { ...ki.value };
-				delete t[e.valueHash], G.selected = Object.values(t);
-			} else G.selected = null;
+			selectedIndexedByHash: zi
+		}), Vi = async (e) => {
+			N.multiple ? q.selected = (q.selected ?? []).concat(e.value) : q.selected = e.value;
+		}, Hi = async (e) => {
+			if (N.multiple) {
+				let t = { ...zi.value };
+				delete t[e.valueHash], q.selected = Object.values(t);
+			} else q.selected = null;
 		};
 		p(() => [
-			M.dependencies,
-			M.items,
-			typeof M.items == "function" ? [G.page, G.perPage] : void 0
+			N.dependencies,
+			N.items,
+			typeof N.items == "function" ? [q.page, q.perPage] : void 0
 		], async () => {
-			Oi.value && (await Ci(!0, G.selected), Ni());
-		}, { debounce: M.depsDebounceTime });
-		let Ni = () => {
-			if (!M.enforceCoherence) return;
+			Ri.value && (await Ni(!0, q.selected), Ui());
+		}, { debounce: N.depsDebounceTime });
+		let Ui = () => {
+			if (!N.enforceCoherence) return;
 			let e = new Set(Z.value.map((e) => e.valueHash)), t = (t) => e.has(u(t));
-			if (M.multiple) {
-				let e = G.selected ?? [];
-				e.every(t) || (G.selected = e.filter(t));
-			} else !l(G.selected) && !t(G.selected) && (G.selected = null);
-			let n = G.unselected ?? [];
-			n.every(t) || (G.unselected = n.filter(t)), !l(A.value) && !t(A.value) && (A.value = null), j.value.every(t) || (j.value = j.value.filter(t));
-		}, Pi = (e, t) => {
-			let n = Si.value[e.key], r = e.align ?? "left", i = Ht(t.item, e.key);
+			if (N.multiple) {
+				let e = q.selected ?? [];
+				e.every(t) || (q.selected = e.filter(t));
+			} else !l(q.selected) && !t(q.selected) && (q.selected = null);
+			let n = q.unselected ?? [];
+			n.every(t) || (q.unselected = n.filter(t)), !l(j.value) && !t(j.value) && (j.value = null), M.value.every(t) || (M.value = M.value.filter(t));
+		}, Wi = (e, t) => {
+			let n = Mi.value[e.key], r = e.align ?? "left", i = Ut(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,
 				get classes() {
-					return he([`bb-table-data__cell--${r}`], M.tdClass, e.tdClass, i, e.key, t.item);
+					return he([`bb-table-data__cell--${r}`], N.tdClass, e.tdClass, i, e.key, t.item);
 				},
 				content: i,
 				key: e.key,
 				label: e.label,
 				slotName: n
 			};
-		}, Fi = h(() => z.value.map((e) => {
-			let t = e.align ?? "left", n = Si.value[e.key], r = Kt(n) ? `header:${n} (shadowed)` : `header:${n}`, i = pr(e.key), a = i ?? e.sorted, o = a ? a === "asc" ? "ascending" : "descending" : void 0;
+		}, Gi = h(() => B.value.map((e) => {
+			let t = e.align ?? "left", n = Mi.value[e.key], r = qt(n) ? `header:${n} (shadowed)` : `header:${n}`, i = vr(e.key), a = i ?? e.sorted, o = a ? a === "asc" ? "ascending" : "descending" : void 0;
 			return {
 				align: t,
 				key: e.key,
 				label: e.label,
 				slotName: r,
-				classes: ge([`bb-table-header--${t}`], M.thClass, e.thClass),
+				classes: ge([`bb-table-header--${t}`], N.thClass, e.thClass),
 				sortable: !!e.sortable,
 				sortDirection: o,
 				sortOrder: i
 			};
-		})), Ii = (e, t) => {
-			let n = Si.value[e];
-			return (Kt(n) ? void 0 : P[`header:${n}:${t}`]) ?? P[`header:${t}`];
-		}, Li = (e) => ({
+		})), Ki = (e, t) => {
+			let n = Mi.value[e];
+			return (qt(n) ? void 0 : F[`header:${n}:${t}`]) ?? F[`header:${t}`];
+		}, qi = (e) => ({
 			classes: e.classes,
 			columnKey: e.key,
-			items: Ei.value,
+			items: Ii.value,
 			label: e.label,
 			sortable: e.sortable,
 			sortOrder: e.sortOrder,
-			toggleSort: () => mr(e.key)
-		}), Ri = (e, t) => {
+			toggleSort: () => yr(e.key),
+			hideColumn: () => ln(e.key)
+		}), Ji = (e, t) => {
 			let n = Z.value[e];
 			return n && n.valueHash === t ? n : Z.value.find((e) => e.valueHash === t);
-		}, zi = (e) => {
-			let t = Ai.value[e], n = z.value.map((e) => Pi(e, t));
+		}, Yi = (e) => {
+			let t = Bi.value[e], n = B.value.map((e) => Wi(e, t));
 			return {
-				accessibleLabel: mi(n, t.item),
+				accessibleLabel: wi(n, t.item),
 				cols: n,
 				get rowClasses() {
-					return _e(M.rowClass, z.value, n, t.item);
+					return _e(N.rowClass, B.value, n, t.item);
 				},
 				onRowClick: (n) => {
-					let r = Ri(e, t.valueHash);
-					r && (fr(n, r), N("click:row", n, r.item));
+					let r = Ji(e, t.valueHash);
+					r && (_r(n, r), P("click:row", n, r.item));
 				},
 				onRowContextMenu: (n) => {
-					let r = Ri(e, t.valueHash);
-					r && N("contextmenu:row", n, r.item);
+					let r = Ji(e, t.valueHash);
+					r && P("contextmenu:row", n, r.item);
 				},
 				onRowDblClick: (n) => {
-					let r = Ri(e, t.valueHash);
-					r && N("dblclick:row", n, r.item);
+					let r = Ji(e, t.valueHash);
+					r && P("dblclick:row", n, r.item);
 				},
 				item: t.item,
 				get text() {
@@ -885,23 +1000,23 @@ var qe = {
 				valueHash: t.valueHash,
 				value: t.value
 			};
-		}, Bi = h(() => {
-			Ai.value, Si.value, M.tdClass, M.rowClass, M.accessibleLabel;
-			for (let e of z.value) e.align, e.formatOnNull, e.formatter, e.key, e.label, e.placeholder, e.tdClass;
+		}, Xi = h(() => {
+			Bi.value, Mi.value, N.tdClass, N.rowClass, N.accessibleLabel;
+			for (let e of B.value) e.align, e.formatOnNull, e.formatter, e.key, e.label, e.placeholder, e.tdClass;
 			return /* @__PURE__ */ new Map();
-		}), Vi = (e) => {
-			if (!(!q.value || e.size <= It)) {
-				for (let t of e.keys()) if (e.delete(t), e.size <= It) break;
+		}), Zi = (e) => {
+			if (!(!Y.value || e.size <= Rt)) {
+				for (let t of e.keys()) if (e.delete(t), e.size <= Rt) break;
 			}
-		}, Hi = (e) => {
-			let t = Bi.value, n = t.get(e);
+		}, Qi = (e) => {
+			let t = Xi.value, n = t.get(e);
 			if (n) return n;
-			let r = zi(e);
-			return t.set(e, r), Vi(t), r;
-		}, Ui = h(() => (Bi.value, Q.value, Z.value, ar.value, M.selectable, /* @__PURE__ */ new Map())), Wi = (e) => {
-			let t = Ui.value, n = t.get(e.index);
+			let r = Yi(e);
+			return t.set(e, r), Zi(t), r;
+		}, $i = h(() => (Xi.value, Q.value, Z.value, ur.value, N.selectable, /* @__PURE__ */ new Map())), ea = (e) => {
+			let t = $i.value, n = t.get(e.index);
 			if (n) return n;
-			let r = Hi(e.index), i = Z.value[e.index], a = !M.selectable || typeof M.selectable == "function" && !M.selectable(r.item) || !!i.disabled, o = {
+			let r = Qi(e.index), i = Z.value[e.index], a = !N.selectable || typeof N.selectable == "function" && !N.selectable(r.item) || !!i.disabled, o = {
 				accessibleLabel: r.accessibleLabel,
 				cols: r.cols,
 				item: r.item,
@@ -917,50 +1032,50 @@ var qe = {
 				value: r.value,
 				valueHash: r.valueHash,
 				expanded: e.expanded,
-				highlighted: r.valueHash in ar.value,
+				highlighted: r.valueHash in ur.value,
 				rowIndex: e.rowIndex,
 				selected: i.selected,
 				disabled: a,
 				expandProps: {},
-				toggleExpanded: () => qa(r.valueHash),
-				toggleHighlighted: () => dr(r, { viaSlot: !0 }),
-				toggleSelected: () => eo(o)
+				toggleExpanded: () => ro(r.valueHash),
+				toggleHighlighted: () => gr(r, { viaSlot: !0 }),
+				toggleSelected: () => uo(o)
 			};
-			return o.expandProps = Ka(o), t.set(e.index, o), Vi(t), o;
-		}, Gi = C(0);
-		D(() => Ai.value.length, (e) => {
-			Gi.value = te(Gi.value, 0, Math.max(0, e - 1));
+			return o.expandProps = no(o), t.set(e.index, o), Zi(t), o;
+		}, ta = C(0);
+		D(() => Bi.value.length, (e) => {
+			ta.value = te(ta.value, 0, Math.max(0, e - 1));
 		});
-		let Ki = () => I.value?.querySelectorAll(":scope > .bb-table__body > .bb-table-data__row"), qi = (e) => {
-			let t = Ki();
+		let na = () => R.value?.querySelectorAll(":scope > .bb-table__body > .bb-table-data__row"), ra = (e) => {
+			let t = na();
 			if (t) {
-				if (!q.value) return t[e];
+				if (!Y.value) return t[e];
 				for (let n of t) if (Q.value[Number(n.dataset.index)]?.index === e) return n;
 			}
-		}, Ji = () => new Promise((e) => requestAnimationFrame(() => e())), Yi = async (e) => {
-			Gi.value = e;
-			let t = qi(e);
-			if (q.value && !t) {
+		}, ia = () => new Promise((e) => requestAnimationFrame(() => e())), aa = async (e) => {
+			ta.value = e;
+			let t = ra(e);
+			if (Y.value && !t) {
 				let n = Q.value.findIndex((t) => t.kind === "row" && t.index === e);
 				if (n >= 0) {
-					pa++, va();
+					Ca++, Oa();
 					try {
-						for (let r = 0; r < 8 && !t; r++) Ma.value.scrollToIndex(n, { align: "auto" }), await Ji(), await De(), t = qi(e);
+						for (let r = 0; r < 8 && !t; r++) Ha.value.scrollToIndex(n, { align: "auto" }), await ia(), await y(), t = ra(e);
 					} finally {
-						pa--;
+						Ca--;
 					}
 				}
 			}
-			if (t?.focus(), t?.scrollIntoView({ block: "nearest" }), t && q.value) for (let e = 0; e < 4; e++) {
+			if (t?.focus(), t?.scrollIntoView({ block: "nearest" }), t && Y.value) for (let e = 0; e < 4; e++) {
 				let e = t.getBoundingClientRect().top;
-				if (await Ji(), t.scrollIntoView({ block: "nearest" }), Math.abs(t.getBoundingClientRect().top - e) < .5) break;
+				if (await ia(), t.scrollIntoView({ block: "nearest" }), Math.abs(t.getBoundingClientRect().top - e) < .5) break;
 			}
-		}, Xi = (e) => {
-			M.keyboardNavigation && (Gi.value = e);
+		}, oa = (e) => {
+			N.keyboardNavigation && (ta.value = e);
 		}, Q = h(() => {
-			let e = [], t = 0, n = ((G.page ?? 0) - 1) * (G.perPage ?? 0);
-			return Ai.value.forEach((r, i) => {
-				let a = r.valueHash in Wa.value, o = n + 1 + i + 1 + t;
+			let e = [], t = 0, n = ((q.page ?? 0) - 1) * (q.perPage ?? 0);
+			return Bi.value.forEach((r, i) => {
+				let a = r.valueHash in eo.value, o = n + 1 + i + 1 + t;
 				e.push({
 					kind: "row",
 					index: i,
@@ -977,7 +1092,7 @@ var qe = {
 					rowIndex: o
 				}));
 			}), e;
-		}), Zi = (e, t, n, r) => {
+		}), sa = (e, t, n, r) => {
 			let i;
 			return {
 				kind: t,
@@ -986,13 +1101,13 @@ var qe = {
 				virtualIndex: e.virtualIndex,
 				height: r,
 				get item() {
-					return i ??= Wi(e);
+					return i ??= ea(e);
 				}
 			};
-		}, Qi = Ne(null), $i = C(0), ea = C(null), ta = (e) => /^(auto|scroll)$/.test(getComputedStyle(e).overflowY), na = () => {
-			let e = L.value, t = ea.value, n = I.value;
-			if (!q.value || !e || !t || !n) {
-				Qi.value = null;
+		}, ca = Pe(null), la = C(0), ua = C(null), da = (e) => /^(auto|scroll)$/.test(getComputedStyle(e).overflowY), fa = () => {
+			let e = Jt.value, t = ua.value, n = R.value;
+			if (!Y.value || !e || !t || !n) {
+				ca.value = null;
 				return;
 			}
 			let r = e.getBoundingClientRect(), i = n.getBoundingClientRect().bottom - r.top, a = getComputedStyle(e).maxHeight !== "none" || e.scrollHeight > e.clientHeight + 1 || e.clientHeight > i + 1, o = window;
@@ -1000,7 +1115,7 @@ var qe = {
 			else {
 				let t = e.parentElement;
 				for (; t && t !== document.body && t !== document.documentElement;) {
-					if (ta(t)) {
+					if (da(t)) {
 						o = t;
 						break;
 					}
@@ -1008,45 +1123,45 @@ var qe = {
 				}
 			}
 			let s = t.getBoundingClientRect().top, c = o === window ? s + window.scrollY : s - o.getBoundingClientRect().top + o.scrollTop;
-			$i.value !== c && ($i.value = c), Qi.value !== o && (Qi.value = o);
-		}, ra = C(37), ia = () => {
-			let e = L.value;
+			la.value !== c && (la.value = c), ca.value !== o && (ca.value = o);
+		}, pa = C(37), ma = () => {
+			let e = Jt.value;
 			if (!e) return;
 			let t = parseFloat(getComputedStyle(e).getPropertyValue("--cell-h"));
-			t > 0 && (ra.value = t + 1);
-		}, aa = C(null), oa = (e) => {
-			if (!q.value || !ea.value) return;
+			t > 0 && (pa.value = t + 1);
+		}, ha = C(null), ga = (e) => {
+			if (!Y.value || !ua.value) return;
 			let t = e.target;
-			for (; t && t.parentElement !== ea.value;) t = t.parentElement;
+			for (; t && t.parentElement !== ua.value;) t = t.parentElement;
 			let n = Number(t?.dataset.index);
-			aa.value = Number.isInteger(n) ? n : null;
-		}, sa = (e) => {
-			if (!q.value) return;
+			ha.value = Number.isInteger(n) ? n : null;
+		}, _a = (e) => {
+			if (!Y.value) return;
 			let t = e.relatedTarget;
-			(!t || !ea.value?.contains(t)) && (aa.value = null);
-		}, ca = C(0), la = 0, ua = C(!1), da, fa = {
+			(!t || !ua.value?.contains(t)) && (ha.value = null);
+		}, va = C(0), ya = 0, ba = C(!1), xa, Sa = {
 			offset: 0,
 			time: 0
-		}, pa = 0, ma = /* @__PURE__ */ new Set(), ha = null, ga = 0, _a = (e) => {
-			ga = ga ? ga * .7 + e * .3 : e;
-		}, va = () => {
-			clearTimeout(da), da = void 0, ua.value && (ua.value = !1, Ea());
-		}, ya = (e) => {
-			let t = performance.now(), n = t - fa.time, r = e - fa.offset;
-			if (fa = {
+		}, Ca = 0, wa = /* @__PURE__ */ new Set(), Ta = null, Ea = 0, Da = (e) => {
+			Ea = Ea ? Ea * .7 + e * .3 : e;
+		}, Oa = () => {
+			clearTimeout(xa), xa = void 0, ba.value && (ba.value = !1, Ia());
+		}, ka = (e) => {
+			let t = performance.now(), n = t - Sa.time, r = e - Sa.offset;
+			if (Sa = {
 				offset: e,
 				time: t
-			}, pa > 0) return;
-			let i = ha;
-			if (n > 0 && n < 250 && i && ga) {
+			}, Ca > 0) return;
+			let i = Ta;
+			if (n > 0 && n < 250 && i && Ea) {
 				let e = $?.scrollRect?.height ?? 0, t = (i.end - i.start + e) / 2;
-				Math.abs(r) / n * ga > t && (ua.value = !0);
+				Math.abs(r) / n * Ea > t && (ba.value = !0);
 			}
-			clearTimeout(da), da = setTimeout(va, zt);
-		}, ba = C(0), xa = -1, Sa = !1, Ca = () => {
+			clearTimeout(xa), xa = setTimeout(Oa, Vt);
+		}, Aa = C(0), ja = -1, Ma = !1, Na = () => {
 			let e = $?.itemSizeCache;
-			if (!e?.size || e.size === xa) return;
-			xa = e.size;
+			if (!e?.size || e.size === ja) return;
+			ja = e.size;
 			let t = /* @__PURE__ */ new Map(), n = 0;
 			for (let [r, i] of e) {
 				if (typeof r != "string" || !r.startsWith("r:")) continue;
@@ -1056,17 +1171,17 @@ var qe = {
 			if (n >= 5) {
 				let e = 0, r = -1;
 				for (let [n, i] of t) (i > r || i === r && n < e) && (r = i, e = n);
-				e > 0 && !Sa && (ba.value = e, n >= 20 && (Sa = !0));
+				e > 0 && !Ma && (Aa.value = e, n >= 20 && (Ma = !0));
 			}
-			ri();
-		}, $ = null, wa = !1;
-		D(q, (e) => {
-			wa = e;
+			pi();
+		}, $ = null, Pa = !1;
+		D(Y, (e) => {
+			Pa = e;
 		}, { immediate: !0 });
-		let Ta = Ne([]), Ea = (e = !1) => {
-			if (la &&= (cancelAnimationFrame(la), 0), !$) return;
-			let t = q.value ? $.getVirtualItems() : [];
-			ca.value = $.getTotalSize();
+		let Fa = Pe([]), Ia = (e = !1) => {
+			if (ya &&= (cancelAnimationFrame(ya), 0), !$) return;
+			let t = Y.value ? $.getVirtualItems() : [];
+			va.value = $.getTotalSize();
 			let n = [], r = null;
 			if (t.length) {
 				let e = $.measurementsCache, i = Q.value.length, a = $.range, o = a ? a.startIndex : t[0].index, s = a ? a.endIndex : t[t.length - 1].index;
@@ -1076,153 +1191,153 @@ var qe = {
 					end: e.end,
 					size: e.size
 				});
-				let c = e?.[Math.max(0, o - Rt)], l = e?.[Math.min(i - 1, s + Rt)] ?? c;
+				let c = e?.[Math.max(0, o - Bt)], l = e?.[Math.min(i - 1, s + Bt)] ?? c;
 				c && l && (r = {
 					start: c.start,
 					end: l.end
 				});
 			}
-			let i = !Da || !r || Da.start !== r.start || Da.end !== r.end;
-			if (Da = r, Ta.value = n, !r) return;
+			let i = !La || !r || La.start !== r.start || La.end !== r.end;
+			if (La = r, Fa.value = n, !r) return;
 			if (!e || !i) {
-				ha = r;
+				Ta = r;
 				return;
 			}
 			let a = performance.now(), o = r;
-			De(() => {
-				_a(performance.now() - a), ha = o;
+			y(() => {
+				Da(performance.now() - a), Ta = o;
 			});
-		}, Da = null, Oa = () => {
-			la ||= requestAnimationFrame(() => {
-				la = 0, Ca(), Ea();
+		}, La = null, Ra = () => {
+			ya ||= requestAnimationFrame(() => {
+				ya = 0, Na(), Ia();
 			});
-		}, ka = (e, t) => {
-			t ? (ya(e.getScrollOffset()), Ea(!0)) : Oa();
-		}, Aa = (e) => Q.value[e]?.key ?? e, ja = (e) => (Q.value[e]?.kind === "expand" ? 3 : 1) * (ba.value || ra.value), Ma = Ge(h(() => {
-			let e = Qi.value, t = e === window, n = aa.value;
+		}, za = (e, t) => {
+			t ? (ka(e.getScrollOffset()), Ia(!0)) : Ra();
+		}, Ba = (e) => Q.value[e]?.key ?? e, Va = (e) => (Q.value[e]?.kind === "expand" ? 3 : 1) * (Aa.value || pa.value), Ha = qe(h(() => {
+			let e = ca.value, t = e === window, n = ha.value;
 			return {
-				onChange: ka,
-				count: q.value ? Q.value.length : 0,
-				enabled: q.value,
+				onChange: za,
+				count: Y.value ? Q.value.length : 0,
+				enabled: Y.value,
 				getScrollElement: () => e,
-				estimateSize: ja,
-				getItemKey: Aa,
-				overscan: Rt,
-				scrollMargin: $i.value,
+				estimateSize: Va,
+				getItemKey: Ba,
+				overscan: Bt,
+				scrollMargin: la.value,
 				initialRect: {
 					width: 0,
 					height: 800
 				},
 				rangeExtractor: (e) => {
-					let t = ze(e.endIndex - e.startIndex > Lt ? {
+					let t = Ve(e.endIndex - e.startIndex > zt ? {
 						...e,
-						endIndex: e.startIndex + Lt
+						endIndex: e.startIndex + zt
 					} : e);
 					return n == null || n >= e.count || t.includes(n) ? t : [...t, n].sort((e, t) => e - t);
 				},
-				observeElementRect: t ? We : He,
-				observeElementOffset: t ? Ue : Ve,
-				scrollToFn: t ? Ke : Be
+				observeElementRect: t ? Ke : We,
+				observeElementOffset: t ? Ge : Ue,
+				scrollToFn: t ? Je : He
 			};
 		}));
-		$ = Ma.value, Ea();
-		let Na = (e) => {
-			wa && $?.measureElement(e);
-		}, Pa = h(() => {
+		$ = Ha.value, Ia();
+		let Ua = (e) => {
+			Pa && $?.measureElement(e);
+		}, Wa = h(() => {
 			let e = Q.value;
-			if (Ui.value, !q.value) return e.map((e) => Zi(e, e.kind, e.key, 0));
-			let t = Ta.value;
+			if ($i.value, !Y.value) return e.map((e) => sa(e, e.kind, e.key, 0));
+			let t = Fa.value;
 			if (!t.length) return [];
-			let n = [], r = $i.value, i = ua.value, a = r, o;
+			let n = [], r = la.value, i = ba.value, a = r, o;
 			for (let r of t) {
 				let t = e[r.index];
 				if (!t) continue;
 				let s = r.start - a;
-				s > .5 && n.push(Zi(t, "spacer", `s:${t.key}`, s)), i && t.kind === "row" && !ma.has(t.key) ? n.push(Zi(t, "placeholder", `p:${t.key}`, r.size)) : n.push(Zi(t, t.kind, t.key, 0)), a = r.end, o = t;
+				s > .5 && n.push(sa(t, "spacer", `s:${t.key}`, s)), i && t.kind === "row" && !wa.has(t.key) ? n.push(sa(t, "placeholder", `p:${t.key}`, r.size)) : n.push(sa(t, t.kind, t.key, 0)), a = r.end, o = t;
 			}
-			let s = ca.value - (a - r);
-			return s > .5 && o && n.push(Zi(o, "spacer", "s:end", s)), n;
+			let s = va.value - (a - r);
+			return s > .5 && o && n.push(sa(o, "spacer", "s:end", s)), n;
 		});
-		D(Pa, (e) => {
-			if (q.value) for (let t of e) (t.kind === "row" || t.kind === "expand") && ma.add(t.key);
+		D(Wa, (e) => {
+			if (Y.value) for (let t of e) (t.kind === "row" || t.kind === "expand") && wa.add(t.key);
 		}, { flush: "post" });
-		let Fa = (e) => {
-			let t = I.value;
-			if (!q.value || !t || !t.querySelector(":scope > .bb-table__body > .bb-table-data__row")) return;
-			let n = z.value, r = null, i = null;
-			if (qr.value.forEach((t, a) => {
+		let Ga = (e) => {
+			let t = R.value;
+			if (!Y.value || !t || !t.querySelector(":scope > .bb-table__body > .bb-table-data__row")) return;
+			let n = B.value, r = null, i = null;
+			if (ni.value.forEach((t, a) => {
 				if (t.key === "select" || t.key === "actions") {
-					if (t.key in Y.value) return;
+					if (t.key in wr.value) return;
 					let n = parseFloat(e[a]);
 					if (!(n > 0)) return;
-					(i ??= { ...Y.value })[t.key] = n;
+					(i ??= { ...wr.value })[t.key] = n;
 					return;
 				}
-				let o = n[Number(t.key)];
+				let o = n.find((e) => String(e.key) === t.key);
 				if (!o || o.width != null) return;
 				let s = String(o.key);
-				if (s in J.value || s in (r ?? {})) return;
+				if (s in X.value || s in (r ?? {})) return;
 				let c = parseFloat(e[a]);
-				c > 0 && ((r ??= { ...J.value })[s] = c);
-			}), !r && !i || Ia) return;
+				c > 0 && ((r ??= { ...X.value })[s] = c);
+			}), !r && !i || Ka) return;
 			let a = r, o = i;
-			Ia = requestAnimationFrame(() => {
-				Ia = 0, a && (J.value = {
-					...J.value,
+			Ka = requestAnimationFrame(() => {
+				Ka = 0, a && (X.value = {
+					...X.value,
 					...a
-				}), o && (Y.value = {
-					...Y.value,
+				}), o && (wr.value = {
+					...wr.value,
 					...o
 				});
 			});
-		}, Ia = 0;
-		D(() => [q.value, Z.value.length === 0], ([e, t]) => {
-			(!e || t) && (J.value = {}, Y.value = {}, yr.value = "");
-		}), D(ra, () => {
-			q.value && Ma.value.measure();
+		}, Ka = 0;
+		D(() => [Y.value, Z.value.length === 0], ([e, t]) => {
+			(!e || t) && (X.value = {}, wr.value = {}, Tr.value = "");
+		}), D(pa, () => {
+			Y.value && Ha.value.measure();
 		});
-		let La, Ra, za = () => {
-			La?.disconnect(), La = void 0, Ra?.(), Ra = void 0;
-			let e = L.value;
-			if (!q.value || !e) return;
+		let qa, Ja, Ya = () => {
+			qa?.disconnect(), qa = void 0, Ja?.(), Ja = void 0;
+			let e = Jt.value;
+			if (!Y.value || !e) return;
 			let t = 0, n = () => {
 				t ||= requestAnimationFrame(() => {
-					t = 0, na();
+					t = 0, fa();
 				});
 			};
-			if (Qi.value === e) La = new ResizeObserver(() => na()), La.observe(e);
+			if (ca.value === e) qa = new ResizeObserver(() => fa()), qa.observe(e);
 			else {
 				window.addEventListener("resize", n);
 				let e = new ResizeObserver(n);
-				e.observe(document.documentElement), Ra = () => {
+				e.observe(document.documentElement), Ja = () => {
 					window.removeEventListener("resize", n), e.disconnect(), t && cancelAnimationFrame(t);
 				};
 			}
 		};
-		D(Qi, za), D(() => [q.value, Q.value.length], () => {
-			De(() => {
-				ia(), na(), za(), ma = /* @__PURE__ */ new Set(), xa = -1, Sa = !1, Ea();
+		D(ca, Ya), D(() => [Y.value, Q.value.length], () => {
+			y(() => {
+				ma(), fa(), Ya(), wa = /* @__PURE__ */ new Set(), ja = -1, Ma = !1, Ia();
 			});
 		}, { flush: "post" });
-		let Ba = () => {
-			q.value && Object.keys(J.value).length && (J.value = {});
-		}, Va, Ha = () => {
+		let Xa = () => {
+			Y.value && Object.keys(X.value).length && (X.value = {});
+		}, Za, Qa = () => {
 			let e = typeof document < "u" ? document.fonts : void 0;
-			!e || Va || (e.status !== "loaded" && e.ready.then(Ba), e.addEventListener("loadingdone", Ba), Va = () => e.removeEventListener("loadingdone", Ba));
+			!e || Za || (e.status !== "loaded" && e.ready.then(Xa), e.addEventListener("loadingdone", Xa), Za = () => e.removeEventListener("loadingdone", Xa));
 		};
-		ke(() => {
-			ia(), ri(), na(), za(), Ea(), q.value && Ha();
-		}), D(q, (e) => {
-			e && Ha(), li && ni(li), ri();
+		Ae(() => {
+			ma(), pi(), fa(), Ya(), Ia(), Y.value && Qa();
+		}), D(Y, (e) => {
+			e && Qa(), yi && fi(yi), pi();
 		}), Oe(() => {
-			La?.disconnect(), Ra?.(), Va?.(), la && cancelAnimationFrame(la);
+			qa?.disconnect(), Ja?.(), Za?.(), ya && cancelAnimationFrame(ya);
 		});
-		let Ua = (e, t) => {
-			if (!M.keyboardNavigation || e.target !== e.currentTarget) return;
-			let n = Ai.value.length - 1;
+		let $a = (e, t) => {
+			if (!N.keyboardNavigation || e.target !== e.currentTarget) return;
+			let n = Bi.value.length - 1;
 			if (n < 0) return;
 			let r = (t) => {
-				e.preventDefault(), Yi(te(t, 0, n));
+				e.preventDefault(), aa(te(t, 0, n));
 			};
 			switch (e.key) {
 				case "ArrowDown":
@@ -1232,10 +1347,10 @@ var qe = {
 					r(t - 1);
 					break;
 				case "PageDown":
-					r(t + Bt);
+					r(t + Ht);
 					break;
 				case "PageUp":
-					r(t - Bt);
+					r(t - Ht);
 					break;
 				case "Home":
 					r(0);
@@ -1248,122 +1363,136 @@ var qe = {
 					e.preventDefault(), e.currentTarget.click();
 					break;
 			}
-		}, { data: Wa } = re({ items: j }), Ga = (e, t) => {
-			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), qa(t)));
-		}, Ka = (e) => ({
-			"aria-controls": l(Wa.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+		}, { data: eo } = re({ items: M }), to = (e, t) => {
+			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), ro(t)));
+		}, no = (e) => ({
+			"aria-controls": l(eo.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
 			"aria-expanded": e.expanded ? "true" : "false",
 			onClick: (t) => {
-				t.stopPropagation(), qa(e.valueHash);
+				t.stopPropagation(), ro(e.valueHash);
 			},
-			onKeydown: (t) => Ga(t, e.valueHash)
-		}), qa = (e) => {
+			onKeydown: (t) => to(t, e.valueHash)
+		}), ro = (e) => {
 			let t = Z.value.find((t) => t.valueHash === e);
-			t && (e in Wa.value ? j.value = j.value.filter((t) => u(t) !== e) : j.value = [...j.value, t.value]);
+			t && (e in eo.value ? M.value = M.value.filter((t) => u(t) !== e) : M.value = [...M.value, t.value]);
 		};
 		D(O, () => {
-			Ya.clear(), G.unselected = [], G.selected = [];
+			ao.clear(), q.unselected = [], q.selected = [];
 		});
-		let Ja = h(() => {
-			let e = Array.isArray(G.selected) ? G.selected.length : 0;
-			return !!(M.multiple && e > 0 && !O.value || O.value && Ya.size > 0);
-		}), Ya = Ae(/* @__PURE__ */ new Set());
-		D(() => G.unselected, (e) => {
-			Ya.clear(), (e ?? []).forEach((e) => {
-				Ya.add(u(e));
+		let io = h(() => {
+			let e = Array.isArray(q.selected) ? q.selected.length : 0;
+			return !!(N.multiple && e > 0 && !O.value || O.value && ao.size > 0);
+		}), ao = je(/* @__PURE__ */ new Set());
+		D(() => q.unselected, (e) => {
+			ao.clear(), (e ?? []).forEach((e) => {
+				ao.add(u(e));
 			});
 		}, { immediate: !0 });
-		let Xa = (e) => {
-			let t = G.unselected ?? [];
-			if (Za(e)) {
-				Mi(e), N("item:unselected", e.value), Ya.add(e.valueHash), G.unselected = [...t, e.value];
+		let oo = (e) => {
+			let t = q.unselected ?? [];
+			if (so(e)) {
+				Hi(e), P("item:unselected", e.value), ao.add(e.valueHash), q.unselected = [...t, e.value];
 				return;
 			}
-			O.value || ji(e), N("item:selected", e.value), Ya.delete(e.valueHash), G.unselected = t.filter((t) => u(t) !== u(e.value));
-		}, Za = (e) => Ya.has(e.valueHash) ? !1 : e.selected || O.value, Qa = h(() => {
+			O.value || Vi(e), P("item:selected", e.value), ao.delete(e.valueHash), q.unselected = t.filter((t) => u(t) !== u(e.value));
+		}, so = (e) => ao.has(e.valueHash) ? !1 : e.selected || O.value, co = h(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of Z.value) e.set(t.valueHash, t);
 			return e;
-		}), $a = (e) => {
-			if (M.disabled || M.readonly || typeof M.selectable == "function" && !M.selectable(e.item)) return !0;
-			let t = Qa.value.get(e.valueHash);
+		}), lo = (e) => {
+			if (N.disabled || N.readonly || typeof N.selectable == "function" && !N.selectable(e.item)) return !0;
+			let t = co.value.get(e.valueHash);
 			return !t || !!t.disabled;
-		}, eo = (e) => {
-			$a(e) || Xa(e);
-		}, to = ce((e) => typeof e != "string", JSON.stringify), no = h(() => [].concat(G.selected ?? []).map((e) => ({
-			disabled: M.disabled,
-			name: M.name,
+		}, uo = (e) => {
+			lo(e) || oo(e);
+		}, fo = ce((e) => typeof e != "string", JSON.stringify), po = h(() => [].concat(q.selected ?? []).map((e) => ({
+			disabled: N.disabled,
+			name: N.name,
 			type: "hidden",
-			value: to(e)
-		}))), ro = [
+			value: fo(e)
+		}))), mo = [
 			70,
 			45,
 			85,
 			55
-		], io = h(() => te(Z.value.length || M.columns.length || 1, 4, 10)), ao = h(() => {
+		], ho = h(() => te(Z.value.length || N.columns.length || 1, 4, 10)), go = h(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let [t, n] of k.value) e.has(t) || e.set(t, n);
 			return e;
-		}), oo = h(() => ({
-			slots: P,
-			selectable: M.selectable,
-			multiple: !!M.multiple,
-			readonly: !!M.readonly,
-			actions: !!M.actions,
-			keyboardNavigation: !!M.keyboardNavigation,
-			contentInert: vi.value,
-			hasRowIndex: yi.value,
-			columnSpan: xi.value,
-			inputName: Ut,
-			tdClass: M.tdClass,
-			cellClasses: Sn.value,
-			sortOrders: ao.value,
-			measureRow: Na,
-			onInputChange: Xa,
-			onRowFocus: Xi,
-			onRowKeydown: Ua
-		})), so = h(() => (M.fixedColumns ?? []).map((e) => typeof e == "number" ? `${e}:left` : `${e.index}:${e.position}`).join(","));
+		}), _o = h(() => ({
+			slots: F,
+			selectable: N.selectable,
+			multiple: !!N.multiple,
+			readonly: !!N.readonly,
+			actions: I.value,
+			keyboardNavigation: !!N.keyboardNavigation,
+			contentInert: Oi.value,
+			hasRowIndex: ki.value,
+			columnSpan: ji.value,
+			inputName: Wt,
+			tdClass: N.tdClass,
+			cellClasses: Dn.value,
+			sortOrders: go.value,
+			measureRow: Ua,
+			onInputChange: oo,
+			onRowFocus: oa,
+			onRowKeydown: $a
+		})), vo = h(() => {
+			let e = [], t = +!!N.selectable;
+			return N.selectable && N.fixedSelect && e.push({
+				index: 0,
+				position: "left"
+			}), B.value.forEach((n, r) => {
+				n.fixed && e.push({
+					index: r + t,
+					position: n.fixed
+				});
+			}), I.value && N.fixedActions && e.push({
+				index: B.value.length + t,
+				position: "right"
+			}), e;
+		}), yo = h(() => vo.value.map((e) => typeof e == "number" ? `${e}:left` : `${e.index}:${e.position}`).join(","));
 		return D(() => [
-			Pa.value,
-			so.value,
-			fi.value
+			Wa.value,
+			yo.value,
+			Si.value
 		], ([, e, t], n) => {
-			let r = n?.[1], i = M.fixedColumns;
-			if (I.value && (e.length || r?.length)) {
+			let r = n?.[1], i = vo.value;
+			if (R.value && (e.length || r?.length)) {
 				let a = e === r && t === n?.[2];
-				fe(I.value, i ?? [], a ? li : null, a);
+				fe(R.value, i, a ? yi : null, a);
 			}
-			P.thead && De(di);
-		}, { flush: "post" }), (e, t) => (S(), g(Me(hi.value), {
+			F.thead && y(xi);
+		}, { flush: "post" }), (e, t) => (S(), Se(Ne(Ti.value), {
 			id: e.id,
 			ref_key: "containerRef",
-			ref: L,
-			"aria-busy": _i.value,
-			class: b(bi.value),
-			"data-bb-table-id": E(qt),
+			ref: Jt,
+			"aria-busy": Di.value,
+			class: b(Ai.value),
+			"data-bb-table-id": E(Yt),
 			inert: e.disabled,
-			style: x(ii.value)
+			style: x(mi.value)
 		}, {
-			default: Le(() => [
-				e.selectable ? (S(), v("legend", qe, T(gi.value), 1)) : _("", !0),
-				e.caption ? (S(), v("div", {
+			default: ze(() => [
+				e.selectable ? (S(), _("legend", Ye, T(Ei.value), 1)) : g("", !0),
+				e.caption ? (S(), _("div", {
 					key: 1,
-					id: en.value,
+					id: nn.value,
 					class: b(["bb-table-caption", { "sr-only": !e.displayCaption }])
-				}, T(e.caption), 11, Je)) : _("", !0),
-				e.reorderable || e.resizable ? (S(), v("div", {
+				}, T(e.caption), 11, Xe)) : g("", !0),
+				e.reorderable || e.resizable ? (S(), _("div", {
 					key: 2,
-					id: tn.value,
+					id: rn.value,
 					class: "sr-only"
-				}, [e.reorderable ? (S(), v(m, { key: 0 }, [Se(T(E(F)("table.reorderInstructions").value), 1)], 64)) : _("", !0), e.resizable && !K.value ? (S(), v(m, { key: 1 }, [Se(T(E(F)("table.resizeInstructions").value), 1)], 64)) : _("", !0)], 8, Ye)) : _("", !0),
-				y("span", Xe, T(_i.value ? e.loadingText || E(F)("common.loadingText").value : ""), 1),
-				e.reorderable ? (S(), v(m, { key: 3 }, [y("span", Ze, T(sn.value), 1), y("div", {
+				}, [e.reorderable ? (S(), _(m, { key: 0 }, [Ce(T(E(L)("table.reorderInstructions").value), 1)], 64)) : g("", !0), e.resizable && !J.value ? (S(), _(m, { key: 1 }, [Ce(T(E(L)("table.resizeInstructions").value), 1)], 64)) : g("", !0)], 8, Ze)) : g("", !0),
+				v("span", Qe, T(Di.value ? e.loadingText || E(L)("common.loadingText").value : ""), 1),
+				e.reorderable ? (S(), _(m, { key: 3 }, [v("span", $e, T(fn.value), 1), v("div", {
 					ref_key: "ghostRef",
-					ref: Fn,
+					ref: Bn,
 					"aria-hidden": "true",
 					class: "bb-table-column-ghost",
 					popover: "manual"
-				}, [t[1] ||= y("svg", {
+				}, [t[1] ||= v("svg", {
 					"aria-hidden": "true",
 					class: "bb-table-column-ghost__icon",
 					fill: "none",
@@ -1374,49 +1503,49 @@ var qe = {
 					"stroke-width": "2",
 					viewBox: "0 0 24 24",
 					width: "1em"
-				}, [y("path", { d: "M12 2v20M2 12h20M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3" })], -1), y("span", null, T(Pn.value), 1)], 512)], 64)) : _("", !0),
-				y("div", {
+				}, [v("path", { d: "M12 2v20M2 12h20M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3" })], -1), v("span", null, T(zn.value), 1)], 512)], 64)) : g("", !0),
+				v("div", {
 					ref_key: "tableRef",
-					ref: I,
-					"aria-labelledby": e.caption ? en.value : void 0,
-					"aria-rowcount": yi.value && E(G).totalItems != null ? E(G).totalItems + 1 : void 0,
+					ref: R,
+					"aria-labelledby": e.caption ? nn.value : void 0,
+					"aria-rowcount": ki.value && E(q).totalItems != null ? E(q).totalItems + 1 : void 0,
 					class: "bb-table__table",
 					role: "table",
-					style: x(Qr.value)
+					style: x(si.value)
 				}, [
-					y("div", {
+					v("div", {
 						class: b(["bb-table__head", {
-							"bb-table__head--dragging": U.value === "dragging",
-							"bb-table__head--resizing": _n.value !== null
+							"bb-table__head--dragging": G.value === "dragging",
+							"bb-table__head--resizing": Sn.value !== null
 						}]),
-						inert: vi.value,
+						inert: Oi.value,
 						role: "rowgroup"
-					}, [w(e.$slots, "thead", {}, () => [y("div", {
-						"aria-rowindex": yi.value ? 1 : void 0,
+					}, [w(e.$slots, "thead", {}, () => [v("div", {
+						"aria-rowindex": ki.value ? 1 : void 0,
 						class: b(["bb-table-header-row", e.headerRowClass]),
 						role: "row",
-						onPointerdown: rr,
-						onTouchmove: ir
+						onPointerdown: cr,
+						onTouchmove: lr
 					}, [
-						e.selectable ? (S(), v("div", {
+						e.selectable ? (S(), _("div", {
 							key: 0,
 							class: b(["bb-table-header bb-table-header--select", e.thClass]),
 							role: "columnheader"
 						}, [w(e.$slots, "header:select", {
 							multiple: e.multiple,
 							selectAll: !!O.value,
-							text: e.selectText || E(F)("table.selectText").value
-						}, () => [y("span", tt, [!e.disableSelectAll && e.multiple ? (S(), v("label", {
+							text: e.selectText || E(L)("table.selectText").value
+						}, () => [v("span", rt, [!e.disableSelectAll && e.multiple ? (S(), _("label", {
 							key: 0,
 							class: b(["bb-table-check__label", { "bb-table-check__label--disabled": e.disabled }])
-						}, [(S(), g(ne, {
-							key: Ja.value.toString(),
+						}, [(S(), Se(ne, {
+							key: io.value.toString(),
 							modelValue: O.value,
 							"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
 							checked: !!O.value,
 							class: "bb-table-check",
 							disabled: e.disabled,
-							indeterminate: Ja.value,
+							indeterminate: io.value,
 							name: `select_all_${e.name || ""}`,
 							readonly: e.readonly
 						}, null, 8, [
@@ -1426,48 +1555,49 @@ var qe = {
 							"indeterminate",
 							"name",
 							"readonly"
-						])), y("span", nt, T(e.selectAllLabel || E(F)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? _("", !0) : (S(), v("span", rt, T(e.selectText || E(F)("table.selectText").value), 1))])])], 2)) : _("", !0),
-						(S(!0), v(m, null, je(Fi.value, (n, r) => (S(), v("div", {
+						])), v("span", it, T(e.selectAllLabel || E(L)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? g("", !0) : (S(), _("span", at, T(e.selectText || E(L)("table.selectText").value), 1))])])], 2)) : g("", !0),
+						(S(!0), _(m, null, Me(Gi.value, (n, r) => (S(), _("div", {
 							key: n.key,
-							"aria-describedby": nn.value ? tn.value : void 0,
+							"aria-describedby": an.value ? rn.value : void 0,
 							"aria-sort": n.sortDirection ?? (n.sortable ? "none" : void 0),
 							class: b(["bb-table-header", [n.classes, {
 								"bb-table-header--edge-start": r === 0,
-								"bb-table-header--edge-end": r === Fi.value.length - 1,
-								"bb-table-header--clip": Yr.value.has(n.key),
-								"bb-table-header--dragging": Nn.value === n.key,
+								"bb-table-header--edge-end": r === Gi.value.length - 1,
+								"bb-table-header--clip": ii.value.has(n.key),
+								"bb-table-header--dragging": Rn.value === n.key,
 								"bb-table-header--sortable": n.sortable,
-								"bb-table-header--resizing": _n.value === n.key
+								"bb-table-header--resizing": Sn.value === n.key
 							}]]),
-							"data-column-key": nn.value ? n.key : void 0,
+							"data-column-key": an.value ? n.key : void 0,
 							role: "columnheader",
-							tabindex: nn.value ? n.key === un.value ? 0 : -1 : void 0,
-							onClick: (e) => dn(e, n),
-							onFocus: (e) => fn(n.key),
-							onKeydown: (e) => hn(e, n.key)
+							tabindex: an.value ? n.key === hn.value ? 0 : -1 : void 0,
+							onClick: (e) => gn(e, n),
+							onFocus: (e) => _n(n.key),
+							onKeydown: (e) => bn(e, n.key)
 						}, [
-							Ii(n.key, "prepend") ? (S(), g(Me(Ii(n.key, "prepend")), Ee({
+							Ki(n.key, "prepend") ? (S(), Se(Ne(Ki(n.key, "prepend")), De({
 								key: 0,
 								ref_for: !0
-							}, Li(n)), null, 16)) : _("", !0),
+							}, qi(n)), null, 16)) : g("", !0),
 							w(e.$slots, n.slotName, {
 								classes: n.classes,
-								items: E(Ei),
+								hideColumn: () => ln(n.key),
+								items: E(Ii),
 								label: n.label,
 								sortOrder: n.sortOrder,
 								sortable: n.sortable,
-								toggleSort: () => mr(n.key)
-							}, () => [n.sortable ? (S(), g(s, {
+								toggleSort: () => yr(n.key)
+							}, () => [n.sortable ? (S(), Se(s, {
 								key: 0,
 								class: b(["bb-table-sort", {
 									"bb-table-sort--asc": n.sortOrder === "asc",
 									"bb-table-sort--desc": n.sortOrder === "desc"
 								}]),
-								tabindex: nn.value ? -1 : void 0,
+								tabindex: an.value ? -1 : void 0,
 								type: "button",
-								onClick: () => mr(n.key)
+								onClick: () => yr(n.key)
 							}, {
-								default: Le(() => [y("span", at, T(n.label), 1), t[2] ||= y("svg", {
+								default: ze(() => [v("span", st, T(n.label), 1), t[2] ||= v("svg", {
 									"aria-hidden": "true",
 									class: "bb-table-sort__icon",
 									fill: "none",
@@ -1478,85 +1608,85 @@ var qe = {
 									"stroke-width": "2",
 									viewBox: "0 0 24 24",
 									width: "1em"
-								}, [y("path", { d: "M12 20V4m-7 7l7-7l7 7" })], -1)]),
+								}, [v("path", { d: "M12 20V4m-7 7l7-7l7 7" })], -1)]),
 								_: 2
 							}, 1032, [
 								"class",
 								"tabindex",
 								"onClick"
-							])) : (S(), v("span", ot, T(n.label), 1))]),
-							Ii(n.key, "append") ? (S(), g(Me(Ii(n.key, "append")), Ee({
+							])) : (S(), _("span", ct, T(n.label), 1))]),
+							Ki(n.key, "append") ? (S(), Se(Ne(Ki(n.key, "append")), De({
 								key: 1,
 								ref_for: !0
-							}, Li(n)), null, 16)) : _("", !0),
-							e.resizable && !K.value ? (S(), v("div", {
+							}, qi(n)), null, 16)) : g("", !0),
+							e.resizable && !J.value ? (S(), _("div", {
 								key: 2,
 								"aria-hidden": "true",
 								class: "bb-table-header__resizer",
-								onDblclick: Re((e) => Tn(n.key), ["stop"]),
-								onPointerdown: (e) => Mn(e, n.key)
-							}, null, 40, st)) : _("", !0)
-						], 42, it))), 128)),
-						e.actions ? (S(), v("div", {
+								onDblclick: Be((e) => An(n.key), ["stop"]),
+								onPointerdown: (e) => Ln(e, n.key)
+							}, null, 40, lt)) : g("", !0)
+						], 42, ot))), 128)),
+						I.value ? (S(), _("div", {
 							key: 1,
 							class: b(["bb-table-header bb-table-header--actions", e.thClass]),
 							role: "columnheader"
-						}, [w(e.$slots, "header:actions", { text: e.actionsText || E(F)("table.actionsText").value }, () => [y("span", ct, T(e.actionsText || E(F)("table.actionsText").value), 1)])], 2)) : _("", !0)
-					], 42, et)])], 10, $e),
-					y("div", {
+						}, [w(e.$slots, "header:actions", { text: e.actionsText || E(L)("table.actionsText").value }, () => [v("span", ut, T(e.actionsText || E(L)("table.actionsText").value), 1)])], 2)) : g("", !0)
+					], 42, nt)])], 10, tt),
+					v("div", {
 						ref_key: "bodyRef",
-						ref: ea,
+						ref: ua,
 						class: "bb-table__body",
 						role: "rowgroup",
-						onFocusin: oa,
-						onFocusout: sa
-					}, [_i.value && !E(Z).length ? w(e.$slots, "loading", {
+						onFocusin: ga,
+						onFocusout: _a
+					}, [Di.value && !E(Z).length ? w(e.$slots, "loading", {
 						key: 0,
-						items: E(Ei)
-					}, () => [(S(!0), v(m, null, je(io.value, (n, r) => (S(), v("div", {
+						items: E(Ii)
+					}, () => [(S(!0), _(m, null, Me(ho.value, (n, r) => (S(), _("div", {
 						key: r,
-						"aria-rowindex": yi.value ? r + 2 : void 0,
+						"aria-rowindex": ki.value ? r + 2 : void 0,
 						class: "bb-table-skeleton__row",
 						role: "row"
 					}, [
-						e.selectable ? (S(), v("div", ut, t[3] ||= [y("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : _("", !0),
-						(S(!0), v(m, null, je(z.value, (e, n) => (S(), v("div", {
+						e.selectable ? (S(), _("div", ft, t[3] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0),
+						(S(!0), _(m, null, Me(B.value, (e, n) => (S(), _("div", {
 							key: e.key,
 							class: b(["bb-table-skeleton__cell", [`bb-table-skeleton__cell--${e.skeleton ?? "text"}`]]),
 							role: "cell"
-						}, [!e.skeleton || e.skeleton === "text" ? (S(), v("div", dt, [y("div", {
+						}, [!e.skeleton || e.skeleton === "text" ? (S(), _("div", pt, [v("div", {
 							class: "bb-table-skeleton__line",
-							style: x({ width: `${ro[(r + n) % 4]}%` })
-						}, null, 4), y("div", {
+							style: x({ width: `${mo[(r + n) % 4]}%` })
+						}, null, 4), v("div", {
 							class: "bb-table-skeleton__line",
-							style: x({ width: `${ro[(r + n + 2) % 4]}%` })
-						}, null, 4)])) : e.skeleton === "avatar" ? (S(), v("div", ft)) : e.skeleton === "avatar-text" ? (S(), v("div", pt, [t[4] ||= y("div", { class: "bb-table-skeleton__avatar" }, null, -1), y("div", mt, [y("div", {
+							style: x({ width: `${mo[(r + n + 2) % 4]}%` })
+						}, null, 4)])) : e.skeleton === "avatar" ? (S(), _("div", mt)) : e.skeleton === "avatar-text" ? (S(), _("div", ht, [t[4] ||= v("div", { class: "bb-table-skeleton__avatar" }, null, -1), v("div", gt, [v("div", {
 							class: "bb-table-skeleton__line",
-							style: x({ width: `${ro[(r + n) % 4]}%` })
-						}, null, 4), y("div", {
+							style: x({ width: `${mo[(r + n) % 4]}%` })
+						}, null, 4), v("div", {
 							class: "bb-table-skeleton__line",
-							style: x({ width: `${ro[(r + n + 2) % 4]}%` })
-						}, null, 4)])])) : e.skeleton === "image" ? (S(), v("div", ht)) : e.skeleton === "badge" ? (S(), v("div", gt)) : _("", !0)], 2))), 128)),
-						e.actions ? (S(), v("div", _t, t[5] ||= [y("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : _("", !0)
-					], 8, lt))), 128))]) : E(Z).length ? w(e.$slots, "tbody", { key: 2 }, () => [(S(!0), v(m, null, je(Pa.value, (e) => (S(), v(m, { key: e.key }, [e.kind === "spacer" ? (S(), v("div", {
+							style: x({ width: `${mo[(r + n + 2) % 4]}%` })
+						}, null, 4)])])) : e.skeleton === "image" ? (S(), _("div", _t)) : e.skeleton === "badge" ? (S(), _("div", vt)) : g("", !0)], 2))), 128)),
+						I.value ? (S(), _("div", yt, t[5] ||= [v("div", { class: "bb-table-skeleton__placeholder" }, null, -1)])) : g("", !0)
+					], 8, dt))), 128))]) : E(Z).length ? w(e.$slots, "tbody", { key: 2 }, () => [(S(!0), _(m, null, Me(Wa.value, (e) => (S(), _(m, { key: e.key }, [e.kind === "spacer" ? (S(), _("div", {
 						key: 0,
 						"aria-hidden": "true",
 						class: "bb-table-spacer__row bb-table-placeholder__row",
 						style: x({ height: `${e.height}px` })
-					}, null, 4)) : e.kind === "placeholder" ? (S(), v("div", {
+					}, null, 4)) : e.kind === "placeholder" ? (S(), _("div", {
 						key: 1,
 						"aria-hidden": "true",
 						class: "bb-table-placeholder__row bb-table-placeholder__row--pending",
 						"data-index": e.virtualIndex,
 						style: x({ height: `${e.height}px` })
-					}, null, 12, xt)) : e.kind === "row" ? (S(), g(E(ue), {
+					}, null, 12, Ct)) : e.kind === "row" ? (S(), Se(E(ue), {
 						key: 2,
-						active: e.index === Gi.value,
-						context: oo.value,
+						active: e.index === ta.value,
+						context: _o.value,
 						index: e.index,
 						item: e.item,
-						"select-blocked": $a(e.item),
-						selected: Za(e.item),
+						"select-blocked": lo(e.item),
+						selected: so(e.item),
 						"virtual-index": e.virtualIndex
 					}, null, 8, [
 						"active",
@@ -1566,33 +1696,33 @@ var qe = {
 						"select-blocked",
 						"selected",
 						"virtual-index"
-					])) : (S(), g(E(de), {
+					])) : (S(), Se(E(de), {
 						key: 3,
-						context: oo.value,
+						context: _o.value,
 						item: e.item,
-						selected: Za(e.item),
+						selected: so(e.item),
 						"virtual-index": e.virtualIndex
 					}, null, 8, [
 						"context",
 						"item",
 						"selected",
 						"virtual-index"
-					]))], 64))), 128))]) : (S(), v("div", {
+					]))], 64))), 128))]) : (S(), _("div", {
 						key: 1,
-						"aria-rowindex": yi.value ? 2 : void 0,
+						"aria-rowindex": ki.value ? 2 : void 0,
 						class: "bb-table-no-data__row",
 						role: "row"
-					}, [y("div", {
-						"aria-colspan": xi.value,
+					}, [v("div", {
+						"aria-colspan": ji.value,
 						class: "bb-table-no-data__cell",
 						role: "cell"
-					}, [w(e.$slots, "no-data", {}, () => [y("span", bt, T(e.noDataText || E(F)("common.noDataText").value), 1)])], 8, yt)], 8, vt))], 544),
-					y("div", {
+					}, [w(e.$slots, "no-data", {}, () => [v("span", St, T(e.noDataText || E(L)("common.noDataText").value), 1)])], 8, xt)], 8, bt))], 544),
+					v("div", {
 						class: "bb-table__foot",
-						role: P.tfoot ? "rowgroup" : void 0
-					}, [w(e.$slots, "tfoot", { columnCount: xi.value })], 8, St)
-				], 12, Qe),
-				(S(!0), v(m, null, je(no.value, (e) => (S(), v("input", Ee({
+						role: F.tfoot ? "rowgroup" : void 0
+					}, [w(e.$slots, "tfoot", { columnCount: ji.value })], 8, wt)
+				], 12, et),
+				(S(!0), _(m, null, Me(po.value, (e) => (S(), _("input", De({
 					key: e.value,
 					ref_for: !0
 				}, e), null, 16))), 128))