bitboss-ui 2.0.5 → 2.0.8

package/dist/index105.js

@@ -1,407 +1,273 @@
-import { defineComponent as oe, ref as x, computed as h, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as k, createElementVNode as s, renderSlot as f, createVNode as I, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index275.js";
-import { clamp as pe } from "./index217.js";
-import { isNil as M } from "./index124.js";
-import { useId as fe } from "./index7.js";
-import { useItemValue as me } from "./index271.js";
-import { when as he } from "./index215.js";
-import J from "./index14.js";
+import { defineComponent as X, ref as v, computed as p, getCurrentInstance as Y, watch as g, nextTick as Z, openBlock as d, createElementBlock as f, unref as ee, normalizeClass as q, createElementVNode as c, renderSlot as y, normalizeProps as U, guardReactiveProps as z, Fragment as K, renderList as H, createVNode as J, withCtx as S, toDisplayString as le, createBlock as te, Transition as ae, createCommentVNode as se } from "vue";
+import { useId as ie } from "./index9.js";
+import { useRoute as re } from "./index133.js";
+import { useRouter as ne } from "./index134.js";
+import { wait as oe } from "./index128.js";
+import { useScroll as ue } from "./index129.js";
+import de from "./index14.js";
 /* empty css        */
-import ye from "./index28.js";
-/* empty css        */
-import { useOptions as _e } from "./index221.js";
-const ke = { key: 0 }, ve = { class: "bb-table-header-row" }, Ce = { class: "bb-table-header__content" }, ge = { class: "bb-table-check__label-text" }, we = {
-  key: 1,
-  class: "bb-table-radio__label-text"
-}, Te = { class: "bb-table-header__content" }, Ve = { class: "bb-table-header__content" }, $e = { class: "bb-table-loading__row" }, Ae = ["colspan"], Be = { class: "bb-table-loading__text" }, Ne = {
-  class: "bb-table-skeleton__container",
-  role: "status"
-}, Se = /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__avatar-container" }, [
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__avatar" })
-], -1), De = /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__text" }, [
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__line" }),
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__line" })
-], -1), Le = [
-  Se,
-  De
-], Re = { class: "bb-table-no-data__row" }, Ie = ["colspan"], ze = { class: "bb-table-no-data__text" }, Oe = ["onClick", "onContextmenu", "onDblclick"], He = { class: "bb-table-check__label-text" }, qe = { class: "bb-table-radio__label-text" }, Xe = /* @__PURE__ */ oe({
-  __name: "BbTable",
+import ce from "./index124.js";
+/* empty css         */
+const be = ["id"], fe = { class: "bb-tab__label-boundary" }, ye = { class: "bb-tab__label" }, me = { class: "bb-tab__panes-container" }, he = ["id", "aria-labelledby"], xe = /* @__PURE__ */ X({
+  __name: "BbTab",
   props: {
-    accessibleLabel: { type: Function, default: (N) => ["Seleziona"].concat(N.map((S) => S.content)).join(" ") },
-    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 },
     disabled: { type: Boolean },
-    displayCaption: { type: Boolean },
-    fixed: { type: Boolean },
-    fixedColumns: { default: () => [] },
-    fixedHeaders: { type: Boolean },
-    items: { type: [Array, Function], default: () => [] },
-    itemValue: {},
-    legend: {},
-    loading: { type: Boolean },
-    loadingText: { default: "Caricamento" },
-    modelValue: { default: () => [] },
-    multiple: { type: Boolean, default: !0 },
-    name: {},
-    noDataText: { default: "Non ci sono elementi da visualizzare" },
-    readonly: {},
-    selectable: { type: [Boolean, Function] },
-    selectAll: { type: Boolean },
-    selectAllLabel: { default: "Seleziona tutti gli elementi di questa pagina" },
-    selectText: { default: "Seleziona un elemento" },
-    tdClass: {},
-    thClass: {}
+    eager: { type: Boolean },
+    id: {},
+    animate: { type: Boolean, default: !0 },
+    direction: { default: "horizontal" },
+    items: {},
+    modelValue: {},
+    navigation: { type: Boolean },
+    querykey: { default: "tab" },
+    replace: { type: Boolean }
   },
-  emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll"],
-  setup(N, { emit: S }) {
-    const { getItemValue: P } = me(), D = fe().id.value, a = N, v = S, V = x(), Q = a.accessibleLabel, U = a.loadingText, W = a.noDataText, z = a.selectText, G = h(() => a.selectable ? "fieldset" : "div"), K = x(!1), O = h(() => a.loading || K.value), H = h(() => [!!a.selectable, !!a.actions].reduce(
-      (e, o) => e + +!!o,
-      a.columns.length
-    )), q = h(
-      () => a.columns.reduce(
-        (e, o) => {
-          const l = o.key.split(/\W+/g).join("_");
-          return e[o.key] = l, e;
-        },
-        {}
-      )
-    ), { options: $, selectOption: X, unselectOption: Y, internalItems: E } = _e({
-      emit: v,
-      itemText: void 0,
-      itemValue: a.itemValue,
-      modelValue: B(a, "modelValue"),
-      multiple: a.multiple,
-      resetQueryOnOptionSelected: !1,
-      stash: !1,
-      items: B(a, "items"),
-      enforceCoherence: !0,
-      prefill: !0,
-      modelValueDebounceTime: 0,
-      dependencies: B(a, "dependencies"),
-      depsDebounceTime: a.depsDebounceTime,
-      queryDebounceTime: 0,
-      disabled: B(a, "disabled")
-    }), Z = h(
-      () => a.columns.map((e) => {
-        const o = e.align || "left", { label: l, key: c } = e, g = `header:${q.value[e.key]}`;
-        let t = [`bb-table-header--${o}`];
-        return a.thClass && (t = t.concat(a.thClass)), e.thClass && (t = t.concat(e.thClass)), {
-          align: o,
-          key: c,
-          label: l,
-          slotName: g,
-          classes: t
-        };
-      })
-    ), C = h(() => $.value.map((e) => {
-      let o = !a.selectable;
-      typeof a.selectable == "function" && (o = !a.selectable(e)), o = o || !!e.disabled;
-      const l = a.columns.map((t) => {
-        const i = q.value[t.key], y = t.align || "left", { label: A, key: L } = t;
-        let m = P(e.item, t.key);
-        t.formatter && // By default the formatter runs anyway
-        (!M(m) || t.formatOnNull !== !1) && (m = t.formatter(m, t.key, e.item)), t.placeholder && M(m) && (m = t.placeholder);
-        let b = [`bb-table-data__cell--${y}`];
-        if (a.tdClass)
-          if (typeof a.tdClass == "function") {
-            let _ = a.tdClass(m, t.key, e.item);
-            _ && (b = b.concat(_));
-          } else b = b.concat(a.tdClass);
-        if (t.tdClass)
-          if (typeof t.tdClass == "function") {
-            let _ = t.tdClass(m, t.key, e.item);
-            _ && (b = b.concat(_));
-          } else b = b.concat(t.tdClass);
-        return {
-          align: y,
-          classes: b,
-          content: m,
-          key: L,
-          label: A,
-          slotName: i
-        };
-      });
-      return {
-        accessibleLabel: Q(l, e.item),
-        cols: l,
-        onRowClick: (t) => v("click:row", t, e, !!e.selected),
-        onRowContextMenu: (t) => v("contextmenu:row", t, e, !!e.selected),
-        onRowDblClick: (t) => v("dblclick:row", t, e, !!e.selected),
-        item: e.item,
-        text: e.text,
-        valueHash: e.valueHash,
-        value: e.value,
-        selected: e.selected,
-        disabled: o
-      };
-    })), ee = (e) => {
-      let o = e, l = [];
-      o && (l = C.value.reduce((c, g) => (g.disabled || c.push(g.value), c), [])), v("update:modelValue", l), v("update:selectAll", e);
-    }, F = h(
-      () => !!(C.value.length && C.value.filter((e) => !e.disabled).every((e) => e.selected))
-    ), le = h(
-      () => {
-        var e;
-        return C.value.some((o) => !o.selected) && !!((e = a.modelValue) != null && e.length);
+  emits: ["update:modelValue"],
+  setup(O, { expose: j, emit: G }) {
+    var C, R, E, P, F, N, A;
+    const l = O, M = G, u = re(), _ = ne(), w = v(), T = l.id ?? ie().id.value, m = `bb-tab_${T}`, x = v(), { isScrolling: Q, arrivedState: I } = ue(x), V = p(() => ({
+      isScrolling: Q.value,
+      left: I.left,
+      right: I.right
+    })), L = !!((R = (C = Y()) == null ? void 0 : C.proxy) != null && R.$inertia), s = v(null), n = p(
+      () => l.items.findIndex((e) => e.key === s.value)
+    ), h = p(() => n.value === 0), k = p(() => n.value === l.items.length - 1);
+    if (l.items.forEach((e) => {
+      if (!e.key)
+        throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
+    }), l.navigation && ((P = (E = u.value) == null ? void 0 : E.query) != null && P[l.querykey]))
+      s.value = (N = (F = u.value) == null ? void 0 : F.query) == null ? void 0 : N[l.querykey];
+    else if (l.navigation && L && ((A = globalThis == null ? void 0 : globalThis.location) != null && A.href) && new URL(globalThis.location.href).searchParams.get(l.querykey))
+      s.value = new URL(globalThis.location.href).searchParams.get(
+        l.querykey
+      );
+    else if (l.modelValue)
+      s.value = l.modelValue;
+    else if (l.items[0]) {
+      const e = l.items.find((t) => !t.disabled);
+      if (!e)
+        throw new Error(
+          "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
+        );
+      const a = e.key;
+      s.value = a;
+    }
+    const b = async (e, a = !1) => {
+      var t, r, i, D;
+      if (l.navigation && u.value && ((r = (t = u.value) == null ? void 0 : t.query) == null ? void 0 : r[l.querykey]) !== e)
+        _ == null || _.push({
+          ...u,
+          query: { ...(i = u.value) == null ? void 0 : i.query, [l.querykey]: e },
+          replace: a
+        });
+      else if (l.navigation && L && ((D = globalThis == null ? void 0 : globalThis.location) != null && D.href) && new URL(globalThis.location.href).searchParams.get(l.querykey) !== e) {
+        const $ = new URL(globalThis.location.href);
+        $.searchParams.set(l.querykey, e), oe(0).then(() => {
+          a ? history.replaceState({}, "", $.toString()) : history.pushState({}, "", $.toString());
+        });
       }
-    ), j = (e) => {
-      e.selected ? Y(e) : X(e);
-    }, te = he(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), ae = h(() => [].concat(a.modelValue).map((e) => {
-      const o = te(e);
-      return {
-        disabled: a.disabled,
-        name: a.name,
-        type: "hidden",
-        value: o
-      };
-    })), se = h(() => pe($.value.length, 4, 10));
-    return ne(
-      () => C.value,
-      () => {
-        var e;
-        if (a.fixedColumns.length && a.items && V.value) {
-          const o = Array.from(
-            V.value.querySelectorAll("thead th")
-          ), l = a.fixedColumns.reduce((t, i) => {
-            const y = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, L = o[y].getBoundingClientRect(), m = Math.floor(L.width), b = t.filter((R) => R.position === A).map((R) => R.width).reduce(ue, 0), _ = {
-              index: y,
-              position: A,
-              width: m,
-              offset: b
-            };
-            return t.push(_), t;
-          }, []);
-          Array.from((e = V.value) == null ? void 0 : e.querySelectorAll("tr")).map(
-            (t) => Array.from(
-              t.querySelectorAll(
-                l.map((i) => `:scope > :nth-child(${i.index + 1})`).join(", ")
-              )
-            )
-          ).forEach((t) => {
-            t.forEach((i, y) => {
-              i.style.position = "sticky", l[y].position === "left" ? i.style.left = `${l[y].offset}px` : i.style.right = `${l[y].offset}px`;
-            });
-          });
+      l.modelValue !== e && M("update:modelValue", e), s.value = e;
+    };
+    s.value && b(s.value, !0);
+    const o = (e) => {
+      var a = null;
+      switch (e) {
+        case "first":
+          for (a = 0; a < l.items.length - 1 && l.items[a].disabled; )
+            a++;
+          break;
+        case "previous": {
+          let i = 1;
+          for (; i < l.items.length && (a = (n.value + l.items.length - i) % l.items.length, l.items[a].disabled); )
+            i++;
+          break;
+        }
+        case "next": {
+          let i = 1;
+          for (; i < l.items.length && (a = (n.value + i) % l.items.length, l.items[a].disabled); )
+            i++;
+          break;
         }
+        case "last":
+          for (a = l.items.length - 1; a >= 0 && l.items[a].disabled; )
+            a--;
+          break;
+      }
+      if (a === null)
+        throw new Error("Could not navigate to next tab");
+      if (l.items[a].disabled) return;
+      const t = l.items[a].key, r = document.querySelector(
+        `#${m}_tab_${t}`
+      );
+      r == null || r.focus(), b(t, l.replace);
+    }, W = (e) => {
+      if (!l.disabled)
+        if (e.key === "ArrowRight")
+          o("next");
+        else if (e.key === "ArrowLeft")
+          o("previous");
+        else if (e.key === "Home")
+          e.preventDefault(), o("first");
+        else if (e.key === "End")
+          e.preventDefault(), o("last");
+        else
+          return;
+    };
+    g(
+      () => l.modelValue,
+      (e) => {
+        e && b(e, l.replace);
+      }
+    ), g(
+      () => {
+        var e, a;
+        return (a = (e = u.value) == null ? void 0 : e.query) == null ? void 0 : a[l.querykey];
       },
-      {
-        flush: "post"
+      (e) => {
+        e && typeof e == "string" && b(e, l.replace);
       }
-    ), (e, o) => (n(), de(ce(G.value), {
-      ref_key: "container",
-      ref: V,
-      class: r({
-        "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": O.value,
-        "bb-table--empty": !u($).length,
-        "bb-table--selectable": e.selectable
-      })
-    }, {
-      default: ie(() => [
-        e.selectable ? (n(), d("legend", ke, p(e.legend), 1)) : k("", !0),
-        s("table", null, [
-          e.caption ? (n(), d("caption", {
-            key: 0,
-            class: r({
-              "bb-table-caption": !0,
-              "bb-table-caption--hidden": !e.displayCaption
-            })
-          }, p(e.caption), 3)) : k("", !0),
-          s("thead", null, [
-            f(e.$slots, "thead", {}, () => [
-              s("tr", ve, [
-                e.selectable ? (n(), d("th", {
-                  key: 0,
-                  class: r(["bb-table-header bb-table-header--select", e.thClass]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, "header:select", {
-                    multiple: e.multiple,
-                    selectAll: !!e.selectAll,
-                    text: u(z)
-                  }, () => [
-                    s("span", Ce, [
-                      e.allowSelectAll && e.multiple ? (n(), d("label", {
-                        key: 0,
-                        class: r(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
-                        }])
-                      }, [
-                        I(J, {
-                          class: "bb-table-check",
-                          disabled: e.disabled,
-                          indeterminate: le.value,
-                          "model-value": F.value,
-                          name: `select_all_${e.name || ""}`,
-                          readonly: e.readonly,
-                          "onUpdate:modelValue": ee
-                        }, null, 8, ["disabled", "indeterminate", "model-value", "name", "readonly"]),
-                        s("span", ge, p(e.selectAllLabel), 1)
-                      ], 2)) : e.multiple ? k("", !0) : (n(), d("span", we, p(u(z)), 1))
-                    ])
-                  ])
-                ], 2)) : k("", !0),
-                (n(!0), d(w, null, T(Z.value, (l) => (n(), d("th", {
-                  key: l.key,
-                  class: r(["bb-table-header", l.classes]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, l.slotName, {
-                    classes: l.classes,
-                    item: void 0,
-                    items: u(E),
-                    label: l.label
+    ), g(
+      s,
+      async () => {
+        if (w.value) {
+          const e = w.value.querySelector(
+            "[role=tablist] .bb-tab__btn--active"
+          );
+          e && (await Z(), e.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "nearest"
+          }));
+        }
+      },
+      { flush: "post" }
+    );
+    const B = v("right");
+    return g(
+      s,
+      (e, a) => {
+        if (e && a) {
+          const t = l.items.findIndex((i) => i.key === e), r = l.items.findIndex((i) => i.key === a);
+          B.value = t > r ? "right" : "left";
+        }
+      },
+      { flush: "sync" }
+    ), j({
+      isFirst: h,
+      isLast: k,
+      current: s,
+      currentIndex: n,
+      goTo: o
+    }), (e, a) => (d(), f("div", {
+      id: ee(T),
+      ref_key: "tabs",
+      ref: w,
+      class: q(["bb-tab", {
+        [`bb-tab--${e.direction}`]: !0,
+        "bb-tab--disabled": !0
+      }])
+    }, [
+      c("div", fe, [
+        c("span", null, [
+          y(e.$slots, "header:prepend", U(z(V.value)))
+        ]),
+        c("ul", {
+          ref_key: "tablist",
+          ref: x,
+          class: "bb-tab__label-container",
+          role: "tablist"
+        }, [
+          (d(!0), f(K, null, H(e.items, (t) => (d(), f("li", {
+            key: t.key,
+            role: "presentation"
+          }, [
+            J(de, {
+              id: `${m}_tab_${t.key}`,
+              "aria-selected": s.value === t.key,
+              class: q(["bb-tab__btn", { "bb-tab__btn--active": s.value === t.key }]),
+              disabled: t.disabled || e.disabled,
+              role: "tab",
+              tabindex: s.value === t.key ? 0 : -1,
+              onClick: (r) => b(t.key, l.replace),
+              onKeydown: W
+            }, {
+              default: S(() => [
+                y(e.$slots, `label-${t.key}`, {
+                  current: s.value,
+                  currentIndex: n.value,
+                  disabled: !!(t.disabled || e.disabled),
+                  goTo: o,
+                  isFirst: h.value,
+                  isLast: k.value,
+                  selected: s.value === t.key,
+                  text: t.label,
+                  value: t.key
+                }, () => [
+                  y(e.$slots, "label", {
+                    current: s.value,
+                    currentIndex: n.value,
+                    disabled: !!(t.disabled || e.disabled),
+                    goTo: o,
+                    isFirst: h.value,
+                    isLast: k.value,
+                    selected: s.value === t.key,
+                    text: t.label,
+                    value: t.key
                   }, () => [
-                    s("span", Te, p(l.label), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("th", {
-                  key: 1,
-                  class: r(["bb-table-header bb-table-header--actions", e.thClass]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    s("span", Ve, p(e.actionsText), 1)
-                  ])
-                ], 2)) : k("", !0)
-              ])
-            ])
-          ]),
-          s("tbody", null, [
-            O.value ? f(e.$slots, "loading", {
-              key: 0,
-              items: u(E)
-            }, () => [
-              s("tr", $e, [
-                s("td", {
-                  class: "bb-table-loading__cell",
-                  colspan: H.value
-                }, [
-                  s("span", Be, p(u(U)), 1),
-                  s("div", Ne, [
-                    (n(!0), d(w, null, T(se.value, (l) => (n(), d("div", {
-                      key: l,
-                      class: "bb-table-skeleton-item"
-                    }, Le))), 128))
+                    c("span", ye, le(t.label), 1)
                   ])
-                ], 8, Ae)
-              ])
-            ]) : u($).length ? f(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(w, null, T(C.value, (l) => (n(), d("tr", {
-                key: l.valueHash,
-                class: "bb-table-data__row",
-                onClick: l.onRowClick,
-                onContextmenu: l.onRowContextMenu,
-                onDblclick: l.onRowDblClick
-              }, [
-                e.selectable ? (n(), d("td", {
+                ])
+              ]),
+              _: 2
+            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
+          ]))), 128))
+        ], 512),
+        c("span", null, [
+          y(e.$slots, "header:append", U(z(V.value)))
+        ])
+      ]),
+      c("div", me, [
+        J(ce, null, {
+          default: S(() => [
+            (d(!0), f(K, null, H(e.items, (t) => (d(), te(ae, {
+              key: t.key,
+              css: e.animate,
+              name: `tab-slide-${B.value}`
+            }, {
+              default: S(() => [
+                s.value === t.key || e.eager || t.eager ? (d(), f("section", {
                   key: 0,
-                  class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                }, [
-                  f(e.$slots, "select", {
-                    checked: !!l.selected,
-                    disabled: !!l.disabled,
-                    inputName: u(D),
-                    item: l.item,
-                    readonly: !!e.readonly,
-                    value: l.value
-                  }, () => [
-                    e.multiple ? (n(), d("label", {
-                      key: 0,
-                      class: r(["bb-table-check__label", {
-                        "bb-table-check__label--disabled": l.disabled
-                      }])
-                    }, [
-                      I(J, {
-                        checked: l.selected || F.value,
-                        class: "bb-table-check",
-                        disabled: l.disabled,
-                        name: u(D),
-                        readonly: e.readonly,
-                        onChange: () => j(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "onChange"]),
-                      s("span", He, p(l.accessibleLabel), 1)
-                    ], 2)) : (n(), d("label", {
-                      key: 1,
-                      class: r(["bb-table-radio__label", {
-                        "bb-table-radio__label--disabled": l.disabled
-                      }])
-                    }, [
-                      I(ye, {
-                        checked: l.selected,
-                        class: "bb-table-radio",
-                        disabled: l.disabled,
-                        name: u(D),
-                        readonly: e.readonly,
-                        value: l.value,
-                        onChange: () => j(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      s("span", qe, p(l.accessibleLabel), 1)
-                    ], 2))
-                  ])
-                ], 2)) : k("", !0),
-                (n(!0), d(w, null, T(l.cols, (c) => (n(), d("td", {
-                  key: c.key,
-                  class: r(["bb-table-data__cell", c.classes])
-                }, [
-                  f(e.$slots, c.slotName, {
-                    classes: c.classes,
-                    content: c.content,
-                    item: l.item,
-                    value: l.value
-                  }, () => [
-                    be(p(c.content), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("td", {
-                  key: 1,
-                  class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
+                  id: `${m}_tabpanel_${t.key}`,
+                  "aria-labelledby": `${m}_tab_${t.key}`,
+                  class: q(["bb-tab__pane", {
+                    "bb-tab__pane--shown": s.value === t.key
+                  }]),
+                  role: "tabpanel",
+                  tabindex: "0"
                 }, [
-                  f(e.$slots, "actions", {
-                    item: l.item,
-                    value: l.value
+                  y(e.$slots, t.key, {
+                    current: s.value,
+                    currentIndex: n.value,
+                    disabled: !!(t.disabled || e.disabled),
+                    goTo: o,
+                    isFirst: h.value,
+                    isLast: k.value,
+                    selected: s.value === t.key,
+                    text: t.label,
+                    value: t.key
                   })
-                ], 2)) : k("", !0)
-              ], 40, Oe))), 128))
-            ]) : f(e.$slots, "no-data", { key: 1 }, () => [
-              s("tr", Re, [
-                s("td", {
-                  class: "bb-table-no-data__cell",
-                  colspan: H.value
-                }, [
-                  s("span", ze, p(u(W)), 1)
-                ], 8, Ie)
-              ])
-            ])
+                ], 10, he)) : se("", !0)
+              ]),
+              _: 2
+            }, 1032, ["css", "name"]))), 128))
           ]),
-          s("tfoot", null, [
-            f(e.$slots, "tfoot")
-          ])
-        ]),
-        (n(!0), d(w, null, T(ae.value, (l) => (n(), d("input", re({
-          key: l.value,
-          ref_for: !0
-        }, l), null, 16))), 128))
-      ]),
-      _: 3
-    }, 8, ["class"]));
+          _: 3
+        })
+      ])
+    ], 10, be));
   }
 });
 export {
-  Xe as default
+  xe as default
 };
 //# sourceMappingURL=index105.js.map