bitboss-ui 2.0.88 → 2.0.90

package/dist/index81.js

@@ -1,46 +1,129 @@
-import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index226.js";
-const M = /* @__PURE__ */ h({
-  __name: "BbIntersection",
+import { defineComponent as B, ref as t, computed as w, openBlock as g, createBlock as k, withCtx as r, renderSlot as a, normalizeProps as s, guardReactiveProps as l, createVNode as $, mergeProps as V } from "vue";
+import P from "./index26.js";
+/* empty css        */
+import q from "./index28.js";
+/* empty css        */
+const D = /* @__PURE__ */ B({
+  __name: "BbNumberInput",
   props: {
-    debounceTime: { default: 0 },
-    options: { default: () => ({
-      root: null,
-      threshold: [0, 0.2, 0.4, 0.6, 0.8, 1]
-    }) },
-    tag: { default: "div" }
+    "append:icon": {},
+    autocomplete: {},
+    autofocus: {},
+    direction: {},
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    label: {},
+    labelPosition: {},
+    loading: { type: Boolean },
+    max: {},
+    min: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    placeholder: {},
+    "prepend:icon": {},
+    readonly: {},
+    required: { type: Boolean },
+    reverse: { type: Boolean },
+    step: {}
   },
-  emits: ["shown", "hidden", "intersected"],
-  setup(u, { emit: d }) {
-    const r = u, i = d, n = t(null), l = t(null), o = t(!1), s = t(!0), a = t(0);
-    m(() => {
-      n.value = new IntersectionObserver((e) => {
-        f(e[0]);
-      }, r.options), l.value && n.value.observe(l.value);
-    }), p(() => {
-      n.value && n.value.disconnect();
-    });
-    const f = c((e) => {
-      e.isIntersecting ? (a.value = Math.trunc(e.intersectionRatio * 100), e.intersectionRatio === 1 ? (o.value = !0, s.value = !1, i("shown")) : (o.value = !1, s.value = !1, v(Math.trunc(e.intersectionRatio * 100)))) : (o.value = !1, s.value = !0, i("hidden"));
-    }), v = c((e) => {
-      i("intersected", e);
-    }, r.debounceTime);
-    return (e, B) => (g(), b(w(e.tag), {
-      ref_key: "infinitescrolltrigger",
-      ref: l,
-      class: "bb-intersection"
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
+  setup(m, { expose: c, emit: b }) {
+    const i = m, o = b, p = t(), d = t(!1), h = w(() => i.persistentHint || d.value), f = {
+      onBlur: (e) => {
+        d.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onDecrease: (e) => o("decrease", e),
+      onFocus: (e) => {
+        d.value = !0, o("focus", e);
+      },
+      onIncrease: (e) => o("increase", e),
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return c({
+      increase: () => {
+        var e;
+        (e = p.value) == null || e.increase();
+      },
+      decrease: () => {
+        var e;
+        (e = p.value) == null || e.decrease();
+      }
+    }), (e, I) => (g(), k(P, {
+      id: e.id,
+      class: "bb-number-input",
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "model-value": e.modelValue,
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": h.value
     }, {
-      default: _(() => [
-        I(e.$slots, "default", {
-          hidden: s.value,
-          percentage: a.value,
-          shown: o.value
-        })
+      label: r((u) => [
+        a(e.$slots, "label", s(l(u)))
+      ]),
+      input: r(({ id: u, hasErrors: y, ariaDescribedby: v }) => [
+        $(q, V({
+          id: u,
+          ref_key: "bni",
+          ref: p,
+          "append:icon": i["append:icon"],
+          "aria-describedby": v,
+          autocomplete: e.autocomplete,
+          autofocus: e.autofocus,
+          disabled: e.disabled,
+          "has-errors": y,
+          loading: e.loading,
+          max: e.max,
+          min: e.min,
+          "model-value": e.modelValue,
+          name: e.name,
+          placeholder: e.placeholder,
+          "prepend:icon": i["prepend:icon"],
+          readonly: e.readonly,
+          required: e.required,
+          step: e.step
+        }, f), {
+          "append-outer": r((n) => [
+            a(e.$slots, "append-outer", s(l(n)))
+          ]),
+          append: r((n) => [
+            a(e.$slots, "append", s(l(n)))
+          ]),
+          prefix: r((n) => [
+            a(e.$slots, "prefix", s(l(n)))
+          ]),
+          prepend: r((n) => [
+            a(e.$slots, "prepend", s(l(n)))
+          ]),
+          suffix: r((n) => [
+            a(e.$slots, "suffix", s(l(n)))
+          ]),
+          "prepend-outer": r((n) => [
+            a(e.$slots, "prepend-outer", s(l(n)))
+          ]),
+          _: 2
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
       ]),
       _: 3
-    }, 512));
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  M as default
+  D as default
 };

package/dist/{index84.js → index83.js}

@@ -1,9 +1,9 @@
 import { defineComponent as te, ref as l, useAttrs as oe, getCurrentInstance as le, computed as p, nextTick as se, onBeforeUnmount as N, onMounted as ae, watch as ne, openBlock as g, createBlock as ie, withCtx as re, createElementVNode as s, mergeProps as O, createElementBlock as V, renderSlot as n, createTextVNode as ue, toDisplayString as S, createCommentVNode as z } from "vue";
-import { useFocusTrap as ce } from "./index217.js";
-import { useId as A } from "./index8.js";
-import { wait as E } from "./index131.js";
-import { useModalsState as b } from "./index227.js";
-import de from "./index224.js";
+import { useFocusTrap as ce } from "./index219.js";
+import { useId as A } from "./index7.js";
+import { wait as E } from "./index130.js";
+import { useModalsState as b } from "./index229.js";
+import de from "./index223.js";
 const fe = ["inert"], ve = { class: "bb-offcanvas-close" }, pe = ["aria-label"], ke = /* @__PURE__ */ te({
   __name: "BbOffCanvas",
   props: {

package/dist/{index86.js → index85.js}

@@ -1,10 +1,9 @@
 import { defineComponent as P, computed as _, ref as g, onMounted as A, onBeforeUnmount as E, openBlock as y, createElementBlock as k, normalizeClass as C, createElementVNode as i, createVNode as V, unref as S, withCtx as h, renderSlot as v, Fragment as W, renderList as R, toDisplayString as M, nextTick as $ } from "vue";
-import { debounce as F } from "./index289.js";
+import { debounce as F } from "./index274.js";
 /* empty css       */
-/* empty css       */
-import w from "./index13.js";
+import w from "./index12.js";
 /* empty css        */
-const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, H = /* @__PURE__ */ P({
+const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { class: "bb-pagination__page-label" }, X = /* @__PURE__ */ P({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
@@ -18,22 +17,22 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
   },
   emits: ["update:modelValue"],
   setup(B, { emit: x }) {
-    const l = B, c = x, s = _(() => +l.totalPages), u = g(1), t = g(+l.maxSize), r = g(), d = g(), z = g(1 / 0), f = () => {
-      r.value && d.value && (r.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
-      r.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
+    const l = B, c = x, s = _(() => +l.totalPages), r = g(1), t = g(+l.maxSize), u = g(), d = g(), z = g(1 / 0), f = () => {
+      u.value && d.value && (u.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, $(f)) : t.value = 3 : t.value < +l.maxSize && /* If there is enough space to fit one */
+      u.value.clientWidth - d.value.clientWidth > z.value && (t.value = Math.min(t.value + 1, +l.maxSize), $(f)));
     };
     if (globalThis.ResizeObserver) {
       const e = new ResizeObserver(F(f, 200));
       A(() => {
-        if (r.value && d.value) {
-          const a = r.value.querySelectorAll(
+        if (u.value && d.value) {
+          const a = u.value.querySelectorAll(
             ".bb-pagination__page"
           )[1];
           if (a) {
             const p = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), o = Number(p);
             z.value = a.clientWidth + o;
           }
-          e.observe(r.value);
+          e.observe(u.value);
         }
       }), E(() => {
         e.disconnect();
@@ -44,25 +43,25 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
         return [];
       if (t.value <= 1) return [l.modelValue];
       if (s.value <= t.value)
-        return b(s.value, u.value);
+        return b(s.value, r.value);
       const e = t.value % 2 === 0, a = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? a : a + 1, p = s.value - a;
       if (n - l.modelValue >= 0)
         return [
-          ...b(Math.max(1, t.value - 1), u.value),
+          ...b(Math.max(1, t.value - 1), r.value),
           l.ellipsis,
           s.value
         ];
       if (l.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, m = s.value - o + u.value;
+        const o = t.value - 1, m = s.value - o + r.value;
         return [
-          u.value,
+          r.value,
           l.ellipsis,
           ...b(o, m)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + u.value;
+        const o = Math.max(1, t.value - 3), m = o === 1 ? l.modelValue : l.modelValue - Math.ceil(o / 2) + r.value;
         return [
-          u.value,
+          r.value,
           l.ellipsis,
           ...b(o, m),
           l.ellipsis,
@@ -84,7 +83,7 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
     })), b = (e, a = 0) => Array.from({ length: e }, (n, p) => a + p);
     return (e, a) => (y(), k("div", {
       ref_key: "outercontainer",
-      ref: r,
+      ref: u,
       class: C(["bb-pagination", {
         [`bb-pagination--${e.align}`]: !0,
         "bb-pagination--disabled": e.disabled
@@ -176,5 +175,5 @@ const T = ["aria-label"], D = { class: "bb-pagination__page-label" }, G = { clas
   }
 });
 export {
-  H as default
+  X as default
 };

package/dist/{index88.js → index87.js}

@@ -1,13 +1,13 @@
 import { defineComponent as M, ref as n, computed as v, openBlock as k, createElementBlock as O, mergeProps as F, createElementVNode as p, renderSlot as y, normalizeProps as S, guardReactiveProps as H, createVNode as V, withCtx as C, createBlock as q, createCommentVNode as I, nextTick as W } from "vue";
-import { useFocusTrap as z } from "./index217.js";
-import { useId as A } from "./index8.js";
-import { useIntersectionObserver as R } from "./index132.js";
-import { waitFor as j } from "./index219.js";
-import G from "./index13.js";
+import { useFocusTrap as z } from "./index219.js";
+import { useId as A } from "./index7.js";
+import { useIntersectionObserver as R } from "./index131.js";
+import { waitFor as j } from "./index221.js";
+import G from "./index12.js";
 /* empty css        */
 import J from "./index255.js";
 /* empty css         */
-import { useDebounceFn as K } from "./index205.js";
+import { useDebounceFn as K } from "./index203.js";
 const re = /* @__PURE__ */ M({
   __name: "BbPopover",
   props: {

package/dist/{index90.js → index89.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, computed as a, openBlock as l, createElementBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
 import { clamp as p } from "./index204.js";
-import { getAsPercentageBetween as i } from "./index130.js";
+import { getAsPercentageBetween as i } from "./index129.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",
   props: {

package/dist/index9.js

@@ -1,10 +1,81 @@
-import { useWindowSize as i } from "./index132.js";
-import { computed as e } from "vue";
-import { _config as t } from "./index4.js";
-const c = () => {
-  const { width: o } = i();
-  return { isMobile: e(() => o.value < t.mobileMaxWidth) };
+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);
+        });
+      }
+  }, d = (...t) => {
+    e.push(...t), l();
+  };
+  return {
+    addJobs: d,
+    addIf: (t, n) => {
+      n(e) && d(t);
+    },
+    filterJobs: (t) => {
+      e = e.slice(0, a).concat(e.slice(a).filter(t));
+    }
+  };
 };
 export {
-  c as useMobile
+  h as useQueue
 };

package/dist/{index92.js → index91.js}

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

package/dist/{index94.js → index93.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, ref as g, computed as y, openBlock as B, createBlock as $, withCtx as a, renderSlot as i, normalizeProps as r, guardReactiveProps as l, createVNode as w, mergeProps as T } from "vue";
-import V from "./index27.js";
+import V from "./index26.js";
 /* empty css        */
-import D from "./index33.js";
+import D from "./index32.js";
 /* empty css        */
 const E = /* @__PURE__ */ v({
   __name: "BbRadioGroup",

package/dist/{index96.js → index95.js}

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

package/dist/{index100.js → index99.js}

@@ -1,7 +1,7 @@
 import { defineComponent as h, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
-import V from "./index27.js";
+import V from "./index26.js";
 /* empty css        */
-import q from "./index37.js";
+import q from "./index36.js";
 /* empty css        */
 const L = /* @__PURE__ */ h({
   __name: "BbSelect",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.88",
+	"version": "2.0.90",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -84,11 +84,11 @@
 			"import": "./dist/index.js"
 		},
 		"./styles.css": {
-			"import": "./dist/style.css"
+			"import": "./dist/assets/css/index.css"
 		}
 	},
 	"types": "./dist/index.d.ts",
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index13.js

@@ -1,84 +0,0 @@
-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 "./index4.js";
-import { useLogger as m } from "./index228.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.`
-          );
-        }
-        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.`
-          );
-        }
-        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 {
-  _ as default
-};

package/dist/index176.js

@@ -1,5 +0,0 @@
-import o from "./index126.js";
-/* empty css         */
-export {
-  o as default
-};

package/dist/index192.js

@@ -1,5 +0,0 @@
-import o from "./index128.js";
-/* empty css         */
-export {
-  o as default
-};