bitboss-ui 2.1.106 → 2.1.107

package/dist/index124.js

@@ -1,555 +1,368 @@
-import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as O, useModel as Y, watch as M, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as o, createCommentVNode as p, createElementVNode as n, toDisplayString as m, renderSlot as c, unref as v, Fragment as k, renderList as x, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
-import { clamp as Ve } from "./index218.js";
-import { hash as T } from "./index230.js";
-import { isNil as w } from "./index270.js";
-import { when as $e } from "./index261.js";
-import { useId as Be } from "./index8.js";
-import { useItemValue as He } from "./index276.js";
-import { useItemsGetter as Te } from "./index242.js";
-import { usePrefill as Ae } from "./index247.js";
-import { useIndexById as le } from "./index243.js";
-import { useBaseOptions as Ne } from "./index244.js";
-import { useHashedWatcher as Le } from "./index246.js";
-import { useLocale as De } from "./index239.js";
-import ae from "./index18.js";
+import { defineComponent as fe, ref as r, computed as f, getCurrentInstance as be, watch as b, nextTick as J, onMounted as me, createElementBlock as y, openBlock as u, normalizeClass as S, unref as he, createElementVNode as m, renderSlot as g, normalizeProps as X, guardReactiveProps as Y, normalizeStyle as ve, Fragment as M, renderList as Q, createVNode as pe, withCtx as T, toDisplayString as ye, createBlock as U, resolveDynamicComponent as ge, Transition as ke, createCommentVNode as _e } from "vue";
+import { useId as Se } from "./index8.js";
+import { useRoute as we } from "./index151.js";
+import { useRouter as xe } from "./index152.js";
+import { useScroll as $e, useResizeObserver as Ie } from "./index145.js";
+import Ce from "./index14.js";
 /* empty css        */
