bitboss-ui 2.0.136 → 2.0.137

package/dist/index111.js

@@ -1,31 +1,31 @@
-import { defineComponent as pe, ref as E, computed as h, toRef as z, watch as D, reactive as me, openBlock as d, createBlock as X, resolveDynamicComponent as fe, normalizeClass as p, unref as v, normalizeStyle as ye, withCtx as he, createElementBlock as c, toDisplayString as m, createCommentVNode as C, createElementVNode as n, renderSlot as f, Fragment as T, renderList as $, createVNode as Y, createTextVNode as ve, mergeProps as ke } from "vue";
-import { add as _e } from "./index311.js";
-import { clamp as ge } from "./index206.js";
-import { isNil as A } from "./index257.js";
-import { useId as Ce } from "./index8.js";
-import { useItemValue as we } from "./index273.js";
-import { when as Ie } from "./index208.js";
-import Z from "./index17.js";
+import { defineComponent as ue, ref as K, computed as h, toRef as O, watch as D, reactive as pe, openBlock as n, createBlock as Q, resolveDynamicComponent as me, normalizeClass as p, unref as v, withCtx as fe, createElementBlock as d, toDisplayString as m, createCommentVNode as g, createElementVNode as o, 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 "./index314.js";
+import { clamp as ke } from "./index205.js";
+import { isNil as T } from "./index253.js";
+import { useId as _e } from "./index8.js";
+import { useItemValue as ge } from "./index289.js";
+import { when as Ce } from "./index235.js";
+import Y from "./index17.js";
 /* empty css        */
-import Ve from "./index31.js";
+import we from "./index31.js";
 /* empty css        */
-import { hash as W } from "./index216.js";
-import { useItemsGetter as Be } from "./index212.js";
-import { usePrefill as Te } from "./index218.js";
-import { useIndexById as $e } from "./index213.js";
-import { useBaseOptions as Ae } from "./index214.js";
-import { useHashedWatcher as xe } from "./index217.js";
-import { useLocale as Le } from "./index229.js";
-const Ne = {
+import { hash as E } from "./index213.js";
+import { useItemsGetter as Ie } from "./index239.js";
+import { usePrefill as Ve } from "./index244.js";
+import { useIndexById as Ae } from "./index240.js";
+import { useBaseOptions as Be } from "./index241.js";
+import { useHashedWatcher as Te } from "./index243.js";
+import { useLocale as $e } from "./index221.js";
+const xe = {
   key: 0,
   class: "sr-only"
-}, De = ["aria-rowindex"], Se = { class: "bb-table-header__content" }, He = { class: "bb-table-check__label-text sr-only" }, Re = {
+}, Le = ["aria-rowindex"], Ne = { class: "bb-table-header__content" }, De = { class: "bb-table-check__label-text sr-only" }, Se = {
   key: 1,
   class: "bb-table-radio__label-text sr-only"
-}, Oe = ["aria-sort"], Pe = { class: "bb-table-header__content" }, je = { class: "bb-table-header__content sr-only" }, Ee = ["aria-rowindex"], ze = ["colspan"], We = { class: "bb-table-loading__text sr-only" }, Fe = {
+}, 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"
-}, Me = ["aria-rowindex"], qe = ["colspan"], Ue = { class: "bb-table-no-data__text" }, Ge = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], Je = { class: "bb-table-check__label-text sr-only" }, Ke = { class: "bb-table-radio__label-text sr-only" }, ml = /* @__PURE__ */ pe({
+}, 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({
   __name: "BbTable",
   props: {
     accessibleLabel: {},
@@ -66,188 +66,190 @@ const Ne = {
     unselectedItems: { default: () => [] }
   },
   emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:unselectedItems", "item:selected", "item:unselected"],
-  setup(ee, { emit: le }) {
-    const { getItemValue: te } = we(), F = Ce().id.value, l = ee, r = le, { t: I } = Le(), S = E(), ae = (e) => [I("table.select").value].concat(e.map((a) => a.content)).join(" "), se = h(() => l.selectable ? "fieldset" : "div"), M = h(() => l.loading || oe.value), V = h(
-      () => !A(l.page) && !A(l.perPage) && !A(l.totalItems)
-    ), q = h(() => [!!l.selectable, !!l.actions].reduce(
-      (e, a) => e + +!!a,
-      l.columns.length
-    )), U = h(
-      () => l.columns.reduce(
-        (e, a) => {
-          const i = a.key.split(/\W+/g).join("_").toLowerCase();
-          return e[a.key] = i, e;
+  setup(Z, { emit: ee }) {
+    const { getItemValue: le } = ge(), j = _e().id.value, t = Z, c = ee, { t: C } = $e(), $ = K(), te = (e) => [C("table.select").value].concat(e.map((s) => s.content)).join(" "), ae = h(() => t.selectable ? "fieldset" : "div"), q = h(() => t.loading || se.value), w = h(
+      () => !T(t.page) && !T(t.perPage) && !T(t.totalItems)
+    ), z = h(() => [!!t.selectable, !!t.actions].reduce(
+      (e, s) => e + +!!s,
+      t.columns.length
+    )), F = h(
+      () => t.columns.reduce(
+        (e, s) => {
+          const l = s.key.split(/\W+/g).join("_").toLowerCase();
+          return e[s.key] = l, e;
         },
         {}
       )
     ), {
-      getter: G,
-      items: H,
-      loading: oe
-    } = Be({
-      items: z(l, "items")
-    }), { hasPrefilled: ne } = Te({
+      getter: M,
+      items: S,
+      loading: se
+    } = Ie({
+      items: O(t, "items")
+    }), { hasPrefilled: oe } = Ve({
       onStart: !0,
-      currentValue: l.modelValue,
-      multiple: l.multiple,
+      currentValue: t.modelValue,
+      multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await G(e, l.modelValue);
+        await M(e, t.modelValue);
       }
-    }), { data: J } = $e({
-      items: z(l, "modelValue")
-    }), { options: x } = Ae({
-      disabled: z(l, "disabled"),
-      items: H,
+    }), { data: U } = Ae({
+      items: O(t, "modelValue")
+    }), { options: x } = Be({
+      disabled: O(t, "disabled"),
+      items: S,
       itemText: void 0,
-      itemValue: l.itemValue,
-      max: l.max,
+      itemValue: t.itemValue,
+      max: t.max,
       selectable: !0,
-      selectedIndexedByHash: J
-    }), de = async (e) => {
-      l.multiple ? r("update:modelValue", l.modelValue.concat(e.value)) : r("update:modelValue", e.value);
-    }, ce = async (e) => {
-      if (l.multiple) {
-        const a = { ...J.value };
-        delete a[e.valueHash], r("update:modelValue", Object.values(a));
+      selectedIndexedByHash: U
+    }), ne = async (e) => {
+      t.multiple ? c("update:modelValue", t.modelValue.concat(e.value)) : c("update:modelValue", e.value);
+    }, de = async (e) => {
+      if (t.multiple) {
+        const s = { ...U.value };
+        delete s[e.valueHash], c("update:modelValue", Object.values(s));
       } else
-        r("update:modelValue", null);
+        c("update:modelValue", null);
     };
-    xe(
-      () => [l.dependencies, l.items],
+    Te(
+      () => [t.dependencies, t.items],
       async () => {
-        ne.value && await G(!1, l.modelValue);
+        oe.value && await M(!1, t.modelValue);
       },
       {
-        debounce: l.depsDebounceTime
+        debounce: t.depsDebounceTime
       }
     );
-    const ie = h(
-      () => l.columns.map(
+    const ce = h(
+      () => t.columns.map(
         (e) => {
-          const a = e.align || "left", { label: i, key: g } = e, t = `header:${U.value[e.key]}`;
-          let o = [`bb-table-header--${a}`];
-          l.thClass && (o = o.concat(l.thClass)), e.thClass && (o = o.concat(e.thClass));
-          const b = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+          const s = e.align || "left", { label: l, key: u } = e, I = `header:${F.value[e.key]}`;
+          let i = [`bb-table-header--${s}`];
+          t.thClass && (i = i.concat(t.thClass)), e.thClass && (i = i.concat(e.thClass));
+          const r = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
           return {
-            align: a,
-            key: g,
-            label: i,
-            slotName: t,
-            classes: o,
-            sortDirection: b
+            align: s,
+            key: u,
+            label: l,
+            slotName: I,
+            classes: i,
+            sortDirection: r
           };
         }
       )
-    ), R = h(() => x.value.map(
-      (e, a) => {
-        let i = !l.selectable;
-        typeof l.selectable == "function" && (i = !l.selectable(e.item)), i = i || !!e.disabled;
-        const g = V.value ? a + (l.page - 1) * l.perPage + 2 : void 0, t = l.columns.map(
-          (s) => {
-            const L = U.value[s.key], N = s.align || "left", { label: P, key: j } = s;
-            let y = te(e.item, s.key);
-            s.formatter && // By default the formatter runs anyway
-            (!A(y) || s.formatOnNull !== !1) && (y = s.formatter(y, s.key, e.item)), s.placeholder && A(y) && (y = s.placeholder);
-            let u = [`bb-table-data__cell--${N}`];
-            if (l.tdClass)
-              if (typeof l.tdClass == "function") {
-                let B = l.tdClass(y, s.key, e.item);
-                B && (u = u.concat(B));
-              } else u = u.concat(l.tdClass);
-            if (s.tdClass)
-              if (typeof s.tdClass == "function") {
-                let B = s.tdClass(y, s.key, e.item);
-                B && (u = u.concat(B));
-              } else u = u.concat(s.tdClass);
+    ), W = h(() => x.value.map(
+      (e, s) => {
+        let l = !t.selectable;
+        typeof t.selectable == "function" && (l = !t.selectable(e.item)), l = l || !!e.disabled;
+        const u = w.value ? s + (t.page - 1) * t.perPage + 2 : void 0, I = t.columns.map(
+          (a) => {
+            const L = F.value[a.key], N = a.align || "left", { label: R, key: P } = a;
+            let y = le(e.item, a.key);
+            a.formatter && // By default the formatter runs anyway
+            (!T(y) || a.formatOnNull !== !1) && (y = a.formatter(y, a.key, e.item)), a.placeholder && T(y) && (y = a.placeholder);
+            let b = [`bb-table-data__cell--${N}`];
+            if (t.tdClass)
+              if (typeof t.tdClass == "function") {
+                let V = t.tdClass(y, a.key, e.item);
+                V && (b = b.concat(V));
+              } else b = b.concat(t.tdClass);
+            if (a.tdClass)
+              if (typeof a.tdClass == "function") {
+                let V = a.tdClass(y, a.key, e.item);
+                V && (b = b.concat(V));
+              } else b = b.concat(a.tdClass);
             return {
               align: N,
-              classes: u,
+              classes: b,
               content: y,
-              key: j,
-              label: P,
+              key: P,
+              label: R,
               slotName: L
             };
           }
         );
         return {
-          accessibleLabel: ae(t),
-          cols: t,
-          onRowClick: (s) => r("click:row", s, e, !!e.selected),
-          onRowContextMenu: (s) => r("contextmenu:row", s, e, !!e.selected),
-          onRowDblClick: (s) => r("dblclick:row", s, e, !!e.selected),
+          accessibleLabel: te(I),
+          cols: I,
+          onRowClick: (a) => c("click:row", a, e, !!e.selected),
+          onRowContextMenu: (a) => c("contextmenu:row", a, e, !!e.selected),
+          onRowDblClick: (a) => c("dblclick:row", a, e, !!e.selected),
           item: e.item,
           text: e.text,
-          rowIndex: g,
+          rowIndex: u,
           valueHash: e.valueHash,
           value: e.value,
           selected: e.selected,
-          disabled: i
+          disabled: l
         };
       }
-    )), k = E(l.selectAll);
+    )), k = K(t.selectAll);
     D(
-      () => l.selectAll,
+      () => t.selectAll,
       () => {
-        k.value = l.selectAll;
+        k.value = t.selectAll;
       }
     ), D(k, () => {
-      _.clear(), r("update:unselectedItems", []), r("update:modelValue", []);
+      _.clear(), c("update:unselectedItems", []), c("update:modelValue", []);
     });
-    const K = h(() => {
+    const G = h(() => {
       var e;
-      return (e = l.modelValue) != null && e.length ? R.value.some((a) => !a.selected) : !!(k.value && _.size);
-    }), _ = me(/* @__PURE__ */ new Set());
+      return (e = t.modelValue) != null && e.length && !t.selectAll ? !0 : !!(k.value && _.size);
+    }), _ = pe(/* @__PURE__ */ new Set());
     D(
-      () => l.unselectedItems,
+      () => t.unselectedItems,
       () => {
-        _.clear(), l.unselectedItems.forEach((e) => {
-          _.add(W(e));
+        _.clear(), t.unselectedItems.forEach((e) => {
+          _.add(E(e));
         });
       }
     );
-    const Q = (e) => {
-      O(e) ? (ce(e), r("item:unselected", e.value), _.add(e.valueHash), r("update:unselectedItems", [...l.unselectedItems, e.value])) : (k.value || de(e), r("item:selected", e.value), _.delete(e.valueHash), r(
+    const J = (e) => {
+      H(e) ? (de(e), c("item:unselected", e.value), _.add(e.valueHash), c("update:unselectedItems", [...t.unselectedItems, e.value])) : (k.value || ne(e), c("item:selected", e.value), _.delete(e.valueHash), c(
         "update:unselectedItems",
-        l.unselectedItems.filter((a) => W(a) !== W(e.value))
+        t.unselectedItems.filter((s) => E(s) !== E(e.value))
       ));
-    }, O = (e) => _.has(e.valueHash) ? !1 : e.selected || k.value, re = Ie(
+    }, H = (e) => _.has(e.valueHash) ? !1 : e.selected || k.value, ie = Ce(
       (e) => typeof e != "string",
       JSON.stringify
-    ), be = h(() => [].concat(l.modelValue).map((e) => {
-      const a = re(e);
+    ), re = h(() => [].concat(t.modelValue).map((e) => {
+      const s = ie(e);
       return {
-        disabled: l.disabled,
-        name: l.name,
+        disabled: t.disabled,
+        name: t.name,
         type: "hidden",
-        value: a
+        value: s
       };
-    })), ue = h(() => ge(x.value.length, 4, 10)), w = E({});
+    })), be = h(() => ke(x.value.length, 4, 10));
     return D(
-      () => R.value,
+      () => W.value,
       () => {
         var e;
-        if (l.fixedColumns.length && l.items && S.value) {
-          const a = Object.values(w.value), i = l.fixedColumns.reduce(
-            (o, b) => {
-              const s = typeof b == "number" ? b : b.index, L = typeof b == "number" ? "left" : b.position, N = a[s].getBoundingClientRect(), P = Math.floor(N.width), j = o.filter((u) => u.position === L).map((u) => u.width).reduce(_e, 0), y = {
-                index: s,
+        if (t.fixedColumns.length && t.items && $.value) {
+          const s = Array.from(
+            $.value.querySelectorAll("thead th")
+          ), l = t.fixedColumns.reduce(
+            (i, r) => {
+              const a = typeof r == "number" ? r : r.index, L = typeof r == "number" ? "left" : r.position, N = s[a].getBoundingClientRect(), R = Math.floor(N.width), P = i.filter((b) => b.position === L).map((b) => b.width).reduce(ve, 0), y = {
+                index: a,
                 position: L,
-                width: P,
-                offset: j
+                width: R,
+                offset: P
               };
-              return o.push(y), o;
+              return i.push(y), i;
             },
             []
           );
-          Array.from((e = S.value) == null ? void 0 : e.querySelectorAll("tr")).map(
-            (o) => Array.from(
-              o.querySelectorAll(
-                i.map((b) => `:scope > :nth-child(${b.index + 1})`).join(", ")
+          Array.from((e = $.value) == null ? void 0 : e.querySelectorAll("tr")).map(
+            (i) => Array.from(
+              i.querySelectorAll(
+                l.map((r) => `:scope > :nth-child(${r.index + 1})`).join(", ")
               )
             )
-          ).forEach((o) => {
-            o.forEach((b, s) => {
-              b.style.position = "sticky", i[s].position === "left" ? b.style.left = `${i[s].offset}px` : b.style.right = `${i[s].offset}px`;
+          ).forEach((i) => {
+            i.forEach((r, a) => {
+              r.style.position = "sticky", l[a].position === "left" ? r.style.left = `${l[a].offset}px` : r.style.right = `${l[a].offset}px`;
             });
           });
         }
@@ -255,244 +257,232 @@ const Ne = {
       {
         flush: "post"
       }
-    ), (e, a) => {
-      var i, g;
-      return d(), X(fe(se.value), {
-        ref_key: "container",
-        ref: S,
-        "aria-rowcount": V.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": M.value,
-          "bb-table--empty": !v(x).length,
-          "bb-table--selectable": e.selectable
-        }),
-        style: ye({
-          "--bb-columns": e.columns.length + (l.selectable ? 1 : 0) + (l.actions ? 1 : 0),
-          "--bb-selectable-width": (((i = w.value.selectable) == null ? void 0 : i.clientWidth) || 0) + "px",
-          "--bb-actions-width": (((g = w.value.actions) == null ? void 0 : g.clientWidth) || 0) + "px"
-        })
-      }, {
-        default: he(() => [
-          e.selectable ? (d(), c("legend", Ne, m(e.legend), 1)) : C("", !0),
-          n("table", null, [
-            e.caption ? (d(), c("caption", {
-              key: 0,
-              class: p({
-                "bb-table-caption": !0,
-                "sr-only": !e.displayCaption
-              })
-            }, m(e.caption), 3)) : C("", !0),
-            n("thead", null, [
-              f(e.$slots, "thead", {}, () => [
-                n("tr", {
-                  "aria-rowindex": V.value ? 1 : void 0,
-                  class: "bb-table-header-row"
-                }, [
-                  e.selectable ? (d(), c("th", {
-                    key: 0,
-                    ref: (t) => w.value.selectable = t,
-                    class: p(["bb-table-header bb-table-header--select", e.thClass]),
-                    scope: "col"
-                  }, [
-                    f(e.$slots, "header:select", {
-                      multiple: e.multiple,
-                      selectAll: !!k.value,
-                      text: e.selectText || v(I)("table.selectText").value
-                    }, () => [
-                      n("span", Se, [
-                        e.allowSelectAll && e.multiple ? (d(), c("label", {
-                          key: 0,
-                          class: p(["bb-table-check__label", {
-                            "bb-table-check__label--disabled": e.disabled
-                          }])
-                        }, [
-                          (d(), X(Z, {
-                            key: K.value.toString(),
-                            modelValue: k.value,
-                            "onUpdate:modelValue": [
-                              a[0] || (a[0] = (t) => k.value = t),
-                              a[1] || (a[1] = (t) => r("update:selectAll", t))
-                            ],
-                            class: "bb-table-check",
-                            disabled: e.disabled,
-                            indeterminate: K.value,
-                            name: `select_all_${e.name || ""}`,
-                            readonly: e.readonly
-                          }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                          n("span", He, m(e.selectAllLabel || v(I)("table.selectAllLabel").value), 1)
-                        ], 2)) : e.multiple ? C("", !0) : (d(), c("span", Re, m(e.selectText || v(I)("table.selectText").value), 1))
-                      ])
-                    ])
-                  ], 2)) : C("", !0),
-                  (d(!0), c(T, null, $(ie.value, (t) => (d(), c("th", {
-                    key: t.key,
-                    ref_for: !0,
-                    ref: (o) => w.value[t.key] = o,
-                    "aria-sort": t.sortDirection,
-                    class: p(["bb-table-header", t.classes]),
-                    scope: "col"
-                  }, [
-                    f(e.$slots, t.slotName, {
-                      classes: t.classes,
-                      items: v(H),
-                      label: t.label
-                    }, () => [
-                      n("span", Pe, m(t.label), 1)
-                    ])
-                  ], 10, Oe))), 128)),
-                  e.actions ? (d(), c("th", {
-                    key: 1,
-                    ref: (t) => w.value.actions = t,
-                    class: p(["bb-table-header bb-table-header--actions", e.thClass]),
-                    scope: "col"
-                  }, [
-                    f(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                      n("span", je, m(e.actionsText), 1)
-                    ])
-                  ], 2)) : C("", !0)
-                ], 8, De)
-              ])
-            ]),
-            n("tbody", null, [
-              M.value ? f(e.$slots, "loading", {
-                key: 0,
-                items: v(H)
-              }, () => [
-                n("tr", {
-                  "aria-rowindex": V.value ? 2 : void 0,
-                  class: "bb-table-loading__row"
+    ), (e, s) => (n(), Q(me(ae.value), {
+      ref_key: "container",
+      ref: $,
+      "aria-rowcount": w.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": !v(x).length,
+        "bb-table--selectable": e.selectable
+      })
+    }, {
+      default: fe(() => [
+        e.selectable ? (n(), d("legend", xe, m(e.legend), 1)) : g("", !0),
+        o("table", null, [
+          e.caption ? (n(), d("caption", {
+            key: 0,
+            class: p({
+              "bb-table-caption": !0,
+              "sr-only": !e.displayCaption
+            })
+          }, m(e.caption), 3)) : g("", !0),
+          o("thead", null, [
+            f(e.$slots, "thead", {}, () => [
+              o("tr", {
+                "aria-rowindex": w.value ? 1 : void 0,
+                class: "bb-table-header-row"
+              }, [
+                e.selectable ? (n(), d("th", {
+                  key: 0,
+                  class: p(["bb-table-header bb-table-header--select", e.thClass]),
+                  scope: "col"
                 }, [
-                  n("td", {
-                    class: "bb-table-loading__cell",
-                    colspan: q.value
-                  }, [
-                    n("span", We, m(e.loadingText), 1),
-                    n("div", Fe, [
-                      (d(!0), c(T, null, $(ue.value, (t) => (d(), c("div", {
-                        key: t,
-                        class: "bb-table-skeleton-item"
-                      }, a[2] || (a[2] = [
-                        n("div", { class: "bb-table-skeleton-item__avatar-container" }, [
-                          n("div", { class: "bb-table-skeleton-item__avatar" })
-                        ], -1),
-                        n("div", { class: "bb-table-skeleton-item__text" }, [
-                          n("div", { class: "bb-table-skeleton-item__line" }),
-                          n("div", { class: "bb-table-skeleton-item__line" })
-                        ], -1)
-                      ])))), 128))
-                    ])
-                  ], 8, ze)
-                ], 8, Ee)
-              ]) : v(x).length ? f(e.$slots, "tbody", { key: 2 }, () => [
-                (d(!0), c(T, null, $(R.value, (t) => (d(), c("tr", {
-                  key: t.valueHash,
-                  "aria-rowindex": t.rowIndex,
-                  class: "bb-table-data__row",
-                  onClick: t.onRowClick,
-                  onContextmenu: t.onRowContextMenu,
-                  onDblclick: t.onRowDblClick
-                }, [
-                  e.selectable ? (d(), c("td", {
-                    key: 0,
-                    class: p(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                  }, [
-                    f(e.$slots, "select", {
-                      checked: O(t),
-                      disabled: !!t.disabled,
-                      inputName: v(F),
-                      item: t.item,
-                      readonly: !!e.readonly,
-                      value: t.value
-                    }, () => [
-                      e.multiple ? (d(), c("label", {
+                  f(e.$slots, "header:select", {
+                    multiple: e.multiple,
+                    selectAll: !!k.value,
+                    text: e.selectText || v(C)("table.selectText").value
+                  }, () => [
+                    o("span", Ne, [
+                      e.allowSelectAll && e.multiple ? (n(), d("label", {
                         key: 0,
                         class: p(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": t.disabled
+                          "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        Y(Z, {
-                          checked: O(t),
+                        (n(), Q(Y, {
+                          key: G.value.toString(),
+                          modelValue: k.value,
+                          "onUpdate:modelValue": [
+                            s[0] || (s[0] = (l) => k.value = l),
+                            s[1] || (s[1] = (l) => c("update:selectAll", l))
+                          ],
                           class: "bb-table-check",
-                          disabled: t.disabled,
-                          readonly: e.readonly,
-                          onChange: () => Q(t)
-                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                        n("span", Je, m(t.accessibleLabel), 1)
-                      ], 2)) : (d(), c("label", {
-                        key: 1,
-                        class: p(["bb-table-radio__label", {
-                          "bb-table-radio__label--disabled": t.disabled
-                        }])
-                      }, [
-                        Y(Ve, {
-                          checked: t.selected,
-                          class: "bb-table-radio",
-                          disabled: t.disabled,
-                          name: v(F),
-                          readonly: e.readonly,
-                          value: t.value,
-                          onChange: () => Q(t)
-                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                        n("span", Ke, m(t.accessibleLabel), 1)
-                      ], 2))
-                    ])
-                  ], 2)) : C("", !0),
-                  (d(!0), c(T, null, $(t.cols, (o) => (d(), c("td", {
-                    key: o.key,
-                    class: p(["bb-table-data__cell", o.classes])
-                  }, [
-                    f(e.$slots, o.slotName, {
-                      classes: o.classes,
-                      content: o.content,
-                      item: t.item,
-                      value: t.value
-                    }, () => [
-                      ve(m(o.content), 1)
+                          disabled: e.disabled,
+                          indeterminate: G.value,
+                          name: `select_all_${e.name || ""}`,
+                          readonly: e.readonly
+                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
+                        o("span", De, m(e.selectAllLabel || v(C)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? g("", !0) : (n(), d("span", Se, m(e.selectText || v(C)("table.selectText").value), 1))
                     ])
-                  ], 2))), 128)),
-                  e.actions ? (d(), c("td", {
-                    key: 1,
-                    class: p(["bb-table__cell bb-table__cell--actions", e.tdClass])
-                  }, [
-                    f(e.$slots, "actions", {
-                      item: t.item,
-                      value: t.value
-                    })
-                  ], 2)) : C("", !0)
-                ], 40, Ge))), 128))
-              ]) : f(e.$slots, "no-data", { key: 1 }, () => [
-                n("tr", {
-                  "aria-rowindex": V.value ? 2 : void 0,
-                  class: "bb-table-no-data__row"
+                  ])
+                ], 2)) : g("", !0),
+                (n(!0), d(A, null, B(ce.value, (l) => (n(), d("th", {
+                  key: l.key,
+                  "aria-sort": l.sortDirection,
+                  class: p(["bb-table-header", l.classes]),
+                  scope: "col"
                 }, [
-                  n("td", {
-                    class: "bb-table-no-data__cell",
-                    colspan: q.value
-                  }, [
-                    n("span", Ue, m(e.noDataText || v(I)("table.noDataText").value), 1)
-                  ], 8, qe)
-                ], 8, Me)
-              ])
-            ]),
-            n("tfoot", null, [
-              f(e.$slots, "tfoot")
+                  f(e.$slots, l.slotName, {
+                    classes: l.classes,
+                    items: v(S),
+                    label: l.label
+                  }, () => [
+                    o("span", Re, m(l.label), 1)
+                  ])
+                ], 10, He))), 128)),
+                e.actions ? (n(), d("th", {
+                  key: 1,
+                  class: p(["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)
+                  ])
+                ], 2)) : g("", !0)
+              ], 8, Le)
             ])
           ]),
-          (d(!0), c(T, null, $(be.value, (t) => (d(), c("input", ke({
-            key: t.value,
-            ref_for: !0
-          }, t), null, 16))), 128))
+          o("tbody", null, [
+            q.value ? f(e.$slots, "loading", {
+              key: 0,
+              items: v(S)
+            }, () => [
+              o("tr", {
+                "aria-rowindex": w.value ? 2 : void 0,
+                class: "bb-table-loading__row"
+              }, [
+                o("td", {
+                  class: "bb-table-loading__cell",
+                  colspan: z.value
+                }, [
+                  o("span", je, m(e.loadingText), 1),
+                  o("div", qe, [
+                    (n(!0), d(A, null, B(be.value, (l) => (n(), d("div", {
+                      key: l,
+                      class: "bb-table-skeleton-item"
+                    }, s[2] || (s[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)
+            ]) : v(x).length ? f(e.$slots, "tbody", { key: 2 }, () => [
+              (n(!0), d(A, null, B(W.value, (l) => (n(), d("tr", {
+                key: l.valueHash,
+                "aria-rowindex": l.rowIndex,
+                class: "bb-table-data__row",
+                onClick: l.onRowClick,
+                onContextmenu: l.onRowContextMenu,
+                onDblclick: l.onRowDblClick
+              }, [
+                e.selectable ? (n(), d("td", {
+                  key: 0,
+                  class: p(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
+                }, [
+                  f(e.$slots, "select", {
+                    checked: H(l),
+                    disabled: !!l.disabled,
+                    inputName: v(j),
+                    item: l.item,
+                    readonly: !!e.readonly,
+                    value: l.value
+                  }, () => [
+                    e.multiple ? (n(), d("label", {
+                      key: 0,
+                      class: p(["bb-table-check__label", {
+                        "bb-table-check__label--disabled": l.disabled
+                      }])
+                    }, [
+                      X(Y, {
+                        checked: H(l),
+                        class: "bb-table-check",
+                        disabled: l.disabled,
+                        readonly: e.readonly,
+                        onChange: () => J(l)
+                      }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
+                      o("span", We, m(l.accessibleLabel), 1)
+                    ], 2)) : (n(), d("label", {
+                      key: 1,
+                      class: p(["bb-table-radio__label", {
+                        "bb-table-radio__label--disabled": l.disabled
+                      }])
+                    }, [
+                      X(we, {
+                        checked: l.selected,
+                        class: "bb-table-radio",
+                        disabled: l.disabled,
+                        name: v(j),
+                        readonly: e.readonly,
+                        value: l.value,
+                        onChange: () => J(l)
+                      }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
+                      o("span", Ge, m(l.accessibleLabel), 1)
+                    ], 2))
+                  ])
+                ], 2)) : g("", !0),
+                (n(!0), d(A, null, B(l.cols, (u) => (n(), d("td", {
+                  key: u.key,
+                  class: p(["bb-table-data__cell", u.classes])
+                }, [
+                  f(e.$slots, u.slotName, {
+                    classes: u.classes,
+                    content: u.content,
+                    item: l.item,
+                    value: l.value
+                  }, () => [
+                    ye(m(u.content), 1)
+                  ])
+                ], 2))), 128)),
+                e.actions ? (n(), d("td", {
+                  key: 1,
+                  class: p(["bb-table__cell bb-table__cell--actions", e.tdClass])
+                }, [
+                  f(e.$slots, "actions", {
+                    item: l.item,
+                    value: l.value
+                  })
+                ], 2)) : g("", !0)
+              ], 40, Ue))), 128))
+            ]) : f(e.$slots, "no-data", { key: 1 }, () => [
+              o("tr", {
+                "aria-rowindex": w.value ? 2 : void 0,
+                class: "bb-table-no-data__row"
+              }, [
+                o("td", {
+                  class: "bb-table-no-data__cell",
+                  colspan: z.value
+                }, [
+                  o("span", Me, m(e.noDataText || v(C)("table.noDataText").value), 1)
+                ], 8, Fe)
+              ], 8, ze)
+            ])
+          ]),
+          o("tfoot", null, [
+            f(e.$slots, "tfoot")
+          ])
         ]),
-        _: 3
-      }, 8, ["aria-rowcount", "class", "style"]);
-    };
+        (n(!0), d(A, null, B(re.value, (l) => (n(), d("input", he({
+          key: l.value,
+          ref_for: !0
+        }, l), null, 16))), 128))
+      ]),
+      _: 3
+    }, 8, ["aria-rowcount", "class"]));
   }
 });
 export {
-  ml as default
+  ul as default
 };