bitboss-ui 2.1.130 → 2.1.132

package/dist/index126.js

@@ -1,30 +1,30 @@
-import { defineComponent as Et, mergeModels as Ge, ref as R, computed as i, reactive as Je, onMounted as Wt, nextTick as Qe, onBeforeUnmount as St, watch as te, toRef as ge, useModel as Xe, createBlock as Ye, openBlock as o, resolveDynamicComponent as Ht, normalizeStyle as N, unref as T, normalizeClass as g, withCtx as Rt, createElementBlock as r, createCommentVNode as w, createElementVNode as c, toDisplayString as x, Fragment as I, renderList as W, renderSlot as _, createVNode as Ze, createTextVNode as Nt, mergeProps as Mt } from "vue";
-import { clamp as Ft } from "./index226.js";
-import { hash as le } from "./index243.js";
-import { isNil as M } from "./index268.js";
-import { when as Lt } from "./index266.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 Dt } from "./index281.js";
-import { useItemsGetter as Pt } from "./index238.js";
-import { usePrefill as zt } from "./index239.js";
-import { useIndexById as et } from "./index240.js";
-import { useBaseOptions as qt } from "./index241.js";
-import { useHashedWatcher as jt } from "./index244.js";
-import { useTableWidthContext as Kt } from "./index282.js";
-import { useLocale as Ut } from "./index235.js";
-import tt from "./index18.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 Gt from "./index32.js";
+import Kt from "./index32.js";
 /* empty css        */
