bitboss-ui 2.1.73 → 2.1.74

package/dist/index122.js

@@ -1,40 +1,58 @@
-import { defineComponent as ue, ref as K, computed as y, toRef as O, watch as N, reactive as pe, createBlock as Q, openBlock as n, resolveDynamicComponent as me, normalizeClass as p, unref as h, withCtx as fe, createElementBlock as d, createCommentVNode as C, createElementVNode as o, toDisplayString as m, renderSlot as f, Fragment as A, renderList as B, createVNode as X, createTextVNode as ye, mergeProps as he } from "vue";
-import { add as ve } from "./index289.js";
-import { clamp as ke } from "./index216.js";
-import { isNil as T } from "./index280.js";
-import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index290.js";
-import { when as Ce } from "./index222.js";
-import Y from "./index17.js";
+import { defineComponent as be, mergeModels as U, ref as ie, computed as c, toRef as D, useModel as re, watch as H, reactive as ce, createBlock as W, openBlock as t, resolveDynamicComponent as ue, normalizeClass as r, withCtx as pe, createElementBlock as s, createCommentVNode as m, createElementVNode as o, toDisplayString as u, renderSlot as p, unref as y, Fragment as f, renderList as g, normalizeStyle as $, createVNode as q, createTextVNode as me, mergeProps as ye } from "vue";
+import { clamp as _e } from "./index215.js";
+import { hash as L } from "./index237.js";
+import { isNil as V } from "./index235.js";
+import { when as ke } from "./index265.js";
+import { useId as ve } from "./index8.js";
+import { useItemValue as he } from "./index234.js";
+import { useItemsGetter as fe } from "./index238.js";
+import { usePrefill as ge } from "./index239.js";
+import { useIndexById as Ce } from "./index240.js";
+import { useBaseOptions as we } from "./index241.js";
+import { useHashedWatcher as Ve } from "./index242.js";
+import { useLocale as Be } from "./index220.js";
+import G from "./index17.js";
 /* empty css        */
-import we from "./index31.js";
+import Te from "./index31.js";
 /* empty css        */
