bitboss-ui 2.0.88 → 2.0.90

package/dist/index11.js

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

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

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

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

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

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

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

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

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

package/dist/{index120.js → index119.js}

@@ -1,14 +1,14 @@
 import { defineComponent as N, ref as a, watch as V, computed as H, openBlock as B, createElementBlock as z, mergeProps as I, createElementVNode as p, renderSlot as C, normalizeProps as R, guardReactiveProps as S, unref as c, createVNode as U, withCtx as E, createBlock as W, createCommentVNode as j } from "vue";
-import { useFloating as q, arrow as A } from "./index209.js";
-import { useId as G } from "./index8.js";
-import { wait as _ } from "./index131.js";
-import J from "./index13.js";
+import { useFloating as q, arrow as A } from "./index211.js";
+import { useId as G } from "./index7.js";
+import { wait as _ } from "./index130.js";
+import J from "./index12.js";
 /* empty css        */
-import { throttle as m } from "./index226.js";
-import { waitFor as K } from "./index219.js";
+import { throttle as m } from "./index228.js";
+import { waitFor as K } from "./index221.js";
 import Q from "./index255.js";
 /* empty css         */
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index225.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index224.js";
 const pe = /* @__PURE__ */ N({
   __name: "BbTooltip",
   props: {

package/dist/index12.js

@@ -1,195 +1,84 @@
-import { copy as D } from "./index133.js";
-import { reactive as G, watch as v, toValue as H, computed as g, provide as Q } from "vue";
-import { isNotNil as a } from "./index134.js";
-import { mapValues as X } from "./index135.js";
-import { useRoute as Z } from "./index136.js";
-import { useRouter as _ } from "./index137.js";
-import { useStepper as ee } from "./index132.js";
-const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, O = (i) => {
-  var r, u;
-  const e = i.match(x);
-  return ((r = e == null ? void 0 : e.groups) == null ? void 0 : r.step) ?? ((u = e == null ? void 0 : e.groups) == null ? void 0 : u.step2) ?? null;
-}, le = (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 e = Z(), r = _(), u = i.useNavigation ?? !0, h = i.navigationMode ?? "query", V = i.persist ?? !0;
-  if (u && (!e.value || !r))
-    throw new Error(
-      "Navigation is enabled but could not retrieve the router instance in useWizard."
-    );
-  const q = D(i.initialState), l = G(
-    V && sessionStorage.getItem(i.name) ? {
-      ...q,
-      ...JSON.parse(sessionStorage.getItem(i.name))
-    } : q
-  );
-  V && v(l, () => {
-    sessionStorage.setItem(i.name, JSON.stringify(l));
-  });
-  const w = H(i.steps), o = g(
-    () => Object.entries(w).reduce(
-      (t, [s, n]) => (n.condition && !n.condition(l) || (t[s] = { ...n, key: s }), t),
-      {}
-    )
-  ), m = g(
-    () => X(
-      o.value,
-      (t) => typeof t.isValid == "function" ? {
-        ...t,
-        isValid: t.isValid(l)
-      } : {
-        ...t,
-        isValid: t.isValid ?? !0
-      }
-    )
-  );
-  let p = null;
-  if (u && a(e.value)) {
-    let t = null;
-    if (h === "query")
-      e.value.query.step && (t = e.value.query.step);
-    else {
-      const s = O(e.value.fullPath);
-      s && (t = s);
-    }
-    p = t;
-  }
-  if (p)
-    for (const t in o.value) {
-      if (t === p) break;
-      const s = m.value[t];
-      if (!s || !s.isValid) {
-        p = null;
-        break;
-      }
-    }
-  const {
-    steps: b,
-    current: P,
-    goToNext: j,
-    goToPrevious: A,
-    goTo: d,
-    index: K,
-    at: z,
-    get: F,
-    goBackTo: I,
-    isAfter: M,
-    isBefore: U,
-    isCurrent: B,
-    isFirst: C,
-    isLast: E,
-    isNext: J,
-    isPrevious: R,
-    next: W,
-    previous: $,
-    stepNames: L
-  } = ee(
-    m,
-    p || Object.values(o.value)[0].key
-  ), c = g(() => Object.keys(o.value)[K.value]), T = {
-    at: z,
-    current: P,
-    data: l,
-    get: F,
-    goBackTo: I,
-    goTo: d,
-    goToNext: j,
-    goToPrevious: A,
-    isAfter: M,
-    isBefore: U,
-    isCurrent: B,
-    isFirst: C,
-    isLast: E,
-    isNext: J,
-    isPrevious: R,
-    key: c,
-    next: W,
-    previous: $,
-    stepNames: L,
-    steps: b
-  };
-  if (Q(te, T), u)
-    if (h === "query")
-      v(
-        c,
-        () => {
-          a(r) && a(e.value) && r.push({
-            ...e,
-            query: { ...e.value.query, step: c.value ?? null }
-          });
-        },
-        { immediate: !0 }
-      ), v(
-        () => {
-          var t;
-          return (t = e.value) == null ? void 0 : t.query.step;
-        },
-        (t) => {
-          if (t) {
-            const s = t;
-            if (s in o.value) {
-              const n = s, f = Object.keys(o.value);
-              f.slice(
-                0,
-                f.indexOf(n)
-              ).every(
-                (N) => {
-                  var y;
-                  return (y = m.value[N]) == null ? void 0 : y.isValid;
-                }
-              ) && d(n);
-            }
-          } else {
-            const s = Object.keys(b)[0];
-            d(s);
-          }
+import { defineComponent as k, getCurrentInstance as u, resolveComponent as p, computed as d, openBlock as v, createBlock as h, resolveDynamicComponent as C, unref as x, mergeProps as S, withCtx as L, renderSlot as B, createTextVNode as N, toDisplayString as $ } from "vue";
+import { _config as n } from "./index3.js";
+import { useLogger as m } from "./index208.js";
+const _ = /* @__PURE__ */ k({
+  __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(f) {
+    var s, i, l, c;
+    const t = f, a = !!((i = (s = u()) == null ? void 0 : s.proxy) != null && i.$inertia), b = !!((c = (l = u()) == null ? void 0 : l.proxy) != null && c.$nuxt);
+    let o;
+    if (t.href || t.to && t.disabled)
+      if (a && !t.disabled && !t.target) {
+        const e = p(n.inertiaLinkName);
+        if (typeof e == "string") {
+          const { warn: r } = m();
+          r(
+            `Inertia link component "${n.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${n.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${n.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+          );
         }
-      );
-    else {
-      const t = g(() => {
-        if (a(e.value))
-          return O(e.value.fullPath);
-      });
-      v(
-        c,
-        (s) => {
-          a(e.value) && a(r) && s && (e.value.path.includes("step") ? r.push({
-            query: e.value.query,
-            path: e.value.path.replace(x, `step/${s}`)
-          }) : r.push({
-            query: e.value.query,
-            // Normalizes paths with / and without
-            path: (e.value.path + `/step/${s}`).replace("//", "/"),
-            replace: !0
-          }));
-        },
-        { immediate: !0 }
-      ), v(
-        () => t.value,
-        (s) => {
-          if (s && s !== c.value) {
-            const n = s;
-            if (n in o.value) {
-              const f = n, S = Object.keys(o.value);
-              S.slice(
-                0,
-                S.indexOf(f)
-              ).every(
-                (y) => {
-                  var k;
-                  return (k = o.value[y]) == null ? void 0 : k.isValid;
-                }
-              ) && d(f);
-            }
-          }
+        o = e;
+      } else
+        o = "a";
+    else if (t.to)
+      if (b) {
+        const e = p(n.nuxtLinkName);
+        if (typeof e == "string") {
+          const { warn: r } = m();
+          r(
+            `Nuxt link component "${n.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${n.nuxtLinkName}" or set bitboss-ui config key "nuxtLInkName" to the correct value globally. Please visit ${n.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+          );
         }
-      );
-    }
-  return T;
-};
+        o = e;
+      } else
+        o = "router-link";
+    else
+      o = t.tag;
+    const g = d(() => ({
+      "base-btn": !0,
+      "base-btn--block": t.block,
+      "base-btn--disabled": t.disabled
+    })), y = d(() => {
+      const e = {};
+      return o === "button" ? (e.disabled = t.disabled, e.type = t.type) : o === "a" || a && typeof o != "string" && o.name === "Link" ? t.disabled ? (e["aria-disabled"] = !0, e.role = "link") : (e.href = t.href, e.target = t.target, a && (e.data = t.data, e.headers = t.headers, e.method = t.method, e.onBefore = t.onBefore, e.onCancel = t.onCancel, e.onCancelToken = t.onCancelToken, e.onFinish = t.onFinish, e.only = t.only, e.onProgress = t.onProgress, e.onStart = t.onStart, e.onSuccess = t.onSuccess, e.preserveScroll = t.preserveScroll, e.preserveState = t.preserveState, e.queryStringArrayFormat = t.queryStringArrayFormat, e.replace = t.replace)) : (o === "router-link" || typeof o != "string" && o.name === "NuxtLink") && (e.activeClass = t.activeClass, e.ariaCurrentValue = t.ariaCurrentValue, e.exactActiveClass = t.exactActiveClass, e.replace = t.replace, e.target = t.target, e.to = t.to), e;
+    });
+    return (e, r) => (v(), h(C(x(o)), S({ class: g.value }, y.value), {
+      default: L(() => [
+        B(e.$slots, "default", {}, () => [
+          N($(e.text), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  le as useWizard,
-  te as wizardInjectionKey
+  _ as default
 };

package/dist/index123.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, openBlock as o, createElementBlock as a, createElementVNode as t, renderSlot as i, createTextVNode as p, toDisplayString as b, withModifiers as d, createCommentVNode as m } from "vue";
+const u = { class: "bb-chip" }, _ = { class: "bb-chip__content" }, f = ["aria-label"], k = /* @__PURE__ */ c({
+  __name: "BbChip",
+  props: {
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
+  },
+  emits: ["click:clear"],
+  setup(h, { emit: r }) {
+    const n = r, s = (e) => {
+      n("click:clear", e);
+    };
+    return (e, l) => (o(), a("span", u, [
+      t("span", _, [
+        i(e.$slots, "default", {}, () => [
+          p(b(e.text), 1)
+        ])
+      ]),
+      e.clearable ? (o(), a("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: d(s, ["stop", "prevent"])
+      }, l[0] || (l[0] = [
+        t("svg", {
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          t("path", {
+            d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ]), 8, f)) : m("", !0)
+    ]));
+  }
+});
+export {
+  k as default
+};