bitboss-ui 2.0.55 → 2.0.57

package/dist/index108.js

@@ -1,15 +1,14 @@
-import { defineComponent as le, ref as r, computed as $, getCurrentInstance as ae, watch as b, nextTick as ie, onMounted as se, openBlock as h, createElementBlock as p, unref as ne, normalizeClass as T, createElementVNode as c, renderSlot as k, normalizeProps as H, guardReactiveProps as U, normalizeStyle as K, Fragment as J, renderList as M, createVNode as O, withCtx as I, toDisplayString as re, createBlock as oe, Transition as ue, createCommentVNode as de } from "vue";
-import { useId as ce } from "./index8.js";
-import { useRoute as be } from "./index136.js";
-import { useRouter as he } from "./index137.js";
+import { defineComponent as te, ref as r, computed as $, getCurrentInstance as le, watch as f, nextTick as ae, onMounted as ie, openBlock as h, createElementBlock as p, unref as se, normalizeClass as T, createElementVNode as c, renderSlot as k, normalizeProps as U, guardReactiveProps as W, normalizeStyle as K, Fragment as O, renderList as J, createVNode as M, withCtx as I, toDisplayString as ne, createBlock as re, Transition as oe, createCommentVNode as ue } from "vue";
+import { useId as de } from "./index8.js";
+import { useRoute as ce } from "./index136.js";
+import { useRouter as be } from "./index137.js";
 import { wait as fe } from "./index131.js";
-import { useScroll as ye, useWindowSize as me } from "./index132.js";
-import ve from "./index13.js";
+import { useScroll as he, useResizeObserver as ye } from "./index132.js";
+import me from "./index13.js";
 /* empty css        */
-import pe from "./index127.js";
+import ve from "./index127.js";
 /* empty css         */
