bitboss-ui 2.1.74 → 2.1.76

package/dist/index120.js

@@ -1,15 +1,15 @@
-import { defineComponent as M, ref as n, computed as g, watch as b, nextTick as j, onMounted as G, createElementBlock as m, openBlock as d, normalizeClass as q, unref as Q, createElementVNode as f, renderSlot as y, normalizeProps as F, guardReactiveProps as z, normalizeStyle as Z, Fragment as N, renderList as A, createVNode as ee, withCtx as S, toDisplayString as te, createBlock as H, resolveDynamicComponent as le, Transition as ae, createCommentVNode as ie } from "vue";
-import { useId as se } from "./index8.js";
+import { defineComponent as j, ref as n, computed as _, watch as b, nextTick as G, onMounted as Q, createElementBlock as y, openBlock as c, normalizeClass as $, unref as Z, createElementVNode as h, renderSlot as v, normalizeProps as E, guardReactiveProps as W, normalizeStyle as ee, Fragment as F, renderList as z, createVNode as te, withCtx as q, toDisplayString as le, createBlock as N, resolveDynamicComponent as ae, Transition as ie, createCommentVNode as se } from "vue";
+import { useId as oe } from "./index8.js";
 import { useRoute as ne } from "./index146.js";
 import { useRouter as re } from "./index147.js";
-import { wait as oe } from "./index140.js";
-import { useScroll as ue, useResizeObserver as de } from "./index141.js";
-import ce from "./index13.js";
+import { wait as ue } from "./index140.js";
+import { useScroll as de, useResizeObserver as ce } from "./index141.js";
+import fe from "./index13.js";
 /* empty css        */
 import be from "./index112.js";
 /* empty css         */