-import { hash as E } from "./index231.js";
-import { useItemsGetter as Ie } from "./index227.js";
-import { usePrefill as Ve } from "./index233.js";
-import { useIndexById as Ae } from "./index228.js";
-import { useBaseOptions as Be } from "./index229.js";
-import { useHashedWatcher as Te } from "./index232.js";
-import { useLocale as $e } from "./index235.js";
-const xe = {
+import { columnKeyToSlotName as $e, mergeHeaderClasses as Ie, applyFixedTableColumns as Ae, mergeCellClasses as Ne } from "./index286.js";
+import { useLogger as De } from "./index245.js";
+const He = {
   key: 0,
   class: "sr-only"
-}, Le = ["aria-rowindex"], Ne = { class: "bb-table-header__content" }, De = { class: "bb-table-check__label-text sr-only" }, Se = {
+}, Le = ["aria-rowindex"], xe = { class: "bb-table-header__content" }, Se = { class: "bb-table-check__label-text sr-only" }, Re = {
   key: 1,
   class: "bb-table-radio__label-text sr-only"
-}, He = ["aria-sort"], Re = { class: "bb-table-header__content" }, Pe = { class: "bb-table-header__content sr-only" }, Oe = ["aria-rowindex"], Ee = ["colspan"], je = { class: "bb-table-loading__text sr-only" }, qe = {
-  class: "bb-table-skeleton__container",
-  role: "status"
-}, ze = ["aria-rowindex"], Fe = ["colspan"], Me = { class: "bb-table-no-data__text" }, Ue = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], We = { class: "bb-table-check__label-text sr-only" }, Ge = { class: "bb-table-radio__label-text sr-only" }, ul = /* @__PURE__ */ ue({
+}, Oe = ["aria-sort"], Pe = { class: "bb-table-header__content" }, Me = { class: "bb-table-header__content sr-only" }, ze = ["aria-rowindex"], Ee = {
+  key: 0,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
+}, Fe = {
+  key: 0,
+  class: "bb-table-skeleton__cell-content"
+}, je = {
+  key: 1,
+  class: "bb-table-skeleton__avatar"
+}, Ke = {
+  key: 2,
+  class: "bb-table-skeleton__avatar-text"
+}, Ue = { class: "bb-table-skeleton__cell-content" }, We = {
+  key: 3,
+  class: "bb-table-skeleton__image"
+}, qe = {
+  key: 4,
+  class: "bb-table-skeleton__badge"
+}, Ge = {
+  key: 1,
+  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
+}, Je = ["aria-rowindex"], Qe = ["colspan"], Xe = { class: "bb-table-loading__text sr-only" }, Ye = ["aria-rowindex"], Ze = ["colspan"], el = { class: "bb-table-no-data__text" }, ll = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], al = { class: "bb-table-check__label-text sr-only" }, tl = { class: "bb-table-radio__label-text sr-only" }, wl = /* @__PURE__ */ be({
   __name: "BbTable",
-  props: {
+  props: /* @__PURE__ */ U({
     accessibleLabel: {},
     actions: { type: Boolean },
     actionsText: { default: "Azioni" },
     align: { default: "left" },
     allowSelectAll: { type: Boolean, default: !0 },
     caption: {},
-    columns: { default: () => [] },
     compact: { type: Boolean },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
@@ -63,422 +81,426 @@ const xe = {
     tdClass: {},
     thClass: {},
     totalItems: {},
-    unselectedItems: { default: () => [] }
-  },
-  emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:unselectedItems", "item:selected", "item:unselected"],
-  setup(Z, { emit: ee }) {
-    const { getItemValue: le } = ge(), j = _e().id.value, l = Z, i = ee, { t: w } = $e(), $ = K(), te = (e) => [w("table.select").value].concat(e.map((a) => a.content)).join(" "), ae = y(() => l.selectable ? "fieldset" : "div"), q = y(() => l.loading || se.value), I = y(
-      () => !T(l.page) && !T(l.perPage) && !T(l.totalItems)
-    ), z = y(() => [!!l.selectable, !!l.actions].reduce(
-      (e, a) => e + +!!a,
-      l.columns.length
-    )), F = y(
-      () => l.columns.reduce(
-        (e, a) => {
-          const t = a.key.split(/\W+/g).join("_").toLowerCase();
-          return e[a.key] = t, e;
-        },
-        {}
+    unselectedItems: { default: () => [] },
+    columns: { default: () => [] }
+  }, {
+    selectAll: { type: Boolean, required: !0 },
+    selectAllModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll"]),
+  setup(x, { emit: J }) {
+    const { getItemValue: Q } = he(), S = ve().id.value, l = x, i = J;
+    l.multiple && !Array.isArray(l.modelValue) && De().throw(
+      "BbTable is set for multiple selection but modelValue is not an array."
+    );
+    const { t: C } = Be(), R = ie(), X = (e) => [C("table.select").value, ...e.map((n) => n.content)].join(" "), Y = c(() => l.selectable ? "fieldset" : "div"), I = c(() => l.loading || ee.value), h = c(
+      () => !V(l.page) && !V(l.perPage) && !V(l.totalItems)
+    ), Z = c(() => ({
+      "bb-table": !0,
+      [`bb-table--align-${l.align}`]: !0,
+      "bb-table--compact": l.compact,
+      "bb-table--fixed": l.fixed,
+      "bb-table--fixed-header": l.fixedHeaders,
+      "bb-table--loading": I.value,
+      "bb-table--empty": !B.value.length,
+      "bb-table--selectable": !!l.selectable
+    })), O = c(
+      () => l.columns.length + +!!l.selectable + +!!l.actions
+    ), P = c(
+      () => Object.fromEntries(
+        l.columns.map((e) => [e.key, $e(e.key)])
       )
     ), {
       getter: M,
-      items: D,
-      loading: se
-    } = Ie({
-      items: O(l, "items")
-    }), { hasPrefilled: oe } = Ve({
+      items: A,
+      loading: ee
+    } = fe({
+      items: D(l, "items")
+    }), { hasPrefilled: le } = ge({
       onStart: !0,
       currentValue: l.modelValue,
       multiple: l.multiple,
       fn: async ({ prefill: e }) => {
         await M(e, l.modelValue);
       }
-    }), { data: U } = Ae({
-      items: O(l, "modelValue")
-    }), { options: x } = Be({
-      disabled: O(l, "disabled"),
-      items: D,
+    }), { data: z } = Ce({
+      items: D(l, "modelValue")
+    }), { options: B } = we({
+      disabled: D(l, "disabled"),
+      items: A,
       itemText: void 0,
       itemValue: l.itemValue,
       max: l.max,
       selectable: !0,
-      selectedIndexedByHash: U
-    }), ne = async (e) => {
+      selectedIndexedByHash: z
+    }), ae = async (e) => {
       l.multiple ? i("update:modelValue", l.modelValue.concat(e.value)) : i("update:modelValue", e.value);
-    }, de = async (e) => {
+    }, te = async (e) => {
       if (l.multiple) {
-        const a = { ...U.value };
-        delete a[e.valueHash], i("update:modelValue", Object.values(a));
+        const n = { ...z.value };
+        delete n[e.valueHash], i("update:modelValue", Object.values(n));
       } else
         i("update:modelValue", null);
     };
-    Te(
+    Ve(
       () => [l.dependencies, l.items],
       async () => {
-        oe.value && await M(!1, l.modelValue);
+        le.value && await M(!1, l.modelValue);
       },
       {
         debounce: l.depsDebounceTime
       }
     );
-    const ce = y(
-      () => l.columns.map(
-        (e) => {
-          const a = e.align || "left", { label: t, key: u } = e, r = `header:${F.value[e.key]}`;
-          let c = [`bb-table-header--${a}`];
-          l.thClass && (c = c.concat(l.thClass)), e.thClass && (c = c.concat(e.thClass));
-          const v = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
-          return {
-            align: a,
-            key: u,
-            label: t,
-            slotName: r,
-            classes: c,
-            sortDirection: v
-          };
-        }
-      )
-    ), W = y(() => x.value.map(
-      (e, a) => {
-        let t = !l.selectable;
-        typeof l.selectable == "function" && (t = !l.selectable(e.item)), t = t || !!e.disabled;
-        const u = I.value ? a + (l.page - 1) * l.perPage + 2 : void 0, r = l.columns.map(
-          (s) => {
-            const H = F.value[s.key], L = s.align || "left", { label: R, key: P } = s;
-            let b = le(e.item, s.key);
-            s.formatter && // By default the formatter runs anyway
-            (!T(b) || s.formatOnNull !== !1) && (b = s.formatter(b, s.key, e.item)), s.placeholder && T(b) && (b = s.placeholder);
-            let k = [`bb-table-data__cell--${L}`];
-            if (l.tdClass)
-              if (typeof l.tdClass == "function") {
-                let V = l.tdClass(b, s.key, e.item);
-                V && (k = k.concat(V));
-              } else k = k.concat(l.tdClass);
-            if (s.tdClass)
-              if (typeof s.tdClass == "function") {
-                let V = s.tdClass(b, s.key, e.item);
-                V && (k = k.concat(V));
-              } else k = k.concat(s.tdClass);
-            return {
-              align: L,
-              classes: k,
-              content: b,
-              key: P,
-              label: R,
-              slotName: H
-            };
-          }
+    const se = (e, n) => {
+      const a = P.value[e.key], d = e.align ?? "left";
+      let b = Q(n.item, e.key);
+      return e.formatter && (!V(b) || e.formatOnNull !== !1) && (b = e.formatter(b, e.key, n.item)), e.placeholder && V(b) && (b = e.placeholder), {
+        align: d,
+        classes: Ne(
+          [`bb-table-data__cell--${d}`],
+          l.tdClass,
+          e.tdClass,
+          b,
+          e.key,
+          n.item
+        ),
+        content: b,
+        key: e.key,
+        label: e.label,
+        slotName: a
+      };
+    }, oe = c(
+      () => l.columns.map((e) => {
+        const n = e.align ?? "left", a = `header:${P.value[e.key]}`, d = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+        return {
+          align: n,
+          key: e.key,
+          label: e.label,
+          slotName: a,
+          classes: Ie(
+            [`bb-table-header--${n}`],
+            l.thClass,
+            e.thClass
+          ),
+          sortDirection: d
+        };
+      })
+    ), E = c(
+      () => B.value.map((e, n) => {
+        const a = !l.selectable || typeof l.selectable == "function" && !l.selectable(e.item) || !!e.disabled, d = h.value ? n + (l.page - 1) * l.perPage + 2 : void 0, b = l.columns.map(
+          (v) => se(v, e)
         );
         return {
-          accessibleLabel: te(r),
-          cols: r,
-          onRowClick: (s) => i("click:row", s, e, !!e.selected),
-          onRowContextMenu: (s) => i("contextmenu:row", s, e, !!e.selected),
-          onRowDblClick: (s) => i("dblclick:row", s, e, !!e.selected),
+          accessibleLabel: X(b),
+          cols: b,
+          onRowClick: (v) => i("click:row", v, e, !!e.selected),
+          onRowContextMenu: (v) => i("contextmenu:row", v, e, !!e.selected),
+          onRowDblClick: (v) => i("dblclick:row", v, e, !!e.selected),
           item: e.item,
           text: e.text,
-          rowIndex: u,
+          rowIndex: d,
           valueHash: e.valueHash,
           value: e.value,
           selected: e.selected,
-          disabled: t
+          disabled: a
         };
-      }
-    )), _ = K(l.selectAll);
-    N(
-      () => l.selectAll,
-      () => {
-        _.value = l.selectAll;
-      }
-    ), N(_, () => {
-      g.clear(), i("update:unselectedItems", []), i("update:modelValue", []);
+      })
+    ), _ = re(x, "selectAll");
+    H(_, () => {
+      k.clear(), i("update:unselectedItems", []), i("update:modelValue", []);
     });
-    const G = y(() => l.modelValue?.length && !l.selectAll ? !0 : !!(_.value && g.size)), g = pe(/* @__PURE__ */ new Set());
-    N(
+    const F = c(() => !!(l.multiple && l.modelValue.length > 0 && !l.selectAll || _.value && k.size > 0)), k = ce(/* @__PURE__ */ new Set());
+    H(
       () => l.unselectedItems,
       () => {
-        g.clear(), l.unselectedItems.forEach((e) => {
-          g.add(E(e));
+        k.clear(), l.unselectedItems.forEach((e) => {
+          k.add(L(e));
         });
       }
     );
-    const J = (e) => {
-      S(e) ? (de(e), i("item:unselected", e.value), g.add(e.valueHash), i("update:unselectedItems", [...l.unselectedItems, e.value])) : (_.value || ne(e), i("item:selected", e.value), g.delete(e.valueHash), i(
+    const j = (e) => {
+      if (N(e)) {
+        te(e), i("item:unselected", e.value), k.add(e.valueHash), i("update:unselectedItems", [...l.unselectedItems, e.value]);
+        return;
+      }
+      _.value || ae(e), i("item:selected", e.value), k.delete(e.valueHash), i(
         "update:unselectedItems",
-        l.unselectedItems.filter((a) => E(a) !== E(e.value))
-      ));
-    }, S = (e) => g.has(e.valueHash) ? !1 : e.selected || _.value, ie = Ce(
+        l.unselectedItems.filter((n) => L(n) !== L(e.value))
+      );
+    }, N = (e) => k.has(e.valueHash) ? !1 : e.selected || _.value, ne = ke(
       (e) => typeof e != "string",
       JSON.stringify
-    ), re = y(() => [].concat(l.modelValue).map((e) => {
-      const a = ie(e);
-      return {
+    ), de = c(
+      () => [].concat(l.modelValue ?? []).map((e) => ({
         disabled: l.disabled,
         name: l.name,
         type: "hidden",
-        value: a
-      };
-    })), be = y(() => ke(x.value.length, 4, 10));
-    return N(
-      () => W.value,
+        value: ne(e)
+      }))
+    ), T = [70, 45, 85, 55], K = c(
+      () => _e(B.value.length || l.columns.length || 1, 4, 10)
+    );
+    return H(
+      () => [E.value, l.fixedColumns],
       () => {
-        if (l.fixedColumns.length && l.items && $.value) {
-          const e = Array.from(
-            $.value.querySelectorAll("thead th")
-          ), a = l.fixedColumns.reduce(
-            (r, c) => {
-              const v = typeof c == "number" ? c : c.index, s = typeof c == "number" ? "left" : c.position, H = e[v].getBoundingClientRect(), L = Math.floor(H.width), R = r.filter((b) => b.position === s).map((b) => b.width).reduce(ve, 0), P = {
-                index: v,
-                position: s,
-                width: L,
-                offset: R
-              };
-              return r.push(P), r;
-            },
-            []
-          );
-          Array.from($.value?.querySelectorAll("tr")).map(
-            (r) => Array.from(
-              r.querySelectorAll(
-                a.map((c) => `:scope > :nth-child(${c.index + 1})`).join(", ")
-              )
-            )
-          ).forEach((r) => {
-            r.forEach((c, v) => {
-              c.style.position = "sticky", a[v].position === "left" ? c.style.left = `${a[v].offset}px` : c.style.right = `${a[v].offset}px`;
-            });
-          });
-        }
+        const e = R.value;
+        e && l.fixedColumns?.length && Ae(e, l.fixedColumns);
       },
-      {
-        flush: "post"
-      }
-    ), (e, a) => (n(), Q(me(ae.value), {
-      ref_key: "container",
-      ref: $,
-      "aria-rowcount": I.value ? e.totalItems : void 0,
-      class: p({
-        "bb-table": !0,
-        [`bb-table--align-${e.align}`]: !0,
-        "bb-table--compact": e.compact,
-        "bb-table--fixed": e.fixed,
-        "bb-table--fixed-header": e.fixedHeaders,
-        "bb-table--loading": q.value,
-        "bb-table--empty": !h(x).length,
-        "bb-table--selectable": e.selectable
-      })
+      { flush: "post" }
+    ), (e, n) => (t(), W(ue(Y.value), {
+      ref_key: "containerRef",
+      ref: R,
+      "aria-busy": I.value,
+      "aria-rowcount": h.value ? l.totalItems : void 0,
+      class: r(Z.value),
+      inert: e.disabled
     }, {
-      default: fe(() => [
-        e.selectable ? (n(), d("legend", xe, m(e.legend), 1)) : C("", !0),
+      default: pe(() => [
+        e.selectable ? (t(), s("legend", He, u(e.legend), 1)) : m("", !0),
         o("table", null, [
-          e.caption ? (n(), d("caption", {
+          e.caption ? (t(), s("caption", {
             key: 0,
-            class: p({
+            class: r({
               "bb-table-caption": !0,
               "sr-only": !e.displayCaption
             })
-          }, m(e.caption), 3)) : C("", !0),
+          }, u(e.caption), 3)) : m("", !0),
           o("thead", null, [
-            f(e.$slots, "thead", {}, () => [
+            p(e.$slots, "thead", {}, () => [
               o("tr", {
-                "aria-rowindex": I.value ? 1 : void 0,
+                "aria-rowindex": h.value ? 1 : void 0,
                 class: "bb-table-header-row"
               }, [
-                e.selectable ? (n(), d("th", {
+                e.selectable ? (t(), s("th", {
                   key: 0,
-                  class: p(["bb-table-header bb-table-header--select", e.thClass]),
+                  class: r(["bb-table-header bb-table-header--select", e.thClass]),
                   scope: "col"
                 }, [
-                  f(e.$slots, "header:select", {
+                  p(e.$slots, "header:select", {
                     multiple: e.multiple,
                     selectAll: !!_.value,
-                    text: e.selectText || h(w)("table.selectText").value
+                    text: e.selectText || y(C)("table.selectText").value
                   }, () => [
-                    o("span", Ne, [
-                      e.allowSelectAll && e.multiple ? (n(), d("label", {
+                    o("span", xe, [
+                      e.allowSelectAll && e.multiple ? (t(), s("label", {
                         key: 0,
-                        class: p(["bb-table-check__label", {
+                        class: r(["bb-table-check__label", {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        (n(), Q(Y, {
-                          key: G.value.toString(),
+                        (t(), W(G, {
+                          key: F.value.toString(),
                           modelValue: _.value,
-                          "onUpdate:modelValue": [
-                            a[0] || (a[0] = (t) => _.value = t),
-                            a[1] || (a[1] = (t) => i("update:selectAll", t))
-                          ],
+                          "onUpdate:modelValue": n[0] || (n[0] = (a) => _.value = a),
                           class: "bb-table-check",
                           disabled: e.disabled,
-                          indeterminate: G.value,
+                          indeterminate: F.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly
                         }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        o("span", De, m(e.selectAllLabel || h(w)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? C("", !0) : (n(), d("span", Se, m(e.selectText || h(w)("table.selectText").value), 1))
+                        o("span", Se, u(e.selectAllLabel || y(C)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? m("", !0) : (t(), s("span", Re, u(e.selectText || y(C)("table.selectText").value), 1))
                     ])
                   ])
-                ], 2)) : C("", !0),
-                (n(!0), d(A, null, B(ce.value, (t) => (n(), d("th", {
-                  key: t.key,
-                  "aria-sort": t.sortDirection,
-                  class: p(["bb-table-header", t.classes]),
+                ], 2)) : m("", !0),
+                (t(!0), s(f, null, g(oe.value, (a) => (t(), s("th", {
+                  key: a.key,
+                  "aria-sort": a.sortDirection,
+                  class: r(["bb-table-header", a.classes]),
                   scope: "col"
                 }, [
-                  f(e.$slots, t.slotName, {
-                    classes: t.classes,
-                    items: h(D),
-                    label: t.label
+                  p(e.$slots, a.slotName, {
+                    classes: a.classes,
+                    items: y(A),
+                    label: a.label
                   }, () => [
-                    o("span", Re, m(t.label), 1)
+                    o("span", Pe, u(a.label), 1)
                   ])
-                ], 10, He))), 128)),
-                e.actions ? (n(), d("th", {
+                ], 10, Oe))), 128)),
+                e.actions ? (t(), s("th", {
                   key: 1,
-                  class: p(["bb-table-header bb-table-header--actions", e.thClass]),
+                  class: r(["bb-table-header bb-table-header--actions", e.thClass]),
                   scope: "col"
                 }, [
-                  f(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    o("span", Pe, m(e.actionsText), 1)
+                  p(e.$slots, "header:actions", { text: e.actionsText }, () => [
+                    o("span", Me, u(e.actionsText), 1)
                   ])
-                ], 2)) : C("", !0)
+                ], 2)) : m("", !0)
               ], 8, Le)
             ])
           ]),
           o("tbody", null, [
-            q.value ? f(e.$slots, "loading", {
+            I.value ? p(e.$slots, "loading", {
               key: 0,
-              items: h(D)
+              items: y(A)
             }, () => [
+              (t(!0), s(f, null, g(K.value, (a, d) => (t(), s("tr", {
+                key: d,
+                "aria-rowindex": h.value ? d + 2 : void 0,
+                class: "bb-table-skeleton__row"
+              }, [
+                e.selectable ? (t(), s("td", Ee, n[1] || (n[1] = [
+                  o("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : m("", !0),
+                (t(!0), s(f, null, g(l.columns, (b, w) => (t(), s("td", {
+                  key: b.key,
+                  class: r([
+                    "bb-table-skeleton__cell",
+                    `bb-table-skeleton__cell--${b.skeleton ?? "text"}`
+                  ])
+                }, [
+                  !b.skeleton || b.skeleton === "text" ? (t(), s("div", Fe, [
+                    o("div", {
+                      class: "bb-table-skeleton__line",
+                      style: $({
+                        width: `${T[(d + w) % 4]}%`
+                      })
+                    }, null, 4),
+                    o("div", {
+                      class: "bb-table-skeleton__line",
+                      style: $({
+                        width: `${T[(d + w + 2) % 4]}%`
+                      })
+                    }, null, 4)
+                  ])) : b.skeleton === "avatar" ? (t(), s("div", je)) : b.skeleton === "avatar-text" ? (t(), s("div", Ke, [
+                    n[2] || (n[2] = o("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
+                    o("div", Ue, [
+                      o("div", {
+                        class: "bb-table-skeleton__line",
+                        style: $({
+                          width: `${T[(d + w) % 4]}%`
+                        })
+                      }, null, 4),
+                      o("div", {
+                        class: "bb-table-skeleton__line",
+                        style: $({
+                          width: `${T[(d + w + 2) % 4]}%`
+                        })
+                      }, null, 4)
+                    ])
+                  ])) : b.skeleton === "image" ? (t(), s("div", We)) : b.skeleton === "badge" ? (t(), s("div", qe)) : m("", !0)
+                ], 2))), 128)),
+                e.actions ? (t(), s("td", Ge, n[3] || (n[3] = [
+                  o("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
+                ]))) : m("", !0)
+              ], 8, ze))), 128)),
               o("tr", {
-                "aria-rowindex": I.value ? 2 : void 0,
-                class: "bb-table-loading__row"
+                "aria-rowindex": h.value ? K.value + 2 : void 0,
+                class: "bb-table-loading__row bb-table-loading__row--sr-only"
               }, [
                 o("td", {
+                  colspan: O.value,
                   class: "bb-table-loading__cell",
-                  colspan: z.value
+                  "aria-live": "polite",
+                  role: "status"
                 }, [
-                  o("span", je, m(e.loadingText), 1),
-                  o("div", qe, [
-                    (n(!0), d(A, null, B(be.value, (t) => (n(), d("div", {
-                      key: t,
-                      class: "bb-table-skeleton-item"
-                    }, a[2] || (a[2] = [
-                      o("div", { class: "bb-table-skeleton-item__avatar-container" }, [
-                        o("div", { class: "bb-table-skeleton-item__avatar" })
-                      ], -1),
-                      o("div", { class: "bb-table-skeleton-item__text" }, [
-                        o("div", { class: "bb-table-skeleton-item__line" }),
-                        o("div", { class: "bb-table-skeleton-item__line" })
-                      ], -1)
-                    ])))), 128))
-                  ])
-                ], 8, Ee)
-              ], 8, Oe)
-            ]) : h(x).length ? f(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(A, null, B(W.value, (t) => (n(), d("tr", {
-                key: t.valueHash,
-                "aria-rowindex": t.rowIndex,
+                  o("span", Xe, u(e.loadingText), 1)
+                ], 8, Qe)
+              ], 8, Je)
+            ]) : y(B).length ? p(e.$slots, "tbody", { key: 2 }, () => [
+              (t(!0), s(f, null, g(E.value, (a) => (t(), s("tr", {
+                key: a.valueHash,
+                "aria-rowindex": a.rowIndex,
                 class: "bb-table-data__row",
-                onClick: t.onRowClick,
-                onContextmenu: t.onRowContextMenu,
-                onDblclick: t.onRowDblClick
+                onClick: a.onRowClick,
+                onContextmenu: a.onRowContextMenu,
+                onDblclick: a.onRowDblClick
               }, [
-                e.selectable ? (n(), d("td", {
+                e.selectable ? (t(), s("td", {
                   key: 0,
-                  class: p(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+                  class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
                 }, [
-                  f(e.$slots, "select", {
-                    checked: S(t),
-                    disabled: !!t.disabled,
-                    inputName: h(j),
-                    item: t.item,
+                  p(e.$slots, "select", {
+                    checked: N(a),
+                    disabled: !!a.disabled,
+                    inputName: y(S),
+                    item: a.item,
                     readonly: !!e.readonly,
-                    value: t.value
+                    value: a.value
                   }, () => [
-                    e.multiple ? (n(), d("label", {
+                    e.multiple ? (t(), s("label", {
                       key: 0,
-                      class: p(["bb-table-check__label", {
-                        "bb-table-check__label--disabled": t.disabled
+                      class: r(["bb-table-check__label", {
+                        "bb-table-check__label--disabled": a.disabled
                       }])
                     }, [
-                      X(Y, {
-                        checked: S(t),
+                      q(G, {
+                        checked: N(a),
                         class: "bb-table-check",
-                        disabled: t.disabled,
+                        disabled: a.disabled,
                         readonly: e.readonly,
-                        onChange: () => J(t)
+                        onChange: () => j(a)
                       }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                      o("span", We, m(t.accessibleLabel), 1)
-                    ], 2)) : (n(), d("label", {
+                      o("span", al, u(a.accessibleLabel), 1)
+                    ], 2)) : (t(), s("label", {
                       key: 1,
-                      class: p(["bb-table-radio__label", {
-                        "bb-table-radio__label--disabled": t.disabled
+                      class: r(["bb-table-radio__label", {
+                        "bb-table-radio__label--disabled": a.disabled
                       }])
                     }, [
-                      X(we, {
-                        checked: t.selected,
+                      q(Te, {
+                        checked: a.selected,
                         class: "bb-table-radio",
-                        disabled: t.disabled,
-                        name: h(j),
+                        disabled: a.disabled,
+                        name: y(S),
                         readonly: e.readonly,
-                        value: t.value,
-                        onChange: () => J(t)
+                        value: a.value,
+                        onChange: () => j(a)
                       }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", Ge, m(t.accessibleLabel), 1)
+                      o("span", tl, u(a.accessibleLabel), 1)
                     ], 2))
                   ])
-                ], 2)) : C("", !0),
-                (n(!0), d(A, null, B(t.cols, (u) => (n(), d("td", {
-                  key: u.key,
-                  class: p(["bb-table-data__cell", u.classes])
+                ], 2)) : m("", !0),
+                (t(!0), s(f, null, g(a.cols, (d) => (t(), s("td", {
+                  key: d.key,
+                  class: r(["bb-table-data__cell", d.classes])
                 }, [
-                  f(e.$slots, u.slotName, {
-                    classes: u.classes,
-                    content: u.content,
-                    item: t.item,
-                    value: t.value
+                  p(e.$slots, d.slotName, {
+                    classes: d.classes,
+                    content: d.content,
+                    item: a.item,
+                    value: a.value
                   }, () => [
-                    ye(m(u.content), 1)
+                    me(u(d.content), 1)
                   ])
                 ], 2))), 128)),
-                e.actions ? (n(), d("td", {
+                e.actions ? (t(), s("td", {
                   key: 1,
-                  class: p(["bb-table__cell bb-table__cell--actions", e.tdClass])
+                  class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
                 }, [
-                  f(e.$slots, "actions", {
-                    item: t.item,
-                    value: t.value
+                  p(e.$slots, "actions", {
+                    item: a.item,
+                    value: a.value
                   })
-                ], 2)) : C("", !0)
-              ], 40, Ue))), 128))
-            ]) : f(e.$slots, "no-data", { key: 1 }, () => [
+                ], 2)) : m("", !0)
+              ], 40, ll))), 128))
+            ]) : p(e.$slots, "no-data", { key: 1 }, () => [
               o("tr", {
-                "aria-rowindex": I.value ? 2 : void 0,
+                "aria-rowindex": h.value ? 2 : void 0,
                 class: "bb-table-no-data__row"
               }, [
                 o("td", {
                   class: "bb-table-no-data__cell",
-                  colspan: z.value
+                  colspan: O.value
                 }, [
-                  o("span", Me, m(e.noDataText || h(w)("table.noDataText").value), 1)
-                ], 8, Fe)
-              ], 8, ze)
+                  o("span", el, u(e.noDataText || y(C)("table.noDataText").value), 1)
+                ], 8, Ze)
+              ], 8, Ye)
             ])
           ]),
           o("tfoot", null, [
-            f(e.$slots, "tfoot")
+            p(e.$slots, "tfoot")
           ])
         ]),
-        (n(!0), d(A, null, B(re.value, (t) => (n(), d("input", he({
-          key: t.value,
+        (t(!0), s(f, null, g(de.value, (a) => (t(), s("input", ye({
+          key: a.value,
           ref_for: !0
-        }, t), null, 16))), 128))
+        }, a), null, 16))), 128))
       ]),
       _: 3
-    }, 8, ["aria-rowcount", "class"]));
+    }, 8, ["aria-busy", "aria-rowcount", "class", "inert"]));
   }
 });
 export {
-  ul as default
+  wl as default
 };