-import { columnKeyToSlotName as Jt, mergeHeaderClasses as Qt, applyFixedTableColumns as Xt, mergeCellClasses as Yt } from "./index283.js";
-import { useLogger as Zt } from "./index252.js";
-const el = {
+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"
-}, tl = ["aria-rowindex"], ll = { class: "bb-table-header__content" }, al = { class: "bb-table-check__label-text sr-only" }, sl = {
+}, 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"
-}, nl = ["aria-sort"], ol = { class: "bb-table-header__content" }, rl = { class: "bb-table-header__content sr-only" }, dl = ["aria-rowindex"], il = {
+}, 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"
 }, cl = {
@@ -33,27 +33,27 @@ const el = {
 }, ul = {
   key: 1,
   class: "bb-table-skeleton__avatar"
-}, bl = {
+}, dl = {
   key: 2,
   class: "bb-table-skeleton__avatar-text"
-}, pl = { class: "bb-table-skeleton__cell-content" }, hl = {
+}, il = { class: "bb-table-skeleton__cell-content" }, bl = {
   key: 3,
   class: "bb-table-skeleton__image"
-}, fl = {
+}, pl = {
   key: 4,
   class: "bb-table-skeleton__badge"
-}, vl = {
+}, fl = {
   key: 1,
   class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, ml = ["aria-rowindex"], yl = ["colspan"], kl = { class: "bb-table-loading__text sr-only" }, gl = ["aria-rowindex"], _l = ["colspan"], wl = { class: "bb-table-no-data__text" }, xl = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], Cl = { class: "bb-table-check__label-text sr-only" }, Tl = { class: "bb-table-radio__label-text sr-only" }, $l = ["aria-rowindex", "id"], Il = ["colspan"], Gl = /* @__PURE__ */ Et({
+}, 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__ */ Ge({
+  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,175 +95,168 @@ const el = {
     },
     expandedItemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Ge(["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: lt }) {
-    const { getItemValue: at } = Dt(), _e = Ot().id.value, a = ae, k = lt;
-    a.multiple && !Array.isArray(a.modelValue) && Zt().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: F } = Ut(), A = R(), L = R(), {
-      id: st,
-      parentId: O,
+    const { t: M } = jt(), A = R(), O = R(), {
+      id: at,
+      parentId: W,
       parentNode: U,
-      cssVars: nt,
+      cssVars: st,
       parentVar: we,
-      setTracks: ot
-    } = Kt({
+      setTracks: nt
+    } = qt({
       id: () => a.id,
-      container: () => L.value,
+      container: () => O.value,
       inheritFrom: () => typeof a.inheritColumnWidths == "string" ? a.inheritColumnWidths : void 0
-    }), D = i(() => a.inheritColumnWidths !== !1), G = i(
-      () => a.fixed || a.columns.some((e) => e.width != null) || D.value && !!O.value
-    ), J = i(
-      () => D.value && !!O.value
-    ), rt = J, xe = (e) => {
+    }), 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
+    ), ot = J, rt = (e) => {
       if (typeof e == "number") return `${e}px`;
       const l = e.trim();
       return /^-?\d*\.?\d+$/.test(l) ? `${l}px` : l;
-    }, dt = (e, l) => {
-      const t = xe(e);
-      if (/^-?\d*\.?\d+px$/.test(t)) return parseFloat(t);
-      const s = document.createElement("div");
-      s.style.position = "absolute", s.style.visibility = "hidden", s.style.pointerEvents = "none", s.style.width = t, l.appendChild(s);
-      const n = s.getBoundingClientRect().width;
-      return l.removeChild(s), Number.isFinite(n) && n > 0 ? n : null;
-    }, Ce = i(() => {
+    }, xe = c(() => {
       const e = U.value?.tracks;
       return e ? Object.keys(e).filter((l) => /^\d+$/.test(l)).length : 0;
-    }), Te = i(() => {
+    }), Te = c(() => {
       const e = U.value?.tracks ?? {}, l = [];
       "select" in e && l.push("select");
-      for (let t = 0; t < Ce.value; t++) l.push(String(t));
+      for (let t = 0; t < xe.value; t++) l.push(String(t));
       return "actions" in e && l.push("actions"), l;
-    }), $e = i(
+    }), $e = c(
       () => "select" in (U.value?.tracks ?? {}) ? 1 : 0
-    ), Ie = i(
-      () => $e.value + Ce.value
-    ), it = i(() => Te.value.length), ct = (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 (!O.value || l - e <= 1e-6) return null;
+      if (!W.value || l - e <= 1e-6) return null;
       const t = [];
       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 d = ct(s);
+        const u = ut(s);
         t.push(
-          n >= 1 - 1e-6 ? d : `${Number(n.toFixed(4))} * ${d}`
+          n >= 1 - 1e-6 ? u : `${Number(n.toFixed(4))} * ${u}`
         );
       }
       return t.length ? t.length === 1 && !t[0].includes("*") ? t[0] : `calc(${t.join(" + ")})` : null;
-    }, Q = i(() => {
+    }, Q = c(() => {
       const e = a.columns, l = e.map(
         (s) => typeof s.snap == "number" ? s.snap : Array.isArray(s.snap) ? s.snap[0] : null
       );
       let t = $e.value;
       return e.map((s, n) => {
-        const d = l[n] ?? t;
-        let p;
+        const u = l[n] ?? t;
+        let f;
         if (Array.isArray(s.snap))
-          p = s.snap[1] === -1 ? Ie.value : s.snap[1];
+          f = s.snap[1] === -1 ? Ie.value : s.snap[1];
         else {
-          const m = l[n + 1];
-          p = m != null && m > d ? m : Math.floor(d) + 1;
+          const y = l[n + 1];
+          f = y != null && y > u ? y : Math.floor(u) + 1;
         }
-        return t = p, { start: d, end: p };
+        return t = f, { start: u, end: f };
       });
-    }), Ae = (e) => J.value && e.start >= Ie.value, ne = i(
+    }), Ae = (e) => J.value && e.start >= Ie.value, ne = c(
       () => Q.value.some(Ae)
-    ), X = (e) => a.columns[e]?.width == null && !J.value, Y = i(() => {
+    ), 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--) {
         const l = a.columns[e];
         if (l.width == null && l.snap == null) return e;
       }
       return -1;
-    }), oe = i(() => {
+    }), oe = c(() => {
       const e = Q.value[0];
-      if (!D.value || !O.value || !e) return null;
-      const l = se(0, e.start), t = a.selectable ? C.select : null;
+      if (!D.value || !W.value || !e) return null;
+      const l = se(0, e.start), t = a.selectable ? x.select : null;
       return t ? `calc(${l ?? "0px"} - ${t})` : l;
-    }), re = i(() => {
+    }), re = c(() => {
       const e = Q.value, l = e[e.length - 1];
-      if (!D.value || !O.value || !l || ne.value || Y.value === a.columns.length - 1) return null;
-      const t = se(l.end, it.value), s = a.actions ? C.actions : null;
+      if (!D.value || !W.value || !l || ne.value || Y.value === a.columns.length - 1) return null;
+      const t = se(l.end, ct.value), s = a.actions ? x.actions : null;
       return s ? `calc(${t ?? "0px"} - ${s})` : t;
-    }), ut = i(() => oe.value !== null), bt = i(() => re.value !== null), C = Je({ select: null, actions: null }), de = i(() => {
-      const e = (n) => D.value ? we(n) : "auto", l = (n) => G.value && C[n] ? C[n] : e(n), t = [];
-      a.selectable && t.push({ key: "select", width: l("select"), locked: !1 });
+    }), 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, d) => {
-        const p = String(d), m = n.width != null ? xe(n.width) : null, v = Q.value[d];
-        if (d === Y.value && !ne.value) {
-          t.push({ key: p, width: "auto", locked: !1 });
+      return a.columns.forEach((n, 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 h;
-        m != null ? h = m : X(d) ? h = G.value && Be.value[d] || null : Ae(v) ? h = Ee.value[d] ?? null : h = se(v.start, v.end);
+        let b;
+        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 $ = [];
-        d === 0 && ut.value && $.push("var(--bb-table-offset-internal-start)"), d === s && bt.value && $.push("var(--bb-table-offset-internal-end)");
-        const f = $.length ? `calc(${[...$, h ?? "0px"].join(" + ")})` : h ?? "auto";
-        t.push({ key: p, width: f, locked: m != null });
-      }), a.actions && t.push({ key: "actions", width: l("actions"), locked: !1 }), t;
-    }), pt = i(() => {
+        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;
+    }), bt = c(() => {
       const e = {};
       return oe.value && (e["--bb-table-offset-start"] = oe.value), re.value && (e["--bb-table-offset-end"] = re.value), e;
-    }), ht = i(() => {
+    }), pt = c(() => {
       const e = {
-        ...nt.value,
-        ...pt.value
+        ...st.value,
+        ...bt.value
       };
-      return ce.value && (e["--bb-table-natural-width"] = ce.value), P.value > 0 && (e["--bb-table-fill"] = `${P.value}px`), e;
-    }), ie = () => Array.from(
+      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"
       ) ?? []
     ), ft = () => {
-      const e = de.value.map((t) => t.key), l = {};
-      ie().forEach((t, s) => {
+      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`);
-      }), ot(l);
-    }, vt = () => {
+      }), nt(l);
+    }, ht = () => {
       const e = A.value;
       if (!e) return;
       const l = (t) => {
         let s = 0;
         return e.querySelectorAll(t).forEach((n) => {
-          let d = 1 / 0, p = -1 / 0;
-          n.querySelectorAll(":scope > *").forEach(($) => {
-            const f = $.getBoundingClientRect();
-            d = Math.min(d, f.left), p = Math.max(p, f.right);
+          let u = 0;
+          n.querySelectorAll(":scope > *").forEach((h) => {
+            const b = getComputedStyle(h);
+            if (b.position === "absolute" || b.position === "fixed")
+              return;
+            const $ = parseFloat(b.marginLeft) + parseFloat(b.marginRight);
+            u += h.getBoundingClientRect().width + ($ || 0);
           });
-          const m = p > d ? p - d : 0, v = getComputedStyle(n), h = parseFloat(v.paddingLeft) + parseFloat(v.paddingRight);
-          s = Math.max(s, m + h);
+          const f = getComputedStyle(n), y = parseFloat(f.paddingLeft) + parseFloat(f.paddingRight);
+          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;
     }, Ve = () => {
-      vt(), ft();
-    }, Be = R([]), Ee = R([]), P = R(0), ce = R(null), mt = (e) => {
-      const l = e.parentElement?.clientWidth ?? 0, t = e.clientWidth || e.getBoundingClientRect().width, s = e.offsetWidth, n = l || t || s;
-      return Number.isFinite(n) && n > 0 ? n : 0;
-    }, We = () => {
-      const e = L.value;
-      if (!e || !G.value || !a.columns.some((u) => u.width != null) && !ne.value && Y.value < 0)
+      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 = mt(e);
-      if (l <= 0) return;
-      const t = a.selectable ? 1 : 0, s = C.select ? parseFloat(C.select) : 0, n = C.actions ? parseFloat(C.actions) : 0, d = ie();
-      let p = 0, m = 0;
-      a.columns.forEach((u, y) => {
-        const b = d[t + y]?.getBoundingClientRect().width ?? 0, Ue = (u.width != null ? dt(u.width, e) : null) ?? b;
-        u.width != null && (p += Ue), X(y) || (m += 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;
+        i.width != null && (f += p), X(v) || (y += p);
       });
-      const v = document.createElement("div");
-      v.style.cssText = [
+      const h = document.createElement("div");
+      h.style.cssText = [
         "position:absolute",
         "top:-9999px",
         "left:-9999px",
@@ -273,132 +266,132 @@ const el = {
         `height:${e.offsetHeight}px`,
         "overflow:visible"
       ].join(";");
-      const h = e.cloneNode(!0);
-      h.classList.remove("bb-table--fixed"), h.querySelectorAll(".bb-table-expand__row").forEach((u) => u.remove());
-      const $ = Array.from(h.querySelectorAll("col"));
-      a.columns.forEach((u, y) => {
-        if (u.width == null) {
-          const b = $[t + y];
-          b && (b.style.width = "");
+      const b = e.cloneNode(!0);
+      b.classList.remove("bb-table--fixed"), b.querySelectorAll(".bb-table-expand__row").forEach((i) => i.remove());
+      const $ = Array.from(b.querySelectorAll("col"));
+      a.columns.forEach((i, v) => {
+        if (i.width == null) {
+          const p = $[t + v];
+          p && (p.style.width = "");
         }
       });
-      const f = h.querySelector("table");
-      f && (f.style.width = "min-content", f.style.minWidth = "0"), v.appendChild(h), document.body.appendChild(v);
-      const ze = v.querySelector(
+      const k = b.querySelector("table");
+      k && (k.style.width = "min-content", k.style.minWidth = "0"), h.appendChild(b), document.body.appendChild(h);
+      const ze = h.querySelector(
         "table thead tr.bb-table-header-row"
-      ), Vt = ze ? Array.from(ze.querySelectorAll(":scope > th")) : [], ee = a.columns.map((u, y) => {
-        if (u.width != null) return 0;
-        const b = Vt[t + y];
-        return b ? b.getBoundingClientRect().width : 0;
+      ), It = ze ? Array.from(ze.querySelectorAll(":scope > th")) : [], ee = a.columns.map((i, v) => {
+        if (i.width != null) return 0;
+        const p = It[t + v];
+        return p ? p.getBoundingClientRect().width : 0;
       });
-      document.body.removeChild(v);
+      document.body.removeChild(h);
       const qe = a.columns.reduce(
-        (u, y, b) => u + (X(b) ? ee[b] : 0),
+        (i, v, p) => i + (X(p) ? ee[p] : 0),
         0
-      ), je = l - m - s - n, ke = (u) => `${Number(u.toFixed(3))}px`;
-      if (Be.value = a.columns.map((u, y) => {
-        if (!X(y)) return null;
-        const b = ee[y];
-        if (qe <= 0) return ke(b);
-        const H = je > 0 ? je * (b / qe) : 0;
-        return ke(Math.max(b, H));
-      }), Ee.value = ee.map((u) => u > 0 ? ke(u) : null), Y.value >= 0) {
-        const u = Object.values(U.value?.tracks ?? {}).reduce(
-          (b, H) => b + (parseFloat(H) || 0),
+      ), 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 (qe <= 0) return ke(p);
+        const K = je > 0 ? je * (p / qe) : 0;
+        return ke(Math.max(p, K));
+      }), 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
-        ), y = d.reduce(
-          (b, H) => b + H.getBoundingClientRect().width,
+        ), v = u.reduce(
+          (p, K) => p + K.getBoundingClientRect().width,
           0
         );
-        P.value = Math.max(0, u - y + P.value);
+        F.value = Math.max(0, i - v + F.value);
       } else
-        P.value = 0;
-      const Bt = ee.reduce((u, y) => u + y, 0), Ke = p + Bt + s + n;
-      ce.value = Ke > 0 ? `${Math.ceil(Ke)}px` : null;
+        F.value = 0;
+      const At = ee.reduce((i, v) => i + v, 0), Ke = f + At + s + n;
+      de.value = Ke > 0 ? `${Math.ceil(Ke)}px` : null;
     };
-    let S = null, ue;
-    const Se = () => {
-      S !== null && clearTimeout(S), S = setTimeout(() => {
-        S = null, We();
+    let H = null, ie;
+    const He = () => {
+      H !== null && clearTimeout(H), H = setTimeout(() => {
+        H = null, Ee();
       }, 200);
     };
-    let z, be;
-    const He = () => {
-      z && (z.disconnect(), ie().forEach((e) => z?.observe(e)), Ve());
+    let P, be;
+    const Re = () => {
+      P && (P.disconnect(), ue().forEach((e) => P?.observe(e)), Ve());
     };
-    Wt(() => {
-      z = new ResizeObserver(() => Ve()), He(), Qe(We), A.value && (ue = new MutationObserver(Se), ue.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
-      })), L.value && (be = new ResizeObserver(Se), be.observe(L.value));
+      })), O.value && (be = new ResizeObserver(He), be.observe(O.value));
     }), St(() => {
-      z?.disconnect(), be?.disconnect(), ue?.disconnect(), S !== null && clearTimeout(S);
-    }), te(de, () => Qe(He), { flush: "post" });
-    const yt = (e) => [F("table.select").value, ...e.map((l) => l.content)].join(" "), kt = i(() => a.selectable ? "fieldset" : "div"), pe = i(() => a.loading || _t.value), V = i(
-      () => !M(a.page) && !M(a.perPage) && !M(a.totalItems)
-    ), gt = i(() => ({
+      P?.disconnect(), be?.disconnect(), ie?.disconnect(), H !== null && clearTimeout(H);
+    }), 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)
+    ), 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": rt.value,
+      "bb-table--inherit-widths": ot.value,
       "bb-table--fixed-header": a.fixedHeaders,
       "bb-table--loading": pe.value,
-      "bb-table--empty": !q.value.length,
+      "bb-table--empty": !z.value.length,
       "bb-table--selectable": !!a.selectable,
       "scrollbar-border": !0
-    })), he = i(
+    })), fe = c(
       () => a.columns.length + +!!a.selectable + +!!a.actions
-    ), Re = i(
+    ), Ne = c(
       () => Object.fromEntries(
-        a.columns.map((e) => [e.key, Jt(e.key)])
+        a.columns.map((e) => [e.key, Ut(e.key)])
       )
     ), {
-      getter: Ne,
-      items: fe,
-      loading: _t
-    } = Pt({
+      getter: Le,
+      items: he,
+      loading: kt
+    } = Dt({
       items: ge(a, "items")
-    }), { hasPrefilled: wt } = zt({
+    }), { hasPrefilled: gt } = Ft({
       trigger: !0,
       fn: async (e) => {
-        await Ne(e, a.modelValue);
+        await Le(e, a.modelValue);
       }
-    }), { data: Me } = et({
+    }), { data: Me } = Ze({
       items: ge(a, "modelValue")
-    }), { options: q } = qt({
+    }), { options: z } = Pt({
       disabled: ge(a, "disabled"),
-      items: fe,
+      items: he,
       itemText: void 0,
       itemValue: a.itemValue,
       max: a.max,
       selectable: !0,
       selectedIndexedByHash: Me
-    }), xt = async (e) => {
-      a.multiple ? k("update:modelValue", a.modelValue.concat(e.value)) : k("update:modelValue", e.value);
-    }, Ct = async (e) => {
+    }), _t = async (e) => {
+      a.multiple ? m("update:modelValue", a.modelValue.concat(e.value)) : m("update:modelValue", e.value);
+    }, wt = async (e) => {
       if (a.multiple) {
         const l = { ...Me.value };
-        delete l[e.valueHash], k("update:modelValue", Object.values(l));
+        delete l[e.valueHash], m("update:modelValue", Object.values(l));
       } else
-        k("update:modelValue", null);
+        m("update:modelValue", null);
     };
-    jt(
+    zt(
       () => [a.dependencies, a.items],
       async () => {
-        wt.value && await Ne(!1, a.modelValue);
+        gt.value && await Le(!1, a.modelValue);
       },
       {
         debounce: a.depsDebounceTime
       }
     );
-    const Tt = (e, l) => {
-      const t = Re.value[e.key], s = e.align ?? "left";
-      let n = at(l.item, e.key);
-      return e.formatter && (!M(n) || e.formatOnNull !== !1) && (n = e.formatter(n, e.key, l.item)), e.placeholder && M(n) && (n = e.placeholder), {
+    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: Yt(
+        classes: Qt(
           [`bb-table-data__cell--${s}`],
           a.tdClass,
           e.tdClass,
@@ -411,15 +404,15 @@ const el = {
         label: e.label,
         slotName: t
       };
-    }, Fe = i(
+    }, 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: Qt(
+          classes: Gt(
             [`bb-table-header--${l}`],
             a.thClass,
             e.thClass
@@ -427,98 +420,99 @@ const el = {
           sortDirection: s
         };
       })
-    ), Le = i(() => {
+    ), We = c(() => {
       let e = 0;
-      return q.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), d = 1, p = t + 1, m = n + d + p + e, v = a.columns.map(
-          (f) => Tt(f, l)
-        ), h = ve.value[l.valueHash] ?? !1;
-        return h && e++, {
-          accessibleLabel: yt(v),
-          cols: v,
-          expanded: h,
-          onRowClick: (f) => k("click:row", f, l, !!l.selected),
-          onRowContextMenu: (f) => k("contextmenu:row", f, l, !!l.selected),
-          onRowDblClick: (f) => k("dblclick:row", f, l, !!l.selected),
+      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) => Ct(k, l)
+        ), b = ve.value[l.valueHash] ?? !1;
+        return b && e++, {
+          accessibleLabel: vt(h),
+          cols: h,
+          expanded: b,
+          onRowClick: (k) => m("click:row", k, l, !!l.selected),
+          onRowContextMenu: (k) => m("contextmenu:row", k, l, !!l.selected),
+          onRowDblClick: (k) => m("dblclick:row", k, l, !!l.selected),
           item: l.item,
           text: l.text,
-          rowIndex: m,
+          rowIndex: y,
           valueHash: l.valueHash,
           value: l.value,
           selected: l.selected,
           disabled: s
         };
       });
-    }), B = Xe(ae, "selectAll"), j = Xe(ae, "expandedItems"), { data: ve } = et({
-      items: j
-    }), $t = (e, l) => {
-      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), K(l)));
+    }), 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)));
     }, me = (e) => ({
-      "aria-controls": M(ve.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
+      "aria-controls": L(ve.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
       "aria-expanded": e.expanded ? "true" : "false",
       onClick: (l) => {
-        l.stopPropagation(), K(e.valueHash);
+        l.stopPropagation(), j(e.valueHash);
       },
-      onKeydown: (l) => $t(l, e.valueHash)
-    }), K = (e) => {
-      const l = q.value.find((t) => t.valueHash === e);
-      l && (e in ve.value ? j.value = j.value.filter(
+      onKeydown: (l) => xt(l, e.valueHash)
+    }), j = (e) => {
+      const l = z.value.find((t) => t.valueHash === e);
+      l && (e in ve.value ? q.value = q.value.filter(
         (t) => le(t) !== e
-      ) : j.value = [...j.value, l.value]);
+      ) : q.value = [...q.value, l.value]);
     };
     te(B, () => {
-      E.clear(), k("update:unselectedItems", []), k("update:modelValue", []);
+      S.clear(), m("update:unselectedItems", []), m("update:modelValue", []);
     });
-    const Oe = i(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || B.value && E.size > 0)), E = Je(/* @__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,
       () => {
-        E.clear(), a.unselectedItems.forEach((e) => {
-          E.add(le(e));
+        S.clear(), a.unselectedItems.forEach((e) => {
+          S.add(le(e));
         });
       }
     );
-    const De = (e) => {
+    const Fe = (e) => {
       if (ye(e)) {
-        Ct(e), k("item:unselected", e.value), E.add(e.valueHash), k("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 || xt(e), k("item:selected", e.value), E.delete(e.valueHash), k(
+      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) => E.has(e.valueHash) ? !1 : e.selected || B.value, It = Lt(
+    }, ye = (e) => S.has(e.valueHash) ? !1 : e.selected || B.value, Tt = Mt(
       (e) => typeof e != "string",
       JSON.stringify
-    ), At = i(
+    ), $t = c(
       () => [].concat(a.modelValue ?? []).map((e) => ({
         disabled: a.disabled,
         name: a.name,
         type: "hidden",
-        value: It(e)
+        value: Tt(e)
       }))
-    ), Z = [70, 45, 85, 55], Pe = i(
-      () => Ft(q.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(
-      () => [Le.value, a.fixedColumns],
+      () => [We.value, a.fixedColumns],
       () => {
-        A.value && a.fixedColumns?.length && Xt(A.value, a.fixedColumns);
+        A.value && a.fixedColumns?.length && Jt(A.value, a.fixedColumns);
       },
       { flush: "post" }
-    ), (e, l) => (o(), Ye(Ht(kt.value), {
+    ), (e, l) => (o(), Xe(Et(mt.value), {
+      id: e.id,
       ref_key: "containerRef",
-      ref: L,
+      ref: O,
       "aria-busy": pe.value,
       "aria-rowcount": V.value ? a.totalItems : void 0,
-      class: g(gt.value),
-      "data-bb-table-id": T(st),
+      class: g(yt.value),
+      "data-bb-table-id": T(at),
       inert: e.disabled,
-      style: N(ht.value)
+      style: N(pt.value)
     }, {
-      default: Rt(() => [
-        e.selectable ? (o(), r("legend", el, x(e.legend), 1)) : w("", !0),
-        c("table", {
+      default: Ht(() => [
+        e.selectable ? (o(), r("legend", Yt, C(e.legend), 1)) : w("", !0),
+        d("table", {
           ref_key: "tableRef",
           ref: A
         }, [
@@ -528,20 +522,16 @@ const el = {
               "bb-table-caption": !0,
               "sr-only": !e.displayCaption
             })
-          }, x(e.caption), 3)) : w("", !0),
-          c("colgroup", null, [
-            (o(!0), r(I, null, W(de.value, (t) => (o(), r("col", {
+          }, C(e.caption), 3)) : w("", !0),
+          d("colgroup", null, [
+            (o(!0), r(I, null, E(ce.value, (t) => (o(), r("col", {
               key: t.key,
-              style: N({
-                width: t.width,
-                minWidth: t.locked ? t.width : void 0,
-                maxWidth: t.locked ? t.width : void 0
-              })
+              style: N({ width: t.width })
             }, null, 4))), 128))
           ]),
-          c("thead", null, [
+          d("thead", null, [
             _(e.$slots, "thead", {}, () => [
-              c("tr", {
+              d("tr", {
                 "aria-rowindex": V.value ? 1 : void 0,
                 class: "bb-table-header-row"
               }, [
@@ -553,76 +543,76 @@ const el = {
                   _(e.$slots, "header:select", {
                     multiple: e.multiple,
                     selectAll: !!B.value,
-                    text: e.selectText || T(F)("table.selectText").value
+                    text: e.selectText || T(M)("table.selectText").value
                   }, () => [
-                    c("span", ll, [
+                    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(), Ye(tt, {
-                          key: Oe.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: Oe.value,
+                          indeterminate: De.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly
                         }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        c("span", al, x(e.selectAllLabel || T(F)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? w("", !0) : (o(), r("span", sl, x(e.selectText || T(F)("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, W(Fe.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 === Fe.value.length - 1
+                      "bb-table-header--edge-end": s === Oe.value.length - 1
                     }
                   ]]),
                   scope: "col"
                 }, [
                   _(e.$slots, t.slotName, {
                     classes: t.classes,
-                    items: T(fe),
+                    items: T(he),
                     label: t.label
                   }, () => [
-                    c("span", ol, x(t.label), 1)
+                    d("span", sl, C(t.label), 1)
                   ])
-                ], 10, nl))), 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 }, () => [
-                    c("span", rl, x(e.actionsText), 1)
+                    d("span", nl, C(e.actionsText), 1)
                   ])
                 ], 2)) : w("", !0)
-              ], 8, tl)
+              ], 8, Zt)
             ])
           ]),
-          c("tbody", null, [
+          d("tbody", null, [
             pe.value ? _(e.$slots, "loading", {
               key: 0,
-              items: T(fe)
+              items: T(he)
             }, () => [
-              (o(!0), r(I, null, W(Pe.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", il, l[1] || (l[1] = [
-                  c("div", { class: "bb-table-skeleton__placeholder" }, null, -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, W(a.columns, (n, d) => (o(), r("td", {
+                (o(!0), r(I, null, E(a.columns, (n, u) => (o(), r("td", {
                   key: n.key,
                   class: g([
                     "bb-table-skeleton__cell",
@@ -630,58 +620,58 @@ const el = {
                   ])
                 }, [
                   !n.skeleton || n.skeleton === "text" ? (o(), r("div", cl, [
-                    c("div", {
+                    d("div", {
                       class: "bb-table-skeleton__line",
                       style: N({
-                        width: `${Z[(s + d) % 4]}%`
+                        width: `${Z[(s + u) % 4]}%`
                       })
                     }, null, 4),
-                    c("div", {
+                    d("div", {
                       class: "bb-table-skeleton__line",
                       style: N({
-                        width: `${Z[(s + d + 2) % 4]}%`
+                        width: `${Z[(s + u + 2) % 4]}%`
                       })
                     }, null, 4)
-                  ])) : n.skeleton === "avatar" ? (o(), r("div", ul)) : n.skeleton === "avatar-text" ? (o(), r("div", bl, [
-                    l[2] || (l[2] = c("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
-                    c("div", pl, [
-                      c("div", {
+                  ])) : 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", il, [
+                      d("div", {
                         class: "bb-table-skeleton__line",
                         style: N({
-                          width: `${Z[(s + d) % 4]}%`
+                          width: `${Z[(s + u) % 4]}%`
                         })
                       }, null, 4),
-                      c("div", {
+                      d("div", {
                         class: "bb-table-skeleton__line",
                         style: N({
-                          width: `${Z[(s + d + 2) % 4]}%`
+                          width: `${Z[(s + u + 2) % 4]}%`
                         })
                       }, null, 4)
                     ])
-                  ])) : n.skeleton === "image" ? (o(), r("div", hl)) : n.skeleton === "badge" ? (o(), r("div", fl)) : 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", vl, l[3] || (l[3] = [
-                  c("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                e.actions ? (o(), r("td", fl, l[3] || (l[3] = [
+                  d("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
                 ]))) : w("", !0)
-              ], 8, dl))), 128)),
-              c("tr", {
+              ], 8, ol))), 128)),
+              d("tr", {
                 "aria-rowindex": V.value ? Pe.value + 2 : void 0,
                 class: "bb-table-loading__row bb-table-loading__row--sr-only"
               }, [
-                c("td", {
-                  colspan: he.value,
+                d("td", {
+                  colspan: fe.value,
                   class: "bb-table-loading__cell",
                   "aria-live": "polite",
                   role: "status"
                 }, [
-                  c("span", kl, x(e.loadingText), 1)
-                ], 8, yl)
-              ], 8, ml)
-            ]) : T(q).length ? _(e.$slots, "tbody", { key: 2 }, () => [
-              (o(!0), r(I, null, W(Le.value, (t) => (o(), r(I, {
+                  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(We.value, (t) => (o(), r(I, {
                 key: t.valueHash
               }, [
-                c("tr", {
+                d("tr", {
                   "aria-rowindex": V.value && t.rowIndex ? t.rowIndex : void 0,
                   class: "bb-table-data__row",
                   onClick: t.onRowClick,
@@ -706,34 +696,34 @@ const el = {
                           "bb-table-check__label--disabled": t.disabled
                         }])
                       }, [
-                        Ze(tt, {
+                        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"]),
-                        c("span", Cl, 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
                         }])
                       }, [
-                        Ze(Gt, {
+                        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"]),
-                        c("span", Tl, x(t.accessibleLabel), 1)
+                        d("span", Cl, C(t.accessibleLabel), 1)
                       ], 2))
                     ])
                   ], 2)) : w("", !0),
-                  (o(!0), r(I, null, W(t.cols, (s, n) => (o(), r("td", {
+                  (o(!0), r(I, null, E(t.cols, (s, n) => (o(), r("td", {
                     key: s.key,
                     class: g(["bb-table-data__cell", [
                       s.classes,
@@ -749,10 +739,10 @@ const el = {
                       expanded: t.expanded,
                       item: t.item,
                       expandProps: me(t),
-                      toggleExpanded: () => K(t.valueHash),
+                      toggleExpanded: () => j(t.valueHash),
                       value: t.value
                     }, () => [
-                      Nt(x(s.content), 1)
+                      Rt(C(s.content), 1)
                     ])
                   ], 2))), 128)),
                   e.actions ? (o(), r("td", {
@@ -763,58 +753,58 @@ const el = {
                       expanded: t.expanded,
                       item: t.item,
                       expandProps: me(t),
-                      toggleExpanded: () => K(t.valueHash),
+                      toggleExpanded: () => j(t.valueHash),
                       value: t.value
                     })
                   ], 2)) : w("", !0)
-                ], 40, xl),
+                ], 40, _l),
                 t.expanded ? (o(), r("tr", {
                   key: 0,
                   "aria-rowindex": V.value && t.rowIndex ? t.rowIndex + 1 : void 0,
                   id: `expanded_${t.valueHash}`,
                   class: "bb-table-expand__row"
                 }, [
-                  c("td", {
-                    colspan: he.value,
+                  d("td", {
+                    colspan: fe.value,
                     class: "bb-table-expand__cell"
                   }, [
                     _(e.$slots, "expand", {
                       expanded: t.expanded,
                       item: t.item,
                       expandProps: me(t),
-                      toggleExpanded: () => K(t.valueHash),
+                      toggleExpanded: () => j(t.valueHash),
                       value: t.value
                     })
-                  ], 8, Il)
-                ], 8, $l)) : w("", !0)
+                  ], 8, Tl)
+                ], 8, xl)) : w("", !0)
               ], 64))), 128))
             ]) : _(e.$slots, "no-data", { key: 1 }, () => [
-              c("tr", {
+              d("tr", {
                 "aria-rowindex": V.value ? 2 : void 0,
                 class: "bb-table-no-data__row"
               }, [
-                c("td", {
+                d("td", {
                   class: "bb-table-no-data__cell",
-                  colspan: he.value
+                  colspan: fe.value
                 }, [
-                  c("span", wl, x(e.noDataText || T(F)("table.noDataText").value), 1)
-                ], 8, _l)
-              ], 8, gl)
+                  d("span", gl, C(e.noDataText || T(M)("table.noDataText").value), 1)
+                ], 8, kl)
+              ], 8, yl)
             ])
           ]),
-          c("tfoot", null, [
+          d("tfoot", null, [
             _(e.$slots, "tfoot")
           ])
         ], 512),
-        (o(!0), r(I, null, W(At.value, (t) => (o(), r("input", Mt({
+        (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 {
-  Gl as default
+  Kl as default
 };