bitboss-ui 2.1.92 → 2.1.94

package/dist/index13.js

@@ -1,128 +1,185 @@
-import { defineComponent as w, getCurrentInstance as P, computed as r, createBlock as c, openBlock as i, mergeProps as f, withCtx as v, renderSlot as d, createTextVNode as p, toDisplayString as h, resolveDynamicComponent as b } from "vue";
-import R from "./index274.js";
-import { useFrameworkDetection as _ } from "./index234.js";
-import { _config as g } from "./index4.js";
-const D = /* @__PURE__ */ w({
-  __name: "BaseButton",
-  props: {
-    activeClass: {},
-    ariaCurrentValue: {},
-    block: { type: Boolean },
-    data: {},
-    disabled: { type: Boolean },
-    exactActiveClass: {},
-    headers: {},
-    href: {},
-    method: {},
-    onBefore: {},
-    onCancel: {},
-    onCancelToken: {},
-    onFinish: {},
-    only: {},
-    onProgress: {},
-    onStart: {},
-    onSuccess: {},
-    preserveScroll: { type: [Boolean, Function] },
-    preserveState: { type: [Boolean, Function, null] },
-    queryStringArrayFormat: {},
-    replace: { type: Boolean },
-    tag: { default: "button" },
-    target: {},
-    text: {},
-    to: {},
-    type: { default: "button" }
-  },
-  setup(C) {
-    const e = C, { isInertia: a } = _(), S = P(), n = r(() => {
-      const t = S?.proxy?.$page?.url;
-      if (t)
-        try {
-          return new URL(t, "http://localhost").pathname;
-        } catch {
-          return;
-        }
-    }), k = r(() => {
-      if (!a || !e.href || !n.value) return !1;
-      try {
-        return new URL(e.href, "http://localhost").pathname === n.value;
-      } catch {
-        return !1;
-      }
-    }), A = r(() => {
-      if (!a || !e.href || !n.value) return !1;
-      try {
-        return n.value.startsWith(
-          new URL(e.href, "http://localhost").pathname
-        );
-      } catch {
-        return !1;
+import { copy as Y } from "./index145.js";
+import { reactive as D, watch as f, toValue as G, computed as d, provide as H } from "vue";
+import { isNotNil as a } from "./index146.js";
+import { mapValues as Q } from "./index147.js";
+import { useRoute as X } from "./index148.js";
+import { useRouter as Z } from "./index149.js";
+import { useStepper as _ } from "./index142.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
       }
-    }), s = r(() => !!(e.href && a && !e.disabled && !e.target || e.to && !e.disabled)), o = r(() => !!(e.href || e.to && e.disabled)), m = r(
-      () => e.activeClass ?? g.linkActiveClass
-    ), y = r(
-      () => e.exactActiveClass ?? g.linkExactActiveClass
-    ), l = r(() => ({
-      "base-btn": !0,
-      "base-btn--block": e.block,
-      "base-btn--disabled": e.disabled,
-      [m.value]: A.value,
-      [y.value]: k.value
-    })), B = () => ({
-      disabled: e.disabled,
-      type: e.type
-    }), F = () => {
-      if (e.disabled)
-        return {
-          "aria-disabled": !0,
-          role: "link",
-          href: null
-        };
-      const t = {
-        href: e.href,
-        target: e.target
-      };
-      return a && (t.data = e.data, t.headers = e.headers, t.method = e.method, t.onBefore = e.onBefore, t.onCancel = e.onCancel, t.onCancelToken = e.onCancelToken, t.onFinish = e.onFinish, t.only = e.only, t.onProgress = e.onProgress, t.onStart = e.onStart, t.onSuccess = e.onSuccess, t.preserveScroll = e.preserveScroll, t.preserveState = e.preserveState, t.queryStringArrayFormat = e.queryStringArrayFormat, t.replace = e.replace), t;
-    }, x = () => ({
-      activeClass: m.value,
-      ariaCurrentValue: e.ariaCurrentValue,
-      exactActiveClass: y.value,
-      replace: e.replace,
-      target: e.target,
-      to: e.to
-    }), u = r(() => !s.value && !o.value ? B() : o.value || s.value && a ? F() : s.value ? x() : {});
-    return (t, $) => s.value ? (i(), c(R, f({
-      key: 0,
-      class: l.value
-    }, u.value), {
-      default: v(() => [
-        d(t.$slots, "default", {}, () => [
-          p(h(t.text), 1)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class"])) : o.value ? (i(), c(b("a"), f({
-      key: 1,
-      class: l.value
-    }, u.value), {
-      default: v(() => [
-        d(t.$slots, "default", {}, () => [
-          p(h(t.text), 1)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class"])) : (i(), c(b(t.tag), f({
-      key: 2,
-      class: l.value
-    }, u.value), {
-      default: v(() => [
-        d(t.$slots, "default", {}, () => [
-          p(h(t.text), 1)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class"]));
+    )
+  );
+  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;
+      }
+    }
+  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
+  };
+  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 {
-  D as default
+  ue as useWizard,
+  ee as wizardInjectionKey
 };

package/dist/{index130.js → index131.js}

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

package/dist/{index132.js → index133.js}

@@ -1,14 +1,14 @@
 import { defineComponent as R, mergeModels as U, ref as L, computed as v, useTemplateRef as W, useModel as x, watch as m, onBeforeUnmount as F, createElementBlock as I, openBlock as g, Fragment as _, renderSlot as k, createCommentVNode as C, createVNode as j, normalizeProps as q, mergeProps as B, withCtx as T, createElementVNode as f, normalizeStyle as G, createBlock as H, unref as J } from "vue";
 import { useId as K } from "./index8.js";
-import { useLocale as Q } from "./index231.js";
-import { useUntil as X } from "./index232.js";
-import Y from "./index13.js";
+import { useLocale as Q } from "./index239.js";
+import { useUntil as X } from "./index260.js";
+import Y from "./index14.js";
 /* empty css        */
-import Z from "./index245.js";
+import Z from "./index275.js";
 /* empty css         */
-import { useElementSize as ee } from "./index141.js";
-import { extractDomContainer as V } from "./index255.js";
-import { parseWidthString as te } from "./index283.js";
+import { useElementSize as ee } from "./index142.js";
+import { extractDomContainer as V } from "./index251.js";
+import { parseWidthString as te } from "./index282.js";
 const ce = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "BbTooltip",

package/dist/{index134.js → index135.js}

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock 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 "./index277.js";
+import { flattenTree as T } from "./index252.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/{index136.js → index137.js}

@@ -1,12 +1,12 @@
 import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as E, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as p } from "vue";
 /* empty css       */
 /* empty css       */
-import u from "./index86.js";
+import u from "./index87.js";
 /* empty css        */
-import I from "./index114.js";
+import I from "./index115.js";
 /* empty css         */
-import N from "./index217.js";
-import g from "./index218.js";
+import N from "./index263.js";
+import g from "./index264.js";
 /* empty css         */
 const h = { class: "bb-common-input-inner-container__prefix" }, B = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
   __name: "CommonInputInnerContainer",

package/dist/index139.js

@@ -1,13 +1,15 @@
-import { clamp as s } from "./index214.js";
-const o = (n, e, r = !1) => {
-  const t = n * 100 / e;
-  return r ? s(t, 0, 100) : t;
-}, g = (n, e, r, t = !1) => o(n - e, r - e, t), l = (n, e, r) => {
-  const t = r - e, c = n / 100 * t;
-  return e + c;
-};
+import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
+/* empty css         */
+import r from "./index215.js";
+const s = {}, c = { class: "bb-common-input-outer-container" };
+function p(o, a) {
+  return n(), t("span", c, [
+    e(o.$slots, "prepend-outer"),
+    e(o.$slots, "default"),
+    e(o.$slots, "append-outer")
+  ]);
+}
+const i = /* @__PURE__ */ r(s, [["render", p]]);
 export {
-  o as getAsPercentage,
-  g as getAsPercentageBetween,
-  l as getValueFromPercentageInInterval
+  i as default
 };

package/dist/index14.js

@@ -0,0 +1,128 @@
+import { defineComponent as w, getCurrentInstance as P, computed as r, createBlock as c, openBlock as i, mergeProps as f, withCtx as v, renderSlot as d, createTextVNode as p, toDisplayString as h, resolveDynamicComponent as b } from "vue";
+import R from "./index287.js";
+import { useFrameworkDetection as _ } from "./index143.js";
+import { _config as g } from "./index4.js";
+const D = /* @__PURE__ */ w({
+  __name: "BaseButton",
+  props: {
+    activeClass: {},
+    ariaCurrentValue: {},
+    block: { type: Boolean },
+    data: {},
+    disabled: { type: Boolean },
+    exactActiveClass: {},
+    headers: {},
+    href: {},
+    method: {},
+    onBefore: {},
+    onCancel: {},
+    onCancelToken: {},
+    onFinish: {},
+    only: {},
+    onProgress: {},
+    onStart: {},
+    onSuccess: {},
+    preserveScroll: { type: [Boolean, Function] },
+    preserveState: { type: [Boolean, Function, null] },
+    queryStringArrayFormat: {},
+    replace: { type: Boolean },
+    tag: { default: "button" },
+    target: {},
+    text: {},
+    to: {},
+    type: { default: "button" }
+  },
+  setup(C) {
+    const e = C, { isInertia: a } = _(), S = P(), n = r(() => {
+      const t = S?.proxy?.$page?.url;
+      if (t)
+        try {
+          return new URL(t, "http://localhost").pathname;
+        } catch {
+          return;
+        }
+    }), k = r(() => {
+      if (!a || !e.href || !n.value) return !1;
+      try {
+        return new URL(e.href, "http://localhost").pathname === n.value;
+      } catch {
+        return !1;
+      }
+    }), A = r(() => {
+      if (!a || !e.href || !n.value) return !1;
+      try {
+        return n.value.startsWith(
+          new URL(e.href, "http://localhost").pathname
+        );
+      } catch {
+        return !1;
+      }
+    }), s = r(() => !!(e.href && a && !e.disabled && !e.target || e.to && !e.disabled)), o = r(() => !!(e.href || e.to && e.disabled)), m = r(
+      () => e.activeClass ?? g.linkActiveClass
+    ), y = r(
+      () => e.exactActiveClass ?? g.linkExactActiveClass
+    ), l = r(() => ({
+      "base-btn": !0,
+      "base-btn--block": e.block,
+      "base-btn--disabled": e.disabled,
+      [m.value]: A.value,
+      [y.value]: k.value
+    })), B = () => ({
+      disabled: e.disabled,
+      type: e.type
+    }), F = () => {
+      if (e.disabled)
+        return {
+          "aria-disabled": !0,
+          role: "link",
+          href: null
+        };
+      const t = {
+        href: e.href,
+        target: e.target
+      };
+      return a && (t.data = e.data, t.headers = e.headers, t.method = e.method, t.onBefore = e.onBefore, t.onCancel = e.onCancel, t.onCancelToken = e.onCancelToken, t.onFinish = e.onFinish, t.only = e.only, t.onProgress = e.onProgress, t.onStart = e.onStart, t.onSuccess = e.onSuccess, t.preserveScroll = e.preserveScroll, t.preserveState = e.preserveState, t.queryStringArrayFormat = e.queryStringArrayFormat, t.replace = e.replace), t;
+    }, x = () => ({
+      activeClass: m.value,
+      ariaCurrentValue: e.ariaCurrentValue,
+      exactActiveClass: y.value,
+      replace: e.replace,
+      target: e.target,
+      to: e.to
+    }), u = r(() => !s.value && !o.value ? B() : o.value || s.value && a ? F() : s.value ? x() : {});
+    return (t, $) => s.value ? (i(), c(R, f({
+      key: 0,
+      class: l.value
+    }, u.value), {
+      default: v(() => [
+        d(t.$slots, "default", {}, () => [
+          p(h(t.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"])) : o.value ? (i(), c(b("a"), f({
+      key: 1,
+      class: l.value
+    }, u.value), {
+      default: v(() => [
+        d(t.$slots, "default", {}, () => [
+          p(h(t.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"])) : (i(), c(b(t.tag), f({
+      key: 2,
+      class: l.value
+    }, u.value), {
+      default: v(() => [
+        d(t.$slots, "default", {}, () => [
+          p(h(t.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  D as default
+};

package/dist/index140.js

@@ -1,4 +1,13 @@
-const o = (e) => new Promise((t) => setTimeout(t, e));
+import { clamp as s } from "./index216.js";
+const o = (n, e, r = !1) => {
+  const t = n * 100 / e;
+  return r ? s(t, 0, 100) : t;
+}, g = (n, e, r, t = !1) => o(n - e, r - e, t), l = (n, e, r) => {
+  const t = r - e, c = n / 100 * t;
+  return e + c;
+};
 export {
-  o as wait
+  o as getAsPercentage,
+  g as getAsPercentageBetween,
+  l as getValueFromPercentageInInterval
 };