-import { throttledWatch as ke } from "./index205.js";
-const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-tab__label" }, $e = { class: "bb-tab__panes-container" }, Se = ["id", "aria-labelledby"], We = /* @__PURE__ */ le({
+const pe = ["id"], ke = { class: "bb-tab__label-boundary" }, ge = { class: "bb-tab__label" }, _e = { class: "bb-tab__panes-container" }, we = ["id", "aria-labelledby"], Re = /* @__PURE__ */ te({
   __name: "BbTab",
   props: {
     disabled: { type: Boolean },
@@ -25,19 +24,19 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
   },
   emits: ["update:modelValue"],
   setup(j, { expose: G, emit: Q }) {
-    var N, A;
-    const t = j, X = Q, d = be(), S = he(), q = r(), L = t.id ?? ce().id.value, g = `bb-tab_${L}`, f = r(), { isScrolling: Y, arrivedState: V } = ye(f), B = $(() => ({
+    var A, H;
+    const t = j, X = Q, d = ce(), q = be(), S = r(), L = t.id ?? de().id.value, g = `bb-tab_${L}`, b = r(), { isScrolling: Y, arrivedState: V } = he(b), B = $(() => ({
       isScrolling: Y.value,
       left: V.left,
       right: V.right
-    })), C = !!((A = (N = ae()) == null ? void 0 : N.proxy) != null && A.$inertia), i = r(null), o = $(
+    })), C = !!((H = (A = le()) == null ? void 0 : A.proxy) != null && H.$inertia), i = r(null), o = $(
       () => t.items.findIndex((e) => e.key === i.value)
     ), _ = $(() => o.value === 0), w = $(() => o.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 P = () => {
+    const R = () => {
       var e, a, l, n, s;
       if (t.navigation && ((a = (e = d.value) == null ? void 0 : e.query) != null && a[t.querykey]))
         i.value = (n = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : n[t.querykey];
@@ -48,7 +47,7 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
       else if (t.modelValue)
         i.value = t.modelValue;
       else if (t.items[0]) {
-        const m = t.items.find((te) => !te.disabled);
+        const m = t.items.find((ee) => !ee.disabled);
         if (!m)
           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."
@@ -57,11 +56,11 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
         i.value = v;
       }
     };
-    P();
+    R();
     const y = async (e, a = !1) => {
       var l, n, s, m;
       if (t.navigation && d.value && ((n = (l = d.value) == null ? void 0 : l.query) == null ? void 0 : n[t.querykey]) !== e)
-        S == null || S.push({
+        q == null || q.push({
           ...d,
           query: { ...(s = d.value) == null ? void 0 : s.query, [t.querykey]: e },
           replace: a
@@ -119,12 +118,12 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
         else
           return;
     };
-    b(
+    f(
       () => t.modelValue,
       (e) => {
         e && y(e, t.replace);
       }
-    ), b(
+    ), f(
       () => {
         var e, a;
         return (a = (e = d.value) == null ? void 0 : e.query) == null ? void 0 : a[t.querykey];
@@ -132,14 +131,14 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
       (e) => {
         e && typeof e == "string" && y(e, t.replace);
       }
-    ), b(
+    ), f(
       i,
       async () => {
-        if (q.value) {
-          const e = q.value.querySelector(
+        if (S.value) {
+          const e = S.value.querySelector(
             "[role=tablist] .bb-tab__btn--active"
           );
-          e && (await ie(), e.scrollIntoView({
+          e && (await ae(), e.scrollIntoView({
             behavior: "smooth",
             block: "nearest",
             inline: "nearest"
@@ -148,30 +147,31 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
       },
       { flush: "post" }
     );
-    const R = r("right");
-    b(
+    const P = r("right");
+    f(
       i,
       (e, a) => {
         if (e && a) {
           const l = t.items.findIndex((s) => s.key === e), n = t.items.findIndex((s) => s.key === a);
-          R.value = l > n ? "right" : "left";
+          P.value = l > n ? "right" : "left";
         }
       },
       { flush: "sync" }
     );
-    const E = r(0), W = r(0), z = r(0), D = r(0), F = r(0), x = () => {
-      if (!f.value) return;
-      const e = f.value.querySelector(
+    const E = r(0), z = r(0), D = r(0), F = r(0), N = r(0), x = () => {
+      if (!b.value)
+        return;
+      const e = b.value.querySelector(
         ".bb-tab__btn--active"
       );
-      e && (z.value = e.offsetLeft, D.value = e.offsetTop, E.value = e.clientWidth, W.value = e.clientHeight, F.value = f.value.scrollWidth);
+      e && (D.value = e.offsetLeft, F.value = e.offsetTop, E.value = e.clientWidth, z.value = e.clientHeight, N.value = b.value.scrollWidth);
     };
-    se(x), b(i, x, { flush: "post" });
-    const { width: ee } = me();
-    return ke(ee, x, { throttle: 100 }), b(
+    return ie(x), f(i, x, { flush: "post" }), ye(b, () => {
+      x();
+    }), f(
       () => t.items,
       () => {
-        i.value && !t.items.find((e) => e.key === i.value) && P();
+        i.value && !t.items.find((e) => e.key === i.value) && R();
       },
       {
         immediate: !0,
@@ -184,41 +184,41 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
       currentIndex: o,
       goTo: u
     }), (e, a) => (h(), p("div", {
-      id: ne(L),
+      id: se(L),
       ref_key: "tabs",
-      ref: q,
+      ref: S,
       class: T(["bb-tab", {
         [`bb-tab--${e.direction}`]: !0,
         "bb-tab--disabled": !0
       }])
     }, [
-      c("div", _e, [
+      c("div", ke, [
         c("span", null, [
-          k(e.$slots, "header:prepend", H(U(B.value)))
+          k(e.$slots, "header:prepend", U(W(B.value)))
         ]),
         c("ul", {
           ref_key: "tablist",
-          ref: f,
+          ref: b,
           class: "bb-tab__label-container",
           role: "tablist",
           style: K({
-            "--inner-width": `${F.value}px`
+            "--inner-width": `${N.value}px`
           })
         }, [
           c("span", {
             class: "bb-tab__highlight",
             style: K({
               "--width": `${E.value}px`,
-              "--height": `${W.value}px`,
-              "--left": `${z.value}px`,
-              "--top": `${D.value}px`
+              "--height": `${z.value}px`,
+              "--left": `${D.value}px`,
+              "--top": `${F.value}px`
             })
           }, null, 4),
-          (h(!0), p(J, null, M(e.items, (l) => (h(), p("li", {
+          (h(!0), p(O, null, J(e.items, (l) => (h(), p("li", {
             key: l.key,
             role: "presentation"
           }, [
-            O(ve, {
+            M(me, {
               id: `${g}_tab_${l.key}`,
               "aria-selected": i.value === l.key,
               class: T(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
@@ -251,7 +251,7 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
                     text: l.label,
                     value: l.key
                   }, () => [
-                    c("span", we, re(l.label), 1)
+                    c("span", ge, ne(l.label), 1)
                   ])
                 ])
               ]),
@@ -260,16 +260,16 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
           ]))), 128))
         ], 4),
         c("span", null, [
-          k(e.$slots, "header:append", H(U(B.value)))
+          k(e.$slots, "header:append", U(W(B.value)))
         ])
       ]),
-      c("div", $e, [
-        O(pe, null, {
+      c("div", _e, [
+        M(ve, null, {
           default: I(() => [
-            (h(!0), p(J, null, M(e.items, (l) => (h(), oe(ue, {
+            (h(!0), p(O, null, J(e.items, (l) => (h(), re(oe, {
               key: l.key,
               css: e.animate,
-              name: `tab-slide-${R.value}`
+              name: `tab-slide-${P.value}`
             }, {
               default: I(() => [
                 i.value === l.key || e.eager || l.eager ? (h(), p("section", {
@@ -293,7 +293,7 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
                     text: l.label,
                     value: l.key
                   })
-                ], 10, Se)) : de("", !0)
+                ], 10, we)) : ue("", !0)
               ]),
               _: 2
             }, 1032, ["css", "name"]))), 128))
@@ -301,9 +301,9 @@ const ge = ["id"], _e = { class: "bb-tab__label-boundary" }, we = { class: "bb-t
           _: 3
         })
       ])
-    ], 10, ge));
+    ], 10, pe));
   }
 });
 export {
-  We as default
+  Re as default
 };

package/dist/index110.js

@@ -3,13 +3,13 @@ import { add as ue } from "./index296.js";
 import { clamp as pe } from "./index204.js";
 import { isNil as M } from "./index129.js";
 import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index289.js";
-import { when as ye } from "./index207.js";
+import { useItemValue as me } from "./index260.js";
+import { when as ye } from "./index206.js";
 import J from "./index17.js";
 /* empty css        */
 import he from "./index31.js";
 /* empty css        */
-import { useOptions as ke } from "./index238.js";
+import { useOptions as ke } from "./index208.js";
 const _e = {
   key: 0,
   class: "sr-only"

package/dist/index118.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as f, Fragment as d, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index11.js";
-import B from "./index297.js";
+import B from "./index295.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index120.js

@@ -1,12 +1,12 @@
 import { defineComponent as z, defineAsyncComponent as A, ref as a, watch as I, computed as R, openBlock as v, createElementBlock as S, mergeProps as U, createElementVNode as c, renderSlot as E, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as D, withCtx as L, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index232.js";
+import { useFloating as q, arrow as G } from "./index211.js";
 import { useId as J } from "./index8.js";
 import { wait as P } from "./index131.js";
 import K from "./index13.js";
 /* empty css        */
-import { throttle as b } from "./index212.js";
-import { waitFor as Q } from "./index214.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index236.js";
+import { throttle as b } from "./index230.js";
+import { waitFor as Q } from "./index221.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index226.js";
 const ue = /* @__PURE__ */ z({
   __name: "BbTooltip",
   props: {
@@ -24,7 +24,7 @@ const ue = /* @__PURE__ */ z({
   },
   setup(F) {
     const O = A(
-      () => import("./index254.js")
+      () => import("./index252.js")
     ), t = F, w = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), _ = a(), { placement: g, middlewareData: $ } = q(s, d, {
       placement: t.placement,
       whileElementsMounted: X,

package/dist/index122.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index295.js";
+import { flattenTree as T } from "./index297.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index126.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as z, openBlock as _, createElementBlock as b, mergeProps as h } from "vue";
-import { isCssColor as w } from "./index206.js";
+import { isCssColor as w } from "./index205.js";
 const g = ["innerHTML"], $ = /* @__PURE__ */ m({
   __name: "BbIcon",
   props: {

package/dist/index127.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index212.js";
+import { throttle as g } from "./index230.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index128.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index206.js";
+import { isCssColor as u } from "./index205.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as y, getCurrentInstance as p, computed as s, resolveComponent as d, openBlock as k, createBlock as h, resolveDynamicComponent as C, mergeProps as x, withCtx as S, renderSlot as L, createTextVNode as B, toDisplayString as N } from "vue";
 import { _config as o } from "./index4.js";
-import { useLogger as m } from "./index216.js";
+import { useLogger as m } from "./index229.js";
 const P = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {