bitboss-ui 2.1.92 → 2.1.94

package/dist/index12.js

@@ -1,185 +1,42 @@
-import { copy as Y } from "./index143.js";
-import { reactive as D, watch as f, toValue as G, computed as d, provide as H } from "vue";
-import { isNotNil as a } from "./index144.js";
-import { mapValues as Q } from "./index145.js";
-import { useRoute as X } from "./index146.js";
-import { useRouter as Z } from "./index147.js";
-import { useStepper as _ } from "./index141.js";
-const ee = Symbol(), k = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, N = (i) => {
-  const s = i.match(k);
-  return s?.groups?.step ?? s?.groups?.step2 ?? null;
-}, ue = (i) => {
-  if (!i.name)
-    throw new Error(
-      "You need to provide a unique name for the current wizard instance to be used to save data"
-    );
-  const s = X(), n = Z(), y = i.useNavigation ?? !0, S = i.navigationMode ?? "query", h = i.persist ?? !0;
-  if (y && (!s.value || !n))
-    throw new Error(
-      "Navigation is enabled but could not retrieve the router instance in useWizard."
-    );
-  const V = Y(i.initialState), u = D(
-    h && sessionStorage.getItem(i.name) ? {
-      ...V,
-      ...JSON.parse(sessionStorage.getItem(i.name))
-    } : V
-  );
-  h && f(u, () => {
-    sessionStorage.setItem(i.name, JSON.stringify(u));
-  });
-  const O = G(i.steps), r = d(
-    () => Object.entries(O).reduce(
-      (e, [t, o]) => (o.condition && !o.condition(u) || (e[t] = { ...o, key: t }), e),
-      {}
-    )
-  ), m = d(
-    () => Q(
-      r.value,
-      (e) => typeof e.isValid == "function" ? {
-        ...e,
-        isValid: e.isValid(u)
-      } : {
-        ...e,
-        isValid: e.isValid ?? !0
+import { nanoid as p } from "./index144.js";
+import { reactive as d } from "vue";
+import { wait as h } from "./index141.js";
+const i = d({
+  stack: []
+}), b = () => {
+  const n = (t) => i.stack = i.stack.filter((o) => o.id !== t);
+  return {
+    toast: (t) => {
+      const o = p();
+      let c, e, l, 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");
+        l = t.icon, f = t.showClose, e = t.text, s = t.theme, c = t.title;
       }
-    )
-  );
-  let l = null;
-  if (y && a(s.value)) {
-    let e = null;
-    if (S === "query")
-      s.value.query.step && (e = s.value.query.step);
-    else {
-      const t = N(s.value.fullPath);
-      t && (e = t);
-    }
-    l = e;
-  }
-  if (l)
-    for (const e in r.value) {
-      if (e === l) break;
-      const t = m.value[e];
-      if (!t || !t.isValid) {
-        l = null;
-        break;
+      if (i.stack = i.stack.concat({
+        icon: l,
+        id: o,
+        showClose: f,
+        text: e,
+        theme: s,
+        title: c
+      }), typeof t == "object" && !t.persistent || typeof t == "string") {
+        let r;
+        typeof t == "object" && t.timeout ? r = t.timeout : r = u, h(r).then(() => {
+          n(o);
+        });
       }
-    }
-  const {
-    steps: q,
-    current: x,
-    goToNext: w,
-    goToPrevious: P,
-    goTo: v,
-    index: j,
-    at: A,
-    get: K,
-    goBackTo: z,
-    isAfter: F,
-    isBefore: I,
-    isCurrent: M,
-    isFirst: U,
-    isLast: B,
-    isNext: C,
-    isPrevious: E,
-    next: J,
-    previous: R,
-    stepNames: W
-  } = _(
-    m,
-    l || Object.values(r.value)[0].key
-  ), c = d(() => Object.keys(r.value)[j.value]), b = {
-    at: A,
-    current: x,
-    data: u,
-    get: K,
-    goBackTo: z,
-    goTo: v,
-    goToNext: w,
-    goToPrevious: P,
-    isAfter: F,
-    isBefore: I,
-    isCurrent: M,
-    isFirst: U,
-    isLast: B,
-    isNext: C,
-    isPrevious: E,
-    key: c,
-    next: J,
-    previous: R,
-    stepNames: W,
-    steps: q
+      return o;
+    },
+    dismiss: n,
+    dismissAll: () => i.stack = []
   };
-  if (H(ee, b), y)
-    if (S === "query")
-      f(
-        c,
-        () => {
-          a(n) && a(s.value) && n.push({
-            ...s,
-            query: { ...s.value.query, step: c.value ?? null }
-          });
-        },
-        { immediate: !0 }
-      ), f(
-        () => s.value?.query.step,
-        (e) => {
-          if (e) {
-            const t = e;
-            if (t in r.value) {
-              const o = t, p = Object.keys(r.value);
-              p.slice(
-                0,
-                p.indexOf(o)
-              ).every(
-                (T) => m.value[T]?.isValid
-              ) && v(o);
-            }
-          } else {
-            const t = Object.keys(q)[0];
-            v(t);
-          }
-        }
-      );
-    else {
-      const e = d(() => {
-        if (a(s.value))
-          return N(s.value.fullPath);
-      });
-      f(
-        c,
-        (t) => {
-          a(s.value) && a(n) && t && (s.value.path.includes("step") ? n.push({
-            query: s.value.query,
-            path: s.value.path.replace(k, `step/${t}`)
-          }) : n.push({
-            query: s.value.query,
-            // Normalizes paths with / and without
-            path: (s.value.path + `/step/${t}`).replace("//", "/"),
-            replace: !0
-          }));
-        },
-        { immediate: !0 }
-      ), f(
-        () => e.value,
-        (t) => {
-          if (t && t !== c.value) {
-            const o = t;
-            if (o in r.value) {
-              const p = o, g = Object.keys(r.value);
-              g.slice(
-                0,
-                g.indexOf(p)
-              ).every(
-                (L) => r.value[L]?.isValid
-              ) && v(p);
-            }
-          }
-        }
-      );
-    }
-  return b;
 };
 export {
-  ue as useWizard,
-  ee as wizardInjectionKey
+  i as state,
+  b as useToast
 };

package/dist/index121.js

@@ -0,0 +1,369 @@
+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 "./index148.js";
+import { useRouter as xe } from "./index149.js";
+import { useScroll as $e, useResizeObserver as Ie } from "./index142.js";
+import Ce from "./index14.js";
+/* empty css        */
+import Be from "./index113.js";
+/* empty css         */
+import { useFrameworkDetection as Te } from "./index143.js";
+import { merge as qe } from "./index269.js";
+import { isNil as Le } from "./index223.js";
+import { useQuery as Fe } from "./index11.js";
+import { hash as Ee } from "./index231.js";
+import "@inertiajs/vue3";
+import { isNotNil as Ne } from "./index146.js";
+import { useLogger as Pe } from "./index233.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"], it = /* @__PURE__ */ fe({
+  __name: "BbTab",
+  props: {
+    disabled: { type: Boolean },
+    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;
+      }
+    };
+    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 {
+          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)
+        };
+      });
+    }), 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;
+      }
+    };
+    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 D = r(0), W = r(0), O = r(0), z = r(0), A = r(0), H = r(!1), $ = () => {
+      if (!i.value)
+        return;
+      const e = i.value.querySelector(
+        ".bb-tab__btn--active"
+      );
+      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),
+      () => {
+        a.value && !t.items.find((e) => e.key === a.value) && V();
+      },
+      {
+        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`
+          })
+        }, [
+          (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
+                  }, () => [
+                    m("span", Ke, ye(n.label), 1)
+                  ])
+                ])
+              ]),
+              _: 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,
+                  id: n.panelId,
+                  "aria-labelledby": n.tabId,
+                  class: S(n.paneClasses),
+                  role: "tabpanel",
+                  tabindex: n.tabindex
+                }, [
+                  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))
+          ]),
+          _: 3
+        }))
+      ])
+    ], 10, Ve));
+  }
+});
+export {
+  it as default
+};

package/dist/{index122.js → index123.js}

@@ -1,22 +1,22 @@
 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 "./index214.js";
-import { hash as T } from "./index237.js";
-import { isNil as w } from "./index273.js";
-import { when as $e } from "./index244.js";
+import { clamp as Ve } from "./index216.js";
+import { hash as T } from "./index231.js";
+import { isNil as w } from "./index223.js";
+import { when as $e } from "./index253.js";
 import { useId as Be } from "./index8.js";
-import { useItemValue as He } from "./index290.js";
-import { useItemsGetter as Te } from "./index242.js";
-import { usePrefill as Ae } from "./index243.js";
-import { useIndexById as le } from "./index224.js";
-import { useBaseOptions as Ne } from "./index223.js";
-import { useHashedWatcher as Le } from "./index241.js";
-import { useLocale as De } from "./index231.js";
-import ae from "./index17.js";
+import { useItemValue as He } from "./index254.js";
+import { useItemsGetter as Te } from "./index255.js";
+import { usePrefill as Ae } from "./index256.js";
+import { useIndexById as le } from "./index241.js";
+import { useBaseOptions as Ne } from "./index240.js";
+import { useHashedWatcher as Le } from "./index257.js";
+import { useLocale as De } from "./index239.js";
+import ae from "./index18.js";
 /* empty css        */
-import Ee from "./index31.js";
+import Ee from "./index32.js";
 /* empty css        */
-import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index293.js";
-import { useLogger as Me } from "./index261.js";
+import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index258.js";
+import { useLogger as Me } from "./index233.js";
 const Fe = {
   key: 0,
   class: "sr-only"

package/dist/{index124.js → index125.js}

@@ -1,7 +1,7 @@
 import { defineComponent as f, ref as y, computed as v, createBlock as B, openBlock as g, withCtx as l, createVNode as k, mergeProps as $, renderSlot as r, normalizeProps as n, guardReactiveProps as i } from "vue";
-import w from "./index27.js";
+import w from "./index28.js";
 /* empty css        */
-import V from "./index45.js";
+import V from "./index46.js";
 /* empty css        */
 const I = /* @__PURE__ */ f({
   __name: "BbTag",

package/dist/{index126.js → index127.js}

@@ -1,7 +1,7 @@
 import { defineComponent as f, ref as y, computed as w, createBlock as v, openBlock as B, withCtx as a, createVNode as g, mergeProps as $, renderSlot as r, normalizeProps as i, guardReactiveProps as d } from "vue";
-import k from "./index27.js";
+import k from "./index28.js";
 /* empty css        */
-import V from "./index47.js";
+import V from "./index48.js";
 /* empty css        */
 const G = /* @__PURE__ */ f({
   __name: "BbTextarea",

package/dist/{index128.js → index129.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as b, computed as h, createBlock as y, openBlock as f, withCtx as a, createVNode as k, mergeProps as v, renderSlot as n, normalizeProps as B, guardReactiveProps as w } from "vue";
-import g from "./index27.js";
+import g from "./index28.js";
 /* empty css        */
-import $ from "./index49.js";
+import $ from "./index50.js";
 /* empty css        */
 const L = /* @__PURE__ */ c({
   __name: "BbTextInput",