bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

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

@@ -7,8 +7,8 @@ import { useId as a } from "../../composables/useId.js";
 import { escapeStackDepth as o, isTopEscapeEntry as s, pushEscapeEntry as c, removeEscapeEntry as l } from "../../utils/overlayEscapeStack.js";
 import { removedPropsFor as u } from "../../deprecation/removedProps.js";
 import { warnRemovedAttrs as d } from "../../utilities/functions/warnRemovedAttrs.js";
-import f from "../BbBaseButton/BbBaseButton.vue.js";
-import { useLocale as p } from "../../composables/useLocale.js";
+import { useLocale as f } from "../../composables/useLocale.js";
+import p from "../BbBaseButton/BbBaseButton.vue.js";
 import { SsrMarker as ee } from "../../composables/ssrMarker.js";
 import { useItemsGetter as te } from "../../composables/useItemsGetter.js";
 import { useItemValue as ne } from "../../composables/useItemValue.js";
@@ -345,8 +345,8 @@ var Ct = {
 			parts: Ce.parts,
 			states: Ce.states,
 			active: {
-				loading: () => Oa.value,
-				empty: () => !Y.value.length
+				loading: () => Da.value,
+				empty: () => !X.value.length
 			}
 		}), Dn = (e) => ({
 			sorted: !!e,
@@ -363,88 +363,88 @@ var Ct = {
 			let t = !!j.actions;
 			t !== N.value && (N.value = t), !!j.expand !== On.value && (On.value = !!j.expand), !!j.tbody !== kn.value && (kn.value = !!j.tbody), !!j.thead !== An.value && (An.value = !!j.thead);
 		});
-		let P = m(() => !!k.keyboardNavigation && !kn.value), Nn = m(() => P.value && On.value), Pn = m(() => Nn.value ? "treegrid" : P.value ? "grid" : "table"), Fn = m(() => P.value ? "gridcell" : "cell"), In = m(() => new Set(k.columns.filter((e) => e.rowHeader).map((e) => String(e.key)))), Ln = m(() => P.value && !An.value), { getItemValue: Rn } = ne(), zn = a().id.value, Bn = (e) => `expanded_${zn}_${e}`;
+		let P = m(() => !!k.keyboardNavigation && !kn.value), Nn = m(() => P.value && On.value), Pn = m(() => Nn.value ? "treegrid" : P.value ? "grid" : "table"), Fn = m(() => P.value ? "gridcell" : "cell"), In = m(() => new Set(k.columns.filter((e) => e.rowHeader).map((e) => String(e.key)))), F = m(() => P.value && !An.value), { getItemValue: Ln } = ne(), Rn = a().id.value, zn = (e) => `expanded_${Rn}_${e}`;
 		k.multiple && !Array.isArray(k.modelValue) && e().throw("BbTable is set for multiple selection but modelValue is not an array.");
-		let Vn = ["actions", "select"];
+		let Bn = ["actions", "select"];
 		if (process.env.NODE_ENV !== "production") {
-			let t = k.columns.filter((e) => Vn.includes(e.key));
+			let t = k.columns.filter((e) => Bn.includes(e.key));
 			for (let n of t) e().warn(`BbTable: \`{ key: '${String(n.key)}' }\` is a reserved column and must not appear in \`columns\`. ` + (n.key === "actions" ? "Fill the `#actions` slot instead — the slot creates the column." : "Selection is controlled by the `selectable` prop."));
 		}
-		let { t: F } = p(), I = S(), L = S(), { id: Hn, parentId: Un, parentNode: Wn, node: Gn, cssVars: Kn, parentVar: qn, setTracks: Jn } = ye({
+		let { t: I } = f(), L = S(), R = S(), { id: Vn, parentId: Hn, parentNode: Un, node: Wn, cssVars: Gn, parentVar: Kn, setTracks: qn } = ye({
 			id: () => k.id,
-			container: () => L.value,
+			container: () => R.value,
 			inheritFrom: () => typeof k.inheritColumnWidths == "string" ? k.inheritColumnWidths : void 0
-		}), Yn = m(() => `${Hn.value}__caption`), Xn = m(() => `${Hn.value}__header_instructions`), Zn = m(() => !!(k.reorderable || k.resizable)), Qn = S(/* @__PURE__ */ new Set()), $n = m(() => {
-			let e = new Set(Qn.value);
+		}), Jn = m(() => `${Vn.value}__caption`), Yn = m(() => `${Vn.value}__header_instructions`), Xn = m(() => !!(k.reorderable || k.resizable)), Zn = S(/* @__PURE__ */ new Set()), Qn = m(() => {
+			let e = new Set(Zn.value);
 			for (let t of k.columns) t.hidden && e.add(String(t.key));
 			return e;
-		}), er = m(() => {
-			let e = $n.value;
+		}), $n = m(() => {
+			let e = Qn.value;
 			return e.size ? k.columns.filter((t) => !e.has(String(t.key))) : k.columns;
-		}), tr = (e) => {
-			if ($n.value.has(e)) return;
-			let t = pr(e), n = B.value.indexOf(e), r = !!t && t.contains(document.activeElement) && (Zn.value || Ln.value);
-			Qn.value = /* @__PURE__ */ new Set([...Qn.value, e]), A("hide:column", e), r && y(() => mr(n));
+		}), er = (e) => {
+			if (Qn.value.has(e)) return;
+			let t = fr(e), n = V.value.indexOf(e), r = !!t && t.contains(document.activeElement) && (Xn.value || F.value);
+			Zn.value = /* @__PURE__ */ new Set([...Zn.value, e]), A("hide:column", e), r && y(() => pr(n));
 		};
 		T(() => k.columns.map((e) => [String(e.key), !!e.hidden]), (e, t) => {
-			if (!t || !Qn.value.size) return;
-			let n = new Map(t), r = Qn.value, i = e.filter(([e, t]) => n.has(e) && n.get(e) !== t && r.has(e) && !t);
+			if (!t || !Zn.value.size) return;
+			let n = new Map(t), r = Zn.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);
-			Qn.value = a;
+			Zn.value = a;
 		});
-		let nr = m(() => k.columns.map((e) => String(e.key))), rr = m(() => new Set(k.columns.filter((e) => e.reorderable === !1).map((e) => String(e.key)))), ir = (e) => rr.value.size ? ke(Ee(e, nr.value), nr.value, rr.value) : Ee(e, nr.value), R = S(null), z = m(() => {
-			let e = er.value, t = R.value ?? Tn.value;
+		let tr = m(() => k.columns.map((e) => String(e.key))), nr = m(() => new Set(k.columns.filter((e) => e.reorderable === !1).map((e) => String(e.key)))), rr = (e) => nr.value.size ? ke(Ee(e, tr.value), tr.value, nr.value) : Ee(e, tr.value), z = S(null), B = m(() => {
+			let e = $n.value, t = z.value ?? Tn.value;
 			if (!t.length) return e;
-			let n = Pe(e, rr.value.size ? ir(t) : t);
+			let n = Pe(e, nr.value.size ? rr(t) : t);
 			return n.every((t, n) => t === e[n]) ? e : n;
-		}), B = m(() => z.value.map((e) => String(e.key))), ar = (e, t) => {
-			let n = ir(Tn.value), r = or(e, t);
+		}), V = m(() => B.value.map((e) => String(e.key))), ir = (e, t) => {
+			let n = rr(Tn.value), r = ar(e, t);
 			if (r === null) return null;
-			let i = Ne(n, nr.value, e, r, $n.value);
+			let i = Ne(n, tr.value, e, r, Qn.value);
 			return Le(i, n) ? null : i;
-		}, or = (e, t) => {
-			let n = B.value, r = Ie(n, n.indexOf(e), rr.value);
+		}, ar = (e, t) => {
+			let n = V.value, r = Ie(n, n.indexOf(e), nr.value);
 			return r ? Math.max(r.min, Math.min(r.max, t)) : null;
-		}, sr = S("");
+		}, or = S("");
 		T(() => k.reorderable, () => {
-			sr.value = "";
+			or.value = "";
 		});
-		let cr = (e, t) => {
-			let n = z.value, r = n.findIndex((t) => String(t.key) === e);
-			r < 0 || r === t || (sr.value = F("table.columnMoved", n[r].label, r + 1, n.length).value);
-		}, lr = S(null), ur = m(() => {
-			let e = B.value, t = lr.value;
+		let sr = (e, t) => {
+			let n = B.value, r = n.findIndex((t) => String(t.key) === e);
+			r < 0 || r === t || (or.value = I("table.columnMoved", n[r].label, r + 1, n.length).value);
+		}, cr = S(null), lr = m(() => {
+			let e = V.value, t = cr.value;
 			return t !== null && e.includes(t) ? t : e[0] ?? null;
-		}), dr = (e, t) => {
+		}), ur = (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(pn);
-			i && r.contains(i) || window.getSelection()?.toString() || vi(t.key);
-		}, fr = (e) => {
-			Zn.value && (lr.value = e);
-		}, pr = (e) => I.value?.querySelector(`:scope > .bb-table__head > .bb-table__header-row > [data-column-key="${CSS.escape(e)}"]`) ?? null, mr = (e) => {
-			let t = B.value, n = t[Math.max(0, Math.min(t.length - 1, e))];
-			n && (lr.value = n, pr(n)?.focus());
-		}, hr = async (e, t) => {
-			let n = Ln.value;
-			if (!Zn.value && !n) return;
+			i && r.contains(i) || window.getSelection()?.toString() || _i(t.key);
+		}, dr = (e) => {
+			Xn.value && (cr.value = e);
+		}, fr = (e) => L.value?.querySelector(`:scope > .bb-table__head > .bb-table__header-row > [data-column-key="${CSS.escape(e)}"]`) ?? null, pr = (e) => {
+			let t = V.value, n = t[Math.max(0, Math.min(t.length - 1, e))];
+			n && (cr.value = n, fr(n)?.focus());
+		}, mr = async (e, t) => {
+			let n = F.value;
+			if (!Xn.value && !n) return;
 			let r = e.currentTarget, i = e.target;
 			if (!(i instanceof Element) || i !== r && !i.closest(".bb-table-sort")) return;
 			let a = getComputedStyle(r).direction === "rtl";
 			if (e.altKey && !e.ctrlKey && !e.metaKey) {
-				if (!vr.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+				if (!_r.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 				e.preventDefault();
-				let n = e.key === "ArrowRight" !== a, i = V.value[t] ?? r.getBoundingClientRect().width;
-				Dr({ [t]: i + (n ? 1 : -1) * rn });
+				let n = e.key === "ArrowRight" !== a, i = H.value[t] ?? r.getBoundingClientRect().width;
+				Er({ [t]: i + (n ? 1 : -1) * rn });
 				return;
 			}
 			if (e.ctrlKey || e.metaKey) return;
-			let o = B.value, s = o.indexOf(t);
+			let o = V.value, s = o.indexOf(t);
 			if (s < 0) return;
 			let c;
 			switch (e.key) {
@@ -462,117 +462,117 @@ var Ct = {
 					break;
 				case "Enter":
 				case " ":
-					if (i !== r || !z.value[s]?.sortable) return;
-					e.preventDefault(), vi(t);
+					if (i !== r || !B.value[s]?.sortable) return;
+					e.preventDefault(), _i(t);
 					return;
 				default: return;
 			}
 			if (n && (!e.shiftKey || !k.reorderable)) return;
 			if (e.preventDefault(), !e.shiftKey) {
-				mr(c);
+				pr(c);
 				return;
 			}
 			if (!k.reorderable) return;
-			let l = ar(t, c);
-			l && (sr.value = "", Tn.value = l, lr.value = t, await y(), gr(t, n), _r = B.value.indexOf(t) === l.indexOf(t) ? null : {
+			let l = ir(t, c);
+			l && (or.value = "", Tn.value = l, cr.value = t, await y(), hr(t, n), gr = V.value.indexOf(t) === l.indexOf(t) ? null : {
 				key: t,
 				index: l.indexOf(t),
 				inGrid: n,
 				until: Date.now() + tn
-			}, cr(t, s));
-		}, gr = (e, t) => {
-			let n = pr(e);
-			n?.focus(), n && t && n.parentElement && (jo.value = {
+			}, sr(t, s));
+		}, hr = (e, t) => {
+			let n = fr(e);
+			n?.focus(), n && t && n.parentElement && (Ao.value = {
 				key: null,
 				row: -1,
 				col: Array.prototype.indexOf.call(n.parentElement.children, n)
 			});
-		}, _r = null;
-		T(B, (e) => {
-			let t = _r;
+		}, gr = null;
+		T(V, (e) => {
+			let t = gr;
 			if (!t) return;
 			if (Date.now() > t.until) {
-				_r = null;
+				gr = null;
 				return;
 			}
 			if (e.indexOf(t.key) !== t.index) return;
-			_r = null;
-			let n = document.activeElement, r = I.value;
-			(!n || n === document.body || r?.contains(n)) && n !== pr(t.key) && gr(t.key, t.inGrid);
+			gr = null;
+			let n = document.activeElement, r = L.value;
+			(!n || n === document.body || r?.contains(n)) && n !== fr(t.key) && hr(t.key, t.inGrid);
 		}, { flush: "post" }), process.env.NODE_ENV !== "production" && (T(Tn, (t) => {
 			new Set(t).size !== t.length && e().warn("BbTable: `order` lists a key more than once — the first occurrence wins.");
-		}, { immediate: !0 }), T(() => k.columns.some((e) => e.snap != null) && (!!k.reorderable || z.value !== k.columns), (t) => {
+		}, { immediate: !0 }), T(() => k.columns.some((e) => e.snap != null) && (!!k.reorderable || B.value !== k.columns), (t) => {
 			t && e().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 vr = m(() => !!k.resizable && !K.value), V = S({}), yr = S(null), br = S(null), xr = (e) => {
+		let _r = m(() => !!k.resizable && !q.value), H = S({}), vr = S(null), yr = S(null), br = (e) => {
 			let t = String(e.key);
-			return yr.value?.[t] ?? V.value[t] ?? e.width ?? (q.value ? J.value[t] : void 0);
-		}, Sr = (e) => {
+			return vr.value?.[t] ?? H.value[t] ?? e.width ?? (J.value ? Y.value[t] : void 0);
+		}, xr = (e) => {
 			let t = String(e.key);
-			return yr.value?.[t] !== void 0 || t in V.value;
-		}, Cr = m(() => Object.keys(yr.value ?? {}).join(" ")), wr = m(() => /* @__PURE__ */ new Set([...Object.keys(V.value), ...Cr.value.split(" ").filter(Boolean)])), Tr = m(() => {
-			let e = /* @__PURE__ */ new Map(), t = wr.value, n = q.value, r = J.value;
-			for (let i of z.value) {
+			return vr.value?.[t] !== void 0 || t in H.value;
+		}, Sr = m(() => Object.keys(vr.value ?? {}).join(" ")), Cr = m(() => /* @__PURE__ */ new Set([...Object.keys(H.value), ...Sr.value.split(" ").filter(Boolean)])), wr = m(() => {
+			let e = /* @__PURE__ */ new Map(), t = Cr.value, n = J.value, r = Y.value;
+			for (let i of B.value) {
 				let a = String(i.key), o = n && i.width == null, s = [];
 				o && s.push("bb-table__cell--nowrap"), t.has(a) && s.push("bb-table__cell--resized"), (t.has(a) || o && a in r) && s.push("bb-table__cell--clip"), s.length && e.set(a, s.join(" "));
 			}
 			return e;
-		}), Er = m(() => yr.value !== null || Object.keys(V.value).length > 0), Dr = (e) => {
-			let t = { ...V.value }, n = [];
+		}), Tr = m(() => vr.value !== null || Object.keys(H.value).length > 0), Er = (e) => {
+			let t = { ...H.value }, n = [];
 			for (let [r, i] of Object.entries(e)) {
 				let e = Math.max(nn, Math.round(i));
 				t[r] !== e && (t[r] = e, n.push([r, e]));
 			}
 			if (n.length) {
-				V.value = t;
+				H.value = t;
 				for (let [e, t] of n) A("resize:column", e, t);
 			}
-		}, Or = (e) => {
-			if (!(e in V.value)) return;
-			let { [e]: t, ...n } = V.value;
-			V.value = n, A("resize:column", e, null);
+		}, Dr = (e) => {
+			if (!(e in H.value)) return;
+			let { [e]: t, ...n } = H.value;
+			H.value = n, A("resize:column", e, null);
 		};
 		T(() => k.columns.map((e) => [String(e.key), e.width]), (e, t) => {
-			if (!t || !Object.keys(V.value).length) return;
-			let n = new Map(t), r = V.value, i = e.filter(([e, t]) => n.has(e) && n.get(e) !== t && e in r && t !== r[e]);
+			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];
-			V.value = a;
+			H.value = a;
 		});
-		let H = null, kr = () => {
-			document.removeEventListener("pointermove", jr), document.removeEventListener("pointerup", Mr), document.removeEventListener("pointercancel", Nr), document.removeEventListener("keydown", Pr, !0), window.removeEventListener("blur", Nr);
-		}, Ar = () => {
-			if (kr(), H) try {
-				H.handle.releasePointerCapture(H.pointerId);
+		let U = null, Or = () => {
+			document.removeEventListener("pointermove", Ar), document.removeEventListener("pointerup", jr), document.removeEventListener("pointercancel", Mr), document.removeEventListener("keydown", Nr, !0), window.removeEventListener("blur", Mr);
+		}, kr = () => {
+			if (Or(), U) try {
+				U.handle.releasePointerCapture(U.pointerId);
 			} catch {}
-			document.documentElement.classList.remove(an), H = null, yr.value = null, br.value = null, I.value && (I.value.style.gridTemplateColumns = ia.value);
-		}, jr = (e) => {
-			if (!H || e.pointerId !== H.pointerId) return;
-			let t = (e.clientX - H.x0) * (H.rtl ? -1 : 1);
-			t = Math.max(nn - H.startWidth, t);
-			let { neighbour: n } = H;
+			document.documentElement.classList.remove(an), U = null, vr.value = null, yr.value = null, L.value && (L.value.style.gridTemplateColumns = ra.value);
+		}, Ar = (e) => {
+			if (!U || e.pointerId !== U.pointerId) return;
+			let t = (e.clientX - U.x0) * (U.rtl ? -1 : 1);
+			t = Math.max(nn - U.startWidth, t);
+			let { neighbour: n } = U;
 			if (e.shiftKey && n) {
-				t = Math.min(n.startWidth - nn, t), yr.value = {
-					[H.key]: Math.round(H.startWidth + t),
+				t = Math.min(n.startWidth - nn, t), vr.value = {
+					[U.key]: Math.round(U.startWidth + t),
 					[n.key]: Math.round(n.startWidth - t)
 				};
 				return;
 			}
-			yr.value = { [H.key]: Math.round(H.startWidth + t) };
-		}, Mr = (e) => {
-			if (!H || e.pointerId !== H.pointerId) return;
-			let { key: t, startWidth: n, neighbour: r } = H, i = yr.value;
-			if (Ar(), !i) return;
+			vr.value = { [U.key]: Math.round(U.startWidth + t) };
+		}, jr = (e) => {
+			if (!U || e.pointerId !== U.pointerId) return;
+			let { key: t, startWidth: n, neighbour: r } = U, i = vr.value;
+			if (kr(), !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]), Dr(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]), Er(a);
+		}, Mr = (e) => {
+			U && (e instanceof PointerEvent && e.pointerId !== U.pointerId || kr());
 		}, Nr = (e) => {
-			H && (e instanceof PointerEvent && e.pointerId !== H.pointerId || Ar());
-		}, Pr = (e) => {
-			!H || e.key !== "Escape" || (e.preventDefault(), e.stopImmediatePropagation(), Ar());
-		}, Fr = (e, t) => {
-			if (!vr.value || ka.value || H || !e.isPrimary || e.button !== 0) return;
-			let n = pr(t);
+			!U || e.key !== "Escape" || (e.preventDefault(), e.stopImmediatePropagation(), kr());
+		}, Pr = (e, t) => {
+			if (!_r.value || Oa.value || U || !e.isPrimary || e.button !== 0) return;
+			let n = fr(t);
 			if (!n) return;
 			e.preventDefault();
 			let r = e.currentTarget;
@@ -580,8 +580,8 @@ var Ct = {
 				r.setPointerCapture(e.pointerId);
 			} catch {}
 			document.documentElement.classList.add(an);
-			let i = B.value, a = i[i.indexOf(t) + 1], o = a ? pr(a) : null;
-			H = {
+			let i = V.value, a = i[i.indexOf(t) + 1], o = a ? fr(a) : null;
+			U = {
 				pointerId: e.pointerId,
 				handle: r,
 				key: t,
@@ -592,43 +592,43 @@ var Ct = {
 					startWidth: o.getBoundingClientRect().width
 				} : null,
 				rtl: getComputedStyle(n).direction === "rtl"
-			}, br.value = t, document.addEventListener("pointermove", jr), document.addEventListener("pointerup", Mr), document.addEventListener("pointercancel", Nr), document.addEventListener("keydown", Pr, !0), window.addEventListener("blur", Nr);
+			}, yr.value = t, document.addEventListener("pointermove", Ar), document.addEventListener("pointerup", jr), document.addEventListener("pointercancel", Mr), document.addEventListener("keydown", Nr, !0), window.addEventListener("blur", Mr);
 		};
-		b(Ar);
-		let U = S("idle"), Ir = S(null), Lr = S(""), Rr = S(), zr = Symbol("bb-table-column-drag"), W = null, Br = (e) => Math.max(0, Math.min(1, e)), Vr = () => {
-			let e = Di.value ? L.value?.parentElement ?? null : L.value ?? null;
+		b(kr);
+		let W = S("idle"), Fr = S(null), Ir = S(""), Lr = S(), Rr = Symbol("bb-table-column-drag"), G = null, zr = (e) => Math.max(0, Math.min(1, e)), Br = () => {
+			let e = Ei.value ? R.value?.parentElement ?? null : R.value ?? null;
 			for (; e;) {
 				let t = getComputedStyle(e).overflowX;
 				if (t === "auto" || t === "scroll") return e;
 				e = e.parentElement;
 			}
 			return null;
-		}, Hr = () => {
-			let e = W?.scrollport?.getBoundingClientRect(), t = Math.max(e?.left ?? 0, 0), n = Math.min(e?.right ?? window.innerWidth, window.innerWidth);
+		}, Vr = () => {
+			let e = G?.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)
 			};
-		}, Ur = (e) => Array.from(e.children).filter((e) => e instanceof HTMLElement && e.classList.contains("bb-table__cell-column-header") && !!e.dataset.columnKey), Wr = () => {
-			let e = Rr.value;
+		}, Hr = (e) => Array.from(e.children).filter((e) => e instanceof HTMLElement && e.classList.contains("bb-table__cell-column-header") && !!e.dataset.columnKey), Ur = () => {
+			let e = Lr.value;
 			e?.isConnected && !e.matches(":popover-open") && e.showPopover();
-		}, Gr = () => {
-			let e = Rr.value;
+		}, Wr = () => {
+			let e = Lr.value;
 			e && e.matches(":popover-open") && e.hidePopover();
-		}, Kr = (e, t) => {
-			let n = Rr.value;
+		}, Gr = (e, t) => {
+			let n = Lr.value;
 			n && (n.style.translate = `${e + fn}px ${t + fn}px`);
-		}, qr = (e) => {
-			if (!W || U.value !== "dragging") return;
-			let t = Hr(), n = Math.max(t.left, Math.min(e, t.right - 1)), r = Ur(W.row);
+		}, Kr = (e) => {
+			if (!G || W.value !== "dragging") return;
+			let t = Vr(), n = Math.max(t.left, Math.min(e, t.right - 1)), r = Hr(G.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 = B.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 !== G.key), s = V.value, c = s.indexOf(G.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 = G.rtl ? s.length - 1 : 0;
+			else if (n >= u) d = "\0end", f = G.rtl ? 0 : s.length - 1;
 			else {
 				let e = o.find((e) => {
 					let t = a.get(e);
@@ -637,88 +637,88 @@ var Ct = {
 				if (!e) return;
 				d = e.dataset.columnKey, f = s.indexOf(d);
 			}
-			if (f < 0 || (f = or(W.key, f) ?? c, f === c)) return;
+			if (f < 0 || (f = ar(G.key, f) ?? c, f === c)) return;
 			let p = f > c;
-			if (W.target?.key === d && W.target.after === p) return;
-			let ee = Ne(W.base, nr.value, W.key, f, $n.value);
-			if (Le(ee, R.value ?? W.base)) {
-				W.target = {
+			if (G.target?.key === d && G.target.after === p) return;
+			let ee = Ne(G.base, tr.value, G.key, f, Qn.value);
+			if (Le(ee, z.value ?? G.base)) {
+				G.target = {
 					key: d,
 					after: p
 				};
 				return;
 			}
-			((W.rtl ? !p : p) ? n <= W.lastMoveX + dn : n >= W.lastMoveX - dn) || (W.target = {
+			((G.rtl ? !p : p) ? n <= G.lastMoveX + dn : n >= G.lastMoveX - dn) || (G.target = {
 				key: d,
 				after: p
-			}, W.lastMoveX = n, R.value = ee);
-		}, Jr = () => {
-			if (!W || U.value !== "dragging" || !W.scrollDirection) {
-				W && (W.raf = void 0);
+			}, G.lastMoveX = n, z.value = ee);
+		}, qr = () => {
+			if (!G || W.value !== "dragging" || !G.scrollDirection) {
+				G && (G.raf = void 0);
 				return;
 			}
-			let e = Hr(), t = W.scrollDirection < 0 ? W.lastX - e.left : e.right - W.lastX, n = Math.ceil(un * (1 - Br(t / ln))), r = W.scrollport ?? document.scrollingElement;
-			r && (r.scrollLeft += W.scrollDirection * n), qr(W.lastX), W.raf = requestAnimationFrame(Jr);
+			let e = Vr(), t = G.scrollDirection < 0 ? G.lastX - e.left : e.right - G.lastX, n = Math.ceil(un * (1 - zr(t / ln))), r = G.scrollport ?? document.scrollingElement;
+			r && (r.scrollLeft += G.scrollDirection * n), Kr(G.lastX), G.raf = requestAnimationFrame(qr);
+		}, Jr = () => {
+			if (!G) return;
+			let e = Vr(), t = G.lastX - e.left, n = e.right - G.lastX;
+			G.scrollDirection = t < ln ? -1 : +(n < ln), G.scrollDirection && G.raf === void 0 && (G.raf = requestAnimationFrame(qr));
 		}, Yr = () => {
-			if (!W) return;
-			let e = Hr(), t = W.lastX - e.left, n = e.right - W.lastX;
-			W.scrollDirection = t < ln ? -1 : +(n < ln), W.scrollDirection && W.raf === void 0 && (W.raf = requestAnimationFrame(Jr));
+			document.removeEventListener("pointermove", $r), document.removeEventListener("pointerup", ei), document.removeEventListener("pointercancel", ti), document.removeEventListener("keydown", ri, !0), document.removeEventListener("dragstart", ii), document.removeEventListener("contextmenu", ii, !0), window.removeEventListener("blur", ti), G?.row.removeEventListener("lostpointercapture", ni);
 		}, Xr = () => {
-			document.removeEventListener("pointermove", ei), document.removeEventListener("pointerup", ti), document.removeEventListener("pointercancel", ni), document.removeEventListener("keydown", ii, !0), document.removeEventListener("dragstart", ai), document.removeEventListener("contextmenu", ai, !0), window.removeEventListener("blur", ni), W?.row.removeEventListener("lostpointercapture", ri);
-		}, Zr = () => {
-			if (W) {
-				clearTimeout(W.timer), W.raf !== void 0 && cancelAnimationFrame(W.raf), Xr();
+			if (G) {
+				clearTimeout(G.timer), G.raf !== void 0 && cancelAnimationFrame(G.raf), Yr();
 				try {
-					W.row.hasPointerCapture(W.pointerId) && W.row.releasePointerCapture(W.pointerId);
+					G.row.hasPointerCapture(G.pointerId) && G.row.releasePointerCapture(G.pointerId);
 				} catch {}
-				Gr(), l(zr), Ir.value = null, R.value = null, U.value = "idle", W = null;
+				Wr(), l(Rr), Fr.value = null, z.value = null, W.value = "idle", G = null;
 			}
+		}, Zr = () => {
+			G && (G.raf !== void 0 && cancelAnimationFrame(G.raf), G.raf = void 0, G.scrollDirection = 0, Wr(), l(Rr), Fr.value = null, z.value = null, W.value = "cancelled");
 		}, Qr = () => {
-			W && (W.raf !== void 0 && cancelAnimationFrame(W.raf), W.raf = void 0, W.scrollDirection = 0, Gr(), l(zr), Ir.value = null, R.value = null, U.value = "cancelled");
-		}, $r = () => {
-			if (!(!W || U.value !== "armed")) {
-				clearTimeout(W.timer), W.timer = void 0;
+			if (!(!G || W.value !== "armed")) {
+				clearTimeout(G.timer), G.timer = void 0;
 				try {
-					W.row.setPointerCapture(W.pointerId);
+					G.row.setPointerCapture(G.pointerId);
 				} catch {}
-				W.row.addEventListener("lostpointercapture", ri), W.base = ir(Tn.value), W.rtl = getComputedStyle(W.row).direction === "rtl", W.scrollport = Vr(), W.lastMoveX = W.x0, W.target = null, R.value = W.base, Ir.value = W.key, Lr.value = W.label, U.value = "dragging", c(zr), Wr(), Kr(W.lastX, W.lastY), qr(W.lastX), Yr();
+				G.row.addEventListener("lostpointercapture", ni), G.base = rr(Tn.value), G.rtl = getComputedStyle(G.row).direction === "rtl", G.scrollport = Br(), G.lastMoveX = G.x0, G.target = null, z.value = G.base, Fr.value = G.key, Ir.value = G.label, W.value = "dragging", c(Rr), Ur(), Gr(G.lastX, G.lastY), Kr(G.lastX), Jr();
 			}
-		}, ei = (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 >= sn && Zr();
+		}, $r = (e) => {
+			if (!(!G || e.pointerId !== G.pointerId)) {
+				if (G.lastX = e.clientX, G.lastY = e.clientY, W.value === "armed") {
+					let t = Math.hypot(e.clientX - G.x0, e.clientY - G.y0);
+					if (G.pointerType === "touch") {
+						t >= sn && Xr();
 						return;
 					}
 					if (t < on) return;
-					$r();
+					Qr();
 					return;
 				}
-				U.value === "dragging" && (Kr(e.clientX, e.clientY), qr(e.clientX), Yr());
+				W.value === "dragging" && (Gr(e.clientX, e.clientY), Kr(e.clientX), Jr());
 			}
+		}, ei = (e) => {
+			if (!G || e.pointerId !== G.pointerId) return;
+			let { key: t } = G, n = G.base ? G.base.filter((e) => tr.value.includes(e) && !Qn.value.has(e)).indexOf(t) : -1, r = W.value === "dragging" && z.value !== null && !Le(z.value, G.base) ? z.value : null;
+			Xr(), r && (or.value = "", Tn.value = r, y(() => sr(t, n)));
 		}, ti = (e) => {
-			if (!W || e.pointerId !== W.pointerId) return;
-			let { key: t } = W, n = W.base ? W.base.filter((e) => nr.value.includes(e) && !$n.value.has(e)).indexOf(t) : -1, r = U.value === "dragging" && R.value !== null && !Le(R.value, W.base) ? R.value : null;
-			Zr(), r && (sr.value = "", Tn.value = r, y(() => cr(t, n)));
-		}, ni = (e) => {
-			W && (e instanceof PointerEvent && e.pointerId !== W.pointerId || Zr());
-		}, ri = () => {
-			W && U.value === "dragging" && Zr();
+			G && (e instanceof PointerEvent && e.pointerId !== G.pointerId || Xr());
+		}, ni = () => {
+			G && W.value === "dragging" && Xr();
+		}, ri = (e) => {
+			!G || W.value !== "dragging" || e.key !== "Escape" || !s(Rr) || (e.preventDefault(), e.stopImmediatePropagation(), Zr());
 		}, ii = (e) => {
-			!W || U.value !== "dragging" || e.key !== "Escape" || !s(zr) || (e.preventDefault(), e.stopImmediatePropagation(), Qr());
+			G && W.value !== "idle" && e.preventDefault();
 		}, ai = (e) => {
-			W && U.value !== "idle" && e.preventDefault();
-		}, oi = (e) => {
-			if (!k.reorderable || ka.value || j.thead || !e.isPrimary || e.button !== 0 || W || z.value.length < 2) return;
+			if (!k.reorderable || Oa.value || j.thead || !e.isPrimary || e.button !== 0 || G || B.value.length < 2) return;
 			let t = e.target;
 			if (!(t instanceof Element)) return;
 			let n = e.currentTarget, r = t.closest(".bb-table__cell-column-header");
 			if (!r || r.parentElement !== n || !r.dataset.columnKey) return;
 			let i = t.closest(pn);
 			if (i && r.contains(i)) return;
-			let a = r.dataset.columnKey, o = z.value.find((e) => String(e.key) === a);
-			o && (rr.value.has(a) || (W = {
+			let a = r.dataset.columnKey, o = B.value.find((e) => String(e.key) === a);
+			o && (nr.value.has(a) || (G = {
 				pointerId: e.pointerId,
 				pointerType: e.pointerType,
 				key: a,
@@ -736,33 +736,33 @@ var Ct = {
 				timer: void 0,
 				raf: void 0,
 				scrollDirection: 0
-			}, U.value = "armed", document.addEventListener("pointermove", ei), document.addEventListener("pointerup", ti), document.addEventListener("pointercancel", ni), document.addEventListener("keydown", ii, !0), document.addEventListener("dragstart", ai), document.addEventListener("contextmenu", ai, !0), window.addEventListener("blur", ni), e.pointerType === "touch" && (W.timer = setTimeout($r, cn))));
-		}, si = (e) => {
-			W && (U.value === "dragging" || U.value === "cancelled") && e.cancelable && e.preventDefault();
+			}, W.value = "armed", document.addEventListener("pointermove", $r), document.addEventListener("pointerup", ei), document.addEventListener("pointercancel", ti), document.addEventListener("keydown", ri, !0), document.addEventListener("dragstart", ii), document.addEventListener("contextmenu", ii, !0), window.addEventListener("blur", ti), e.pointerType === "touch" && (G.timer = setTimeout(Qr, cn))));
+		}, oi = (e) => {
+			G && (W.value === "dragging" || W.value === "cancelled") && e.cancelable && e.preventDefault();
 		};
-		b(Zr);
-		let { data: ci } = pe({ items: m(() => t(O.value) ? [] : [O.value]) }), { data: li } = pe({ items: En }), ui = m(() => O.value !== void 0 || G.highlighted !== void 0), di = Je(), fi = () => {
-			let e = di?.vnode.props ?? {};
+		b(Xr);
+		let { data: si } = pe({ items: m(() => t(O.value) ? [] : [O.value]) }), { data: ci } = pe({ items: En }), li = m(() => O.value !== void 0 || K.highlighted !== void 0), ui = Je(), di = () => {
+			let e = ui?.vnode.props ?? {};
 			return "highlighted" in e || "onUpdate:highlighted" in e;
 		};
-		process.env.NODE_ENV !== "production" && T(() => O.value === void 0 && fi(), (t) => {
+		process.env.NODE_ENV !== "production" && T(() => O.value === void 0 && di(), (t) => {
 			t && e().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 pi = !1, mi = () => {
-			process.env.NODE_ENV !== "production" && (pi || (pi = !0, e().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.")));
-		}, hi = (e, { viaSlot: t = !1 } = {}) => {
-			if (!ui.value) {
-				t && mi();
+		let fi = !1, pi = () => {
+			process.env.NODE_ENV !== "production" && (fi || (fi = !0, e().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.")));
+		}, mi = (e, { viaSlot: t = !1 } = {}) => {
+			if (!li.value) {
+				t && pi();
 				return;
 			}
-			let n = e.valueHash in ci.value;
+			let n = e.valueHash in si.value;
 			O.value = n ? null : e.value;
-		}, gi = (e, t) => {
-			e.target instanceof Element && (e.target.closest("a, button, input, label, select, textarea, [contenteditable], [role=\"button\"]") || window.getSelection()?.toString() || hi(t));
-		}, _i = (e) => D.value.find(([t]) => t === e)?.[1] ?? null, vi = (e) => {
-			let t = _i(e);
+		}, hi = (e, t) => {
+			e.target instanceof Element && (e.target.closest("a, button, input, label, select, textarea, [contenteditable], [role=\"button\"]") || window.getSelection()?.toString() || mi(t));
+		}, gi = (e) => D.value.find(([t]) => t === e)?.[1] ?? null, _i = (e) => {
+			let t = gi(e);
 			t === null ? D.value = [...D.value, [e, "asc"]] : t === "asc" ? D.value = D.value.map((t) => t[0] === e ? [e, "desc"] : t) : D.value = D.value.filter(([t]) => t !== e);
-		}, { state: G, isReady: yi } = i(() => Hn.value, {
+		}, { state: K, isReady: vi } = i(() => Vn.value, {
 			selected: {
 				get: () => k.modelValue,
 				set: (e) => A("update:modelValue", e)
@@ -805,31 +805,31 @@ var Ct = {
 				infer: () => Array.isArray(k.items) ? k.items.length : void 0
 			},
 			totalPages: { get: () => k.totalPages === void 0 ? void 0 : _e(k.totalPages, 1) }
-		}), bi = m(() => k.columns.some((e) => e.snap != null)), xi = m(() => !!k.inheritColumnWidths || bi.value), Si = m(() => k.fixed || bi.value || er.value.some((e) => e.width != null) || Er.value || xi.value && !!Un.value), K = m(() => xi.value && !!Un.value);
+		}), yi = m(() => k.columns.some((e) => e.snap != null)), bi = m(() => !!k.inheritColumnWidths || yi.value), xi = m(() => k.fixed || yi.value || $n.value.some((e) => e.width != null) || Tr.value || bi.value && !!Hn.value), q = m(() => bi.value && !!Hn.value);
 		ft(() => {
-			Gn.ordered = !!k.reorderable || Tn.value.length > 0;
+			Wn.ordered = !!k.reorderable || Tn.value.length > 0;
 		});
-		let q = m(() => !!k.virtual && !K.value && !j.tbody), J = S({}), Ci = S({}), wi = S(""), Ti = m(() => q.value && !!wi.value && ta.value.every((e) => !e.contentSized)), Ei = (e) => q.value && e.width == null && !Sr(e) && String(e.key) in J.value, Di = K, Oi = (e) => {
+		let J = m(() => !!k.virtual && !q.value && !j.tbody), Y = S({}), Si = S({}), Ci = S(""), wi = m(() => J.value && !!Ci.value && ea.value.every((e) => !e.contentSized)), Ti = (e) => J.value && e.width == null && !xr(e) && String(e.key) in Y.value, Ei = q, Di = (e) => {
 			if (typeof e == "number") return `${e}px`;
 			let t = e.trim();
 			return /^-?\d*\.?\d+$/.test(t) ? `${t}px` : t;
-		}, ki = m(() => Wn.value?.keys ?? []), Ai = m(() => +(ki.value[0] === "select")), ji = m(() => ki.value.length), Mi = m(() => {
-			let e = ki.value;
+		}, Oi = m(() => Un.value?.keys ?? []), ki = m(() => +(Oi.value[0] === "select")), Ai = m(() => Oi.value.length), ji = m(() => {
+			let e = Oi.value;
 			return e[e.length - 1] === "actions" ? e.length - 1 : e.length;
-		}), Ni = (e) => ki.value.indexOf(e), Pi = (e) => {
-			let t = ki.value[e];
-			return t ? qn(t, "0px") : "0px";
-		}, Fi = (e, t) => {
-			if (!Un.value || t - e <= 1e-6) return null;
+		}), Mi = (e) => Oi.value.indexOf(e), Ni = (e) => {
+			let t = Oi.value[e];
+			return t ? Kn(t, "0px") : "0px";
+		}, Pi = (e, t) => {
+			if (!Hn.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 = Pi(r);
+				let a = Ni(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;
-		}, Ii = (e) => {
+		}, Fi = (e) => {
 			let t = /^(.+)\.(\d+)$/.exec(e);
 			return t ? {
 				key: t[1],
@@ -838,9 +838,9 @@ var Ct = {
 				key: e,
 				fraction: 0
 			};
-		}, Li = (e) => {
+		}, Ii = (e) => {
 			if (Array.isArray(e)) {
-				let t = Ii(e[0]), n = Ii(e[1]), r = Ni(t.key), i = Ni(n.key);
+				let t = Fi(e[0]), n = Fi(e[1]), r = Mi(t.key), i = Mi(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 ? {
@@ -849,9 +849,9 @@ var Ct = {
 					explicit: !0
 				} : null;
 			}
-			let t = Ii(e), n = Ni(t.key);
+			let t = Fi(e), n = Mi(t.key);
 			if (n < 0) {
-				let t = Ni(e);
+				let t = Mi(e);
 				return t < 0 ? null : {
 					start: t,
 					end: t + 1,
@@ -863,20 +863,20 @@ var Ct = {
 				end: n + 1,
 				explicit: !1
 			};
-		}, Ri = m(() => !!Wn.value?.ordered), zi = m(() => {
-			let e = z.value, t = Ai.value, n = Mi.value, r = ji.value, i = Ri.value, a = e.map(() => null), o = /* @__PURE__ */ new Set(), s = (e) => {
+		}, Li = m(() => !!Un.value?.ordered), Ri = m(() => {
+			let e = B.value, t = ki.value, n = ji.value, r = Ai.value, i = Li.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 = Li(e.snap);
+				let n = Ii(e.snap);
 				n && (a[t] = {
 					...n,
 					overflow: !1
 				}, s(a[t]));
 			}), e.forEach((e, r) => {
 				if (a[r] || e.snap != null) return;
-				let i = Ni(String(e.key));
+				let i = Mi(String(e.key));
 				i < t || i >= n || o.has(i) || (a[r] = {
 					start: i,
 					end: i + 1,
@@ -924,43 +924,43 @@ var Ct = {
 				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;
-		}), Bi = (e) => K.value && e.overflow;
-		process.env.NODE_ENV !== "production" && (T(() => bi.value && Ri.value, (t) => {
+		}), zi = (e) => q.value && e.overflow;
+		process.env.NODE_ENV !== "production" && (T(() => yi.value && Li.value, (t) => {
 			t && e().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 }), T(() => zi.value.find((e) => e.demoted)?.demoted ?? null, (t) => {
+		}, { immediate: !0 }), T(() => Ri.value.find((e) => e.demoted)?.demoted ?? null, (t) => {
 			t !== null && e().warn(`BbTable: column '${t}' 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 Vi = m(() => zi.value.some(Bi)), Hi = (e) => {
-			let t = z.value[e];
-			return (t ? xr(t) : null) == null && !K.value;
-		}, Ui = m(() => {
-			if (!K.value) return -1;
-			let e = z.value;
+		let Bi = m(() => Ri.value.some(zi)), Vi = (e) => {
+			let t = B.value[e];
+			return (t ? br(t) : null) == null && !q.value;
+		}, Hi = m(() => {
+			if (!q.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;
+		}), Ui = m(() => {
+			let e = Ri.value[0];
+			return !bi.value || !Hn.value || !e ? null : Pi(0, e.start);
 		}), Wi = m(() => {
-			let e = zi.value[0];
-			return !xi.value || !Un.value || !e ? null : Fi(0, e.start);
-		}), Gi = m(() => {
-			let e = zi.value, t = e[e.length - 1];
-			return !xi.value || !Un.value || !t || Vi.value ? null : Fi(t.end, ji.value);
-		}), Ki = (e) => Gn.tracks[e] ?? null, qi = (e, t, n) => !xi.value || !Un.value ? null : n ? t ? `calc(${e ?? "0px"} - ${t})` : null : e, Ji = m(() => qi(Wi.value, k.selectable ? Ki("select") : null, !!k.selectable)), Yi = m(() => Vi.value ? null : qi(Gi.value, N.value ? Ki("actions") : null, N.value)), Xi = m(() => Ji.value !== null), Zi = m(() => Yi.value !== null), Qi = (e, t) => {
-			let n = q.value ? Ci.value[t] : null;
-			return n == null ? e && $i.value ? `minmax(${e}, max-content)` : "max-content" : `${n}px`;
-		}, $i = m(() => Object.keys(Wn.value?.tracks ?? {}).length > 0), ea = (e) => /^(auto|min-content|max-content|(fit-content|minmax)\(.*\)|-?[\d.]+fr)$/.test(e.trim()), ta = m(() => {
+			let e = Ri.value, t = e[e.length - 1];
+			return !bi.value || !Hn.value || !t || Bi.value ? null : Pi(t.end, Ai.value);
+		}), Gi = (e) => Wn.tracks[e] ?? null, Ki = (e, t, n) => !bi.value || !Hn.value ? null : n ? t ? `calc(${e ?? "0px"} - ${t})` : null : e, qi = m(() => Ki(Ui.value, k.selectable ? Gi("select") : null, !!k.selectable)), Ji = m(() => Bi.value ? null : Ki(Wi.value, N.value ? Gi("actions") : null, N.value)), Yi = m(() => qi.value !== null), Xi = m(() => Ji.value !== null), Zi = (e, t) => {
+			let n = J.value ? Si.value[t] : null;
+			return n == null ? e && Qi.value ? `minmax(${e}, max-content)` : "max-content" : `${n}px`;
+		}, Qi = m(() => Object.keys(Un.value?.tracks ?? {}).length > 0), $i = (e) => /^(auto|min-content|max-content|(fit-content|minmax)\(.*\)|-?[\d.]+fr)$/.test(e.trim()), ea = m(() => {
 			let e = [];
 			k.selectable && e.push({
 				key: "select",
-				width: Qi(Wi.value, "select"),
-				contentSized: Ci.value.select == null
+				width: Zi(Ui.value, "select"),
+				contentSized: Si.value.select == null
 			});
-			let t = z.value, n = t.length - 1, r = !K.value && t.length > 0 && t.every((e) => e.width != null);
+			let t = B.value, n = t.length - 1, r = !q.value && t.length > 0 && t.every((e) => e.width != null);
 			return t.forEach((t, i) => {
-				let a = String(t.key), o = xr(t), s = o == null ? null : Oi(o), c = zi.value[i], l = null, u = null;
-				if (s != null && ea(s) ? u = s : s != null && r && !Sr(t) ? u = `minmax(${s}, ${parseFloat(s) || 1}fr)` : s != null && Ei(t) ? u = `minmax(${s}, 1fr)` : s == null ? Hi(i) ? u = k.fixed ? "minmax(0, 1fr)" : "auto" : $i.value ? Bi(c) ? u = "min-content" : (l = Fi(c.start, c.end), l === null && (u = "auto")) : u = "max-content" : l = s, u !== null) {
+				let a = String(t.key), o = br(t), s = o == null ? null : Di(o), c = Ri.value[i], l = null, u = null;
+				if (s != null && $i(s) ? u = s : s != null && r && !xr(t) ? u = `minmax(${s}, ${parseFloat(s) || 1}fr)` : s != null && Ti(t) ? u = `minmax(${s}, 1fr)` : s == null ? Vi(i) ? u = k.fixed ? "minmax(0, 1fr)" : "auto" : Qi.value ? zi(c) ? u = "min-content" : (l = Pi(c.start, c.end), l === null && (u = "auto")) : u = "max-content" : l = s, u !== null) {
 					e.push({
 						key: a,
 						width: u,
@@ -969,8 +969,8 @@ var Ct = {
 					return;
 				}
 				let d = [];
-				i === 0 && Xi.value && d.push("var(--offset-internal-start, 0px)"), i === n && Zi.value && d.push("var(--offset-internal-end, 0px)");
-				let f = d.length ? `calc(${[...d, l].join(" + ")})` : l, p = i === Ui.value && !Vi.value ? `minmax(${f}, 1fr)` : f;
+				i === 0 && Yi.value && d.push("var(--offset-internal-start, 0px)"), i === n && Xi.value && d.push("var(--offset-internal-end, 0px)");
+				let f = d.length ? `calc(${[...d, l].join(" + ")})` : l, p = i === Hi.value && !Bi.value ? `minmax(${f}, 1fr)` : f;
 				e.push({
 					key: a,
 					width: p,
@@ -978,285 +978,285 @@ var Ct = {
 				});
 			}), N.value && e.push({
 				key: "actions",
-				width: Qi(Gi.value, "actions"),
-				contentSized: Ci.value.actions == null
+				width: Zi(Wi.value, "actions"),
+				contentSized: Si.value.actions == null
 			}), e;
-		}), na = m(() => {
-			let e = z.value, t = [];
-			for (let n of ta.value) n.contentSized || e.some((e) => String(e.key) === n.key) && t.push(n.key);
+		}), ta = m(() => {
+			let e = B.value, t = [];
+			for (let n of ea.value) n.contentSized || e.some((e) => String(e.key) === n.key) && t.push(n.key);
 			return t.join(" ");
-		}), ra = m(() => new Set(na.value.split(" ").filter(Boolean))), ia = m(() => ta.value.map((e) => e.width).join(" ")), aa = S(ia.value), oa = m(() => `grid-template-columns: ${aa.value}`);
-		T(ia, (e) => {
-			if (H && I.value) {
-				I.value.style.gridTemplateColumns = e;
+		}), na = m(() => new Set(ta.value.split(" ").filter(Boolean))), ra = m(() => ea.value.map((e) => e.width).join(" ")), ia = S(ra.value), aa = m(() => `grid-template-columns: ${ia.value}`);
+		T(ra, (e) => {
+			if (U && L.value) {
+				L.value.style.gridTemplateColumns = e;
 				return;
 			}
-			aa.value = e;
+			ia.value = e;
 		}, { flush: "sync" });
-		let sa = m(() => {
+		let oa = m(() => {
 			let e = {};
-			return Ji.value && (e["--offset-start"] = Ji.value), Yi.value && (e["--offset-end"] = Yi.value), e;
-		}), ca = S({}), la = [
+			return qi.value && (e["--offset-start"] = qi.value), Ji.value && (e["--offset-end"] = Ji.value), e;
+		}), sa = S({}), ca = [
 			.62,
 			.42,
 			.78,
 			.52
-		], ua = (e) => {
+		], la = (e) => {
 			let t = ["transparent 0"], n = 0;
 			return e.forEach((e, r) => {
-				let i = la[r % la.length], a = Math.round((e - mn * 2) * i);
+				let i = ca[r % ca.length], a = Math.round((e - mn * 2) * i);
 				if (a >= hn) {
 					let e = Math.round(n + mn);
 					t.push(`transparent ${e}px`, `currentColor ${e}px ${e + a}px`, `transparent ${e + a}px`);
 				}
 				n += e;
 			}), `linear-gradient(90deg, ${t.join(",")})`;
-		}, da = (e) => {
-			if (!q.value) {
-				ca.value["--placeholder-bars"] && (ca.value = {});
+		}, ua = (e) => {
+			if (!J.value) {
+				sa.value["--placeholder-bars"] && (sa.value = {});
 				return;
 			}
 			let t = e.map((e) => parseFloat(e));
-			t.some((e) => !(e >= 0)) || (ca.value = {
-				...ca.value,
-				"--placeholder-bars": ua(t)
+			t.some((e) => !(e >= 0)) || (sa.value = {
+				...sa.value,
+				"--placeholder-bars": la(t)
 			});
-		}, fa = () => {
-			if (!q.value) return;
-			let e = Math.round(as.value || Ho.value);
+		}, da = () => {
+			if (!J.value) return;
+			let e = Math.round(is.value || Vo.value);
 			if (!(e > 0)) return;
 			let t = `${e}px`;
-			ca.value["--row-h"] !== t && (ca.value = {
-				...ca.value,
+			sa.value["--row-h"] !== t && (sa.value = {
+				...sa.value,
 				"--row-h": t
 			});
-		}, pa = m(() => ({
-			...Kn.value,
+		}, fa = m(() => ({
+			...Gn.value,
+			...oa.value,
 			...sa.value,
-			...ca.value,
-			...k.fixedHeaders || q.value ? { "--stuck-head-h": `${ga.value}px` } : null,
-			...Ti.value ? { "--virtual-row-tracks": wi.value } : null
-		})), ma = () => {
-			let e = I.value, t = ta.value.length;
+			...k.fixedHeaders || J.value ? { "--stuck-head-h": `${ha.value}px` } : null,
+			...wi.value ? { "--virtual-row-tracks": Ci.value } : null
+		})), pa = () => {
+			let e = L.value, t = ea.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) : [];
-		}, ha = "", ga = S(0), _a = () => {
-			let e = I.value;
+		}, ma = "", ha = S(0), ga = () => {
+			let e = L.value;
 			if (!e) return;
-			if (k.fixedHeaders || q.value) {
+			if (k.fixedHeaders || J.value) {
 				let t = e.querySelector(":scope > .bb-table__head"), n = t ? Math.round(t.getBoundingClientRect().height) : 0;
-				n !== ga.value && (ga.value = n);
+				n !== ha.value && (ha.value = n);
 			}
 			let t = Fe(e);
 			if (!t) return;
-			let n = ta.value.map((e) => e.key);
+			let n = ea.value.map((e) => e.key);
 			if (t.length !== n.length) return;
-			let r = t.join(" "), i = `${wa.value}|${r}`, a = Pc.value !== va;
-			if (i === ha) {
-				a && ya(e, t);
+			let r = t.join(" "), i = `${Ca.value}|${r}`, a = Vc.value !== _a;
+			if (i === ma) {
+				a && va(e, t);
 				return;
 			}
-			ha = i;
+			ma = i;
 			let o = {};
 			n.forEach((e, n) => {
 				o[e] = t[n];
 			});
-			let s = B.value, c = s[0], l = s[s.length - 1], u = Ji.value, d = Yi.value;
-			u && c && o[c] && (o[c] = `calc(${o[c]} - (${u}))`, !k.selectable && Wi.value && (o.select = Wi.value)), d && l && o[l] && (o[l] = `calc(${o[l]} - (${d}))`, !N.value && Gi.value && (o.actions = Gi.value));
+			let s = V.value, c = s[0], l = s[s.length - 1], u = qi.value, d = Ji.value;
+			u && c && o[c] && (o[c] = `calc(${o[c]} - (${u}))`, !k.selectable && Ui.value && (o.select = Ui.value)), d && l && o[l] && (o[l] = `calc(${o[l]} - (${d}))`, !N.value && Wi.value && (o.actions = Wi.value));
 			let f = [
 				..."select" in o ? ["select"] : [],
 				...s,
 				..."actions" in o ? ["actions"] : []
 			];
-			xs(t), da(t), q.value && (wi.value = r), ba = t, Jn(o, f), (Nc.value.length || a) && ya(e, t), Nc.value.length && vo();
-		}, va = "", ya = (e, t) => {
-			we(e, Nc.value, t) && (va = Pc.value);
-		}, ba = null, xa, Sa = () => {
-			if (!xa) return;
-			xa.disconnect();
-			let e = ma();
-			e.forEach((e) => xa?.observe(e)), e.length && _a();
+			xs(t), ua(t), J.value && (Ci.value = r), ya = t, qn(o, f), (Bc.value.length || a) && va(e, t), Bc.value.length && _o();
+		}, _a = "", va = (e, t) => {
+			we(e, Bc.value, t) && (_a = Vc.value);
+		}, ya = null, ba, xa = () => {
+			if (!ba) return;
+			ba.disconnect();
+			let e = pa();
+			e.forEach((e) => ba?.observe(e)), e.length && ga();
 		};
 		nt(() => {
-			xa = new ResizeObserver(_a), Sa();
+			ba = new ResizeObserver(ga), xa();
 		}), b(() => {
-			xa?.disconnect();
+			ba?.disconnect();
 		});
-		let Ca = m(() => ta.value.map((e) => e.key).join(" ")), wa = m(() => B.value.join(" "));
-		T([Ca, wa], () => {
-			y(Sa), requestAnimationFrame(() => {
-				I.value && _a();
+		let Sa = m(() => ea.value.map((e) => e.key).join(" ")), Ca = m(() => V.value.join(" "));
+		T([Sa, Ca], () => {
+			y(xa), requestAnimationFrame(() => {
+				L.value && ga();
 			});
 		}, { flush: "post" });
-		let Ta = (e, t) => k.accessibleLabel ? k.accessibleLabel(e, t) : [F("table.select").value, ...e.map((e) => e.content)].join(" "), Ea = m(() => k.selectable ? "fieldset" : "div"), Da = m(() => k.legend || k.caption || F("table.selectableLegend").value), Oa = m(() => k.loading || Ra.value), ka = m(() => Oa.value && !k.interactiveWhileLoading), Aa = m(() => yi.value && !t(G.page) && !t(G.perPage) && !t(G.totalItems) && G.page >= 1 && G.perPage > 0 && G.totalItems >= 0), ja = m(() => ({
+		let wa = (e, t) => k.accessibleLabel ? k.accessibleLabel(e, t) : I("table.select", e.map((e) => e.content).join(" ")).value, Ta = m(() => k.selectable ? "fieldset" : "div"), Ea = m(() => k.legend || k.caption || I("table.selectableLegend").value), Da = m(() => k.loading || La.value), Oa = m(() => Da.value && !k.interactiveWhileLoading), ka = m(() => vi.value && !t(K.page) && !t(K.perPage) && !t(K.totalItems) && K.page >= 1 && K.perPage > 0 && K.totalItems >= 0), Aa = m(() => ({
 			"bb-table": !0,
 			[`bb-table--align-${k.align}`]: !0,
 			"bb-table--compact": k.compact,
 			"bb-table--reorderable": !!k.reorderable,
-			"bb-table--resizable": vr.value,
-			"bb-table--fixed": Si.value,
-			"bb-table--inherit-widths": Di.value,
-			"bb-table--fixed-header": k.fixedHeaders || q.value,
-			"bb-table--virtual": q.value,
-			"bb-table--virtual-flat": Ti.value,
-			"bb-table--loading": Oa.value,
-			"bb-table--empty": !Y.value.length,
+			"bb-table--resizable": _r.value,
+			"bb-table--fixed": xi.value,
+			"bb-table--inherit-widths": Ei.value,
+			"bb-table--fixed-header": k.fixedHeaders || J.value,
+			"bb-table--virtual": J.value,
+			"bb-table--virtual-flat": wi.value,
+			"bb-table--loading": Da.value,
+			"bb-table--empty": !X.value.length,
 			"bb-table--selectable": !!k.selectable,
-			"bb-table--overflow-left": ro.value,
-			"bb-table--overflow-right": io.value,
-			"bb-table--pinned-left": ao.value,
-			"bb-table--pinned-right": oo.value,
+			"bb-table--overflow-left": no.value,
+			"bb-table--overflow-right": ro.value,
+			"bb-table--pinned-left": io.value,
+			"bb-table--pinned-right": ao.value,
 			"scrollbar-border": !0
-		})), Ma = m(() => er.value.length + Number(!!k.selectable) + Number(N.value)), Na = m(() => Object.fromEntries(k.columns.map((e) => [e.key, Te(e.key)]))), { getter: Pa, clientReproducible: Fa, hydratedFromSsr: Ia, items: La, loading: Ra, error: za, ssrMarker: Ba } = te({
+		})), ja = m(() => $n.value.length + Number(!!k.selectable) + Number(N.value)), Ma = m(() => Object.fromEntries(k.columns.map((e) => [e.key, Te(e.key)]))), { getter: Na, clientReproducible: Pa, hydratedFromSsr: Fa, items: Ia, loading: La, error: Ra, ssrMarker: za } = te({
 			items: ct(k, "items"),
 			marker: !0
-		}), { hasPrefilled: Va, whenPrefilled: Ha } = he({
-			alreadyLoaded: Ia,
-			clientReproducible: Fa,
+		}), { hasPrefilled: Ba, whenPrefilled: Va } = he({
+			alreadyLoaded: Fa,
+			clientReproducible: Pa,
 			trigger: !0,
 			fn: async () => {
-				await Pa(void 0, "initial", G.selected) === "applied" && qa();
+				await Na(void 0, "initial", K.selected) === "applied" && Ka();
 			}
-		}), { data: Ua } = pe({ items: m(() => {
-			let e = G.selected;
+		}), { data: Ha } = pe({ items: m(() => {
+			let e = K.selected;
 			return k.multiple ? e ?? [] : e == null ? [] : [e];
-		}) }), { options: Y, baseOptions: Wa } = me({
+		}) }), { options: X, baseOptions: Ua } = me({
 			disabled: ct(k, "disabled"),
-			items: La,
+			items: Ia,
 			itemText: void 0,
 			itemValue: k.itemValue,
 			max: ct(k, "max"),
 			selectable: !0,
-			selectedIndexedByHash: Ua
-		}), X = m(() => {
+			selectedIndexedByHash: Ha
+		}), Z = m(() => {
 			let e = new Set(Mn.value.split(" ").filter(Boolean));
-			if (!e.size || kn.value || !Y.value.length) return {
+			if (!e.size || kn.value || !X.value.length) return {
 				first: !1,
 				last: !1
 			};
-			let t = (t) => z.value.some((n) => e.has(`${Na.value[n.key]}:${t}`));
+			let t = (t) => B.value.some((n) => e.has(`${Ma.value[n.key]}:${t}`));
 			return {
 				first: t("first"),
 				last: t("last")
 			};
-		}), Ga = async (e) => {
-			k.multiple ? G.selected = (G.selected ?? []).concat(e.value) : G.selected = e.value;
-		}, Ka = async (e) => {
+		}), Wa = async (e) => {
+			k.multiple ? K.selected = (K.selected ?? []).concat(e.value) : K.selected = e.value;
+		}, Ga = async (e) => {
 			if (k.multiple) {
-				let t = { ...Ua.value };
-				delete t[e.valueHash], G.selected = Object.values(t);
-			} else G.selected = null;
+				let t = { ...Ha.value };
+				delete t[e.valueHash], K.selected = Object.values(t);
+			} else K.selected = null;
 		};
 		re(() => [
 			k.dependencies,
 			k.items,
-			typeof k.items == "function" ? [G.page, G.perPage] : void 0
+			typeof k.items == "function" ? [K.page, K.perPage] : void 0
 		], async (e, t) => {
-			if (Va.value || await Ha(), !Va.value) return;
+			if (Ba.value || await Va(), !Ba.value) return;
 			let n = (n) => r(e?.[n]) !== r(t?.[n]), i = t && !n(0) && !n(1) && n(2) ? "pagination" : "dependencies";
-			await Pa(void 0, i, G.selected) === "applied" && qa();
+			await Na(void 0, i, K.selected) === "applied" && Ka();
 		}, { debounce: k.depsDebounceTime });
-		let qa = () => {
+		let Ka = () => {
 			if (!k.enforceCoherence) return;
-			let e = new Set(Y.value.map((e) => e.valueHash)), n = (t) => e.has(r(t));
+			let e = new Set(X.value.map((e) => e.valueHash)), n = (t) => e.has(r(t));
 			if (k.multiple) {
-				let e = G.selected ?? [];
-				e.every(n) || (G.selected = e.filter(n));
-			} else !t(G.selected) && !n(G.selected) && (G.selected = null);
-			let i = G.unselected ?? [];
-			i.every(n) || (G.unselected = i.filter(n)), !t(O.value) && !n(O.value) && (O.value = null), En.value.every(n) || (En.value = En.value.filter(n));
-		}, Ja = (e, n) => {
-			let r = Na.value[e.key], i = e.align ?? "left", a = Rn(n.item, e.key);
+				let e = K.selected ?? [];
+				e.every(n) || (K.selected = e.filter(n));
+			} else !t(K.selected) && !n(K.selected) && (K.selected = null);
+			let i = K.unselected ?? [];
+			i.every(n) || (K.unselected = i.filter(n)), !t(O.value) && !n(O.value) && (O.value = null), En.value.every(n) || (En.value = En.value.filter(n));
+		}, qa = (e, n) => {
+			let r = Ma.value[e.key], i = e.align ?? "left", a = Ln(n.item, e.key);
 			return e.formatter && (!t(a) || e.formatOnNull !== !1) && (a = e.formatter(a, e.key, n.item)), e.placeholder && t(a) && (a = e.placeholder), {
 				align: i,
 				get classes() {
-					return Ae(Za.value.has(String(e.key)) ? [`bb-table__cell--${i}`, "bb-table__cell--fluid"] : [`bb-table__cell--${i}`], k.tdClass, e.tdClass, a, e.key, n.item);
+					return Ae(Xa.value.has(String(e.key)) ? [`bb-table__cell--${i}`, "bb-table__cell--fluid"] : [`bb-table__cell--${i}`], k.tdClass, e.tdClass, a, e.key, n.item);
 				},
 				content: a,
 				key: e.key,
 				label: e.label,
 				slotName: r
 			};
-		}, Ya = m(() => {
+		}, Ja = m(() => {
 			let e = {};
-			if (k.fixed || K.value || q.value || j.thead) return e;
-			let n = (La.value ?? []).slice(0, 200), r = Qa.value?.padEm ?? 1.5;
-			for (let i of z.value) {
-				if (xr(i) != null || j[Na.value[i.key]]) continue;
+			if (k.fixed || q.value || J.value || j.thead) return e;
+			let n = (Ia.value ?? []).slice(0, 200), r = Za.value?.padEm ?? 1.5;
+			for (let i of B.value) {
+				if (br(i) != null || j[Ma.value[i.key]]) continue;
 				let a = n.map((e) => {
-					let n = Rn(e, i.key);
+					let n = Ln(e, i.key);
 					return i.formatter && (!t(n) || i.formatOnNull !== !1) && (n = i.formatter(n, i.key, e)), i.placeholder && t(n) && (n = i.placeholder), t(n) ? "" : String(n);
 				});
 				e[String(i.key)] = De(a, i.label ?? "", r, i.sortable ? 1.3 : 0);
 			}
 			return e;
-		}), Xa = m(() => Object.keys(Ya.value).join(" ")), Za = m(() => new Set(Xa.value.split(" ").filter(Boolean))), Qa = S(null), $a = m(() => {
-			let e = Qa.value;
+		}), Ya = m(() => Object.keys(Ja.value).join(" ")), Xa = m(() => new Set(Ya.value.split(" ").filter(Boolean))), Za = S(null), Qa = m(() => {
+			let e = Za.value;
 			if (!e) return 0;
-			let t = z.value.reduce((e, t) => {
-				let n = xr(t), r = n == null ? "" : Oi(n);
+			let t = B.value.reduce((e, t) => {
+				let n = br(t), r = n == null ? "" : Di(n);
 				return e + (/^[\d.]+px$/.test(r) ? parseFloat(r) : 0);
 			}, 0);
 			return Math.max(0, (e.width - t) / e.em);
-		}), eo = m(() => {
-			let e = Oe(Ya.value, $a.value), t = Qa.value, n = t?.padEm ?? 1.5, r = {};
+		}), $a = m(() => {
+			let e = Oe(Ja.value, Qa.value), t = Za.value, n = t?.padEm ?? 1.5, r = {};
 			for (let i in e) {
 				let a = Math.max(0, e[i] - n);
 				r[i] = { "--floor": t ? `${Math.floor(a * t.em)}px` : `${a.toFixed(2)}rem` };
 			}
 			return r;
-		}), to, no = 0;
+		}), eo, to = 0;
 		nt(() => {
-			let e = L.value, t = I.value;
+			let e = R.value, t = L.value;
 			if (!e || !t || typeof ResizeObserver > "u") return;
 			let n = () => {
-				let n = getComputedStyle(t), r = parseFloat(n.fontSize) || 16, i = 2 * (parseFloat(n.getPropertyValue("--px")) || 12) / r, a = e.clientWidth, o = Qa.value;
-				(o?.width !== a || o.em !== r || o.padEm !== i) && (Qa.value = {
+				let n = getComputedStyle(t), r = parseFloat(n.fontSize) || 16, i = 2 * (parseFloat(n.getPropertyValue("--px")) || 12) / r, a = e.clientWidth, o = Za.value;
+				(o?.width !== a || o.em !== r || o.padEm !== i) && (Za.value = {
 					width: a,
 					em: r,
 					padEm: i
 				});
 			};
-			to = new ResizeObserver(() => {
-				cancelAnimationFrame(no), no = requestAnimationFrame(n);
-			}), to.observe(e);
+			eo = new ResizeObserver(() => {
+				cancelAnimationFrame(to), to = requestAnimationFrame(n);
+			}), eo.observe(e);
 		}), b(() => {
-			to?.disconnect(), cancelAnimationFrame(no);
+			eo?.disconnect(), cancelAnimationFrame(to);
 		});
-		let ro = S(!1), io = S(!1), ao = S(!1), oo = S(!1), so, co = 0, lo = 0, uo = (e) => {
-			let t = ba;
-			return t ? Nc.value.reduce((n, r) => {
+		let no = S(!1), ro = S(!1), io = S(!1), ao = S(!1), oo, so = 0, co = 0, lo = (e) => {
+			let t = ya;
+			return t ? Bc.value.reduce((n, r) => {
 				let i = typeof r == "number" ? {
 					index: r,
 					position: "left"
 				} : r;
 				return i.position === e ? n + (parseFloat(t[i.index] ?? "") || 0) : n;
 			}, 0) : 0;
-		}, fo = 0, po = !1, mo = "", ho = () => {
-			let e = L.value;
+		}, uo = 0, fo = !1, po = "", mo = () => {
+			let e = R.value;
 			if (!e) return;
-			let t = fo, n = po ? t + e.scrollLeft : e.scrollLeft;
-			ro.value = t > 1 && n > 1, io.value = t > 1 && t - n > 1;
-		}, go = () => {
-			let e = L.value;
+			let t = uo, n = fo ? t + e.scrollLeft : e.scrollLeft;
+			no.value = t > 1 && n > 1, ro.value = t > 1 && t - n > 1;
+		}, ho = () => {
+			let e = R.value;
 			if (!e) return;
-			fo = K.value ? 0 : e.scrollWidth - e.clientWidth, po = getComputedStyle(e).direction === "rtl";
-			let t = uo("left"), n = uo("right"), r = `${t} ${n}`;
-			r !== mo && (mo = r, e.style.setProperty("--pin-l", `${t}px`), e.style.setProperty("--pin-r", `${n}px`)), ao.value = t > 0, oo.value = n > 0, ho();
+			uo = q.value ? 0 : e.scrollWidth - e.clientWidth, fo = getComputedStyle(e).direction === "rtl";
+			let t = lo("left"), n = lo("right"), r = `${t} ${n}`;
+			r !== po && (po = r, e.style.setProperty("--pin-l", `${t}px`), e.style.setProperty("--pin-r", `${n}px`)), io.value = t > 0, ao.value = n > 0, mo();
+		}, go = () => {
+			cancelAnimationFrame(so), so = requestAnimationFrame(mo);
 		}, _o = () => {
 			cancelAnimationFrame(co), co = requestAnimationFrame(ho);
-		}, vo = () => {
-			cancelAnimationFrame(lo), lo = requestAnimationFrame(go);
 		};
 		nt(() => {
-			let e = L.value, t = I.value;
-			!e || !t || (e.addEventListener("scroll", _o, { passive: !0 }), !(typeof ResizeObserver > "u") && (so = new ResizeObserver(vo), so.observe(e), so.observe(t)));
+			let e = R.value, t = L.value;
+			!e || !t || (e.addEventListener("scroll", go, { passive: !0 }), !(typeof ResizeObserver > "u") && (oo = new ResizeObserver(_o), oo.observe(e), oo.observe(t)));
 		}), b(() => {
-			L.value?.removeEventListener("scroll", _o), so?.disconnect(), cancelAnimationFrame(co), cancelAnimationFrame(lo);
+			R.value?.removeEventListener("scroll", go), oo?.disconnect(), cancelAnimationFrame(so), cancelAnimationFrame(co);
 		});
-		let yo = m(() => z.value.map((e) => {
-			let t = e.align ?? "left", n = `${Na.value[e.key]}:header`, r = _i(e.key), i = r ?? e.sorted, a = i ? i === "asc" ? "ascending" : "descending" : void 0;
+		let vo = m(() => B.value.map((e) => {
+			let t = e.align ?? "left", n = `${Ma.value[e.key]}:header`, r = gi(e.key), i = r ?? e.sorted, a = i ? i === "asc" ? "ascending" : "descending" : void 0;
 			return {
 				align: t,
 				key: e.key,
@@ -1267,36 +1267,36 @@ var Ct = {
 				sortDirection: a,
 				sortOrder: r
 			};
-		})), bo = (e, t) => j[`${Na.value[e]}:header:${t}`] ?? j[`header:${t}`], xo = (e) => ({
+		})), yo = (e, t) => j[`${Ma.value[e]}:header:${t}`] ?? j[`header:${t}`], bo = (e) => ({
 			classes: e.classes,
 			columnKey: e.key,
-			items: La.value,
+			items: Ia.value,
 			label: e.label,
 			sortable: e.sortable,
 			sortOrder: e.sortOrder,
-			toggleSort: () => vi(e.key),
-			hideColumn: () => tr(e.key)
-		}), So = (e, t) => {
-			let n = Y.value[e];
-			return n && n.valueHash === t ? n : Y.value.find((e) => e.valueHash === t);
-		}, Co = (e) => {
-			let t = Wa.value[e], n = z.value.map((e) => Ja(e, t));
+			toggleSort: () => _i(e.key),
+			hideColumn: () => er(e.key)
+		}), xo = (e, t) => {
+			let n = X.value[e];
+			return n && n.valueHash === t ? n : X.value.find((e) => e.valueHash === t);
+		}, So = (e) => {
+			let t = Ua.value[e], n = B.value.map((e) => qa(e, t));
 			return {
-				accessibleLabel: Ta(n, t.item),
+				accessibleLabel: wa(n, t.item),
 				cols: n,
 				get rowClasses() {
-					return Me(k.rowClass, z.value, n, t.item);
+					return Me(k.rowClass, B.value, n, t.item);
 				},
 				onRowClick: (n) => {
-					let r = So(e, t.valueHash);
-					r && (gi(n, r), A("click:row", n, r.item));
+					let r = xo(e, t.valueHash);
+					r && (hi(n, r), A("click:row", n, r.item));
 				},
 				onRowContextMenu: (n) => {
-					let r = So(e, t.valueHash);
+					let r = xo(e, t.valueHash);
 					r && A("contextmenu:row", n, r.item);
 				},
 				onRowDblClick: (n) => {
-					let r = So(e, t.valueHash);
+					let r = xo(e, t.valueHash);
 					r && A("dblclick:row", n, r.item);
 				},
 				item: t.item,
@@ -1306,24 +1306,24 @@ var Ct = {
 				valueHash: t.valueHash,
 				value: t.value
 			};
-		}, wo = m(() => {
-			Wa.value, Na.value, k.tdClass, k.rowClass, k.accessibleLabel;
-			for (let e of z.value) e.align, e.formatOnNull, e.formatter, e.key, e.label, e.placeholder, e.tdClass;
+		}, Co = m(() => {
+			Ua.value, Ma.value, k.tdClass, k.rowClass, k.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();
-		}), To = (e) => {
-			if (!(!q.value || e.size <= gn)) {
+		}), wo = (e) => {
+			if (!(!J.value || e.size <= gn)) {
 				for (let t of e.keys()) if (e.delete(t), e.size <= gn) break;
 			}
-		}, Eo = (e) => {
-			let t = wo.value, n = t.get(e);
+		}, To = (e) => {
+			let t = Co.value, n = t.get(e);
 			if (n) return n;
-			let r = Co(e);
-			return t.set(e, r), To(t), r;
-		}, Do = m(() => (wo.value, Z.value, Y.value, ci.value, k.selectable, /* @__PURE__ */ new Map())), Oo = /* @__PURE__ */ new Map(), ko = /* @__PURE__ */ new WeakMap(), Ao = (e) => {
-			let t = Do.value, n = t.get(e.index);
+			let r = So(e);
+			return t.set(e, r), wo(t), r;
+		}, Eo = m(() => (Co.value, Q.value, X.value, si.value, k.selectable, /* @__PURE__ */ new Map())), Do = /* @__PURE__ */ new Map(), Oo = /* @__PURE__ */ new WeakMap(), ko = (e) => {
+			let t = Eo.value, n = t.get(e.index);
 			if (n) return n;
-			let r = Eo(e.index), i = Y.value[e.index], a = !!i.disabled, o = () => !k.selectable || typeof k.selectable == "function" && !k.selectable(r.item) || a, s = r.valueHash in ci.value, c = Oo.get(r.valueHash);
-			if (c && c.item === r.item && c.cols === r.cols && c.onRowClick === r.onRowClick && c.expanded === e.expanded && c.rowIndex === e.rowIndex && c.selected === i.selected && ko.get(c) === a && c.highlighted === s) return t.set(e.index, c), To(t), c;
+			let r = To(e.index), i = X.value[e.index], a = !!i.disabled, o = () => !k.selectable || typeof k.selectable == "function" && !k.selectable(r.item) || a, s = r.valueHash in si.value, c = Do.get(r.valueHash);
+			if (c && c.item === r.item && c.cols === r.cols && c.onRowClick === r.onRowClick && c.expanded === e.expanded && c.rowIndex === e.rowIndex && c.selected === i.selected && Oo.get(c) === a && c.highlighted === s) return t.set(e.index, c), wo(t), c;
 			let l = {
 				accessibleLabel: r.accessibleLabel,
 				cols: r.cols,
@@ -1348,39 +1348,39 @@ var Ct = {
 				},
 				expandProps: {},
 				toggleExpanded: () => oc(r.valueHash),
-				toggleHighlighted: () => hi(r, { viaSlot: !0 }),
+				toggleHighlighted: () => mi(r, { viaSlot: !0 }),
 				toggleSelected: () => yc(l)
 			};
-			return l.expandProps = ac(l), ko.set(l, a), t.set(e.index, l), To(t), Oo.delete(r.valueHash), Oo.set(r.valueHash, l), Oo.size > gn && Oo.delete(Oo.keys().next().value), l;
-		}, jo = st({
+			return l.expandProps = ac(l), Oo.set(l, a), t.set(e.index, l), wo(t), Do.delete(r.valueHash), Do.set(r.valueHash, l), Do.size > gn && Do.delete(Do.keys().next().value), l;
+		}, Ao = st({
 			key: null,
 			row: 0,
 			col: null
-		}), Mo = m(() => {
+		}), jo = m(() => {
 			if (!P.value) return null;
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Z.value) e.set(t.key, t.virtualIndex);
+			for (let t of Q.value) e.set(t.key, t.virtualIndex);
 			return e;
-		}), No = m(() => {
+		}), Mo = m(() => {
 			if (!P.value) return null;
-			let e = Z.value.length, t = jo.value, n;
-			if (n = t.row === vn && X.value.first || t.row === yn && X.value.last ? t.row : !e || t.row < 0 ? Ln.value ? -1 : e ? 0 : null : (t.key === null ? void 0 : Mo.value?.get(t.key)) ?? ie(t.row, 0, e - 1), n === null) return null;
+			let e = Q.value.length, t = Ao.value, n;
+			if (n = t.row === vn && Z.value.first || t.row === yn && Z.value.last ? t.row : !e || t.row < 0 ? F.value ? -1 : e ? 0 : null : (t.key === null ? void 0 : jo.value?.get(t.key)) ?? ie(t.row, 0, e - 1), n === null) return null;
 			let r = t.col === null && (!Nn.value || n < 0) ? 0 : t.col;
 			return {
 				row: n,
 				col: r
 			};
-		}), Po = (e) => {
-			let t = No.value;
+		}), No = (e) => {
+			let t = Mo.value;
 			return !t || t.row !== e ? -2 : t.col ?? -1;
-		}, Fo = (e) => {
-			if (!Ln.value) return;
-			let t = No.value;
-			return !t || t.row !== -1 ? -1 : Math.min(t.col ?? 0, Ma.value - 1) === e ? 0 : -1;
-		}, Z = m(() => {
-			let e = [], t = 0, n = ((G.page ?? 0) - 1) * (G.perPage ?? 0), r = 1 + Number(X.value.first);
-			return Wa.value.forEach((i, a) => {
-				let o = i.valueHash in li.value, s = n + r + a + 1 + t;
+		}, Po = (e) => {
+			if (!F.value) return;
+			let t = Mo.value;
+			return !t || t.row !== -1 ? -1 : Math.min(t.col ?? 0, ja.value - 1) === e ? 0 : -1;
+		}, Q = m(() => {
+			let e = [], t = 0, n = ((K.page ?? 0) - 1) * (K.perPage ?? 0), r = 1 + Number(Z.value.first);
+			return Ua.value.forEach((i, a) => {
+				let o = i.valueHash in ci.value, s = n + r + a + 1 + t;
 				e.push({
 					kind: "row",
 					index: a,
@@ -1397,7 +1397,7 @@ var Ct = {
 					rowIndex: s
 				}));
 			}), e;
-		}), Io = (e, t, n, r) => {
+		}), Fo = (e, t, n, r) => {
 			let i;
 			return {
 				kind: t,
@@ -1406,13 +1406,13 @@ var Ct = {
 				virtualIndex: e.virtualIndex,
 				height: r,
 				get item() {
-					return i ??= Ao(e);
+					return i ??= ko(e);
 				}
 			};
-		}, Lo = st(null), Ro = S(0), zo = S(null), Bo = (e) => /^(auto|scroll)$/.test(getComputedStyle(e).overflowY), Vo = () => {
-			let e = L.value, t = zo.value, n = I.value;
-			if (!q.value || !e || !t || !n) {
-				Lo.value = null;
+		}, Io = st(null), Lo = S(0), Ro = S(null), zo = (e) => /^(auto|scroll)$/.test(getComputedStyle(e).overflowY), Bo = () => {
+			let e = R.value, t = Ro.value, n = L.value;
+			if (!J.value || !e || !t || !n) {
+				Io.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;
@@ -1420,7 +1420,7 @@ var Ct = {
 			else {
 				let t = e.parentElement;
 				for (; t && t !== document.body && t !== document.documentElement;) {
-					if (Bo(t)) {
+					if (zo(t)) {
 						o = t;
 						break;
 					}
@@ -1428,46 +1428,46 @@ var Ct = {
 				}
 			}
 			let s = t.querySelector(":scope > .bb-table__edge-row--first"), c = t.getBoundingClientRect().top + (s?.offsetHeight ?? 0), l = o === window ? c + window.scrollY : c - o.getBoundingClientRect().top + o.scrollTop;
-			Ro.value !== l && (Ro.value = l), Lo.value !== o && (Lo.value = o);
-		}, Ho = S(37), Uo = () => {
-			let e = L.value;
+			Lo.value !== l && (Lo.value = l), Io.value !== o && (Io.value = o);
+		}, Vo = S(37), Ho = () => {
+			let e = R.value;
 			if (!e) return;
 			let t = parseFloat(getComputedStyle(e).getPropertyValue("--cell-h"));
-			t > 0 && (Ho.value = t + 1);
-		}, Wo = S(null), Go = (e) => {
-			if (!q.value || !zo.value) return;
+			t > 0 && (Vo.value = t + 1);
+		}, Uo = S(null), Wo = (e) => {
+			if (!J.value || !Ro.value) return;
 			let t = e.target;
-			for (; t && t.parentElement !== zo.value;) t = t.parentElement;
+			for (; t && t.parentElement !== Ro.value;) t = t.parentElement;
 			let n = Number(t?.dataset.index);
-			Wo.value = Number.isInteger(n) ? n : null;
-		}, Ko = (e) => {
-			if (!q.value) return;
+			Uo.value = Number.isInteger(n) ? n : null;
+		}, Go = (e) => {
+			if (!J.value) return;
 			let t = e.relatedTarget;
-			(!t || !zo.value?.contains(t)) && (Wo.value = null);
-		}, qo = S(0), Jo = 0, Yo = S(!1), Xo, Zo = {
+			(!t || !Ro.value?.contains(t)) && (Uo.value = null);
+		}, Ko = S(0), qo = 0, Jo = S(!1), Yo, Xo = {
 			offset: 0,
 			time: 0
-		}, Qo = 0, $o = /* @__PURE__ */ new Set(), es = null, ts = 0, ns = (e) => {
-			ts = ts ? ts * .7 + e * .3 : e;
-		}, rs = () => {
-			clearTimeout(Xo), Xo = void 0, Yo.value && (Yo.value = !1, ds());
-		}, is = (e) => {
-			let t = performance.now(), n = t - Zo.time, r = e - Zo.offset;
-			if (Zo = {
+		}, Zo = 0, Qo = /* @__PURE__ */ new Set(), $o = null, es = 0, ts = (e) => {
+			es = es ? es * .7 + e * .3 : e;
+		}, ns = () => {
+			clearTimeout(Yo), Yo = void 0, Jo.value && (Jo.value = !1, ds());
+		}, rs = (e) => {
+			let t = performance.now(), n = t - Xo.time, r = e - Xo.offset;
+			if (Xo = {
 				offset: e,
 				time: t
-			}, Qo > 0) return;
-			let i = es;
-			if (n > 0 && n < 250 && i && ts) {
-				let e = Q?.scrollRect?.height ?? 0, t = (i.end - i.start + e) / 2;
-				Math.abs(r) / n * ts > t && (Yo.value = !0);
+			}, Zo > 0) return;
+			let i = $o;
+			if (n > 0 && n < 250 && i && es) {
+				let e = cs?.scrollRect?.height ?? 0, t = (i.end - i.start + e) / 2;
+				Math.abs(r) / n * es > t && (Jo.value = !0);
 			}
-			clearTimeout(Xo), Xo = setTimeout(rs, Cn);
-		}, as = S(0), os = -1, ss = !1, cs = () => {
-			let e = Q?.itemSizeCache;
-			if (!e?.size || e.size === os) return;
-			if (os = e.size, ss) {
-				fa();
+			clearTimeout(Yo), Yo = setTimeout(ns, Cn);
+		}, is = S(0), as = -1, os = !1, ss = () => {
+			let e = cs?.itemSizeCache;
+			if (!e?.size || e.size === as) return;
+			if (as = e.size, os) {
+				da();
 				return;
 			}
 			let t = /* @__PURE__ */ new Map(), n = 0;
@@ -1479,20 +1479,20 @@ var Ct = {
 			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 && !ss && (as.value = e, n >= 20 && (ss = !0));
+				e > 0 && !os && (is.value = e, n >= 20 && (os = !0));
 			}
-			fa();
-		}, Q = null, ls = !1;
-		T(q, (e) => {
+			da();
+		}, cs = null, ls = !1;
+		T(J, (e) => {
 			ls = e;
 		}, { immediate: !0 });
 		let us = st([]), ds = (e = !1) => {
-			if (Jo &&= (cancelAnimationFrame(Jo), 0), !Q) return;
-			let t = q.value ? Q.getVirtualItems() : [];
-			qo.value = Q.getTotalSize();
+			if (qo &&= (cancelAnimationFrame(qo), 0), !cs) return;
+			let t = J.value ? cs.getVirtualItems() : [];
+			Ko.value = cs.getTotalSize();
 			let n = [], r = null;
 			if (t.length) {
-				let e = Q.measurementsCache, i = Z.value.length, a = Q.range, o = a ? a.startIndex : t[0].index, s = a ? a.endIndex : t[t.length - 1].index;
+				let e = cs.measurementsCache, i = Q.value.length, a = cs.range, o = a ? a.startIndex : t[0].index, s = a ? a.endIndex : t[t.length - 1].index;
 				for (let e of t) n.push({
 					index: e.index,
 					start: e.start,
@@ -1508,30 +1508,30 @@ var Ct = {
 			let i = !fs || !r || fs.start !== r.start || fs.end !== r.end;
 			if (fs = r, us.value = n, !r) return;
 			if (!e || !i) {
-				es = r;
+				$o = r;
 				return;
 			}
 			let a = performance.now(), o = r;
 			y(() => {
-				ns(performance.now() - a), es = o;
+				ts(performance.now() - a), $o = o;
 			});
 		}, fs = null, ps = () => {
-			Jo ||= requestAnimationFrame(() => {
-				Jo = 0, cs(), ds();
+			qo ||= requestAnimationFrame(() => {
+				qo = 0, ss(), ds();
 			});
 		}, ms = (e, t) => {
-			t ? (is(e.getScrollOffset()), ds(!0)) : ps();
-		}, hs = (e) => Z.value[e]?.key ?? e, gs = (e) => (Z.value[e]?.kind === "expand" ? 3 : 1) * (as.value || Ho.value), _s = xt(m(() => {
-			let e = Lo.value, t = typeof window < "u" && e === window, n = Wo.value, r = No.value?.row, i = r != null && r >= 0 ? r : null;
+			t ? (rs(e.getScrollOffset()), ds(!0)) : ps();
+		}, hs = (e) => Q.value[e]?.key ?? e, gs = (e) => (Q.value[e]?.kind === "expand" ? 3 : 1) * (is.value || Vo.value), _s = xt(m(() => {
+			let e = Io.value, t = typeof window < "u" && e === window, n = Uo.value, r = Mo.value?.row, i = r != null && r >= 0 ? r : null;
 			return {
 				onChange: ms,
-				count: q.value ? Z.value.length : 0,
-				enabled: q.value,
+				count: J.value ? Q.value.length : 0,
+				enabled: J.value,
 				getScrollElement: () => e,
 				estimateSize: gs,
 				getItemKey: hs,
 				overscan: xn,
-				scrollMargin: Ro.value,
+				scrollMargin: Lo.value,
 				initialRect: {
 					width: 0,
 					height: Sn
@@ -1548,9 +1548,9 @@ var Ct = {
 				scrollToFn: t ? St : gt
 			};
 		}));
-		Q = _s.value, ds();
+		cs = _s.value, ds();
 		let vs = (e) => {
-			ls && Q?.measureElement(e);
+			ls && cs?.measureElement(e);
 		}, ys = (e) => {
 			let t = [], n = 0, r = xn;
 			for (let i = 0; i < e.length && t.length < bn && !(n >= Sn && r-- <= 0); i++) {
@@ -1564,68 +1564,68 @@ var Ct = {
 			}
 			return t;
 		}, bs = m(() => {
-			let e = Z.value;
-			if (Do.value, !q.value) return e.map((e) => Io(e, e.kind, e.key, 0));
+			let e = Q.value;
+			if (Eo.value, !J.value) return e.map((e) => Fo(e, e.kind, e.key, 0));
 			let t = us.value.length ? us.value : ys(e);
 			if (!t.length) return [];
-			let n = [], r = Ro.value, i = Yo.value, a = r, o;
+			let n = [], r = Lo.value, i = Jo.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(Io(t, "spacer", `s:${t.key}`, s)), i && t.kind === "row" && !$o.has(t.key) ? n.push(Io(t, "placeholder", `p:${t.key}`, r.size)) : n.push(Io(t, t.kind, t.key, 0)), a = r.end, o = t;
+				s > .5 && n.push(Fo(t, "spacer", `s:${t.key}`, s)), i && t.kind === "row" && !Qo.has(t.key) ? n.push(Fo(t, "placeholder", `p:${t.key}`, r.size)) : n.push(Fo(t, t.kind, t.key, 0)), a = r.end, o = t;
 			}
-			let s = qo.value - (a - r);
-			return s > .5 && o && n.push(Io(o, "spacer", "s:end", s)), n;
+			let s = Ko.value - (a - r);
+			return s > .5 && o && n.push(Fo(o, "spacer", "s:end", s)), n;
 		});
 		T(bs, (e) => {
-			if (q.value) for (let t of e) (t.kind === "row" || t.kind === "expand") && $o.add(t.key);
+			if (J.value) for (let t of e) (t.kind === "row" || t.kind === "expand") && Qo.add(t.key);
 		}, { flush: "post" });
 		let xs = (e) => {
-			let t = I.value;
-			if (!q.value || !t || !t.querySelector(":scope > .bb-table__body > .bb-table__row")) return;
-			let n = z.value, r = null, i = null;
-			if (ta.value.forEach((t, a) => {
+			let t = L.value;
+			if (!J.value || !t || !t.querySelector(":scope > .bb-table__body > .bb-table__row")) return;
+			let n = B.value, r = null, i = null;
+			if (ea.value.forEach((t, a) => {
 				if (t.key === "select" || t.key === "actions") {
-					if (t.key in Ci.value) return;
+					if (t.key in Si.value) return;
 					let n = parseFloat(e[a]);
 					if (!(n > 0)) return;
-					(i ??= { ...Ci.value })[t.key] = n;
+					(i ??= { ...Si.value })[t.key] = n;
 					return;
 				}
 				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 Y.value || s in (r ?? {})) return;
 				let c = parseFloat(e[a]);
-				c > 0 && ((r ??= { ...J.value })[s] = c);
+				c > 0 && ((r ??= { ...Y.value })[s] = c);
 			}), !r && !i || Ss) return;
 			let a = r, o = i;
 			Ss = requestAnimationFrame(() => {
-				Ss = 0, a && (J.value = {
-					...J.value,
+				Ss = 0, a && (Y.value = {
+					...Y.value,
 					...a
-				}), o && (Ci.value = {
-					...Ci.value,
+				}), o && (Si.value = {
+					...Si.value,
 					...o
 				});
 			});
 		}, Ss = 0;
-		T([() => q.value, () => Y.value.length === 0], ([e, t]) => {
-			(!e || t) && (Object.keys(J.value).length && (J.value = {}), Object.keys(Ci.value).length && (Ci.value = {}), wi.value = "");
-		}), T(Ho, () => {
-			q.value && _s.value.measure();
+		T([() => J.value, () => X.value.length === 0], ([e, t]) => {
+			(!e || t) && (Object.keys(Y.value).length && (Y.value = {}), Object.keys(Si.value).length && (Si.value = {}), Ci.value = "");
+		}), T(Vo, () => {
+			J.value && _s.value.measure();
 		});
 		let Cs, ws, Ts = () => {
 			Cs?.disconnect(), Cs = void 0, ws?.(), ws = void 0;
-			let e = L.value;
-			if (!q.value || !e) return;
+			let e = R.value;
+			if (!J.value || !e) return;
 			let t = 0, n = () => {
 				t ||= requestAnimationFrame(() => {
-					t = 0, Vo();
+					t = 0, Bo();
 				});
 			};
-			if (Lo.value === e) Cs = new ResizeObserver(() => Vo()), Cs.observe(e);
+			if (Io.value === e) Cs = new ResizeObserver(() => Bo()), Cs.observe(e);
 			else {
 				window.addEventListener("resize", n);
 				let e = new ResizeObserver(n);
@@ -1634,20 +1634,20 @@ var Ct = {
 				};
 			}
 		};
-		T(Lo, Ts);
+		T(Io, Ts);
 		let Es;
-		T(() => [q.value, X.value.first], ([e]) => {
-			Es?.disconnect(), Es = void 0, Vo();
-			let t = zo.value?.querySelector(":scope > .bb-table__edge-row--first");
-			!e || !t || typeof ResizeObserver > "u" || (Es = new ResizeObserver(() => requestAnimationFrame(Vo)), Es.observe(t));
-		}, { flush: "post" }), b(() => Es?.disconnect()), T(() => [q.value, Z.value.length], () => {
+		T(() => [J.value, Z.value.first], ([e]) => {
+			Es?.disconnect(), Es = void 0, Bo();
+			let t = Ro.value?.querySelector(":scope > .bb-table__edge-row--first");
+			!e || !t || typeof ResizeObserver > "u" || (Es = new ResizeObserver(() => requestAnimationFrame(Bo)), Es.observe(t));
+		}, { flush: "post" }), b(() => Es?.disconnect()), T(() => [J.value, Q.value.length], () => {
 			y(() => {
-				Uo(), Vo(), Ts(), $o = /* @__PURE__ */ new Set(), os = -1, ss = !1, ds();
+				Ho(), Bo(), Ts(), Qo = /* @__PURE__ */ new Set(), as = -1, os = !1, ds();
 			});
 		}, { flush: "post" });
 		let Ds = () => {
-			!q.value || !Object.keys(J.value).length || (J.value = {}, y(() => requestAnimationFrame(() => {
-				let e = I.value, t = e ? Fe(e) : null;
+			!J.value || !Object.keys(Y.value).length || (Y.value = {}, y(() => requestAnimationFrame(() => {
+				let e = L.value, t = e ? Fe(e) : null;
 				t && xs(t);
 			})));
 		}, Os, ks = () => {
@@ -1655,26 +1655,26 @@ var Ct = {
 			!e || Os || (e.status !== "loaded" && e.ready.then(Ds), e.addEventListener("loadingdone", Ds), Os = () => e.removeEventListener("loadingdone", Ds));
 		};
 		nt(() => {
-			Uo(), fa(), Vo(), Ts(), ds(), q.value && ks();
-		}), T(q, (e) => {
-			e && ks(), ba && da(ba), fa();
+			Ho(), da(), Bo(), Ts(), ds(), J.value && ks();
+		}), T(J, (e) => {
+			e && ks(), ya && ua(ya), da();
 		}), b(() => {
-			Cs?.disconnect(), ws?.(), Os?.(), Jo && cancelAnimationFrame(Jo);
+			Cs?.disconnect(), ws?.(), Os?.(), qo && cancelAnimationFrame(qo);
 		});
-		let As = () => new Promise((e) => requestAnimationFrame(() => e())), js = () => I.value?.querySelector(":scope > .bb-table__head > .bb-table__header-row") ?? null, Ms = (e) => zo.value?.querySelector(`:scope > [role="row"][data-index="${e}"]`) ?? null, Ns = (e) => zo.value?.querySelector(`:scope > .bb-table__edge-row--${e === vn ? "first" : "last"}`) ?? null, Ps = (e, t) => {
+		let As = () => new Promise((e) => requestAnimationFrame(() => e())), js = () => L.value?.querySelector(":scope > .bb-table__head > .bb-table__header-row") ?? null, Ms = (e) => Ro.value?.querySelector(`:scope > [role="row"][data-index="${e}"]`) ?? null, Ns = (e) => Ro.value?.querySelector(`:scope > .bb-table__edge-row--${e === vn ? "first" : "last"}`) ?? null, Ps = (e, t) => {
 			let n = e >= 0 ? Ms(e) : e === _n ? js() : Ns(e);
 			if (!n || t === null) return n;
 			let r = n.children;
 			return r[Math.min(t, r.length - 1)] ?? null;
-		}, Fs = (e) => e >= 0 && Z.value[e]?.kind === "expand" ? 1 : Ma.value, Is = (e) => {
-			let t = I.value;
+		}, Fs = (e) => e >= 0 && Q.value[e]?.kind === "expand" ? 1 : ja.value, Is = (e) => {
+			let t = L.value;
 			if (!t || !(e instanceof Element) || !t.contains(e)) return null;
 			let n = null;
 			for (let r = e; r && r !== t;) {
 				let i = r.parentElement;
 				if (i && i.parentElement === t && r.getAttribute("role") === "row") {
 					let t = r, a = i.classList.contains("bb-table__head");
-					if ((a ? !Ln.value : i !== zo.value) || a && !t.classList.contains("bb-table__header-row")) return null;
+					if ((a ? !F.value : i !== Ro.value) || a && !t.classList.contains("bb-table__header-row")) return null;
 					let o = !a && t.classList.contains("bb-table__edge-row"), s = a ? _n : o ? t.classList.contains("bb-table__edge-row--first") ? vn : yn : Number(t.dataset.index);
 					if (!Number.isInteger(s)) return null;
 					if (!n) return {
@@ -1697,24 +1697,24 @@ var Ct = {
 			}
 			return null;
 		}, Ls = async (e, t) => {
-			jo.value = {
-				key: e < 0 ? null : Z.value[e]?.key ?? null,
+			Ao.value = {
+				key: e < 0 ? null : Q.value[e]?.key ?? null,
 				row: e,
 				col: t
 			};
 			let n = Ps(e, t);
-			if (!n && e >= 0 && q.value) {
-				Qo++, rs();
+			if (!n && e >= 0 && J.value) {
+				Zo++, ns();
 				try {
 					for (let r = 0; r < 8 && !n; r++) _s.value.scrollToIndex(e, { align: "auto" }), await As(), await y(), n = Ps(e, t);
 				} finally {
-					Qo--;
+					Zo--;
 				}
 			}
 			if (n && (n.focus(), n.scrollIntoView({
 				block: "nearest",
 				inline: "nearest"
-			}), q.value && e >= 0)) for (let e = 0; e < 4; e++) {
+			}), J.value && e >= 0)) for (let e = 0; e < 4; e++) {
 				let e = n.getBoundingClientRect().top;
 				if (await As(), n.scrollIntoView({
 					block: "nearest",
@@ -1722,7 +1722,7 @@ var Ct = {
 				}), Math.abs(n.getBoundingClientRect().top - e) < .5) break;
 			}
 		}, Rs = null, zs = 0, Bs = (e) => {
-			if (e.closest("[data-bb-table-id]") !== L.value) return !1;
+			if (e.closest("[data-bb-table-id]") !== R.value) return !1;
 			let t = Is(e);
 			return !!t?.inside && t.cell !== Rs;
 		}, Vs = (e) => {
@@ -1730,7 +1730,7 @@ var Ct = {
 			e.matches("a[href], area[href], button, input:not([type=\"hidden\"]), select, textarea, iframe, summary, audio[controls], video[controls], [contenteditable]:not([contenteditable=\"false\"]), [tabindex]") && Bs(e) && He(e);
 			for (let e of t) Bs(e) && He(e);
 		}, Hs = (e) => {
-			for (let t of e.querySelectorAll(`[${ze}]`)) t.closest("[data-bb-table-id]") === L.value && Ve(t);
+			for (let t of e.querySelectorAll(`[${ze}]`)) t.closest("[data-bb-table-id]") === R.value && Ve(t);
 		}, Us = (e) => {
 			Rs !== e && (Ws(), Rs = e, zs = o(), Hs(e));
 		}, Ws = () => {
@@ -1741,7 +1741,7 @@ var Ct = {
 			return t ? (Us(e), t.focus(), !0) : !1;
 		}, Ks = null, qs = () => {
 			Ks?.disconnect(), Ks = null;
-			let e = I.value;
+			let e = L.value;
 			if (e) {
 				if (!P.value) {
 					Rs = null, Hs(e);
@@ -1769,31 +1769,31 @@ var Ct = {
 			let t = Is(e.target);
 			if (!t) return;
 			t.inside && t.cell ? Us(t.cell) : Ws();
-			let n = No.value, r = t.cell ?? t.rowEl;
-			n && n.row === t.row && Ps(n.row, n.col) === r || (jo.value = {
-				key: t.row < 0 ? null : Z.value[t.row]?.key ?? null,
+			let n = Mo.value, r = t.cell ?? t.rowEl;
+			n && n.row === t.row && Ps(n.row, n.col) === r || (Ao.value = {
+				key: t.row < 0 ? null : Q.value[t.row]?.key ?? null,
 				row: t.row,
 				col: t.cell ? t.col : null
 			});
 		}, Ys = (e) => {
 			P.value && Js(e);
 		};
-		T(I, (e, t) => {
+		T(L, (e, t) => {
 			t?.removeEventListener("focusin", Ys), e?.addEventListener("focusin", Ys);
-		}, { flush: "sync" }), b(() => I.value?.removeEventListener("focusin", Ys));
+		}, { flush: "sync" }), b(() => L.value?.removeEventListener("focusin", Ys));
 		let Xs = (e) => {
 			let t = e.relatedTarget;
 			Rs && !(t instanceof Node && Rs.contains(t)) && Ws();
 		}, Zs = (e) => {
-			let t = Z.value[e];
-			!k.selectable || !t || t.kind !== "row" || bc(Ao(t));
+			let t = Q.value[e];
+			!k.selectable || !t || t.kind !== "row" || bc(ko(t));
 		}, Qs = () => !k.selectable || !dc() ? !1 : (lc.value?.click(), !0), $s = (e) => {
-			e.row >= 0 && Z.value[e.row]?.kind === "row" && e.rowEl.click();
-		}, ec = (e) => e >= 0 ? e : e === yn ? Z.value.length : e === vn ? -1 : X.value.first ? -2 : -1, tc = (e) => {
-			let t = Z.value.length;
-			return e >= t ? X.value.last ? yn : t - 1 : e >= 0 ? e : e === -1 && X.value.first ? vn : _n;
+			e.row >= 0 && Q.value[e.row]?.kind === "row" && e.rowEl.click();
+		}, ec = (e) => e >= 0 ? e : e === yn ? Q.value.length : e === vn ? -1 : Z.value.first ? -2 : -1, tc = (e) => {
+			let t = Q.value.length;
+			return e >= t ? Z.value.last ? yn : t - 1 : e >= 0 ? e : e === -1 && Z.value.first ? vn : _n;
 		}, nc = (e, t, n = !1) => {
-			let r = Z.value.length, i = X.value.first ? -1 : 0, a = n ? i : Ln.value ? i - 1 : i, o = X.value.last ? r : r - 1;
+			let r = Q.value.length, i = Z.value.first ? -1 : 0, a = n ? i : F.value ? i - 1 : i, o = Z.value.last ? r : r - 1;
 			return o < a ? e : tc(ie(ec(e) + t, a, o));
 		}, rc = (e) => {
 			if (e.defaultPrevented) return;
@@ -1810,12 +1810,12 @@ var Ct = {
 				return;
 			}
 			if (e.altKey || e.metaKey || e.shiftKey && n !== " ") return;
-			let r = e.ctrlKey, i = getComputedStyle(t.rowEl).direction === "rtl", a = i ? "ArrowLeft" : "ArrowRight", s = i ? "ArrowRight" : "ArrowLeft", c = Z.value.length - 1, l = Nn.value, u = (n, r) => {
+			let r = e.ctrlKey, i = getComputedStyle(t.rowEl).direction === "rtl", a = i ? "ArrowLeft" : "ArrowRight", s = i ? "ArrowRight" : "ArrowLeft", c = Q.value.length - 1, l = Nn.value, u = (n, r) => {
 				e.preventDefault(), !(n === t.row && r === (t.cell ? t.col : null)) && Ls(n, r);
 			}, d = () => e.preventDefault();
 			if (!t.cell) {
 				if (!l) return;
-				let r = Z.value[t.row], i = r?.kind === "row";
+				let r = Q.value[t.row], i = r?.kind === "row";
 				switch (n) {
 					case "ArrowDown": return u(Math.min(t.row + 1, c), null);
 					case "ArrowUp": return u(Math.max(t.row - 1, 0), null);
@@ -1825,12 +1825,12 @@ var Ct = {
 					case "End": return u(c, null);
 					case a:
 						if (i && !r.expanded) {
-							d(), oc(Wa.value[r.index].valueHash);
+							d(), oc(Ua.value[r.index].valueHash);
 							return;
 						}
 						return u(t.row, 0);
 					case s:
-						d(), i && r.expanded && oc(Wa.value[r.index].valueHash);
+						d(), i && r.expanded && oc(Ua.value[r.index].valueHash);
 						return;
 					case "Enter":
 					case " ":
@@ -1839,7 +1839,7 @@ var Ct = {
 				}
 				return;
 			}
-			let f = No.value, p = f && f.row === t.row && f.col !== null ? f.col : t.col, ee = (e) => Fs(e) - 1, te = !!k.selectable && t.col === 0;
+			let f = Mo.value, p = f && f.row === t.row && f.col !== null ? f.col : t.col, ee = (e) => Fs(e) - 1, te = !!k.selectable && t.col === 0;
 			switch (n) {
 				case a: return u(t.row, Math.min(t.col + 1, ee(t.row)));
 				case s: return t.col > 0 ? u(t.row, t.col - 1) : l && t.row >= 0 ? u(t.row, null) : d();
@@ -1866,7 +1866,7 @@ var Ct = {
 						Zs(t.row);
 						return;
 					}
-					let r = Z.value[t.row]?.kind === "row";
+					let r = Q.value[t.row]?.kind === "row";
 					if (te && r) {
 						Zs(t.row);
 						return;
@@ -1879,28 +1879,28 @@ var Ct = {
 		}, ic = (e, t) => {
 			e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), oc(t)));
 		}, ac = (e) => ({
-			"aria-controls": t(li.value[e.valueHash]) ? void 0 : Bn(e.valueHash),
+			"aria-controls": t(ci.value[e.valueHash]) ? void 0 : zn(e.valueHash),
 			"aria-expanded": e.expanded ? "true" : "false",
 			onClick: (t) => {
 				t.stopPropagation(), oc(e.valueHash);
 			},
 			onKeydown: (t) => ic(t, e.valueHash)
 		}), oc = (e) => {
-			let t = Y.value.find((t) => t.valueHash === e);
-			t && (e in li.value ? En.value = En.value.filter((t) => r(t) !== e) : En.value = [...En.value, t.value]);
+			let t = X.value.find((t) => t.valueHash === e);
+			t && (e in ci.value ? En.value = En.value.filter((t) => r(t) !== e) : En.value = [...En.value, t.value]);
 		};
 		T(E, () => {
-			$.clear(), G.unselected = [], G.selected = [];
+			$.clear(), K.unselected = [], K.selected = [];
 		});
 		let sc = m(() => {
-			let e = Array.isArray(G.selected) ? G.selected.length : 0;
+			let e = Array.isArray(K.selected) ? K.selected.length : 0;
 			return !!(k.multiple && e > 0 && !E.value || E.value && $.size > 0);
 		}), cc = m(() => M.part("selectIcon", {
 			selected: !!E.value && !sc.value,
 			indeterminate: sc.value,
 			disabled: !!k.disabled
 		})), $ = rt(/* @__PURE__ */ new Set());
-		T(() => G.unselected, (e) => {
+		T(() => K.unselected, (e) => {
 			$.clear(), (e ?? []).forEach((e) => {
 				$.add(r(e));
 			});
@@ -1933,15 +1933,15 @@ var Ct = {
 			}),
 			...fc
 		})), mc = (e) => {
-			let t = G.unselected ?? [];
+			let t = K.unselected ?? [];
 			if (hc(e)) {
-				Ka(e), A("item:unselected", e.value), $.add(e.valueHash), G.unselected = [...t, e.value];
+				Ga(e), A("item:unselected", e.value), $.add(e.valueHash), K.unselected = [...t, e.value];
 				return;
 			}
-			E.value || Ga(e), A("item:selected", e.value), $.delete(e.valueHash), G.unselected = t.filter((t) => r(t) !== r(e.value));
+			E.value || Wa(e), A("item:selected", e.value), $.delete(e.valueHash), K.unselected = t.filter((t) => r(t) !== r(e.value));
 		}, hc = (e) => E.value && $.has(e.valueHash) ? !1 : e.selected || E.value, gc = m(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Y.value) e.set(t.valueHash, t);
+			for (let t of X.value) e.set(t.valueHash, t);
 			return e;
 		}), _c = (e) => {
 			if (k.disabled || k.readonly || typeof k.selectable == "function" && !k.selectable(e.item)) return !0;
@@ -1951,32 +1951,32 @@ var Ct = {
 			_c(e) || (mc(e), vc = e.valueHash);
 		}, bc = (e) => {
 			if (_c(e)) return;
-			let t = (e) => e === void 0 ? -1 : Y.value.findIndex((t) => t.valueHash === e), n = t(vc), i = t(e.valueHash);
+			let t = (e) => e === void 0 ? -1 : X.value.findIndex((t) => t.valueHash === e), n = t(vc), i = t(e.valueHash);
 			if (!k.multiple || n < 0 || i < 0) {
 				yc(e);
 				return;
 			}
 			let a = !hc(e), o = n <= i ? 1 : -1, s = [];
 			for (let e = n; e !== i + o; e += o) {
-				let t = Y.value[e];
+				let t = X.value[e];
 				if (t.disabled || hc(t) === a) continue;
-				let { item: n } = Wa.value[e];
+				let { item: n } = Ua.value[e];
 				typeof k.selectable == "function" && !k.selectable(n) || s.push(t);
 			}
 			if (a && !E.value && k.max !== void 0) {
-				let e = k.max - (G.selected ?? []).length;
+				let e = k.max - (K.selected ?? []).length;
 				s = s.slice(0, Math.max(0, e));
 			}
 			if (vc = e.valueHash, !s.length) return;
-			let c = new Set(s.map((e) => e.valueHash)), l = G.unselected ?? [];
+			let c = new Set(s.map((e) => e.valueHash)), l = K.unselected ?? [];
 			if (a) {
-				E.value || (G.selected = [...G.selected ?? [], ...s.map((e) => e.value)]), G.unselected = l.filter((e) => !c.has(r(e)));
+				E.value || (K.selected = [...K.selected ?? [], ...s.map((e) => e.value)]), K.unselected = l.filter((e) => !c.has(r(e)));
 				for (let e of s) $.delete(e.valueHash), A("item:selected", e.value);
 			} else {
-				G.selected = (G.selected ?? []).filter((e) => !c.has(r(e))), G.unselected = [...l, ...s.map((e) => e.value)];
+				K.selected = (K.selected ?? []).filter((e) => !c.has(r(e))), K.unselected = [...l, ...s.map((e) => e.value)];
 				for (let e of s) $.add(e.valueHash), A("item:unselected", e.value);
 			}
-		}, xc = ve((e) => typeof e != "string", JSON.stringify), Sc = m(() => [].concat(G.selected ?? []).map((e) => ({
+		}, xc = ve((e) => typeof e != "string", JSON.stringify), Sc = m(() => [].concat(K.selected ?? []).map((e) => ({
 			disabled: k.disabled,
 			name: k.name,
 			type: "hidden",
@@ -1986,20 +1986,20 @@ var Ct = {
 			45,
 			85,
 			55
-		], wc = m(() => ie(Y.value.length || k.columns.length || 1, 4, 10)), Tc = m(() => {
+		], wc = m(() => ie(X.value.length || k.columns.length || 1, 4, 10)), Tc = m(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let [t, n] of D.value) e.has(t) || e.set(t, n);
 			return e;
-		}), Ec = m(() => $e([oa.value, M.table.style])), Dc = m(() => {
+		}), Ec = m(() => $e([aa.value, M.table.style])), Dc = m(() => {
 			let { style: e, ...t } = M.table;
 			return {
 				...v({
-					ref: I,
+					ref: L,
 					class: "bb-table__table",
 					role: Pn.value,
-					"aria-labelledby": k.caption ? Yn.value : void 0,
+					"aria-labelledby": k.caption ? Jn.value : void 0,
 					"aria-multiselectable": P.value && k.selectable && k.multiple ? "true" : void 0,
-					"aria-rowcount": Aa.value && G.totalItems != null ? G.totalItems + 1 + Number(X.value.first) + Number(X.value.last) : void 0,
+					"aria-rowcount": Nc.value === void 0 ? void 0 : Nc.value + Fc.value,
 					...P.value ? {
 						onKeydown: rc,
 						onFocusout: Xs
@@ -2007,15 +2007,15 @@ var Ct = {
 				}, t),
 				style: Ec.value
 			};
-		}), Oc = m(() => $e([pa.value, M.rootAttrs.style])), kc = m(() => {
+		}), Oc = m(() => $e([fa.value, M.rootAttrs.style])), kc = m(() => {
 			let { style: e, ...t } = M.rootAttrs;
 			return {
 				...v({
 					id: k.id,
-					ref: L,
-					"aria-busy": Oa.value,
-					class: ja.value,
-					"data-bb-table-id": Hn.value,
+					ref: R,
+					"aria-busy": Da.value,
+					class: Aa.value,
+					"data-bb-table-id": Vn.value,
 					inert: k.disabled
 				}, t),
 				style: Oc.value
@@ -2031,17 +2031,17 @@ var Ct = {
 			treegrid: Nn.value,
 			cellRole: Fn.value,
 			rowHeaderKeys: In.value,
-			contentInert: ka.value,
-			hasRowIndex: Aa.value,
-			rowOffset: Aa.value ? ((G.page ?? 1) - 1) * (G.perPage ?? 0) : 0,
-			setSize: Aa.value ? G.totalItems ?? void 0 : void 0,
-			columnSpan: Ma.value,
-			inputName: zn,
+			contentInert: Oa.value,
+			hasRowIndex: ka.value,
+			rowOffset: ka.value ? ((K.page ?? 1) - 1) * (K.perPage ?? 0) : 0,
+			setSize: ka.value ? K.totalItems ?? void 0 : void 0,
+			columnSpan: ja.value,
+			inputName: Rn,
 			tdClass: k.tdClass,
-			cellClasses: Tr.value,
+			cellClasses: wr.value,
 			sortOrders: Tc.value,
 			measureRow: vs,
-			expandRegionId: Bn,
+			expandRegionId: zn,
 			selectRange: bc
 		})), jc = m(() => ({
 			passthrough: M,
@@ -2051,70 +2051,103 @@ var Ct = {
 			cellRole: Fn.value,
 			grid: P.value,
 			rowHeaderKeys: In.value,
-			contentInert: ka.value,
-			columns: z.value.map((e) => {
+			contentInert: Oa.value,
+			columns: B.value.map((e) => {
 				let t = e.align ?? "left";
 				return {
 					key: String(e.key),
-					slotName: Na.value[e.key],
-					classes: Za.value.has(String(e.key)) ? [`bb-table__cell--${t}`, "bb-table__cell--fluid"] : [`bb-table__cell--${t}`]
+					slotName: Ma.value[e.key],
+					classes: Xa.value.has(String(e.key)) ? [`bb-table__cell--${t}`, "bb-table__cell--fluid"] : [`bb-table__cell--${t}`]
 				};
 			}),
-			cellClasses: Tr.value,
-			items: La.value ?? []
-		})), Mc = m(() => !Aa.value || G.totalItems == null ? {
+			cellClasses: wr.value,
+			items: Ia.value ?? []
+		})), Mc = m(() => Nc.value === void 0 ? {
 			first: void 0,
 			last: void 0
 		} : {
-			first: ((G.page ?? 1) - 1) * (G.perPage ?? 0) + 2,
-			last: G.totalItems + 1 + Number(X.value.first) + Number(X.value.last)
+			first: ((K.page ?? 1) - 1) * (K.perPage ?? 0) + 2,
+			last: Nc.value
 		}), Nc = m(() => {
+			if (!ka.value || K.totalItems == null) return;
+			let e = K.totalItems + 1;
+			if (kn.value) return e;
+			if (!X.value.length) return k.loading ? j.loading ? e : Math.max(e, wc.value + 1) : Math.max(e, 2);
+			let t = Q.value.length - Ua.value.length;
+			return e + Number(Z.value.first) + Number(Z.value.last) + t;
+		}), Pc = S(null), Fc = S(0), Ic = /* @__PURE__ */ new WeakMap(), Lc = (e) => Array.from(e.querySelectorAll("[role=\"row\"]")).filter((t) => t.parentElement?.closest("[role=\"rowgroup\"], [role=\"table\"], [role=\"grid\"], [role=\"treegrid\"]") === e), Rc = () => {
+			let e = Pc.value, t = e && j.tfoot ? Lc(e) : [];
+			Fc.value = t.length;
+			let n = Nc.value;
+			t.forEach((e, t) => {
+				let r = e.getAttribute("aria-rowindex");
+				if (!(r === null || Ic.get(e) === r)) {
+					Ic.delete(e);
+					return;
+				}
+				if (n === void 0) {
+					r !== null && e.removeAttribute("aria-rowindex"), Ic.delete(e);
+					return;
+				}
+				let i = String(n + 1 + t);
+				r !== i && e.setAttribute("aria-rowindex", i), Ic.set(e, i);
+			});
+		}, zc;
+		nt(() => {
+			Rc(), !(!Pc.value || typeof MutationObserver > "u") && (zc = new MutationObserver(Rc), zc.observe(Pc.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: ["role", "aria-rowindex"]
+			}));
+		}), T(Nc, Rc, { flush: "post" }), b(() => zc?.disconnect());
+		let Bc = m(() => {
 			let e = [], t = +!!k.selectable;
 			return k.selectable && k.fixedSelect && e.push({
 				index: 0,
 				position: "left"
-			}), z.value.forEach((n, r) => {
+			}), B.value.forEach((n, r) => {
 				n.fixed && e.push({
 					index: r + t,
 					position: n.fixed
 				});
 			}), N.value && k.fixedActions && e.push({
-				index: z.value.length + t,
+				index: B.value.length + t,
 				position: "right"
 			}), e;
-		}), Pc = m(() => Nc.value.map((e) => typeof e == "number" ? `${e}:left` : `${e.index}:${e.position}`).join(","));
+		}), Vc = m(() => Bc.value.map((e) => typeof e == "number" ? `${e}:left` : `${e.index}:${e.position}`).join(","));
 		return T(() => [
 			bs.value,
-			Pc.value,
-			Ca.value
+			Vc.value,
+			Sa.value
 		], ([, e, t], n) => {
-			let r = n?.[1], i = Nc.value;
-			if (I.value && (e.length || r?.length)) {
+			let r = n?.[1], i = Bc.value;
+			if (L.value && (e.length || r?.length)) {
 				let a = e === r && t === n?.[2];
-				we(I.value, i, a ? ba : null, a) && (va = e), e !== r && vo();
+				we(L.value, i, a ? ya : null, a) && (_a = e), e !== r && _o();
 			}
-			j.thead && y(Sa);
+			j.thead && y(xa);
 		}, { flush: "post" }), tt(() => {
-			Ar(), Zr();
-		}), (e, t) => (x(), We(ot(Ea.value), Qe(Ye(kc.value)), {
+			kr(), Xr();
+		}), (e, t) => (x(), We(ot(Ta.value), Qe(Ye(kc.value)), {
 			default: pt(() => [
-				Ke(w(ee), { value: w(Ba) }, null, 8, ["value"]),
-				e.selectable ? (x(), g("legend", Ct, C(Da.value), 1)) : h("", !0),
+				Ke(w(ee), { value: w(za) }, null, 8, ["value"]),
+				e.selectable ? (x(), g("legend", Ct, C(Ea.value), 1)) : h("", !0),
 				e.caption ? (x(), g("div", v({
 					key: 1,
-					id: Yn.value,
+					id: Jn.value,
 					class: "bb-table__caption",
 					hidden: !e.displayCaption
 				}, w(M).caption), C(e.caption), 17, wt)) : h("", !0),
 				e.reorderable || e.resizable ? (x(), g("div", {
 					key: 2,
-					id: Xn.value,
+					id: Yn.value,
 					hidden: ""
-				}, [e.reorderable ? (x(), g(Ue, { key: 0 }, [Ge(C(w(F)("table.reorderInstructions").value), 1)], 64)) : h("", !0), e.resizable && !K.value ? (x(), g(Ue, { key: 1 }, [Ge(C(w(F)("table.resizeInstructions").value), 1)], 64)) : h("", !0)], 8, Tt)) : h("", !0),
-				_("span", Et, C(Oa.value ? e.loadingText || w(F)("common.loadingText").value : ""), 1),
-				e.reorderable ? (x(), g(Ue, { key: 3 }, [_("span", Dt, C(sr.value), 1), _("div", {
+				}, [e.reorderable ? (x(), g(Ue, { key: 0 }, [Ge(C(w(I)("table.reorderInstructions").value), 1)], 64)) : h("", !0), e.resizable && !q.value ? (x(), g(Ue, { key: 1 }, [Ge(C(w(I)("table.resizeInstructions").value), 1)], 64)) : h("", !0)], 8, Tt)) : h("", !0),
+				_("span", Et, C(Da.value ? e.loadingText || w(I)("common.loadingText").value : ""), 1),
+				e.reorderable ? (x(), g(Ue, { key: 3 }, [_("span", Dt, C(or.value), 1), _("div", {
 					ref_key: "ghostRef",
-					ref: Rr,
+					ref: Lr,
 					"aria-hidden": "true",
 					class: "bb-table-column-ghost",
 					popover: "manual"
@@ -2129,31 +2162,31 @@ var Ct = {
 					"stroke-width": "2",
 					viewBox: "0 0 24 24",
 					width: "1em"
-				}, w(M).dragIcon), t[0] ||= [_("path", { d: "M12 2v20M2 12h20M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3" }, null, -1)], 16)), _("span", null, C(Lr.value), 1)], 512)], 64)) : h("", !0),
+				}, w(M).dragIcon), t[0] ||= [_("path", { d: "M12 2v20M2 12h20M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3" }, null, -1)], 16)), _("span", null, C(Ir.value), 1)], 512)], 64)) : h("", !0),
 				_("div", Qe(Ye(Dc.value)), [
 					_("div", v({
 						class: ["bb-table__head", {
-							"bb-table__head--dragging": U.value === "dragging",
-							"bb-table__head--resizing": br.value !== null
+							"bb-table__head--dragging": W.value === "dragging",
+							"bb-table__head--resizing": yr.value !== null
 						}],
-						inert: ka.value,
+						inert: Oa.value,
 						role: "rowgroup"
 					}, w(M).head), [at(e.$slots, "thead", {}, () => [_("div", v({
-						"aria-rowindex": Aa.value ? 1 : void 0,
+						"aria-rowindex": ka.value ? 1 : void 0,
 						class: ["bb-table__header-row", e.headerRowClass],
 						role: "row",
-						onPointerdown: oi,
-						onTouchmove: si
+						onPointerdown: ai,
+						onTouchmove: oi
 					}, w(M).headerRow), [
 						e.selectable ? (x(), g("div", v({
 							key: 0,
 							class: ["bb-table__cell-column-header bb-table__cell-column-header--select", e.thClass],
 							role: "columnheader",
-							tabindex: Fo(0)
+							tabindex: Po(0)
 						}, w(M).cellColumnHeader), [at(e.$slots, "select:header", {
 							multiple: e.multiple,
 							selectAll: !!E.value,
-							text: e.selectText || w(F)("table.selectText").value
+							text: e.selectText || w(I)("table.selectText").value
 						}, () => [_("span", jt, [!e.disableSelectAll && e.multiple ? (x(), g("label", {
 							key: 0,
 							class: Ze(["bb-table-check__label", { "bb-table-check__label--disabled": e.disabled }])
@@ -2180,53 +2213,53 @@ var Ct = {
 							"focused",
 							"indeterminate",
 							"readonly"
-						])])), _("span", Mt, C(e.selectAllLabel || w(F)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? h("", !0) : (x(), g("span", Nt, C(e.selectText || w(F)("table.selectText").value), 1))])])], 16, At)) : h("", !0),
-						(x(!0), g(Ue, null, it(yo.value, (n, r) => (x(), g("div", v({
+						])])), _("span", Mt, C(e.selectAllLabel || w(I)("table.selectAllLabel").value), 1)], 2)) : e.multiple ? h("", !0) : (x(), g("span", Nt, C(e.selectText || w(I)("table.selectText").value), 1))])])], 16, At)) : h("", !0),
+						(x(!0), g(Ue, null, it(vo.value, (n, r) => (x(), g("div", v({
 							key: n.key,
-							"aria-describedby": Zn.value ? Xn.value : void 0,
+							"aria-describedby": Xn.value ? Yn.value : void 0,
 							"aria-sort": n.sortDirection ?? (n.sortable ? "none" : void 0),
 							class: ["bb-table__cell-column-header", [n.classes, {
 								"bb-table__cell-column-header--edge-start": r === 0,
-								"bb-table__cell-column-header--edge-end": r === yo.value.length - 1,
-								"bb-table__cell-column-header--clip": ra.value.has(n.key),
-								"bb-table__cell-column-header--dragging": Ir.value === n.key,
-								"bb-table__cell-column-header--locked": e.reorderable && rr.value.has(n.key),
+								"bb-table__cell-column-header--edge-end": r === vo.value.length - 1,
+								"bb-table__cell-column-header--clip": na.value.has(n.key),
+								"bb-table__cell-column-header--dragging": Fr.value === n.key,
+								"bb-table__cell-column-header--locked": e.reorderable && nr.value.has(n.key),
 								"bb-table__cell-column-header--sortable": n.sortable,
 								"bb-table__cell-column-header--sorted": !!n.sortOrder,
 								"bb-table__cell-column-header--sorted-desc": n.sortOrder === "desc",
-								"bb-table__cell-column-header--resizing": br.value === n.key,
-								"bb-table__cell-column-header--floored": n.key in eo.value
+								"bb-table__cell-column-header--resizing": yr.value === n.key,
+								"bb-table__cell-column-header--floored": n.key in $a.value
 							}]],
-							style: eo.value[n.key],
-							"data-column-key": Zn.value || Ln.value ? n.key : void 0,
+							style: $a.value[n.key],
+							"data-column-key": Xn.value || F.value ? n.key : void 0,
 							role: "columnheader",
-							tabindex: Ln.value ? Fo(r + Number(!!e.selectable)) : Zn.value ? n.key === ur.value ? 0 : -1 : void 0,
-							onClick: (e) => dr(e, n),
-							onFocus: (e) => fr(n.key),
-							onKeydown: (e) => hr(e, n.key),
+							tabindex: F.value ? Po(r + Number(!!e.selectable)) : Xn.value ? n.key === lr.value ? 0 : -1 : void 0,
+							onClick: (e) => ur(e, n),
+							onFocus: (e) => dr(n.key),
+							onKeydown: (e) => mr(e, n.key),
 							ref_for: !0
 						}, w(M).part("cellColumnHeader", Dn(n.sortOrder))), [
-							bo(n.key, "prepend") ? (x(), We(ot(bo(n.key, "prepend")), v({
+							yo(n.key, "prepend") ? (x(), We(ot(yo(n.key, "prepend")), v({
 								key: 0,
 								ref_for: !0
-							}, xo(n)), null, 16)) : h("", !0),
+							}, bo(n)), null, 16)) : h("", !0),
 							at(e.$slots, n.slotName, {
 								classes: n.classes,
-								hideColumn: () => tr(n.key),
-								items: w(La),
+								hideColumn: () => er(n.key),
+								items: w(Ia),
 								label: n.label,
 								sortOrder: n.sortOrder,
 								sortable: n.sortable,
-								toggleSort: () => vi(n.key)
-							}, () => [n.sortable ? (x(), We(f, {
+								toggleSort: () => _i(n.key)
+							}, () => [n.sortable ? (x(), We(p, {
 								key: 0,
 								class: Ze(["bb-table-sort", {
 									"bb-table-sort--asc": n.sortOrder === "asc",
 									"bb-table-sort--desc": n.sortOrder === "desc"
 								}]),
-								tabindex: Zn.value || Ln.value ? -1 : void 0,
+								tabindex: Xn.value || F.value ? -1 : void 0,
 								type: "button",
-								onClick: () => vi(n.key)
+								onClick: () => _i(n.key)
 							}, {
 								default: pt(() => [_("span", Ft, C(n.label), 1), (x(), g("svg", v({
 									"aria-hidden": "true",
@@ -2247,38 +2280,38 @@ var Ct = {
 								"tabindex",
 								"onClick"
 							])) : (x(), g("span", It, C(n.label), 1))]),
-							bo(n.key, "append") ? (x(), We(ot(bo(n.key, "append")), v({
+							yo(n.key, "append") ? (x(), We(ot(yo(n.key, "append")), v({
 								key: 1,
 								ref_for: !0
-							}, xo(n)), null, 16)) : h("", !0),
-							e.resizable && !K.value ? (x(), g("div", {
+							}, bo(n)), null, 16)) : h("", !0),
+							e.resizable && !q.value ? (x(), g("div", {
 								key: 2,
 								"aria-hidden": "true",
 								class: "bb-table-header__resizer",
-								onDblclick: mt((e) => Or(n.key), ["stop"]),
-								onPointerdown: (e) => Fr(e, n.key)
+								onDblclick: mt((e) => Dr(n.key), ["stop"]),
+								onPointerdown: (e) => Pr(e, n.key)
 							}, null, 40, Lt)) : h("", !0)
 						], 16, Pt))), 128)),
 						N.value ? (x(), g("div", v({
 							key: 1,
 							class: ["bb-table__cell-column-header bb-table__cell-column-header--actions", e.thClass],
 							role: "columnheader",
-							tabindex: Fo(Ma.value - 1)
-						}, w(M).cellColumnHeader), [at(e.$slots, "actions:header", { text: e.actionsText || w(F)("table.actionsText").value }, () => [_("span", zt, C(e.actionsText || w(F)("table.actionsText").value), 1)])], 16, Rt)) : h("", !0)
+							tabindex: Po(ja.value - 1)
+						}, w(M).cellColumnHeader), [at(e.$slots, "actions:header", { text: e.actionsText || w(I)("table.actionsText").value }, () => [_("span", zt, C(e.actionsText || w(I)("table.actionsText").value), 1)])], 16, Rt)) : h("", !0)
 					], 16, kt)])], 16, Ot),
 					_("div", v({
 						ref_key: "bodyRef",
-						ref: zo,
+						ref: Ro,
 						class: "bb-table__body",
 						role: "rowgroup",
-						onFocusin: Go,
-						onFocusout: Ko
-					}, w(M).body), [Oa.value && !w(Y).length ? at(e.$slots, "loading", {
+						onFocusin: Wo,
+						onFocusout: Go
+					}, w(M).body), [Da.value && !w(X).length ? at(e.$slots, "loading", {
 						key: 0,
-						items: w(La)
+						items: w(Ia)
 					}, () => [(x(!0), g(Ue, null, it(wc.value, (n, r) => (x(), g("div", {
 						key: r,
-						"aria-rowindex": Aa.value ? r + 2 : void 0,
+						"aria-rowindex": ka.value ? r + 2 : void 0,
 						class: "bb-table-skeleton__row",
 						role: "row"
 					}, [
@@ -2287,7 +2320,7 @@ var Ct = {
 							class: "bb-table-skeleton__cell bb-table-skeleton__cell--select",
 							role: Fn.value
 						}, t[2] ||= [_("div", { class: "bb-table-skeleton__placeholder" }, null, -1)], 8, Vt)) : h("", !0),
-						(x(!0), g(Ue, null, it(z.value, (e, n) => (x(), g("div", {
+						(x(!0), g(Ue, null, it(B.value, (e, n) => (x(), g("div", {
 							key: e.key,
 							class: Ze(["bb-table-skeleton__cell", [`bb-table-skeleton__cell--${e.skeleton ?? "text"}`]]),
 							role: Fn.value
@@ -2309,14 +2342,14 @@ var Ct = {
 							class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions",
 							role: Fn.value
 						}, t[4] ||= [_("div", { class: "bb-table-skeleton__placeholder" }, null, -1)], 8, Yt)) : h("", !0)
-					], 8, Bt))), 128))]) : w(Y).length ? at(e.$slots, "tbody", { key: 2 }, () => [
-						X.value.first ? (x(), We(w(Se), {
+					], 8, Bt))), 128))]) : w(X).length ? at(e.$slots, "tbody", { key: 2 }, () => [
+						Z.value.first ? (x(), We(w(Se), {
 							key: 0,
 							context: jc.value,
 							edge: "first",
 							fixed: e.fixedFirst,
 							"row-index": Mc.value.first,
-							stop: Po(vn)
+							stop: No(vn)
 						}, null, 8, [
 							"context",
 							"fixed",
@@ -2341,7 +2374,7 @@ var Ct = {
 							item: e.item,
 							"select-blocked": _c(e.item),
 							selected: hc(e.item),
-							stop: Po(e.virtualIndex),
+							stop: No(e.virtualIndex),
 							"virtual-index": e.virtualIndex
 						}, null, 8, [
 							"context",
@@ -2356,7 +2389,7 @@ var Ct = {
 							context: Ac.value,
 							item: e.item,
 							selected: hc(e.item),
-							stop: Po(e.virtualIndex),
+							stop: No(e.virtualIndex),
 							"virtual-index": e.virtualIndex
 						}, null, 8, [
 							"context",
@@ -2365,13 +2398,13 @@ var Ct = {
 							"stop",
 							"virtual-index"
 						]))], 64))), 128)),
-						X.value.last ? (x(), We(w(Se), {
+						Z.value.last ? (x(), We(w(Se), {
 							key: 1,
 							context: jc.value,
 							edge: "last",
 							fixed: e.fixedLast,
 							"row-index": Mc.value.last,
-							stop: Po(yn)
+							stop: No(yn)
 						}, null, 8, [
 							"context",
 							"fixed",
@@ -2380,18 +2413,20 @@ var Ct = {
 						])) : h("", !0)
 					]) : (x(), g("div", {
 						key: 1,
-						"aria-rowindex": Aa.value ? 2 : void 0,
+						"aria-rowindex": ka.value ? 2 : void 0,
 						class: "bb-table-empty__row",
 						role: "row"
 					}, [_("div", {
-						"aria-colspan": Ma.value,
+						"aria-colspan": ja.value,
 						class: "bb-table-empty__cell",
 						role: Fn.value
-					}, [at(e.$slots, "empty", { error: w(za) }, () => [_("span", Qt, C(w(za) === null ? e.emptyText || w(F)("common.emptyText").value : e.failedText || w(F)("common.failedText").value), 1)])], 8, Zt)], 8, Xt))], 16),
+					}, [at(e.$slots, "empty", { error: w(Ra) }, () => [_("span", Qt, C(w(Ra) === null ? e.emptyText || w(I)("common.emptyText").value : e.failedText || w(I)("common.failedText").value), 1)])], 8, Zt)], 8, Xt))], 16),
 					_("div", v({
+						ref_key: "footRef",
+						ref: Pc,
 						class: "bb-table__foot",
 						role: j.tfoot ? "rowgroup" : void 0
-					}, w(M).foot), [at(e.$slots, "tfoot", { columnCount: Ma.value })], 16, en)
+					}, w(M).foot), [at(e.$slots, "tfoot", { columnCount: ja.value })], 16, en)
 				], 16),
 				(x(!0), g(Ue, null, it(Sc.value, (e) => (x(), g("input", v({
 					key: e.value,