bitboss-ui 2.1.131 → 2.1.132

package/dist/index126.js

@@ -1,59 +1,59 @@
-import { defineComponent as At, mergeModels as Ke, ref as R, computed as c, reactive as Ue, onMounted as Vt, nextTick as Ge, onBeforeUnmount as Bt, watch as te, toRef as ge, useModel as Je, createBlock as Qe, openBlock as o, resolveDynamicComponent as St, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Et, createElementBlock as r, createCommentVNode as w, createElementVNode as d, toDisplayString as x, Fragment as I, renderList as E, renderSlot as _, createVNode as Xe, createTextVNode as Ht, mergeProps as Rt } from "vue";
-import { clamp as Nt } from "./index224.js";
-import { hash as le } from "./index252.js";
-import { isNil as L } from "./index238.js";
-import { when as Lt } from "./index261.js";
-import { useId as Mt } from "./index8.js";
-import { useItemValue as Ot } from "./index287.js";
-import { useItemsGetter as Wt } from "./index259.js";
-import { usePrefill as Dt } from "./index260.js";
-import { useIndexById as Ye } from "./index258.js";
-import { useBaseOptions as Ft } from "./index255.js";
-import { useHashedWatcher as Pt } from "./index257.js";
-import { useTableWidthContext as zt } from "./index288.js";
-import { useLocale as qt } from "./index230.js";
-import Ze from "./index18.js";
+import { defineComponent as Vt, mergeModels as Ue, ref as R, computed as c, reactive as Ge, onMounted as Bt, nextTick as Je, onBeforeUnmount as St, watch as te, toRef as ge, useModel as Qe, createBlock as Xe, openBlock as o, resolveDynamicComponent as Et, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Ht, createElementBlock as r, createCommentVNode as w, createElementVNode as d, toDisplayString as C, Fragment as I, renderList as E, renderSlot as _, createVNode as Ye, createTextVNode as Rt, mergeProps as Nt } from "vue";
+import { clamp as Lt } from "./index225.js";
+import { hash as le } from "./index234.js";
+import { isNil as L } from "./index254.js";
+import { when as Mt } from "./index278.js";
+import { useId as Ot } from "./index8.js";
+import { useItemValue as Wt } from "./index284.js";
+import { useItemsGetter as Dt } from "./index265.js";
+import { usePrefill as Ft } from "./index270.js";
+import { useIndexById as Ze } from "./index266.js";
+import { useBaseOptions as Pt } from "./index267.js";
+import { useHashedWatcher as zt } from "./index269.js";
+import { useTableWidthContext as qt } from "./index285.js";
+import { useLocale as jt } from "./index228.js";
+import et from "./index18.js";
 /* empty css        */
-import jt from "./index32.js";
+import Kt from "./index32.js";
 /* empty css        */
