bitboss-ui 2.0.135 → 2.0.136

package/dist/index111.js

@@ -1,31 +1,31 @@
-import { defineComponent as ue, ref as K, computed as h, toRef as E, 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 "./index311.js";
-import { clamp as ke } from "./index206.js";
-import { isNil as T } from "./index262.js";
-import { useId as _e } from "./index8.js";
-import { useItemValue as ge } from "./index271.js";
-import { when as Ce } from "./index208.js";
-import Y from "./index17.js";
+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";
 /* empty css        */
-import we from "./index31.js";
+import Ve from "./index31.js";
 /* empty css        */
-import { hash as j } from "./index217.js";
-import { useItemsGetter as Ie } from "./index228.js";
-import { usePrefill as Ve } from "./index233.js";
-import { useIndexById as Ae } from "./index229.js";
-import { useBaseOptions as Be } from "./index230.js";
-import { useHashedWatcher as Te } from "./index232.js";
-import { useLocale as $e } from "./index225.js";
-const xe = {
+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 = {
   key: 0,
   class: "sr-only"
-}, Le = ["aria-rowindex"], Ne = { class: "bb-table-header__content" }, De = { class: "bb-table-check__label-text sr-only" }, Se = {
+}, De = ["aria-rowindex"], Se = { class: "bb-table-header__content" }, He = { 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 = {
+}, 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 = {
   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({
+}, 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({
   __name: "BbTable",
   props: {
     accessibleLabel: {},
@@ -66,190 +66,188 @@ const xe = {
     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(), q = _e().id.value, t = Z, c = ee, { t: C } = $e(), $ = K(), te = (e) => [C("table.select").value].concat(e.map((a) => a.content)).join(" "), ae = h(() => t.selectable ? "fieldset" : "div"), z = h(() => t.loading || se.value), w = h(
-      () => !T(t.page) && !T(t.perPage) && !T(t.totalItems)
-    ), F = h(() => [!!t.selectable, !!t.actions].reduce(
+  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,
-      t.columns.length
-    )), M = h(
-      () => t.columns.reduce(
+      l.columns.length
+    )), U = h(
+      () => l.columns.reduce(
         (e, a) => {
-          const l = a.key.split(/\W+/g).join("_").toLowerCase();
-          return e[a.key] = l, e;
+          const i = a.key.split(/\W+/g).join("_").toLowerCase();
+          return e[a.key] = i, e;
         },
         {}
       )
     ), {
-      getter: U,
-      items: S,
-      loading: se
-    } = Ie({
-      items: E(t, "items")
-    }), { hasPrefilled: oe } = Ve({
+      getter: G,
+      items: H,
+      loading: oe
+    } = Be({
+      items: z(l, "items")
+    }), { hasPrefilled: ne } = Te({
       onStart: !0,
-      currentValue: t.modelValue,
-      multiple: t.multiple,
+      currentValue: l.modelValue,
+      multiple: l.multiple,
       fn: async ({ prefill: e }) => {
-        await U(e, t.modelValue);
+        await G(e, l.modelValue);
       }
-    }), { data: W } = Ae({
-      items: E(t, "modelValue")
-    }), { options: x } = Be({
-      disabled: E(t, "disabled"),
-      items: S,
+    }), { data: J } = $e({
+      items: z(l, "modelValue")
+    }), { options: x } = Ae({
+      disabled: z(l, "disabled"),
+      items: H,
       itemText: void 0,
-      itemValue: t.itemValue,
-      max: t.max,
+      itemValue: l.itemValue,
+      max: l.max,
       selectable: !0,
-      selectedIndexedByHash: W
-    }), 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 a = { ...W.value };
-        delete a[e.valueHash], c("update:modelValue", Object.values(a));
+      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));
       } else
-        c("update:modelValue", null);
+        r("update:modelValue", null);
     };
-    Te(
-      () => [t.dependencies, t.items],
+    xe(
+      () => [l.dependencies, l.items],
       async () => {
-        oe.value && await U(!1, t.modelValue);
+        ne.value && await G(!1, l.modelValue);
       },
       {
-        debounce: t.depsDebounceTime
+        debounce: l.depsDebounceTime
       }
     );
-    const ce = h(
-      () => t.columns.map(
+    const ie = h(
+      () => l.columns.map(
         (e) => {
-          const a = e.align || "left", { label: l, key: u } = e, I = `header:${M.value[e.key]}`;
-          let i = [`bb-table-header--${a}`];
-          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;
+          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;
           return {
             align: a,
-            key: u,
-            label: l,
-            slotName: I,
-            classes: i,
-            sortDirection: r
+            key: g,
+            label: i,
+            slotName: t,
+            classes: o,
+            sortDirection: b
           };
         }
       )
-    ), H = h(() => x.value.map(
+    ), R = h(() => x.value.map(
       (e, a) => {
-        let l = !t.selectable;
-        typeof t.selectable == "function" && (l = !t.selectable(e.item)), l = l || !!e.disabled;
-        const u = w.value ? a + (t.page - 1) * t.perPage + 2 : void 0, I = t.columns.map(
+        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 = M.value[s.key], N = s.align || "left", { label: P, key: O } = s;
-            let y = le(e.item, s.key);
+            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
-            (!T(y) || s.formatOnNull !== !1) && (y = s.formatter(y, s.key, e.item)), s.placeholder && T(y) && (y = s.placeholder);
-            let b = [`bb-table-data__cell--${N}`];
-            if (t.tdClass)
-              if (typeof t.tdClass == "function") {
-                let V = t.tdClass(y, s.key, e.item);
-                V && (b = b.concat(V));
-              } else b = b.concat(t.tdClass);
+            (!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 V = s.tdClass(y, s.key, e.item);
-                V && (b = b.concat(V));
-              } else b = b.concat(s.tdClass);
+                let B = s.tdClass(y, s.key, e.item);
+                B && (u = u.concat(B));
+              } else u = u.concat(s.tdClass);
             return {
               align: N,
-              classes: b,
+              classes: u,
               content: y,
-              key: O,
+              key: j,
               label: P,
               slotName: L
             };
           }
         );
         return {
-          accessibleLabel: te(I),
-          cols: I,
-          onRowClick: (s) => c("click:row", s, e, !!e.selected),
-          onRowContextMenu: (s) => c("contextmenu:row", s, e, !!e.selected),
-          onRowDblClick: (s) => c("dblclick:row", s, e, !!e.selected),
+          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),
           item: e.item,
           text: e.text,
-          rowIndex: u,
+          rowIndex: g,
           valueHash: e.valueHash,
           value: e.value,
           selected: e.selected,
-          disabled: l
+          disabled: i
         };
       }
-    )), k = K(t.selectAll);
+    )), k = E(l.selectAll);
     D(
-      () => t.selectAll,
+      () => l.selectAll,
       () => {
-        k.value = t.selectAll;
+        k.value = l.selectAll;
       }
     ), D(k, () => {
-      _.clear(), c("update:unselectedItems", []), c("update:modelValue", []);
+      _.clear(), r("update:unselectedItems", []), r("update:modelValue", []);
     });
-    const G = h(() => {
+    const K = h(() => {
       var e;
-      return (e = t.modelValue) != null && e.length ? H.value.some((a) => !a.selected) : !!(k.value && _.size);
-    }), _ = pe(/* @__PURE__ */ new Set());
+      return (e = l.modelValue) != null && e.length ? R.value.some((a) => !a.selected) : !!(k.value && _.size);
+    }), _ = me(/* @__PURE__ */ new Set());
     D(
-      () => t.unselectedItems,
+      () => l.unselectedItems,
       () => {
-        _.clear(), t.unselectedItems.forEach((e) => {
-          _.add(j(e));
+        _.clear(), l.unselectedItems.forEach((e) => {
+          _.add(W(e));
         });
       }
     );
-    const J = (e) => {
-      R(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(
+    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(
         "update:unselectedItems",
-        t.unselectedItems.filter((a) => j(a) !== j(e.value))
+        l.unselectedItems.filter((a) => W(a) !== W(e.value))
       ));
-    }, R = (e) => _.has(e.valueHash) ? !1 : e.selected || k.value, ie = Ce(
+    }, O = (e) => _.has(e.valueHash) ? !1 : e.selected || k.value, re = Ie(
       (e) => typeof e != "string",
       JSON.stringify
-    ), re = h(() => [].concat(t.modelValue).map((e) => {
-      const a = ie(e);
+    ), be = h(() => [].concat(l.modelValue).map((e) => {
+      const a = re(e);
       return {
-        disabled: t.disabled,
-        name: t.name,
+        disabled: l.disabled,
+        name: l.name,
         type: "hidden",
         value: a
       };
-    })), be = h(() => ke(x.value.length, 4, 10));
+    })), ue = h(() => ge(x.value.length, 4, 10)), w = E({});
     return D(
-      () => H.value,
+      () => R.value,
       () => {
         var e;
-        if (t.fixedColumns.length && t.items && $.value) {
-          const a = Array.from(
-            $.value.querySelectorAll("thead th")
-          ), l = t.fixedColumns.reduce(
-            (i, r) => {
-              const s = typeof r == "number" ? r : r.index, L = typeof r == "number" ? "left" : r.position, N = a[s].getBoundingClientRect(), P = Math.floor(N.width), O = i.filter((b) => b.position === L).map((b) => b.width).reduce(ve, 0), y = {
+        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,
                 position: L,
                 width: P,
-                offset: O
+                offset: j
               };
-              return i.push(y), i;
+              return o.push(y), o;
             },
             []
           );
-          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(", ")
+          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(", ")
               )
             )
-          ).forEach((i) => {
-            i.forEach((r, s) => {
-              r.style.position = "sticky", l[s].position === "left" ? r.style.left = `${l[s].offset}px` : r.style.right = `${l[s].offset}px`;
+          ).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`;
             });
           });
         }
@@ -257,232 +255,244 @@ const xe = {
       {
         flush: "post"
       }
-    ), (e, a) => (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": z.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"
+    ), (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"
                 }, [
-                  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", {
+                  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", {
                         key: 0,
                         class: p(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
+                          "bb-table-check__label--disabled": t.disabled
                         }])
                       }, [
-                        (n(), Q(Y, {
-                          key: G.value.toString(),
-                          modelValue: k.value,
-                          "onUpdate:modelValue": [
-                            a[0] || (a[0] = (l) => k.value = l),
-                            a[1] || (a[1] = (l) => c("update:selectAll", l))
-                          ],
+                        Y(Z, {
+                          checked: O(t),
                           class: "bb-table-check",
-                          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))
+                          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)) : 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"
-                }, [
-                  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)
-            ])
-          ]),
-          o("tbody", null, [
-            z.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: F.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"
-                    }, 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)
-            ]) : v(x).length ? f(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(A, null, B(H.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: R(l),
-                    disabled: !!l.disabled,
-                    inputName: v(q),
-                    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: R(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(q),
-                        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: F.value
+                  ], 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)
+                    ])
+                  ], 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"
                 }, [
-                  o("span", Me, m(e.noDataText || v(C)("table.noDataText").value), 1)
-                ], 8, Fe)
-              ], 8, ze)
+                  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")
             ])
           ]),
-          o("tfoot", null, [
-            f(e.$slots, "tfoot")
-          ])
+          (d(!0), c(T, null, $(be.value, (t) => (d(), c("input", ke({
+            key: t.value,
+            ref_for: !0
+          }, t), null, 16))), 128))
         ]),
-        (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"]));
+        _: 3
+      }, 8, ["aria-rowcount", "class", "style"]);
+    };
   }
 });
 export {
-  ul as default
+  ml as default
 };