-import Ee from "./index32.js";
-/* empty css        */
-import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index277.js";
-import { useLogger as Me } from "./index233.js";
-const Fe = {
-  key: 0,
-  class: "sr-only"
-}, ze = ["aria-rowindex"], Ke = { class: "bb-table-header__content" }, je = { class: "bb-table-check__label-text sr-only" }, qe = {
-  key: 1,
-  class: "bb-table-radio__label-text sr-only"
-}, Ue = ["aria-sort"], We = { class: "bb-table-header__content" }, Ge = { class: "bb-table-header__content sr-only" }, Je = ["aria-rowindex"], Qe = {
-  key: 0,
-  class: "bb-table-skeleton__cell bb-table-skeleton__cell--select"
-}, Xe = {
-  key: 0,
-  class: "bb-table-skeleton__cell-content"
-}, Ye = {
-  key: 1,
-  class: "bb-table-skeleton__avatar"
-}, Ze = {
-  key: 2,
-  class: "bb-table-skeleton__avatar-text"
-}, el = { class: "bb-table-skeleton__cell-content" }, ll = {
-  key: 3,
-  class: "bb-table-skeleton__image"
-}, al = {
-  key: 4,
-  class: "bb-table-skeleton__badge"
-}, tl = {
-  key: 1,
-  class: "bb-table-skeleton__cell bb-table-skeleton__cell--actions"
-}, sl = ["aria-rowindex"], ol = ["colspan"], nl = { class: "bb-table-loading__text sr-only" }, dl = ["aria-rowindex"], rl = ["colspan"], bl = { class: "bb-table-no-data__text" }, il = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], cl = { class: "bb-table-check__label-text sr-only" }, ul = { class: "bb-table-radio__label-text sr-only" }, pl = ["aria-rowindex", "id"], ml = ["colspan"], El = /* @__PURE__ */ he({
-  __name: "BbTable",
-  props: /* @__PURE__ */ X({
-    accessibleLabel: {},
-    actions: { type: Boolean },
-    actionsText: { default: "Azioni" },
-    align: { default: "left" },
-    allowSelectAll: { type: Boolean, default: !0 },
-    caption: {},
-    compact: { type: Boolean },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
+import Be from "./index116.js";
+/* empty css         */
+import { useFrameworkDetection as Te } from "./index146.js";
+import { merge as qe } from "./index274.js";
+import { isNil as Le } from "./index227.js";
+import { useQuery as Fe } from "./index11.js";
+import { hash as Ee } from "./index229.js";
+import { isNotNil as Ne } from "./index149.js";
+import { useLogger as Pe } from "./index244.js";
+const Ve = ["id"], Re = { class: "bb-tab__label-boundary" }, Ke = { class: "bb-tab__label" }, De = { class: "bb-tab__panes-container" }, We = ["id", "aria-labelledby", "tabindex"], rt = /* @__PURE__ */ fe({
+  __name: "BbTab",
+  props: {
     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: {},
-    max: { default: 1 / 0 },
-    modelValue: { default: () => [] },
-    multiple: { type: Boolean, default: !0 },
-    name: {},
-    noDataText: {},
-    page: {},
-    perPage: {},
-    readonly: { type: Boolean },
-    selectAll: { type: Boolean },
-    selectable: { type: [Boolean, Function] },
-    selectAllLabel: {},
-    selectText: {},
-    tdClass: {},
-    thClass: {},
-    totalItems: {},
-    unselectedItems: { default: () => [] },
-    columns: { default: () => [] }
-  }, {
-    selectAll: { type: Boolean, required: !1, default: !1 },
-    selectAllModifiers: {},
-    expandedItems: {
-      required: !1,
-      default: () => []
-    },
-    expandedItemsModifiers: {}
-  }),
-  emits: /* @__PURE__ */ X(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:expandedItems", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll", "update:expandedItems"]),
-  setup(A, { emit: te }) {
-    const { getItemValue: se } = He(), F = Be().id.value, a = A, b = te;
-    a.multiple && !Array.isArray(a.modelValue) && Me().throw(
-      "BbTable is set for multiple selection but modelValue is not an array."
-    );
-    const { t: C } = De(), N = ke(), oe = (e) => [C("table.select").value, ...e.map((t) => t.content)].join(" "), ne = u(() => a.selectable ? "fieldset" : "div"), L = u(() => a.loading || re.value), y = u(
-      () => !w(a.page) && !w(a.perPage) && !w(a.totalItems)
-    ), de = u(() => ({
-      "bb-table": !0,
-      [`bb-table--align-${a.align}`]: !0,
-      "bb-table--compact": a.compact,
-      "bb-table--fixed": a.fixed,
-      "bb-table--fixed-header": a.fixedHeaders,
-      "bb-table--loading": L.value,
-      "bb-table--empty": !I.value.length,
-      "bb-table--selectable": !!a.selectable
-    })), D = u(
-      () => a.columns.length + +!!a.selectable + +!!a.actions
-    ), z = u(
-      () => Object.fromEntries(
-        a.columns.map((e) => [e.key, Pe(e.key)])
-      )
-    ), {
-      getter: K,
-      items: E,
-      loading: re
-    } = Te({
-      items: O(a, "items")
-    }), { hasPrefilled: be } = Ae({
-      trigger: !0,
-      fn: async (e) => {
-        await K(e, a.modelValue);
+    eager: { type: Boolean },
+    id: {},
+    headers: {},
+    only: {},
+    onBefore: {},
+    onCancel: {},
+    onFinish: {},
+    onError: {},
+    onProgress: {},
+    onStart: {},
+    onSuccess: {},
+    preserveScroll: { type: [Boolean, Function] },
+    preserveState: { type: [Boolean, Function, null] },
+    replace: { type: Boolean },
+    animateX: { type: Boolean, default: !0 },
+    animateY: { type: Boolean, default: !0 },
+    direction: { default: "horizontal" },
+    items: {},
+    modelValue: {},
+    navigation: { type: Boolean },
+    querykey: { default: "tab" },
+    server: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(G, { expose: Z, emit: ee }) {
+    const t = G, te = ee, w = we(), q = xe(), { error: L } = Pe(), ne = r(), F = t.id ?? Se().id.value, x = `bb-tab_${F}`, i = r(), { isScrolling: se, arrivedState: E } = $e(i), N = f(() => ({
+      isScrolling: se.value,
+      left: E.left,
+      right: E.right
+    })), { isInertia: le } = Te(), oe = be(), a = r(null), c = f(
+      () => t.items.findIndex((e) => e.key === a.value)
+    ), k = f(() => c.value === 0), _ = f(() => c.value === t.items.length - 1);
+    t.items.forEach((e) => {
+      e.key ? (t.server || e.server) && !t.navigation && L(
+        `A tab item has a server property but the navigation prop is false: ${JSON.stringify(e, null, 2)}`
+      ) : L(`A tab item has no key: ${JSON.stringify(e, null, 2)}`);
+    });
+    const P = f(() => [Fe()[t.querykey]].flat()[0]), V = () => {
+      const e = P.value;
+      if (t.navigation && e)
+        a.value = e;
+      else if (t.modelValue)
+        a.value = t.modelValue;
+      else if (t.items[0]) {
+        const s = t.items.find((o) => !o.disabled);
+        if (!s)
+          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 n = s.key;
+        a.value = n;
       }
-    }), { data: j } = le({
-      items: O(a, "modelValue")
-    }), { options: I } = Ne({
-      disabled: O(a, "disabled"),
-      items: E,
-      itemText: void 0,
-      itemValue: a.itemValue,
-      max: a.max,
-      selectable: !0,
-      selectedIndexedByHash: j
-    }), ie = async (e) => {
-      a.multiple ? b("update:modelValue", a.modelValue.concat(e.value)) : b("update:modelValue", e.value);
-    }, ce = async (e) => {
-      if (a.multiple) {
-        const t = { ...j.value };
-        delete t[e.valueHash], b("update:modelValue", Object.values(t));
-      } else
-        b("update:modelValue", null);
     };
-    Le(
-      () => [a.dependencies, a.items],
-      async () => {
-        be.value && await K(!1, a.modelValue);
-      },
-      {
-        debounce: a.depsDebounceTime
-      }
-    );
-    const ue = (e, t) => {
-      const l = z.value[e.key], d = e.align ?? "left";
-      let r = se(t.item, e.key);
-      return e.formatter && (!w(r) || e.formatOnNull !== !1) && (r = e.formatter(r, e.key, t.item)), e.placeholder && w(r) && (r = e.placeholder), {
-        align: d,
-        classes: Oe(
-          [`bb-table-data__cell--${d}`],
-          a.tdClass,
-          e.tdClass,
-          r,
-          e.key,
-          t.item
-        ),
-        content: r,
-        key: e.key,
-        label: e.label,
-        slotName: l
-      };
-    }, pe = u(
-      () => a.columns.map((e) => {
-        const t = e.align ?? "left", l = `header:${z.value[e.key]}`, d = e.sorted ? e.sorted === "asc" ? "ascending" : "descending" : void 0;
+    V();
+    const ae = (e) => ({
+      headers: e.headers ?? t.headers,
+      only: e.only ?? t.only,
+      preserveScroll: e.preserveScroll ?? t.preserveScroll,
+      preserveState: e.preserveState ?? t.preserveState,
+      replace: t.replace,
+      onBefore: e.onBefore ?? t.onBefore,
+      onStart: e.onStart ?? t.onStart,
+      onProgress: e.onProgress ?? t.onProgress,
+      onSuccess: e.onSuccess ?? t.onSuccess,
+      onError: e.onError ?? t.onError,
+      onCancel: e.onCancel ?? t.onCancel,
+      onFinish: e.onFinish ?? t.onFinish
+    }), R = f(() => {
+      const e = a.value, s = c.value;
+      return t.items.map((o) => {
+        const { key: l, label: v, eager: I } = o, C = `${x}_tab_${o.key}`, j = `${x}_tabpanel_${o.key}`, B = `label-${o.key}`, p = o.key === a.value, ie = {
+          "bb-tab__btn": !0,
+          "bb-tab__btn--active": p
+        }, ce = {
+          "bb-tab__pane": !0,
+          "bb-tab__pane--shown": p
+        }, de = !!(o.disabled || t.disabled);
         return {
-          align: t,
-          key: e.key,
-          label: e.label,
-          slotName: l,
-          classes: Se(
-            [`bb-table-header--${t}`],
-            a.thClass,
-            e.thClass
-          ),
-          sortDirection: d
-        };
-      })
-    ), q = u(() => {
-      let e = 0;
-      return I.value.map((t, l) => {
-        const d = !a.selectable || typeof a.selectable == "function" && !a.selectable(t.item) || !!t.disabled, r = (a.page ?? -1) * (a.perPage ?? 0), g = 1, fe = l + 1, _e = r + g + fe + e, J = a.columns.map(
-          (h) => ue(h, t)
-        ), Q = P.value[t.valueHash] ?? !1;
-        return Q && e++, {
-          accessibleLabel: oe(J),
-          cols: J,
-          expanded: Q,
-          onRowClick: (h) => b("click:row", h, t, !!t.selected),
-          onRowContextMenu: (h) => b("contextmenu:row", h, t, !!t.selected),
-          onRowDblClick: (h) => b("dblclick:row", h, t, !!t.selected),
-          item: t.item,
-          text: t.text,
-          rowIndex: _e,
-          valueHash: t.valueHash,
-          value: t.value,
-          selected: t.selected,
-          disabled: d
+          tabId: C,
+          eager: I,
+          panelId: j,
+          active: p,
+          ariaSelected: !!p,
+          labelSlotName: B,
+          tabClasses: ie,
+          paneClasses: ce,
+          role: "tab",
+          tabindex: p ? 0 : -1,
+          disabled: de,
+          current: e,
+          key: l,
+          label: v,
+          currentIndex: s,
+          onClick: () => h(o.key),
+          onKeydown: (ue) => re(ue)
         };
       });
-    }), f = Y(A, "selectAll"), V = Y(A, "expandedItems"), { data: P } = le({
-      items: V
-    }), me = (e, t) => {
-      e.target instanceof HTMLElement && (e.target instanceof HTMLButtonElement || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), $(t)));
-    }, S = (e) => ({
-      "aria-controls": w(P.value[e.valueHash]) ? void 0 : `expanded_${e.valueHash}`,
-      "aria-expanded": e.expanded ? "true" : "false",
-      onClick: (t) => {
-        t.stopPropagation(), $(e.valueHash);
-      },
-      onKeydown: (t) => me(t, e.valueHash)
-    }), $ = (e) => {
-      const t = I.value.find((l) => l.valueHash === e);
-      t && (e in P.value ? V.value = V.value.filter(
-        (l) => T(l) !== e
-      ) : V.value = [...V.value, t.value]);
+    }), h = (e, s = t.replace) => {
+      const n = t.items.find((o) => o.key === e);
+      if (!Le(n) && n.key !== a.value) {
+        if (t.navigation && w.value && P.value !== e) {
+          if (!q) return;
+          q[s ? "replace" : "push"](
+            qe(w.value, {
+              query: { [t.querykey]: e },
+              replace: s
+            })
+          );
+        } else if (t.navigation && le) {
+          const o = n.href ?? globalThis.location.href, l = new URL(o, window.location.origin);
+          if (l.searchParams.set(t.querykey, e), t.server || n.server) {
+            const v = oe?.proxy?.$inertia, I = ae(n), C = Object.fromEntries(
+              Object.entries(I).filter(([j, B]) => Ne(B))
+            );
+            v.visit(l.toString(), C);
+          } else
+            s ? window.history.replaceState(window.history.state, "", l.toString()) : window.history.pushState(window.history.state, "", l.toString());
+        }
+        t.modelValue !== e && te("update:modelValue", e), a.value = e;
+      }
     };
-    M(f, () => {
-      _.clear(), b("update:unselectedItems", []), b("update:modelValue", []);
-    });
-    const U = u(() => !!(a.multiple && a.modelValue.length > 0 && !a.selectAll || f.value && _.size > 0)), _ = ge(/* @__PURE__ */ new Set());
-    M(
-      () => a.unselectedItems,
-      () => {
-        _.clear(), a.unselectedItems.forEach((e) => {
-          _.add(T(e));
-        });
+    a.value && h(a.value, !0);
+    const d = (e) => {
+      var s = null;
+      switch (e) {
+        case "first":
+          for (s = 0; s < t.items.length - 1 && t.items[s].disabled; )
+            s++;
+          break;
+        case "previous": {
+          let l = 1;
+          for (; l < t.items.length && (s = (c.value + t.items.length - l) % t.items.length, t.items[s].disabled); )
+            l++;
+          break;
+        }
+        case "next": {
+          let l = 1;
+          for (; l < t.items.length && (s = (c.value + l) % t.items.length, t.items[s].disabled); )
+            l++;
+          break;
+        }
+        case "last":
+          for (s = t.items.length - 1; s >= 0 && t.items[s].disabled; )
+            s--;
+          break;
+      }
+      if (s === null)
+        throw new Error("Could not navigate to next tab");
+      if (t.items[s].disabled) return;
+      const n = t.items[s].key;
+      document.querySelector(
+        `#${x}_tab_${n}`
+      )?.focus(), h(n);
+    }, re = (e) => {
+      if (!t.disabled)
+        if (e.key === "ArrowRight")
+          d("next");
+        else if (e.key === "ArrowLeft")
+          d("previous");
+        else if (e.key === "Home")
+          e.preventDefault(), d("first");
+        else if (e.key === "End")
+          e.preventDefault(), d("last");
+        else
+          return;
+    };
+    b(
+      () => t.modelValue,
+      (e) => {
+        e && h(e);
+      }
+    ), b(
+      () => w.value?.query?.[t.querykey],
+      (e) => {
+        e && typeof e == "string" && h(e);
       }
+    ), b(
+      a,
+      async () => {
+        if (!i.value) return;
+        const e = i.value.querySelector(
+          ".bb-tab__btn--active"
+        );
+        if (!e) return;
+        await J();
+        const s = i.value, n = e.offsetLeft, o = n + e.offsetWidth, l = s.scrollLeft, v = l + s.clientWidth;
+        n < l ? s.scrollTo({ left: n, behavior: "smooth" }) : o > v && s.scrollTo({
+          left: o - s.clientWidth,
+          behavior: "smooth"
+        });
+      },
+      { flush: "post" }
+    );
+    const K = r("right");
+    b(
+      a,
+      (e, s) => {
+        if (e && s) {
+          const n = t.items.findIndex((l) => l.key === e), o = t.items.findIndex((l) => l.key === s);
+          K.value = n > o ? "right" : "left";
+        }
+      },
+      { flush: "sync" }
     );
-    const W = (e) => {
-      if (R(e)) {
-        ce(e), b("item:unselected", e.value), _.add(e.valueHash), b("update:unselectedItems", [...a.unselectedItems, e.value]);
+    const D = r(0), W = r(0), O = r(0), z = r(0), A = r(0), H = r(!1), $ = () => {
+      if (!i.value)
         return;
-      }
-      f.value || ie(e), b("item:selected", e.value), _.delete(e.valueHash), b(
-        "update:unselectedItems",
-        a.unselectedItems.filter((t) => T(t) !== T(e.value))
+      const e = i.value.querySelector(
+        ".bb-tab__btn--active"
       );
-    }, R = (e) => _.has(e.valueHash) ? !1 : e.selected || f.value, ve = $e(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), ye = u(
-      () => [].concat(a.modelValue ?? []).map((e) => ({
-        disabled: a.disabled,
-        name: a.name,
-        type: "hidden",
-        value: ve(e)
-      }))
-    ), B = [70, 45, 85, 55], G = u(
-      () => Ve(I.value.length || a.columns.length || 1, 4, 10)
-    );
-    return M(
-      () => [q.value, a.fixedColumns],
+      e && (O.value = e.offsetLeft, z.value = e.offsetTop, D.value = e.clientWidth, W.value = e.clientHeight, A.value = i.value.scrollWidth);
+    };
+    return me(async () => {
+      $(), await J(), H.value = !0;
+    }), b(a, $, { flush: "post" }), Ie(i, () => {
+      $();
+    }), b(
+      () => Ee(t.items),
       () => {
-        N.value && a.fixedColumns?.length && Re(N.value, a.fixedColumns);
+        a.value && !t.items.find((e) => e.key === a.value) && V();
       },
-      { flush: "post" }
-    ), (e, t) => (s(), Z(xe(ne.value), {
-      "aria-busy": L.value,
-      "aria-rowcount": y.value ? a.totalItems : void 0,
-      class: i(de.value),
-      inert: e.disabled
-    }, {
-      default: we(() => [
-        e.selectable ? (s(), o("legend", Fe, m(e.legend), 1)) : p("", !0),
-        n("table", {
-          ref_key: "tableRef",
-          ref: N
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), Z({
+      isFirst: k,
+      isLast: _,
+      current: a,
+      currentIndex: c,
+      goTo: d
+    }), (e, s) => (u(), y("div", {
+      id: he(F),
+      ref_key: "tabs",
+      ref: ne,
+      class: S(["bb-tab", {
+        [`bb-tab--${e.direction}`]: !0,
+        "bb-tab--disabled": e.disabled
+      }])
+    }, [
+      m("div", Re, [
+        m("span", null, [
+          g(e.$slots, "header:prepend", X(Y(N.value)))
+        ]),
+        m("ul", {
+          ref_key: "tablist",
+          ref: i,
+          class: S(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !H.value }]),
+          role: "tablist",
+          style: ve({
+            "--inner-width": `${A.value}px`,
+            "--width": `${D.value}px`,
+            "--height": `${W.value}px`,
+            "--left": `${O.value}px`,
+            "--top": `${z.value}px`
+          })
         }, [
-          e.caption ? (s(), o("caption", {
-            key: 0,
-            class: i({
-              "bb-table-caption": !0,
-              "sr-only": !e.displayCaption
-            })
-          }, m(e.caption), 3)) : p("", !0),
-          n("thead", null, [
-            c(e.$slots, "thead", {}, () => [
-              n("tr", {
-                "aria-rowindex": y.value ? 1 : void 0,
-                class: "bb-table-header-row"
-              }, [
-                e.selectable ? (s(), o("th", {
-                  key: 0,
-                  class: i(["bb-table-header bb-table-header--select", e.thClass]),
-                  scope: "col"
-                }, [
-                  c(e.$slots, "header:select", {
-                    multiple: e.multiple,
-                    selectAll: !!f.value,
-                    text: e.selectText || v(C)("table.selectText").value
+          (u(!0), y(M, null, Q(R.value, (n) => (u(), y("li", {
+            key: n.tabId,
+            role: "presentation"
+          }, [
+            pe(Ce, {
+              id: n.tabId,
+              "aria-selected": n.ariaSelected,
+              class: S(n.tabClasses),
+              disabled: n.disabled,
+              role: "tab",
+              tabindex: n.tabindex,
+              onClick: n.onClick,
+              onKeydown: n.onKeydown
+            }, {
+              default: T(() => [
+                g(e.$slots, n.labelSlotName, {
+                  current: a.value,
+                  currentIndex: c.value,
+                  disabled: n.disabled,
+                  goTo: d,
+                  isFirst: k.value,
+                  isLast: _.value,
+                  selected: n.active,
+                  text: n.label,
+                  value: n.key
+                }, () => [
+                  g(e.$slots, "label", {
+                    current: a.value,
+                    currentIndex: c.value,
+                    disabled: n.disabled,
+                    goTo: d,
+                    isFirst: k.value,
+                    isLast: _.value,
+                    selected: n.active,
+                    text: n.label,
+                    value: n.key
                   }, () => [
-                    n("span", Ke, [
-                      e.allowSelectAll && e.multiple ? (s(), o("label", {
-                        key: 0,
-                        class: i(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
-                        }])
-                      }, [
-                        (s(), Z(ae, {
-                          key: U.value.toString(),
-                          modelValue: f.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (l) => f.value = l),
-                          class: "bb-table-check",
-                          disabled: e.disabled,
-                          indeterminate: U.value,
-                          name: `select_all_${e.name || ""}`,
-                          readonly: e.readonly
-                        }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        n("span", je, m(e.selectAllLabel || v(C)("table.selectAllLabel").value), 1)
-                      ], 2)) : e.multiple ? p("", !0) : (s(), o("span", qe, m(e.selectText || v(C)("table.selectText").value), 1))
-                    ])
+                    m("span", Ke, ye(n.label), 1)
                   ])
-                ], 2)) : p("", !0),
-                (s(!0), o(k, null, x(pe.value, (l) => (s(), o("th", {
-                  key: l.key,
-                  "aria-sort": l.sortDirection,
-                  class: i(["bb-table-header", l.classes]),
-                  scope: "col"
-                }, [
-                  c(e.$slots, l.slotName, {
-                    classes: l.classes,
-                    items: v(E),
-                    label: l.label
-                  }, () => [
-                    n("span", We, m(l.label), 1)
-                  ])
-                ], 10, Ue))), 128)),
-                e.actions ? (s(), o("th", {
-                  key: 1,
-                  class: i(["bb-table-header bb-table-header--actions", e.thClass]),
-                  scope: "col"
-                }, [
-                  c(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    n("span", Ge, m(e.actionsText), 1)
-                  ])
-                ], 2)) : p("", !0)
-              ], 8, ze)
-            ])
-          ]),
-          n("tbody", null, [
-            L.value ? c(e.$slots, "loading", {
-              key: 0,
-              items: v(E)
-            }, () => [
-              (s(!0), o(k, null, x(G.value, (l, d) => (s(), o("tr", {
-                key: d,
-                "aria-rowindex": y.value ? d + 2 : void 0,
-                class: "bb-table-skeleton__row"
-              }, [
-                e.selectable ? (s(), o("td", Qe, t[1] || (t[1] = [
-                  n("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : p("", !0),
-                (s(!0), o(k, null, x(a.columns, (r, g) => (s(), o("td", {
-                  key: r.key,
-                  class: i([
-                    "bb-table-skeleton__cell",
-                    `bb-table-skeleton__cell--${r.skeleton ?? "text"}`
-                  ])
-                }, [
-                  !r.skeleton || r.skeleton === "text" ? (s(), o("div", Xe, [
-                    n("div", {
-                      class: "bb-table-skeleton__line",
-                      style: H({
-                        width: `${B[(d + g) % 4]}%`
-                      })
-                    }, null, 4),
-                    n("div", {
-                      class: "bb-table-skeleton__line",
-                      style: H({
-                        width: `${B[(d + g + 2) % 4]}%`
-                      })
-                    }, null, 4)
-                  ])) : r.skeleton === "avatar" ? (s(), o("div", Ye)) : r.skeleton === "avatar-text" ? (s(), o("div", Ze, [
-                    t[2] || (t[2] = n("div", { class: "bb-table-skeleton__avatar" }, null, -1)),
-                    n("div", el, [
-                      n("div", {
-                        class: "bb-table-skeleton__line",
-                        style: H({
-                          width: `${B[(d + g) % 4]}%`
-                        })
-                      }, null, 4),
-                      n("div", {
-                        class: "bb-table-skeleton__line",
-                        style: H({
-                          width: `${B[(d + g + 2) % 4]}%`
-                        })
-                      }, null, 4)
-                    ])
-                  ])) : r.skeleton === "image" ? (s(), o("div", ll)) : r.skeleton === "badge" ? (s(), o("div", al)) : p("", !0)
-                ], 2))), 128)),
-                e.actions ? (s(), o("td", tl, t[3] || (t[3] = [
-                  n("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
-                ]))) : p("", !0)
-              ], 8, Je))), 128)),
-              n("tr", {
-                "aria-rowindex": y.value ? G.value + 2 : void 0,
-                class: "bb-table-loading__row bb-table-loading__row--sr-only"
-              }, [
-                n("td", {
-                  colspan: D.value,
-                  class: "bb-table-loading__cell",
-                  "aria-live": "polite",
-                  role: "status"
-                }, [
-                  n("span", nl, m(e.loadingText), 1)
-                ], 8, ol)
-              ], 8, sl)
-            ]) : v(I).length ? c(e.$slots, "tbody", { key: 2 }, () => [
-              (s(!0), o(k, null, x(q.value, (l) => (s(), o(k, {
-                key: l.valueHash
-              }, [
-                n("tr", {
-                  "aria-rowindex": y.value && l.rowIndex ? l.rowIndex : void 0,
-                  class: "bb-table-data__row",
-                  onClick: l.onRowClick,
-                  onContextmenu: l.onRowContextMenu,
-                  onDblclick: l.onRowDblClick
-                }, [
-                  e.selectable ? (s(), o("td", {
-                    key: 0,
-                    class: i(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                  }, [
-                    c(e.$slots, "select", {
-                      checked: R(l),
-                      disabled: !!l.disabled,
-                      inputName: v(F),
-                      item: l.item,
-                      readonly: !!e.readonly,
-                      value: l.value
-                    }, () => [
-                      e.multiple ? (s(), o("label", {
-                        key: 0,
-                        class: i(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": l.disabled
-                        }])
-                      }, [
-                        ee(ae, {
-                          checked: R(l),
-                          class: "bb-table-check",
-                          disabled: l.disabled,
-                          readonly: e.readonly,
-                          onChange: () => W(l)
-                        }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                        n("span", cl, m(l.accessibleLabel), 1)
-                      ], 2)) : (s(), o("label", {
-                        key: 1,
-                        class: i(["bb-table-radio__label", {
-                          "bb-table-radio__label--disabled": l.disabled
-                        }])
-                      }, [
-                        ee(Ee, {
-                          checked: l.selected,
-                          class: "bb-table-radio",
-                          disabled: l.disabled,
-                          name: v(F),
-                          readonly: e.readonly,
-                          value: l.value,
-                          onChange: () => W(l)
-                        }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                        n("span", ul, m(l.accessibleLabel), 1)
-                      ], 2))
-                    ])
-                  ], 2)) : p("", !0),
-                  (s(!0), o(k, null, x(l.cols, (d) => (s(), o("td", {
-                    key: d.key,
-                    class: i(["bb-table-data__cell", d.classes])
-                  }, [
-                    c(e.$slots, d.slotName, {
-                      classes: d.classes,
-                      content: d.content,
-                      expanded: l.expanded,
-                      item: l.item,
-                      expandProps: S(l),
-                      toggleExpanded: () => $(l.valueHash),
-                      value: l.value
-                    }, () => [
-                      Ce(m(d.content), 1)
-                    ])
-                  ], 2))), 128)),
-                  e.actions ? (s(), o("td", {
-                    key: 1,
-                    class: i(["bb-table__cell bb-table__cell--actions", e.tdClass])
-                  }, [
-                    c(e.$slots, "actions", {
-                      expanded: l.expanded,
-                      item: l.item,
-                      expandProps: S(l),
-                      toggleExpanded: () => $(l.valueHash),
-                      value: l.value
-                    })
-                  ], 2)) : p("", !0)
-                ], 40, il),
-                l.expanded ? (s(), o("tr", {
+                ])
+              ]),
+              _: 2
+            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick", "onKeydown"])
+          ]))), 128))
+        ], 6),
+        m("span", null, [
+          g(e.$slots, "header:append", X(Y(N.value)))
+        ])
+      ]),
+      m("div", De, [
+        (u(), U(ge(t.animateY ? Be : "div"), null, {
+          default: T(() => [
+            (u(!0), y(M, null, Q(R.value, (n) => (u(), U(ke, {
+              key: n.tabId,
+              css: t.animateX,
+              name: `tab-slide-${K.value}`
+            }, {
+              default: T(() => [
+                n.active || t.eager || n.eager ? (u(), y("section", {
                   key: 0,
-                  "aria-rowindex": y.value && l.rowIndex ? l.rowIndex + 1 : void 0,
-                  id: `expanded_${l.valueHash}`,
-                  class: "bb-table-expand__row"
+                  id: n.panelId,
+                  "aria-labelledby": n.tabId,
+                  class: S(n.paneClasses),
+                  role: "tabpanel",
+                  tabindex: n.tabindex
                 }, [
-                  n("td", {
-                    colspan: D.value,
-                    class: "bb-table-expand__cell"
-                  }, [
-                    c(e.$slots, "expand", {
-                      expanded: l.expanded,
-                      item: l.item,
-                      expandProps: S(l),
-                      toggleExpanded: () => $(l.valueHash),
-                      value: l.value
-                    })
-                  ], 8, ml)
-                ], 8, pl)) : p("", !0)
-              ], 64))), 128))
-            ]) : c(e.$slots, "no-data", { key: 1 }, () => [
-              n("tr", {
-                "aria-rowindex": y.value ? 2 : void 0,
-                class: "bb-table-no-data__row"
-              }, [
-                n("td", {
-                  class: "bb-table-no-data__cell",
-                  colspan: D.value
-                }, [
-                  n("span", bl, m(e.noDataText || v(C)("table.noDataText").value), 1)
-                ], 8, rl)
-              ], 8, dl)
-            ])
+                  g(e.$slots, n.key, {
+                    current: a.value,
+                    currentIndex: c.value,
+                    disabled: n.disabled,
+                    goTo: d,
+                    isFirst: k.value,
+                    isLast: _.value,
+                    selected: n.active,
+                    text: n.label,
+                    value: n.key
+                  })
+                ], 10, We)) : _e("", !0)
+              ]),
+              _: 2
+            }, 1032, ["css", "name"]))), 128))
           ]),
-          n("tfoot", null, [
-            c(e.$slots, "tfoot")
-          ])
-        ], 512),
-        (s(!0), o(k, null, x(ye.value, (l) => (s(), o("input", Ie({
-          key: l.value,
-          ref_for: !0
-        }, l), null, 16))), 128))
-      ]),
-      _: 3
-    }, 8, ["aria-busy", "aria-rowcount", "class", "inert"]));
+          _: 3
+        }))
+      ])
+    ], 10, Ve));
   }
 });
 export {
-  El as default
+  rt as default
 };