-import { columnKeyToSlotName as Kt, mergeHeaderClasses as Ut, applyFixedTableColumns as Gt, mergeCellClasses as Jt } from "./index289.js";
-import { useLogger as Qt } from "./index251.js";
-const Xt = {
+import { columnKeyToSlotName as Ut, mergeHeaderClasses as Gt, applyFixedTableColumns as Jt, mergeCellClasses as Qt } from "./index286.js";
+import { useLogger as Xt } from "./index237.js";
+const Yt = {
   key: 0,
   class: "sr-only"
-}, Yt = ["aria-rowindex"], Zt = { class: "bb-table-header__content" }, el = { class: "bb-table-check__label-text sr-only" }, tl = {
+}, Zt = ["aria-rowindex"], el = { class: "bb-table-header__content" }, tl = { class: "bb-table-check__label-text sr-only" }, ll = {
   key: 1,
   class: "bb-table-radio__label-text sr-only"
-}, ll = ["aria-sort"], al = { class: "bb-table-header__content" }, sl = { class: "bb-table-header__content sr-only" }, nl = ["aria-rowindex"], ol = {
+}, al = ["aria-sort"], sl = { class: "bb-table-header__content" }, nl = { class: "bb-table-header__content sr-only" }, ol = ["aria-rowindex"], rl = {
   key: 0,
   class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
-}, rl = {
+}, cl = {
   key: 0,
   class: "bb-table-skeleton__cell-content"
-}, cl = {
+}, ul = {
   key: 1,
   class: "bb-table-skeleton__avatar"
-}, ul = {
+}, dl = {
   key: 2,
   class: "bb-table-skeleton__avatar-text"
-}, dl = { class: "bb-table-skeleton__cell-content" }, il = {
+}, il = { class: "bb-table-skeleton__cell-content" }, bl = {
   key: 3,
   class: "bb-table-skeleton__image"
-}, bl = {
+}, pl = {
   key: 4,
   class: "bb-table-skeleton__badge"
-}, pl = {
+}, fl = {
   key: 1,
   class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, fl = ["aria-rowindex"], hl = ["colspan"], vl = { class: "bb-table-loading__text sr-only" }, ml = ["aria-rowindex"], yl = ["colspan"], kl = { class: "bb-table-no-data__text" }, gl = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], _l = { class: "bb-table-check__label-text sr-only" }, wl = { class: "bb-table-radio__label-text sr-only" }, xl = ["aria-rowindex", "id"], Cl = ["colspan"], jl = /* @__PURE__ */ At({
+}, hl = ["aria-rowindex"], vl = ["colspan"], ml = { class: "bb-table-loading__text sr-only" }, yl = ["aria-rowindex"], kl = ["colspan"], gl = { class: "bb-table-no-data__text" }, _l = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], wl = { class: "bb-table-check__label-text sr-only" }, Cl = { class: "bb-table-radio__label-text sr-only" }, xl = ["aria-rowindex", "id"], Tl = ["colspan"], Kl = /* @__PURE__ */ Vt({
   __name: "BbTable",
-  props: /* @__PURE__ */ Ke({
+  props: /* @__PURE__ */ Ue({
     accessibleLabel: {},
     actions: { type: Boolean },
     actionsText: { default: "Azioni" },
     align: { default: "left" },
     id: {},
-    inheritColumnWidths: { type: [Boolean, String], default: !0 },
+    inheritColumnWidths: { type: [Boolean, String] },
     allowSelectAll: { type: Boolean, default: !0 },
     caption: {},
     compact: { type: Boolean },
@@ -95,45 +95,47 @@ const Xt = {
     },
     expandedItemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ke(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:expandedItems", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll", "update:expandedItems"]),
-  setup(ae, { emit: et }) {
-    const { getItemValue: tt } = Ot(), _e = Mt().id.value, a = ae, m = et;
-    a.multiple && !Array.isArray(a.modelValue) && Qt().throw(
+  emits: /* @__PURE__ */ Ue(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:expandedItems", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll", "update:expandedItems"]),
+  setup(ae, { emit: tt }) {
+    const { getItemValue: lt } = Wt(), _e = Ot().id.value, a = ae, m = tt;
+    a.multiple && !Array.isArray(a.modelValue) && Xt().throw(
       "BbTable is set for multiple selection but modelValue is not an array."
     );
-    const { t: M } = qt(), A = R(), O = R(), {
-      id: lt,
+    const { t: M } = jt(), A = R(), O = R(), {
+      id: at,
       parentId: W,
       parentNode: U,
-      cssVars: at,
+      cssVars: st,
       parentVar: we,
-      setTracks: st
-    } = zt({
+      setTracks: nt
+    } = qt({
       id: () => a.id,
       container: () => O.value,
       inheritFrom: () => typeof a.inheritColumnWidths == "string" ? a.inheritColumnWidths : void 0
-    }), D = c(() => a.inheritColumnWidths !== !1), G = c(
-      () => a.fixed || a.columns.some((e) => e.width != null) || D.value && !!W.value
+    }), Ce = c(() => a.columns.some((e) => e.snap != null)), D = c(
+      () => !!a.inheritColumnWidths || Ce.value
+    ), G = c(
+      () => a.fixed || Ce.value || a.columns.some((e) => e.width != null) || D.value && !!W.value
     ), J = c(
       () => D.value && !!W.value
-    ), nt = J, ot = (e) => {
+    ), ot = J, rt = (e) => {
       if (typeof e == "number") return `${e}px`;
       const l = e.trim();
       return /^-?\d*\.?\d+$/.test(l) ? `${l}px` : l;
     }, xe = c(() => {
       const e = U.value?.tracks;
       return e ? Object.keys(e).filter((l) => /^\d+$/.test(l)).length : 0;
-    }), Ce = c(() => {
+    }), Te = c(() => {
       const e = U.value?.tracks ?? {}, l = [];
       "select" in e && l.push("select");
       for (let t = 0; t < xe.value; t++) l.push(String(t));
       return "actions" in e && l.push("actions"), l;
-    }), Te = c(
+    }), $e = c(
       () => "select" in (U.value?.tracks ?? {}) ? 1 : 0
-    ), $e = c(
-      () => Te.value + xe.value
-    ), rt = c(() => Ce.value.length), ct = (e) => {
-      const l = Ce.value[e];
+    ), Ie = c(
+      () => $e.value + xe.value
+    ), ct = c(() => Te.value.length), ut = (e) => {
+      const l = Te.value[e];
       return l ? we(l, "0px") : "0px";
     }, se = (e, l) => {
       if (!W.value || l - e <= 1e-6) return null;
@@ -141,7 +143,7 @@ const Xt = {
       for (let s = Math.floor(e); s < Math.ceil(l - 1e-6); s++) {
         const n = Math.min(l, s + 1) - Math.max(e, s);
         if (n <= 1e-6) continue;
-        const u = ct(s);
+        const u = ut(s);
         t.push(
           n >= 1 - 1e-6 ? u : `${Number(n.toFixed(4))} * ${u}`
         );
@@ -151,20 +153,20 @@ const Xt = {
       const e = a.columns, l = e.map(
         (s) => typeof s.snap == "number" ? s.snap : Array.isArray(s.snap) ? s.snap[0] : null
       );
-      let t = Te.value;
+      let t = $e.value;
       return e.map((s, n) => {
         const u = l[n] ?? t;
         let f;
         if (Array.isArray(s.snap))
-          f = s.snap[1] === -1 ? $e.value : s.snap[1];
+          f = s.snap[1] === -1 ? Ie.value : s.snap[1];
         else {
           const y = l[n + 1];
           f = y != null && y > u ? y : Math.floor(u) + 1;
         }
         return t = f, { start: u, end: f };
       });
-    }), Ie = (e) => J.value && e.start >= $e.value, ne = c(
-      () => Q.value.some(Ie)
+    }), Ae = (e) => J.value && e.start >= Ie.value, ne = c(
+      () => Q.value.some(Ae)
     ), X = (e) => a.columns[e]?.width == null && !J.value, Y = c(() => {
       if (!J.value) return -1;
       for (let e = a.columns.length - 1; e >= 0; e--) {
@@ -175,50 +177,50 @@ const Xt = {
     }), oe = c(() => {
       const e = Q.value[0];
       if (!D.value || !W.value || !e) return null;
-      const l = se(0, e.start), t = a.selectable ? C.select : null;
+      const l = se(0, e.start), t = a.selectable ? x.select : null;
       return t ? `calc(${l ?? "0px"} - ${t})` : l;
     }), re = c(() => {
       const e = Q.value, l = e[e.length - 1];
       if (!D.value || !W.value || !l || ne.value || Y.value === a.columns.length - 1) return null;
-      const t = se(l.end, rt.value), s = a.actions ? C.actions : null;
+      const t = se(l.end, ct.value), s = a.actions ? x.actions : null;
       return s ? `calc(${t ?? "0px"} - ${s})` : t;
-    }), ut = c(() => oe.value !== null), dt = c(() => re.value !== null), C = Ue({ select: null, actions: null }), ce = c(() => {
-      const e = (n) => D.value ? we(n) : "auto", l = (n) => G.value && C[n] ? C[n] : e(n), t = [];
+    }), dt = c(() => oe.value !== null), it = c(() => re.value !== null), x = Ge({ select: null, actions: null }), ce = c(() => {
+      const e = (n) => D.value ? we(n) : "auto", l = (n) => G.value && x[n] ? x[n] : e(n), t = [];
       a.selectable && t.push({ key: "select", width: l("select") });
       const s = a.columns.length - 1;
       return a.columns.forEach((n, u) => {
-        const f = String(u), y = n.width != null ? ot(n.width) : null, h = Q.value[u];
+        const f = String(u), y = n.width != null ? rt(n.width) : null, h = Q.value[u];
         if (u === Y.value && !ne.value) {
           t.push({ key: f, width: "auto" });
           return;
         }
         let b;
-        y != null ? b = y : X(u) ? b = G.value && Ve.value[u] || null : Ie(h) ? b = Be.value[u] ?? null : b = se(h.start, h.end);
+        y != null ? b = y : X(u) ? b = G.value && Be.value[u] || null : Ae(h) ? b = Se.value[u] ?? null : b = se(h.start, h.end);
         const $ = [];
-        u === 0 && ut.value && $.push("var(--bb-table-offset-internal-start)"), u === s && dt.value && $.push("var(--bb-table-offset-internal-end)");
+        u === 0 && dt.value && $.push("var(--bb-table-offset-internal-start)"), u === s && it.value && $.push("var(--bb-table-offset-internal-end)");
         const k = $.length ? `calc(${[...$, b ?? "0px"].join(" + ")})` : b ?? "auto";
         t.push({ key: f, width: k });
       }), a.actions && t.push({ key: "actions", width: l("actions") }), t;
-    }), it = c(() => {
+    }), bt = c(() => {
       const e = {};
       return oe.value && (e["--bb-table-offset-start"] = oe.value), re.value && (e["--bb-table-offset-end"] = re.value), e;
-    }), bt = c(() => {
+    }), pt = c(() => {
       const e = {
-        ...at.value,
-        ...it.value
+        ...st.value,
+        ...bt.value
       };
       return de.value && (e["--bb-table-natural-width"] = de.value), F.value > 0 && (e["--bb-table-fill"] = `${F.value}px`), e;
     }), ue = () => Array.from(
       A.value?.querySelectorAll(
         ":scope > thead > tr.bb-table-header-row > th"
       ) ?? []
-    ), pt = () => {
+    ), ft = () => {
       const e = ce.value.map((t) => t.key), l = {};
       ue().forEach((t, s) => {
         const n = e[s];
         n != null && (l[n] = `${t.getBoundingClientRect().width}px`);
-      }), st(l);
-    }, ft = () => {
+      }), nt(l);
+    }, ht = () => {
       const e = A.value;
       if (!e) return;
       const l = (t) => {
@@ -236,18 +238,18 @@ const Xt = {
           s = Math.max(s, u + y);
         }), s > 0 ? `${Math.ceil(s)}px` : null;
       };
-      C.select = a.selectable ? l(
+      x.select = a.selectable ? l(
         ":scope > thead > tr > th.bb-table-header--select, :scope > tbody > tr > td.bb-table-data__cell--select"
-      ) : null, C.actions = a.actions ? l(
+      ) : null, x.actions = a.actions ? l(
         ":scope > thead > tr > th.bb-table-header--actions, :scope > tbody > tr > td.bb-table__cell--actions"
       ) : null;
-    }, Ae = () => {
-      ft(), pt();
-    }, Ve = R([]), Be = R([]), F = R(0), de = R(null), Se = () => {
+    }, Ve = () => {
+      ht(), ft();
+    }, Be = R([]), Se = R([]), F = R(0), de = R(null), Ee = () => {
       const e = O.value;
       if (!e || !G.value || !a.columns.some((i) => i.width != null) && !ne.value && Y.value < 0)
         return;
-      const l = e.offsetWidth, t = a.selectable ? 1 : 0, s = C.select ? parseFloat(C.select) : 0, n = C.actions ? parseFloat(C.actions) : 0, u = ue();
+      const l = e.offsetWidth, t = a.selectable ? 1 : 0, s = x.select ? parseFloat(x.select) : 0, n = x.actions ? parseFloat(x.actions) : 0, u = ue();
       let f = 0, y = 0;
       a.columns.forEach((i, v) => {
         const p = u[t + v]?.getBoundingClientRect().width ?? 0;
@@ -275,25 +277,25 @@ const Xt = {
       });
       const k = b.querySelector("table");
       k && (k.style.width = "min-content", k.style.minWidth = "0"), h.appendChild(b), document.body.appendChild(h);
-      const Pe = h.querySelector(
+      const ze = h.querySelector(
         "table thead tr.bb-table-header-row"
-      ), $t = Pe ? Array.from(Pe.querySelectorAll(":scope > th")) : [], ee = a.columns.map((i, v) => {
+      ), It = ze ? Array.from(ze.querySelectorAll(":scope > th")) : [], ee = a.columns.map((i, v) => {
         if (i.width != null) return 0;
-        const p = $t[t + v];
+        const p = It[t + v];
         return p ? p.getBoundingClientRect().width : 0;
       });
       document.body.removeChild(h);
-      const ze = a.columns.reduce(
+      const qe = a.columns.reduce(
         (i, v, p) => i + (X(p) ? ee[p] : 0),
         0
-      ), qe = l - y - s - n, ke = (i) => `${Number(i.toFixed(3))}px`;
-      if (Ve.value = a.columns.map((i, v) => {
+      ), je = l - y - s - n, ke = (i) => `${Number(i.toFixed(3))}px`;
+      if (Be.value = a.columns.map((i, v) => {
         if (!X(v)) return null;
         const p = ee[v];
-        if (ze <= 0) return ke(p);
-        const K = qe > 0 ? qe * (p / ze) : 0;
+        if (qe <= 0) return ke(p);
+        const K = je > 0 ? je * (p / qe) : 0;
         return ke(Math.max(p, K));
-      }), Be.value = ee.map((i) => i > 0 ? ke(i) : null), Y.value >= 0) {
+      }), Se.value = ee.map((i) => i > 0 ? ke(i) : null), Y.value >= 0) {
         const i = Object.values(U.value?.tracks ?? {}).reduce(
           (p, K) => p + (parseFloat(K) || 0),
           0
@@ -304,36 +306,36 @@ const Xt = {
         F.value = Math.max(0, i - v + F.value);
       } else
         F.value = 0;
-      const It = ee.reduce((i, v) => i + v, 0), je = f + It + s + n;
-      de.value = je > 0 ? `${Math.ceil(je)}px` : null;
+      const At = ee.reduce((i, v) => i + v, 0), Ke = f + At + s + n;
+      de.value = Ke > 0 ? `${Math.ceil(Ke)}px` : null;
     };
     let H = null, ie;
-    const Ee = () => {
+    const He = () => {
       H !== null && clearTimeout(H), H = setTimeout(() => {
-        H = null, Se();
+        H = null, Ee();
       }, 200);
     };
     let P, be;
-    const He = () => {
-      P && (P.disconnect(), ue().forEach((e) => P?.observe(e)), Ae());
+    const Re = () => {
+      P && (P.disconnect(), ue().forEach((e) => P?.observe(e)), Ve());
     };
-    Vt(() => {
-      P = new ResizeObserver(() => Ae()), He(), Ge(Se), A.value && (ie = new MutationObserver(Ee), ie.observe(A.value, {
+    Bt(() => {
+      P = new ResizeObserver(() => Ve()), Re(), Je(Ee), A.value && (ie = new MutationObserver(He), ie.observe(A.value, {
         childList: !0,
         subtree: !0,
         characterData: !0
-      })), O.value && (be = new ResizeObserver(Ee), be.observe(O.value));
-    }), Bt(() => {
+      })), O.value && (be = new ResizeObserver(He), be.observe(O.value));
+    }), St(() => {
       P?.disconnect(), be?.disconnect(), ie?.disconnect(), H !== null && clearTimeout(H);
-    }), te(ce, () => Ge(He), { flush: "post" });
-    const ht = (e) => [M("table.select").value, ...e.map((l) => l.content)].join(" "), vt = c(() => a.selectable ? "fieldset" : "div"), pe = c(() => a.loading || yt.value), V = c(
+    }), te(ce, () => Je(Re), { flush: "post" });
+    const vt = (e) => [M("table.select").value, ...e.map((l) => l.content)].join(" "), mt = c(() => a.selectable ? "fieldset" : "div"), pe = c(() => a.loading || kt.value), V = c(
       () => !L(a.page) && !L(a.perPage) && !L(a.totalItems)
-    ), mt = c(() => ({
+    ), yt = c(() => ({
       "bb-table": !0,
       [`bb-table--align-${a.align}`]: !0,
       "bb-table--compact": a.compact,
       "bb-table--fixed": G.value,
-      "bb-table--inherit-widths": nt.value,
+      "bb-table--inherit-widths": ot.value,
       "bb-table--fixed-header": a.fixedHeaders,
       "bb-table--loading": pe.value,
       "bb-table--empty": !z.value.length,
@@ -341,55 +343,55 @@ const Xt = {
       "scrollbar-border": !0
     })), fe = c(
       () => a.columns.length + +!!a.selectable + +!!a.actions
-    ), Re = c(
+    ), Ne = c(
       () => Object.fromEntries(
-        a.columns.map((e) => [e.key, Kt(e.key)])
+        a.columns.map((e) => [e.key, Ut(e.key)])
       )
     ), {
-      getter: Ne,
+      getter: Le,
       items: he,
-      loading: yt
-    } = Wt({
+      loading: kt
+    } = Dt({
       items: ge(a, "items")
-    }), { hasPrefilled: kt } = Dt({
+    }), { hasPrefilled: gt } = Ft({
       trigger: !0,
       fn: async (e) => {
-        await Ne(e, a.modelValue);
+        await Le(e, a.modelValue);
       }
-    }), { data: Le } = Ye({
+    }), { data: Me } = Ze({
       items: ge(a, "modelValue")
-    }), { options: z } = Ft({
+    }), { options: z } = Pt({
       disabled: ge(a, "disabled"),
       items: he,
       itemText: void 0,
       itemValue: a.itemValue,
       max: a.max,
       selectable: !0,
-      selectedIndexedByHash: Le
-    }), gt = async (e) => {
+      selectedIndexedByHash: Me
+    }), _t = async (e) => {
       a.multiple ? m("update:modelValue", a.modelValue.concat(e.value)) : m("update:modelValue", e.value);
-    }, _t = async (e) => {
+    }, wt = async (e) => {
       if (a.multiple) {
-        const l = { ...Le.value };
+        const l = { ...Me.value };
         delete l[e.valueHash], m("update:modelValue", Object.values(l));
       } else
         m("update:modelValue", null);
     };
-    Pt(
+    zt(
       () => [a.dependencies, a.items],
       async () => {
-        kt.value && await Ne(!1, a.modelValue);
+        gt.value && await Le(!1, a.modelValue);
       },
       {
         debounce: a.depsDebounceTime
       }
     );
-    const wt = (e, l) => {
-      const t = Re.value[e.key], s = e.align ?? "left";
-      let n = tt(l.item, e.key);
+    const Ct = (e, l) => {
+      const t = Ne.value[e.key], s = e.align ?? "left";
+      let n = lt(l.item, e.key);
       return e.formatter && (!L(n) || e.formatOnNull !== !1) && (n = e.formatter(n, e.key, l.item)), e.placeholder && L(n) && (n = e.placeholder), {
         align: s,
-        classes: Jt(
+        classes: Qt(
           [`bb-table-data__cell--${s}`],
           a.tdClass,
           e.tdClass,
@@ -402,15 +404,15 @@ const Xt = {
         label: e.label,
         slotName: t
       };
-    }, Me = c(
+    }, Oe = c(
       () => a.columns.map((e) => {
-        const l = e.align ?? "left", t = `header:${Re.value[e.key]}`, s = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+        const l = e.align ?? "left", t = `header:${Ne.value[e.key]}`, s = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
         return {
           align: l,
           key: e.key,
           label: e.label,
           slotName: t,
-          classes: Ut(
+          classes: Gt(
             [`bb-table-header--${l}`],
             a.thClass,
             e.thClass
@@ -418,14 +420,14 @@ const Xt = {
           sortDirection: s
         };
       })
-    ), Oe = c(() => {
+    ), We = c(() => {
       let e = 0;
       return z.value.map((l, t) => {
         const s = !a.selectable || typeof a.selectable == "function" && !a.selectable(l.item) || !!l.disabled, n = (a.page ?? -1) * (a.perPage ?? 0), u = 1, f = t + 1, y = n + u + f + e, h = a.columns.map(
-          (k) => wt(k, l)
+          (k) => Ct(k, l)
         ), b = ve.value[l.valueHash] ?? !1;
         return b && e++, {
-          accessibleLabel: ht(h),
+          accessibleLabel: vt(h),
           cols: h,
           expanded: b,
           onRowClick: (k) => m("click:row", k, l, !!l.selected),
@@ -440,7 +442,7 @@ const Xt = {
           disabled: s
         };
       });
-    }), B = Je(ae, "selectAll"), q = Je(ae, "expandedItems"), { data: ve } = Ye({
+    }), B = Qe(ae, "selectAll"), q = Qe(ae, "expandedItems"), { data: ve } = Ze({
       items: q
     }), xt = (e, l) => {
       e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), j(l)));
@@ -460,7 +462,7 @@ const Xt = {
     te(B, () => {
       S.clear(), m("update:unselectedItems", []), m("update:modelValue", []);
     });
-    const We = c(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && S.size > 0)), S = Ue(/* @__PURE__ */ new Set());
+    const De = c(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && S.size > 0)), S = Ge(/* @__PURE__ */ new Set());
     te(
       () => a.unselectedItems,
       () => {
@@ -469,46 +471,47 @@ const Xt = {
         });
       }
     );
-    const De = (e) => {
+    const Fe = (e) => {
       if (ye(e)) {
-        _t(e), m("item:unselected", e.value), S.add(e.valueHash), m("update:unselectedItems", [...a.unselectedItems, e.value]);
+        wt(e), m("item:unselected", e.value), S.add(e.valueHash), m("update:unselectedItems", [...a.unselectedItems, e.value]);
         return;
       }
-      B.value || gt(e), m("item:selected", e.value), S.delete(e.valueHash), m(
+      B.value || _t(e), m("item:selected", e.value), S.delete(e.valueHash), m(
         "update:unselectedItems",
         a.unselectedItems.filter((l) => le(l) !== le(e.value))
       );
-    }, ye = (e) => S.has(e.valueHash) ? !1 : e.selected || B.value, Ct = Lt(
+    }, ye = (e) => S.has(e.valueHash) ? !1 : e.selected || B.value, Tt = Mt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), Tt = c(
+    ), $t = c(
       () => [].concat(a.modelValue ?? []).map((e) => ({
         disabled: a.disabled,
         name: a.name,
         type: "hidden",
-        value: Ct(e)
+        value: Tt(e)
       }))
-    ), Z = [70, 45, 85, 55], Fe = c(
-      () => Nt(z.value.length || a.columns.length || 1, 4, 10)
+    ), Z = [70, 45, 85, 55], Pe = c(
+      () => Lt(z.value.length || a.columns.length || 1, 4, 10)
     );
     return te(
-      () => [Oe.value, a.fixedColumns],
+      () => [We.value, a.fixedColumns],
       () => {
-        A.value && a.fixedColumns?.length && Gt(A.value, a.fixedColumns);
+        A.value && a.fixedColumns?.length && Jt(A.value, a.fixedColumns);
       },
       { flush: "post" }
-    ), (e, l) => (o(), Qe(St(vt.value), {
+    ), (e, l) => (o(), Xe(Et(mt.value), {
+      id: e.id,
       ref_key: "containerRef",
       ref: O,
       "aria-busy": pe.value,
       "aria-rowcount": V.value ? a.totalItems : void 0,
-      class: g(mt.value),
-      "data-bb-table-id": T(lt),
+      class: g(yt.value),
+      "data-bb-table-id": T(at),
       inert: e.disabled,
-      style: N(bt.value)
+      style: N(pt.value)
     }, {
-      default: Et(() => [
-        e.selectable ? (o(), r("legend", Xt, x(e.legend), 1)) : w("", !0),
+      default: Ht(() => [
+        e.selectable ? (o(), r("legend", Yt, C(e.legend), 1)) : w("", !0),
         d("table", {
           ref_key: "tableRef",
           ref: A
@@ -519,7 +522,7 @@ const Xt = {
               "bb-table-caption": !0,
               "sr-only": !e.displayCaption
             })
-          }, x(e.caption), 3)) : w("", !0),
+          }, C(e.caption), 3)) : w("", !0),
           d("colgroup", null, [
             (o(!0), r(I, null, E(ce.value, (t) => (o(), r("col", {
               key: t.key,
@@ -542,36 +545,36 @@ const Xt = {
                     selectAll: !!B.value,
                     text: e.selectText || T(M)("table.selectText").value
                   }, () => [
-                    d("span", Zt, [
+                    d("span", el, [
                       e.allowSelectAll && e.multiple ? (o(), r("label", {
                         key: 0,
                         class: g(["bb-table-check__label", {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        (o(), Qe(Ze, {
-                          key: We.value.toString(),
+                        (o(), Xe(et, {
+                          key: De.value.toString(),
                           modelValue: B.value,
                           "onUpdate:modelValue": l[0] || (l[0] = (t) => B.value = t),
                           class: "bb-table-check",
                           disabled: e.disabled,
-                          indeterminate: We.value,
+                          indeterminate: De.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly
                         }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        d("span", el, x(e.selectAllLabel || T(M)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", tl, x(e.selectText || T(M)("table.selectText").value), 1))
+                        d("span", tl, C(e.selectAllLabel || T(M)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", ll, C(e.selectText || T(M)("table.selectText").value), 1))
                     ])
                   ])
                 ], 2)) : w("", !0),
-                (o(!0), r(I, null, E(Me.value, (t, s) => (o(), r("th", {
+                (o(!0), r(I, null, E(Oe.value, (t, s) => (o(), r("th", {
                   key: t.key,
                   "aria-sort": t.sortDirection,
                   class: g(["bb-table-header", [
                     t.classes,
                     {
                       "bb-table-header--edge-start": s === 0,
-                      "bb-table-header--edge-end": s === Me.value.length - 1
+                      "bb-table-header--edge-end": s === Oe.value.length - 1
                     }
                   ]]),
                   scope: "col"
@@ -581,19 +584,19 @@ const Xt = {
                     items: T(he),
                     label: t.label
                   }, () => [
-                    d("span", al, x(t.label), 1)
+                    d("span", sl, C(t.label), 1)
                   ])
-                ], 10, ll))), 128)),
+                ], 10, al))), 128)),
                 e.actions ? (o(), r("th", {
                   key: 1,
                   class: g(["bb-table-header bb-table-header--actions", e.thClass]),
                   scope: "col"
                 }, [
                   _(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    d("span", sl, x(e.actionsText), 1)
+                    d("span", nl, C(e.actionsText), 1)
                   ])
                 ], 2)) : w("", !0)
-              ], 8, Yt)
+              ], 8, Zt)
             ])
           ]),
           d("tbody", null, [
@@ -601,12 +604,12 @@ const Xt = {
               key: 0,
               items: T(he)
             }, () => [
-              (o(!0), r(I, null, E(Fe.value, (t, s) => (o(), r("tr", {
+              (o(!0), r(I, null, E(Pe.value, (t, s) => (o(), r("tr", {
                 key: s,
                 "aria-rowindex": V.value ? s + 2 : void 0,
                 class: "bb-table-skeleton__row"
               }, [
-                e.selectable ? (o(), r("td", ol, l[1] || (l[1] = [
+                e.selectable ? (o(), r("td", rl, l[1] || (l[1] = [
                   d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
                 ]))) : w("", !0),
                 (o(!0), r(I, null, E(a.columns, (n, u) => (o(), r("td", {
@@ -616,7 +619,7 @@ const Xt = {
                     `bb-table-skeleton__cell--${n.skeleton ?? "text"}`
                   ])
                 }, [
-                  !n.skeleton || n.skeleton === "text" ? (o(), r("div", rl, [
+                  !n.skeleton || n.skeleton === "text" ? (o(), r("div", cl, [
                     d("div", {
                       class: "bb-table-skeleton__line",
                       style: N({
@@ -629,9 +632,9 @@ const Xt = {
                         width: `${Z[(s + u + 2) % 4]}%`
                       })
                     }, null, 4)
-                  ])) : n.skeleton === "avatar" ? (o(), r("div", cl)) : n.skeleton === "avatar-text" ? (o(), r("div", ul, [
+                  ])) : n.skeleton === "avatar" ? (o(), r("div", ul)) : n.skeleton === "avatar-text" ? (o(), r("div", dl, [
                     l[2] || (l[2] = d("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
-                    d("div", dl, [
+                    d("div", il, [
                       d("div", {
                         class: "bb-table-skeleton__line",
                         style: N({
@@ -645,14 +648,14 @@ const Xt = {
                         })
                       }, null, 4)
                     ])
-                  ])) : n.skeleton === "image" ? (o(), r("div", il)) : n.skeleton === "badge" ? (o(), r("div", bl)) : w("", !0)
+                  ])) : n.skeleton === "image" ? (o(), r("div", bl)) : n.skeleton === "badge" ? (o(), r("div", pl)) : w("", !0)
                 ], 2))), 128)),
-                e.actions ? (o(), r("td", pl, l[3] || (l[3] = [
+                e.actions ? (o(), r("td", fl, l[3] || (l[3] = [
                   d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
                 ]))) : w("", !0)
-              ], 8, nl))), 128)),
+              ], 8, ol))), 128)),
               d("tr", {
-                "aria-rowindex": V.value ? Fe.value + 2 : void 0,
+                "aria-rowindex": V.value ? Pe.value + 2 : void 0,
                 class: "bb-table-loading__row bb-table-loading__row--sr-only"
               }, [
                 d("td", {
@@ -661,11 +664,11 @@ const Xt = {
                   "aria-live": "polite",
                   role: "status"
                 }, [
-                  d("span", vl, x(e.loadingText), 1)
-                ], 8, hl)
-              ], 8, fl)
+                  d("span", ml, C(e.loadingText), 1)
+                ], 8, vl)
+              ], 8, hl)
             ]) : T(z).length ? _(e.$slots, "tbody", { key: 2 }, () => [
-              (o(!0), r(I, null, E(Oe.value, (t) => (o(), r(I, {
+              (o(!0), r(I, null, E(We.value, (t) => (o(), r(I, {
                 key: t.valueHash
               }, [
                 d("tr", {
@@ -693,30 +696,30 @@ const Xt = {
                           "bb-table-check__label--disabled": t.disabled
                         }])
                       }, [
-                        Xe(Ze, {
+                        Ye(et, {
                           checked: ye(t),
                           class: "bb-table-check",
                           disabled: t.disabled,
                           readonly: e.readonly,
-                          onChange: () => De(t)
+                          onChange: () => Fe(t)
                         }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                        d("span", _l, x(t.accessibleLabel), 1)
+                        d("span", wl, C(t.accessibleLabel), 1)
                       ], 2)) : (o(), r("label", {
                         key: 1,
                         class: g(["bb-table-radio__label", {
                           "bb-table-radio__label--disabled": t.disabled
                         }])
                       }, [
-                        Xe(jt, {
+                        Ye(Kt, {
                           checked: t.selected,
                           class: "bb-table-radio",
                           disabled: t.disabled,
                           name: T(_e),
                           readonly: e.readonly,
                           value: t.value,
-                          onChange: () => De(t)
+                          onChange: () => Fe(t)
                         }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                        d("span", wl, x(t.accessibleLabel), 1)
+                        d("span", Cl, C(t.accessibleLabel), 1)
                       ], 2))
                     ])
                   ], 2)) : w("", !0),
@@ -739,7 +742,7 @@ const Xt = {
                       toggleExpanded: () => j(t.valueHash),
                       value: t.value
                     }, () => [
-                      Ht(x(s.content), 1)
+                      Rt(C(s.content), 1)
                     ])
                   ], 2))), 128)),
                   e.actions ? (o(), r("td", {
@@ -754,7 +757,7 @@ const Xt = {
                       value: t.value
                     })
                   ], 2)) : w("", !0)
-                ], 40, gl),
+                ], 40, _l),
                 t.expanded ? (o(), r("tr", {
                   key: 0,
                   "aria-rowindex": V.value && t.rowIndex ? t.rowIndex + 1 : void 0,
@@ -772,7 +775,7 @@ const Xt = {
                       toggleExpanded: () => j(t.valueHash),
                       value: t.value
                     })
-                  ], 8, Cl)
+                  ], 8, Tl)
                 ], 8, xl)) : w("", !0)
               ], 64))), 128))
             ]) : _(e.$slots, "no-data", { key: 1 }, () => [
@@ -784,24 +787,24 @@ const Xt = {
                   class: "bb-table-no-data__cell",
                   colspan: fe.value
                 }, [
-                  d("span", kl, x(e.noDataText || T(M)("table.noDataText").value), 1)
-                ], 8, yl)
-              ], 8, ml)
+                  d("span", gl, C(e.noDataText || T(M)("table.noDataText").value), 1)
+                ], 8, kl)
+              ], 8, yl)
             ])
           ]),
           d("tfoot", null, [
             _(e.$slots, "tfoot")
           ])
         ], 512),
-        (o(!0), r(I, null, E(Tt.value, (t) => (o(), r("input", Rt({
+        (o(!0), r(I, null, E($t.value, (t) => (o(), r("input", Nt({
           key: t.value,
           ref_for: !0
         }, t), null, 16))), 128))
       ]),
       _: 3
-    }, 8, ["aria-busy", "aria-rowcount", "class", "data-bb-table-id", "inert", "style"]));
+    }, 8, ["id", "aria-busy", "aria-rowcount", "class", "data-bb-table-id", "inert", "style"]));
   }
 });
 export {
-  jl as default
+  Kl as default
 };