bitboss-ui 2.0.23 → 2.0.24

package/dist/index104.js

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

package/dist/{index107.js → index106.js}

@@ -1,15 +1,15 @@
 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 "./index278.js";
-import { clamp as pe } from "./index199.js";
-import { isNil as M } from "./index126.js";
-import { useId as fe } from "./index9.js";
-import { useItemValue as me } from "./index279.js";
-import { when as he } from "./index233.js";
-import J from "./index16.js";
+import { add as ue } from "./index286.js";
+import { clamp as pe } from "./index198.js";
+import { isNil as M } from "./index125.js";
+import { useId as fe } from "./index8.js";
+import { useItemValue as me } from "./index272.js";
+import { when as he } from "./index203.js";
+import J from "./index15.js";
 /* empty css        */
-import ye from "./index30.js";
+import ye from "./index29.js";
 /* empty css        */
-import { useOptions as _e } from "./index229.js";
+import { useOptions as _e } from "./index223.js";
 const ke = {
   key: 0,
   class: "sr-only"
@@ -407,4 +407,3 @@ const ke = {
 export {
   Xe as default
 };
-//# sourceMappingURL=index107.js.map

package/dist/{index109.js → index108.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, ref as y, computed as B, openBlock as g, createBlock as k, withCtx as l, renderSlot as r, normalizeProps as n, guardReactiveProps as i, createVNode as $, mergeProps as w } from "vue";
-import V from "./index26.js";
+import V from "./index25.js";
 /* empty css        */
-import P from "./index44.js";
+import P from "./index43.js";
 /* empty css        */
 const K = /* @__PURE__ */ v({
   __name: "BbTag",
@@ -115,4 +115,3 @@ const K = /* @__PURE__ */ v({
 export {
   K as default
 };
-//# sourceMappingURL=index109.js.map

package/dist/index11.js

@@ -1,82 +1,42 @@
-const o = () => {
-}, h = ({
-  resolvers: y,
-  onSuccess: i = o,
-  onCleared: m = o,
-  onError: u = o,
-  onCompleted: p = o,
-  concurrency: c = 1
-}) => {
-  let e = [], a = 0;
-  const l = async () => {
-    if (!(a > c))
-      for (; a < c; ) {
-        const t = e[a++];
-        if (!t) {
-          a--;
-          return;
-        }
-        const n = y[t.type];
-        if (!n)
-          throw new Error(
-            `No resolver defined for job type "${t.type.toString()}"`
-          );
-        new Promise(async (f) => {
-          try {
-            if ("params" in t) {
-              const r = await n(t.params), s = {
-                type: t.type,
-                params: t.params,
-                result: r
-              };
-              i(s);
-            } else {
-              const r = await n(void 0), s = {
-                type: t.type,
-                result: r
-              };
-              i(s);
-            }
-          } catch (r) {
-            const s = {
-              type: t.type,
-              params: "params" in t ? t.params : void 0,
-              error: r
-            };
-            u(s);
-          } finally {
-            const r = e.indexOf(t);
-            if (e.splice(r, 1), a--, "params" in t) {
-              const s = {
-                type: t.type,
-                params: t.params
-              };
-              p(s);
-            } else {
-              const s = {
-                type: t.type
-              };
-              p(s);
-            }
-          }
-          if (e.length) return f(new Promise(() => l()));
-          m(), f(null);
+import { wait as p } from "./index127.js";
+import { reactive as d } from "vue";
+import { useId as h } from "./index8.js";
+const i = d({
+  stack: []
+}), b = () => {
+  const c = (t) => i.stack = i.stack.filter((o) => o.id !== t);
+  return {
+    toast: (t) => {
+      const o = h().id.value;
+      let l, e, n, s, f;
+      const u = 6e3;
+      if (typeof t == "string")
+        e = t;
+      else {
+        if (typeof t.timeout == "number" && t.timeout <= 0)
+          throw new Error("Toast messages cannot have a zero or less timeout");
+        n = t.icon, f = t.showClose, e = t.text, s = t.theme, l = t.title;
+      }
+      if (i.stack = i.stack.concat({
+        icon: n,
+        id: o,
+        showClose: f,
+        text: e,
+        theme: s,
+        title: l
+      }), typeof t == "object" && !t.persistent || typeof t == "string") {
+        let r;
+        typeof t == "object" && t.timeout ? r = t.timeout : r = u, p(r).then(() => {
+          c(o);
         });
       }
-  }, d = (...t) => {
-    e.push(...t), l();
-  };
-  return {
-    addJobs: d,
-    addIf: (t, n) => {
-      n(e) && d(t);
+      return o;
     },
-    filterJobs: (t) => {
-      e = e.slice(0, a).concat(e.slice(a).filter(t));
-    }
+    dismiss: c,
+    dismissAll: () => i.stack = []
   };
 };
 export {
-  h as useQueue
+  i as state,
+  b as useToast
 };
-//# sourceMappingURL=index11.js.map

package/dist/{index111.js → index110.js}

@@ -1,7 +1,7 @@
 import { defineComponent as w, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as r, renderSlot as a, normalizeProps as d, guardReactiveProps as p, createVNode as $, mergeProps as k } from "vue";
-import V from "./index26.js";
+import V from "./index25.js";
 /* empty css        */
-import P from "./index46.js";
+import P from "./index45.js";
 /* empty css        */
 const M = /* @__PURE__ */ w({
   __name: "BbTextarea",
@@ -111,4 +111,3 @@ const M = /* @__PURE__ */ w({
 export {
   M as default
 };
-//# sourceMappingURL=index111.js.map

package/dist/{index113.js → index112.js}

@@ -1,7 +1,7 @@
 import { defineComponent as h, ref as b, computed as f, openBlock as y, createBlock as v, withCtx as r, renderSlot as n, normalizeProps as B, guardReactiveProps as w, createVNode as g, mergeProps as $ } from "vue";
-import k from "./index26.js";
+import k from "./index25.js";
 /* empty css        */
-import V from "./index48.js";
+import V from "./index47.js";
 /* empty css        */
 const I = /* @__PURE__ */ h({
   __name: "BbTextInput",
@@ -110,4 +110,3 @@ const I = /* @__PURE__ */ h({
 export {
   I as default
 };
-//# sourceMappingURL=index113.js.map

package/dist/{index115.js → index114.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 "./index12.js";
-import B from "./index284.js";
+import { state as k, useToast as C } from "./index11.js";
+import B from "./index287.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {
@@ -28,4 +28,3 @@ const N = /* @__PURE__ */ s({
 export {
   N as default
 };
-//# sourceMappingURL=index115.js.map

package/dist/{index117.js → index116.js}

@@ -1,12 +1,12 @@
 import { defineComponent as z, defineAsyncComponent as A, ref as a, computed as _, watch as I, openBlock as b, createElementBlock as R, mergeProps as U, createElementVNode as c, renderSlot as D, normalizeProps as W, guardReactiveProps as j, unref as u, createBlock as L, withCtx as $, createCommentVNode as M } from "vue";
-import { useFloating as q, arrow as G } from "./index210.js";
-import { useId as J } from "./index9.js";
-import { wait as P } from "./index128.js";
-import K from "./index14.js";
+import { useFloating as q, arrow as G } from "./index212.js";
+import { useId as J } from "./index8.js";
+import { wait as P } from "./index127.js";
+import K from "./index13.js";
 /* empty css        */
 import { throttle as w } from "./index205.js";
 import { waitFor as Q } from "./index207.js";
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index220.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index222.js";
 const ee = /* @__PURE__ */ c("svg", {
   fill: "none",
   viewBox: "0 0 24 24",
@@ -35,7 +35,7 @@ const ee = /* @__PURE__ */ c("svg", {
   },
   setup(F) {
     const O = A(
-      () => import("./index244.js")
+      () => import("./index251.js")
     ), t = F, g = `bb_${t.id ?? J().id.value}`, s = a(), d = a(), T = a(), { floatingStyles: te, placement: h, middlewareData: f } = q(
       s,
       d,
@@ -165,4 +165,3 @@ const ee = /* @__PURE__ */ c("svg", {
 export {
   pe as default
 };
-//# sourceMappingURL=index117.js.map

package/dist/{index119.js → index118.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 "./index285.js";
+import { flattenTree as T } from "./index288.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {
@@ -120,4 +120,3 @@ const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /
 export {
   N as default
 };
-//# sourceMappingURL=index119.js.map