-import { useFrameworkDetection as fe } from "./index219.js";
-const he = ["id"], me = { class: "bb-tab__label-boundary" }, ye = { class: "bb-tab__label" }, ve = { class: "bb-tab__panes-container" }, pe = ["id", "aria-labelledby"], Be = /* @__PURE__ */ M({
+import { useFrameworkDetection as he } from "./index226.js";
+const me = ["id"], ye = { class: "bb-tab__label-boundary" }, ve = { class: "bb-tab__label" }, pe = { class: "bb-tab__panes-container" }, ke = ["id", "aria-labelledby"], Re = /* @__PURE__ */ j({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -25,224 +25,225 @@ const he = ["id"], me = { class: "bb-tab__label-boundary" }, ye = { class: "bb-t
     replace: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(U, { expose: W, emit: K }) {
-    const t = U, O = K, u = ne(), X = re(), _ = n(), x = t.id ?? se().id.value, v = `bb-tab_${x}`, c = n(), { isScrolling: Y, arrivedState: T } = ue(c), I = g(() => ({
+  setup(A, { expose: H, emit: U }) {
+    const t = A, K = U, d = ne(), O = re(), X = n(), S = t.id ?? oe().id.value, p = `bb-tab_${S}`, o = n(), { isScrolling: Y, arrivedState: T } = de(o), x = _(() => ({
       isScrolling: Y.value,
       left: T.left,
       right: T.right
-    })), { isInertia: L } = fe(), a = n(null), r = g(
-      () => t.items.findIndex((e) => e.key === a.value)
-    ), p = g(() => r.value === 0), k = g(() => r.value === t.items.length - 1);
+    })), { isInertia: L } = he(), i = n(null), r = _(
+      () => t.items.findIndex((e) => e.key === i.value)
+    ), k = _(() => r.value === 0), g = _(() => r.value === t.items.length - 1);
     t.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));
     });
-    const B = () => {
-      if (t.navigation && u.value?.query?.[t.querykey])
-        a.value = u.value?.query?.[t.querykey];
+    const I = () => {
+      if (t.navigation && d.value?.query?.[t.querykey])
+        i.value = d.value?.query?.[t.querykey];
       else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey))
-        a.value = new URL(globalThis.location.href).searchParams.get(
+        i.value = new URL(globalThis.location.href).searchParams.get(
           t.querykey
         );
       else if (t.modelValue)
-        a.value = t.modelValue;
+        i.value = t.modelValue;
       else if (t.items[0]) {
         const e = t.items.find((l) => !l.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 i = e.key;
-        a.value = i;
+        const a = e.key;
+        i.value = a;
       }
     };
-    B();
-    const h = async (e, i = !1) => {
-      if (t.navigation && u.value && u.value?.query?.[t.querykey] !== e)
-        X?.push({
-          ...u,
-          query: { ...u.value?.query, [t.querykey]: e },
-          replace: i
+    I();
+    const m = async (e, a = !1) => {
+      if (t.navigation && d.value && d.value?.query?.[t.querykey] !== e)
+        O?.push({
+          ...d,
+          query: { ...d.value?.query, [t.querykey]: e },
+          replace: a
         });
       else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
         const l = new URL(globalThis.location.href);
-        l.searchParams.set(t.querykey, e), oe(0).then(() => {
-          i ? history.replaceState({}, "", l.toString()) : history.pushState({}, "", l.toString());
+        l.searchParams.set(t.querykey, e), ue(0).then(() => {
+          a ? history.replaceState({}, "", l.toString()) : history.pushState({}, "", l.toString());
         });
       }
-      t.modelValue !== e && O("update:modelValue", e), a.value = e;
+      t.modelValue !== e && K("update:modelValue", e), i.value = e;
     };
-    a.value && h(a.value, !0);
-    const o = (e) => {
-      var i = null;
+    i.value && m(i.value, !0);
+    const u = (e) => {
+      var a = null;
       switch (e) {
         case "first":
-          for (i = 0; i < t.items.length - 1 && t.items[i].disabled; )
-            i++;
+          for (a = 0; a < t.items.length - 1 && t.items[a].disabled; )
+            a++;
           break;
         case "previous": {
           let s = 1;
-          for (; s < t.items.length && (i = (r.value + t.items.length - s) % t.items.length, t.items[i].disabled); )
+          for (; s < t.items.length && (a = (r.value + t.items.length - s) % t.items.length, t.items[a].disabled); )
             s++;
           break;
         }
         case "next": {
           let s = 1;
-          for (; s < t.items.length && (i = (r.value + s) % t.items.length, t.items[i].disabled); )
+          for (; s < t.items.length && (a = (r.value + s) % t.items.length, t.items[a].disabled); )
             s++;
           break;
         }
         case "last":
-          for (i = t.items.length - 1; i >= 0 && t.items[i].disabled; )
-            i--;
+          for (a = t.items.length - 1; a >= 0 && t.items[a].disabled; )
+            a--;
           break;
       }
-      if (i === null)
+      if (a === null)
         throw new Error("Could not navigate to next tab");
-      if (t.items[i].disabled) return;
-      const l = t.items[i].key;
+      if (t.items[a].disabled) return;
+      const l = t.items[a].key;
       document.querySelector(
-        `#${v}_tab_${l}`
-      )?.focus(), h(l, t.replace);
+        `#${p}_tab_${l}`
+      )?.focus(), m(l, t.replace);
     }, J = (e) => {
       if (!t.disabled)
         if (e.key === "ArrowRight")
-          o("next");
+          u("next");
         else if (e.key === "ArrowLeft")
-          o("previous");
+          u("previous");
         else if (e.key === "Home")
-          e.preventDefault(), o("first");
+          e.preventDefault(), u("first");
         else if (e.key === "End")
-          e.preventDefault(), o("last");
+          e.preventDefault(), u("last");
         else
           return;
     };
     b(
       () => t.modelValue,
       (e) => {
-        e && h(e, t.replace);
+        e && m(e, t.replace);
       }
     ), b(
-      () => u.value?.query?.[t.querykey],
+      () => d.value?.query?.[t.querykey],
       (e) => {
-        e && typeof e == "string" && h(e, t.replace);
+        e && typeof e == "string" && m(e, t.replace);
       }
     ), b(
-      a,
+      i,
       async () => {
-        if (_.value) {
-          const e = _.value.querySelector(
-            "[role=tablist] .bb-tab__btn--active"
-          );
-          e && (await j(), e.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "nearest"
-          }));
-        }
+        if (!o.value) return;
+        const e = o.value.querySelector(
+          ".bb-tab__btn--active"
+        );
+        if (!e) return;
+        await G();
+        const a = o.value, l = e.offsetLeft, f = l + e.offsetWidth, s = a.scrollLeft, M = s + a.clientWidth;
+        l < s ? a.scrollTo({ left: l, behavior: "smooth" }) : f > M && a.scrollTo({
+          left: f - a.clientWidth,
+          behavior: "smooth"
+        });
       },
       { flush: "post" }
     );
-    const V = n("right");
+    const B = n("right");
     b(
-      a,
-      (e, i) => {
-        if (e && i) {
-          const l = t.items.findIndex((s) => s.key === e), $ = t.items.findIndex((s) => s.key === i);
-          V.value = l > $ ? "right" : "left";
+      i,
+      (e, a) => {
+        if (e && a) {
+          const l = t.items.findIndex((s) => s.key === e), f = t.items.findIndex((s) => s.key === a);
+          B.value = l > f ? "right" : "left";
         }
       },
       { flush: "sync" }
     );
-    const C = n(0), R = n(0), P = n(0), D = n(0), E = n(0), w = () => {
-      if (!c.value)
+    const R = n(0), V = n(0), C = n(0), P = n(0), D = n(0), w = () => {
+      if (!o.value)
         return;
-      const e = c.value.querySelector(
+      const e = o.value.querySelector(
         ".bb-tab__btn--active"
       );
-      e && (P.value = e.offsetLeft, D.value = e.offsetTop, C.value = e.clientWidth, R.value = e.clientHeight, E.value = c.value.scrollWidth);
+      e && (C.value = e.offsetLeft, P.value = e.offsetTop, R.value = e.clientWidth, V.value = e.clientHeight, D.value = o.value.scrollWidth);
     };
-    return G(w), b(a, w, { flush: "post" }), de(c, () => {
+    return Q(w), b(i, w, { flush: "post" }), ce(o, () => {
       w();
     }), b(
       () => t.items,
       () => {
-        a.value && !t.items.find((e) => e.key === a.value) && B();
+        i.value && !t.items.find((e) => e.key === i.value) && I();
       },
       {
         immediate: !0,
         deep: !0
       }
-    ), W({
-      isFirst: p,
-      isLast: k,
-      current: a,
+    ), H({
+      isFirst: k,
+      isLast: g,
+      current: i,
       currentIndex: r,
-      goTo: o
-    }), (e, i) => (d(), m("div", {
-      id: Q(x),
+      goTo: u
+    }), (e, a) => (c(), y("div", {
+      id: Z(S),
       ref_key: "tabs",
-      ref: _,
-      class: q(["bb-tab", {
+      ref: X,
+      class: $(["bb-tab", {
         [`bb-tab--${e.direction}`]: !0,
         "bb-tab--disabled": e.disabled
       }])
     }, [
-      f("div", me, [
-        f("span", null, [
-          y(e.$slots, "header:prepend", F(z(I.value)))
+      h("div", ye, [
+        h("span", null, [
+          v(e.$slots, "header:prepend", E(W(x.value)))
         ]),
-        f("ul", {
+        h("ul", {
           ref_key: "tablist",
-          ref: c,
+          ref: o,
           class: "bb-tab__label-container",
           role: "tablist",
-          style: Z({
-            "--inner-width": `${E.value}px`,
-            "--width": `${C.value}px`,
-            "--height": `${R.value}px`,
-            "--left": `${P.value}px`,
-            "--top": `${D.value}px`
+          style: ee({
+            "--inner-width": `${D.value}px`,
+            "--width": `${R.value}px`,
+            "--height": `${V.value}px`,
+            "--left": `${C.value}px`,
+            "--top": `${P.value}px`
           })
         }, [
-          (d(!0), m(N, null, A(e.items, (l) => (d(), m("li", {
+          (c(!0), y(F, null, z(e.items, (l) => (c(), y("li", {
             key: l.key,
             role: "presentation"
           }, [
-            ee(ce, {
-              id: `${v}_tab_${l.key}`,
-              "aria-selected": a.value === l.key,
-              class: q(["bb-tab__btn", { "bb-tab__btn--active": a.value === l.key }]),
+            te(fe, {
+              id: `${p}_tab_${l.key}`,
+              "aria-selected": i.value === l.key,
+              class: $(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
               disabled: l.disabled || e.disabled,
               role: "tab",
-              tabindex: a.value === l.key ? 0 : -1,
-              onClick: ($) => h(l.key, t.replace),
+              tabindex: i.value === l.key ? 0 : -1,
+              onClick: (f) => m(l.key, t.replace),
               onKeydown: J
             }, {
-              default: S(() => [
-                y(e.$slots, `label-${l.key}`, {
-                  current: a.value,
+              default: q(() => [
+                v(e.$slots, `label-${l.key}`, {
+                  current: i.value,
                   currentIndex: r.value,
                   disabled: !!(l.disabled || e.disabled),
-                  goTo: o,
-                  isFirst: p.value,
-                  isLast: k.value,
-                  selected: a.value === l.key,
+                  goTo: u,
+                  isFirst: k.value,
+                  isLast: g.value,
+                  selected: i.value === l.key,
                   text: l.label,
                   value: l.key
                 }, () => [
-                  y(e.$slots, "label", {
-                    current: a.value,
+                  v(e.$slots, "label", {
+                    current: i.value,
                     currentIndex: r.value,
                     disabled: !!(l.disabled || e.disabled),
-                    goTo: o,
-                    isFirst: p.value,
-                    isLast: k.value,
-                    selected: a.value === l.key,
+                    goTo: u,
+                    isFirst: k.value,
+                    isLast: g.value,
+                    selected: i.value === l.key,
                     text: l.label,
                     value: l.key
                   }, () => [
-                    f("span", ye, te(l.label), 1)
+                    h("span", ve, le(l.label), 1)
                   ])
                 ])
               ]),
@@ -250,41 +251,41 @@ const he = ["id"], me = { class: "bb-tab__label-boundary" }, ye = { class: "bb-t
             }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
           ]))), 128))
         ], 4),
-        f("span", null, [
-          y(e.$slots, "header:append", F(z(I.value)))
+        h("span", null, [
+          v(e.$slots, "header:append", E(W(x.value)))
         ])
       ]),
-      f("div", ve, [
-        (d(), H(le(t.animateY ? be : "div"), null, {
-          default: S(() => [
-            (d(!0), m(N, null, A(e.items, (l) => (d(), H(ae, {
+      h("div", pe, [
+        (c(), N(ae(t.animateY ? be : "div"), null, {
+          default: q(() => [
+            (c(!0), y(F, null, z(e.items, (l) => (c(), N(ie, {
               key: l.key,
               css: t.animateX,
-              name: `tab-slide-${V.value}`
+              name: `tab-slide-${B.value}`
             }, {
-              default: S(() => [
-                a.value === l.key || e.eager || l.eager ? (d(), m("section", {
+              default: q(() => [
+                i.value === l.key || e.eager || l.eager ? (c(), y("section", {
                   key: 0,
-                  id: `${v}_tabpanel_${l.key}`,
-                  "aria-labelledby": `${v}_tab_${l.key}`,
-                  class: q(["bb-tab__pane", {
-                    "bb-tab__pane--shown": a.value === l.key
+                  id: `${p}_tabpanel_${l.key}`,
+                  "aria-labelledby": `${p}_tab_${l.key}`,
+                  class: $(["bb-tab__pane", {
+                    "bb-tab__pane--shown": i.value === l.key
                   }]),
                   role: "tabpanel",
                   tabindex: "0"
                 }, [
-                  y(e.$slots, l.key, {
-                    current: a.value,
+                  v(e.$slots, l.key, {
+                    current: i.value,
                     currentIndex: r.value,
                     disabled: !!(l.disabled || e.disabled),
-                    goTo: o,
-                    isFirst: p.value,
-                    isLast: k.value,
-                    selected: a.value === l.key,
+                    goTo: u,
+                    isFirst: k.value,
+                    isLast: g.value,
+                    selected: i.value === l.key,
                     text: l.label,
                     value: l.key
                   })
-                ], 10, pe)) : ie("", !0)
+                ], 10, ke)) : se("", !0)
               ]),
               _: 2
             }, 1032, ["css", "name"]))), 128))
@@ -292,9 +293,9 @@ const he = ["id"], me = { class: "bb-tab__label-boundary" }, ye = { class: "bb-t
           _: 3
         }))
       ])
-    ], 10, he));
+    ], 10, me));
   }
 });
 export {
-  Be as default
+  Re as default
 };

package/dist/index122.js

@@ -1,22 +1,22 @@
-import { defineComponent as be, mergeModels as U, ref as ie, computed as c, toRef as D, useModel as re, watch as H, reactive as ce, createBlock as W, openBlock as t, resolveDynamicComponent as ue, normalizeClass as r, withCtx as pe, createElementBlock as s, createCommentVNode as m, createElementVNode as o, toDisplayString as u, renderSlot as p, unref as y, Fragment as f, renderList as g, normalizeStyle as $, createVNode as q, createTextVNode as me, mergeProps as ye } from "vue";
+import { defineComponent as be, mergeModels as U, ref as ie, computed as c, toRef as D, useModel as re, watch as H, reactive as ce, createBlock as W, openBlock as t, resolveDynamicComponent as ue, normalizeClass as r, withCtx as pe, createElementBlock as s, createCommentVNode as m, createElementVNode as o, toDisplayString as u, renderSlot as p, unref as y, Fragment as h, renderList as g, normalizeStyle as $, createVNode as q, createTextVNode as me, mergeProps as ye } from "vue";
 import { clamp as _e } from "./index215.js";
-import { hash as L } from "./index237.js";
-import { isNil as V } from "./index235.js";
-import { when as ke } from "./index265.js";
+import { hash as L } from "./index227.js";
+import { isNil as V } from "./index218.js";
+import { when as ke } from "./index238.js";
 import { useId as ve } from "./index8.js";
-import { useItemValue as he } from "./index234.js";
-import { useItemsGetter as fe } from "./index238.js";
-import { usePrefill as ge } from "./index239.js";
-import { useIndexById as Ce } from "./index240.js";
-import { useBaseOptions as we } from "./index241.js";
-import { useHashedWatcher as Ve } from "./index242.js";
-import { useLocale as Be } from "./index220.js";
+import { useItemValue as fe } from "./index281.js";
+import { useItemsGetter as he } from "./index236.js";
+import { usePrefill as ge } from "./index237.js";
+import { useIndexById as Ce } from "./index235.js";
+import { useBaseOptions as we } from "./index232.js";
+import { useHashedWatcher as Ve } from "./index234.js";
+import { useLocale as Be } from "./index225.js";
 import G from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
-import { columnKeyToSlotName as $e, mergeHeaderClasses as Ie, applyFixedTableColumns as Ae, mergeCellClasses as Ne } from "./index286.js";
-import { useLogger as De } from "./index245.js";
+import { columnKeyToSlotName as $e, mergeHeaderClasses as Ie, applyFixedTableColumns as Ae, mergeCellClasses as Ne } from "./index290.js";
+import { useLogger as De } from "./index273.js";
 const He = {
   key: 0,
   class: "sr-only"
@@ -84,16 +84,16 @@ const He = {
     unselectedItems: { default: () => [] },
     columns: { default: () => [] }
   }, {
-    selectAll: { type: Boolean, required: !0 },
+    selectAll: { type: Boolean, required: !1, default: !1 },
     selectAllModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "update:unselectedItems", "item:selected", "item:unselected"], ["update:selectAll"]),
   setup(x, { emit: J }) {
-    const { getItemValue: Q } = he(), S = ve().id.value, l = x, i = J;
+    const { getItemValue: Q } = fe(), S = ve().id.value, l = x, i = J;
     l.multiple && !Array.isArray(l.modelValue) && De().throw(
       "BbTable is set for multiple selection but modelValue is not an array."
     );
-    const { t: C } = Be(), R = ie(), X = (e) => [C("table.select").value, ...e.map((n) => n.content)].join(" "), Y = c(() => l.selectable ? "fieldset" : "div"), I = c(() => l.loading || ee.value), h = c(
+    const { t: C } = Be(), R = ie(), X = (e) => [C("table.select").value, ...e.map((n) => n.content)].join(" "), Y = c(() => l.selectable ? "fieldset" : "div"), I = c(() => l.loading || ee.value), f = c(
       () => !V(l.page) && !V(l.perPage) && !V(l.totalItems)
     ), Z = c(() => ({
       "bb-table": !0,
@@ -114,7 +114,7 @@ const He = {
       getter: M,
       items: A,
       loading: ee
-    } = fe({
+    } = he({
       items: D(l, "items")
     }), { hasPrefilled: le } = ge({
       onStart: !0,
@@ -187,7 +187,7 @@ const He = {
       })
     ), E = c(
       () => B.value.map((e, n) => {
-        const a = !l.selectable || typeof l.selectable == "function" && !l.selectable(e.item) || !!e.disabled, d = h.value ? n + (l.page - 1) * l.perPage + 2 : void 0, b = l.columns.map(
+        const a = !l.selectable || typeof l.selectable == "function" && !l.selectable(e.item) || !!e.disabled, d = f.value ? n + (l.page - 1) * l.perPage + 2 : void 0, b = l.columns.map(
           (v) => se(v, e)
         );
         return {
@@ -251,7 +251,7 @@ const He = {
       ref_key: "containerRef",
       ref: R,
       "aria-busy": I.value,
-      "aria-rowcount": h.value ? l.totalItems : void 0,
+      "aria-rowcount": f.value ? l.totalItems : void 0,
       class: r(Z.value),
       inert: e.disabled
     }, {
@@ -268,7 +268,7 @@ const He = {
           o("thead", null, [
             p(e.$slots, "thead", {}, () => [
               o("tr", {
-                "aria-rowindex": h.value ? 1 : void 0,
+                "aria-rowindex": f.value ? 1 : void 0,
                 class: "bb-table-header-row"
               }, [
                 e.selectable ? (t(), s("th", {
@@ -303,7 +303,7 @@ const He = {
                     ])
                   ])
                 ], 2)) : m("", !0),
-                (t(!0), s(f, null, g(oe.value, (a) => (t(), s("th", {
+                (t(!0), s(h, null, g(oe.value, (a) => (t(), s("th", {
                   key: a.key,
                   "aria-sort": a.sortDirection,
                   class: r(["bb-table-header", a.classes]),
@@ -334,15 +334,15 @@ const He = {
               key: 0,
               items: y(A)
             }, () => [
-              (t(!0), s(f, null, g(K.value, (a, d) => (t(), s("tr", {
+              (t(!0), s(h, null, g(K.value, (a, d) => (t(), s("tr", {
                 key: d,
-                "aria-rowindex": h.value ? d + 2 : void 0,
+                "aria-rowindex": f.value ? d + 2 : void 0,
                 class: "bb-table-skeleton__row"
               }, [
                 e.selectable ? (t(), s("td", Ee, n[1] || (n[1] = [
                   o("div", { class: "bb-table-skeleton__placeholder" }, null, -1)
                 ]))) : m("", !0),
-                (t(!0), s(f, null, g(l.columns, (b, w) => (t(), s("td", {
+                (t(!0), s(h, null, g(l.columns, (b, w) => (t(), s("td", {
                   key: b.key,
                   class: r([
                     "bb-table-skeleton__cell",
@@ -385,7 +385,7 @@ const He = {
                 ]))) : m("", !0)
               ], 8, ze))), 128)),
               o("tr", {
-                "aria-rowindex": h.value ? K.value + 2 : void 0,
+                "aria-rowindex": f.value ? K.value + 2 : void 0,
                 class: "bb-table-loading__row bb-table-loading__row--sr-only"
               }, [
                 o("td", {
@@ -398,7 +398,7 @@ const He = {
                 ], 8, Qe)
               ], 8, Je)
             ]) : y(B).length ? p(e.$slots, "tbody", { key: 2 }, () => [
-              (t(!0), s(f, null, g(E.value, (a) => (t(), s("tr", {
+              (t(!0), s(h, null, g(E.value, (a) => (t(), s("tr", {
                 key: a.valueHash,
                 "aria-rowindex": a.rowIndex,
                 class: "bb-table-data__row",
@@ -451,7 +451,7 @@ const He = {
                     ], 2))
                   ])
                 ], 2)) : m("", !0),
-                (t(!0), s(f, null, g(a.cols, (d) => (t(), s("td", {
+                (t(!0), s(h, null, g(a.cols, (d) => (t(), s("td", {
                   key: d.key,
                   class: r(["bb-table-data__cell", d.classes])
                 }, [
@@ -476,7 +476,7 @@ const He = {
               ], 40, ll))), 128))
             ]) : p(e.$slots, "no-data", { key: 1 }, () => [
               o("tr", {
-                "aria-rowindex": h.value ? 2 : void 0,
+                "aria-rowindex": f.value ? 2 : void 0,
                 class: "bb-table-no-data__row"
               }, [
                 o("td", {
@@ -492,7 +492,7 @@ const He = {
             p(e.$slots, "tfoot")
           ])
         ]),
-        (t(!0), s(f, null, g(de.value, (a) => (t(), s("input", ye({
+        (t(!0), s(h, null, g(de.value, (a) => (t(), s("input", ye({
           key: a.value,
           ref_for: !0
         }, a), null, 16))), 128))