bitboss-ui 2.0.146 → 2.0.148

package/dist/index49.js

@@ -1,9 +1,10 @@
-import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as B, withCtx as n, renderSlot as l, unref as g, createElementVNode as p, mergeProps as h } from "vue";
-import $ from "./index217.js";
+import { defineComponent as k, computed as B, openBlock as g, createElementBlock as V, Fragment as h, createVNode as u, normalizeClass as w, withCtx as l, renderSlot as r, unref as C, createElementVNode as i, mergeProps as $ } from "vue";
+import E from "./index222.js";
 /* empty css         */
-import k from "./index219.js";
-import { isNotNil as C } from "./index135.js";
-const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], M = /* @__PURE__ */ m({
+import M from "./index224.js";
+import { isNotNil as T } from "./index135.js";
+import { Mask as q } from "./index266.js";
+const D = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], H = /* @__PURE__ */ k({
   __name: "BaseTextInput",
   props: {
     "append:icon": {},
@@ -13,9 +14,11 @@ const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     clearable: { type: Boolean },
     compact: { type: Boolean },
     disabled: { type: Boolean },
+    emitMasked: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
     loading: { type: Boolean },
+    mask: {},
     modelValue: {},
     name: {},
     placeholder: {},
@@ -25,57 +28,63 @@ const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     type: { default: "text" }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: u }) {
-    const o = s, a = u, d = b(() => ({
+  setup(d, { emit: m }) {
+    const o = d, n = m, c = B(() => ({
       "bb-base-text-input": !0,
       "bb-base-text-input--disabled": o.disabled,
       "bb-base-text-input--errors": o.hasErrors,
       "bb-base-text-input--loading": o.loading,
       "bb-base-text-input--readonly": o.readonly,
       "bb-base-text-input--compact": o.compact
-    })), i = {
-      onBlur: (e) => a("blur", e),
-      onChange: (e) => a("change", e),
-      onClick: (e) => a("click", e),
-      onFocus: (e) => a("focus", e),
-      onKeydown: (e) => a("keydown", e),
+    })), t = o.mask ? new q(o.mask) : null, b = (e) => e && t ? o.emitMasked ? t.masked(e) : t.unmasked(e) : e || null, s = (e) => e && t ? t.masked(e) : e, f = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => n("change", e),
+      onClick: (e) => n("click", e),
+      onFocus: (e) => n("focus", e),
+      onKeydown: (e) => n("keydown", e),
       onInput: (e) => {
-        e.target instanceof HTMLInputElement && a("update:modelValue", e.target.value || null), a("input", e);
+        if (e.target instanceof HTMLInputElement) {
+          let a = (t == null ? void 0 : t.unmasked(e.target.value)) ?? null;
+          e.inputType === "deleteContentBackward" && a && (a = a.slice(0, a.length - 1));
+          const p = b(a), y = s(a) ?? "";
+          n("update:modelValue", p), e.target.value = y;
+        }
+        n("input", e);
       },
-      onMousedown: (e) => a("mousedown", e),
-      onMouseup: (e) => a("mouseup", e)
+      onMousedown: (e) => n("mousedown", e),
+      onMouseup: (e) => n("mouseup", e)
     };
-    return (e, t) => (c(), f(y, null, [
-      r(k, {
-        class: B(d.value)
+    return (e, a) => (g(), V(h, null, [
+      u(M, {
+        class: w(c.value)
       }, {
-        "prepend-outer": n(() => [
-          l(e.$slots, "prepend-outer")
+        "prepend-outer": l(() => [
+          r(e.$slots, "prepend-outer")
         ]),
-        "append-outer": n(() => [
-          l(e.$slots, "append-outer")
+        "append-outer": l(() => [
+          r(e.$slots, "append-outer")
         ]),
-        default: n(() => [
-          r($, {
+        default: l(() => [
+          u(E, {
             "append:icon": o["append:icon"],
-            clearable: o.clearable && g(C)(o.modelValue),
+            clearable: o.clearable && C(T)(o.modelValue),
             "prepend:icon": o["prepend:icon"],
-            "onClick:clear": t[0] || (t[0] = (v) => e.$emit("update:modelValue", null))
+            "onClick:clear": a[0] || (a[0] = (p) => e.$emit("update:modelValue", null))
           }, {
-            prepend: n(() => [
-              l(e.$slots, "prepend")
+            prepend: l(() => [
+              r(e.$slots, "prepend")
             ]),
-            prefix: n(() => [
-              l(e.$slots, "prefix")
+            prefix: l(() => [
+              r(e.$slots, "prefix")
             ]),
-            append: n(() => [
-              l(e.$slots, "append")
+            append: l(() => [
+              r(e.$slots, "append")
             ]),
-            suffix: n(() => [
-              l(e.$slots, "suffix")
+            suffix: l(() => [
+              r(e.$slots, "suffix")
             ]),
-            default: n(() => [
-              p("input", h({
+            default: l(() => [
+              i("input", $({
                 id: e.id,
                 ref: "input",
                 "aria-describedby": e.ariaDescribedby,
@@ -90,18 +99,18 @@ const V = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
                 required: e.required,
                 size: "1",
                 type: e.type,
-                value: e.modelValue
-              }, i), null, 16, V)
+                value: s(e.modelValue)
+              }, f), null, 16, D)
             ]),
             _: 3
           }, 8, ["append:icon", "clearable", "prepend:icon"])
         ]),
         _: 3
       }, 8, ["class"]),
-      t[1] || (t[1] = p("span", null, null, -1))
+      a[1] || (a[1] = i("span", null, null, -1))
     ], 64));
   }
 });
 export {
-  M as default
+  H as default
 };

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index126.js";
 /* empty css         */
 import L from "./index127.js";
 /* empty css         */
-import { useLocale as g } from "./index229.js";
+import { useLocale as g } from "./index232.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index244.js";
+import { isCssColor as y } from "./index207.js";
 import { wait as C } from "./index130.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index244.js";
-import { isNil as B } from "./index265.js";
+import { isCssColor as r } from "./index207.js";
+import { isNil as B } from "./index256.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

@@ -7,9 +7,9 @@ import p from "./index127.js";
 /* empty css         */
 import T from "./index129.js";
 /* empty css         */
-import { pickBy as W } from "./index266.js";
-import { noop as w } from "./index267.js";
-import { useLocale as D } from "./index229.js";
+import { pickBy as W } from "./index267.js";
+import { noop as w } from "./index268.js";
+import { useLocale as D } from "./index232.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index75.js

@@ -1,12 +1,12 @@
 import { defineComponent as X, computed as F, ref as y, openBlock as h, createElementBlock as D, mergeProps as A, createElementVNode as _, renderSlot as g, normalizeProps as Y, guardReactiveProps as Z, unref as $, createVNode as B, withCtx as O, normalizeStyle as x, Fragment as K, renderList as ee, createBlock as P, createCommentVNode as j, toDisplayString as te } from "vue";
-import { findRightIndex as H } from "./index271.js";
+import { findRightIndex as H } from "./index299.js";
 import { useId as ne } from "./index8.js";
 import { wait as oe } from "./index130.js";
 import { useIntersectionObserver as ae } from "./index132.js";
 import le from "./index13.js";
 /* empty css        */
-import N from "./index272.js";
-import se from "./index232.js";
+import N from "./index300.js";
+import se from "./index228.js";
 /* empty css         */
 import V from "./index127.js";
 /* empty css         */

package/dist/index77.js

@@ -9,7 +9,7 @@ import S from "./index127.js";
 /* empty css         */
 import R from "./index129.js";
 /* empty css         */
-import { useLocale as T } from "./index229.js";
+import { useLocale as T } from "./index232.js";
 const Z = { class: "bb-dropdown-button__content" }, q = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

package/dist/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index269.js";
+import { findInTree as ae } from "./index288.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index268.js")).default);
+              b || (b = (await import("./index287.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index81.js

@@ -1,5 +1,5 @@
 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 "./index248.js";
+import { throttle as c } from "./index233.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index84.js

@@ -1,11 +1,11 @@
 import { defineComponent as ae, ref as l, useAttrs as ne, computed as u, getCurrentInstance as ie, nextTick as re, onBeforeUnmount as A, onMounted as ue, watch as ce, openBlock as g, createBlock as de, withCtx as fe, createElementVNode as s, mergeProps as E, createElementBlock as $, renderSlot as n, createTextVNode as ve, toDisplayString as H, unref as pe, createCommentVNode as T } from "vue";
-import { useFocusTrap as be } from "./index228.js";
+import { useFocusTrap as be } from "./index226.js";
 import { useId as I } from "./index8.js";
 import { wait as D } from "./index130.js";
-import { useModalsState as b } from "./index249.js";
-import me from "./index250.js";
+import { useModalsState as b } from "./index235.js";
+import me from "./index237.js";
 import { useMobile as ye } from "./index9.js";
-import { useLocale as he } from "./index229.js";
+import { useLocale as he } from "./index232.js";
 const ge = ["inert"], _e = { class: "bb-offcanvas-close" }, ke = ["aria-label"], De = /* @__PURE__ */ ae({
   __name: "BbOffCanvas",
   props: {

package/dist/index86.js

@@ -1,10 +1,10 @@
 import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
-import { debounce as T } from "./index270.js";
+import { debounce as T } from "./index297.js";
 /* empty css       */
 /* empty css       */
 import z from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index229.js";
+import { useLocale as D } from "./index232.js";
 const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
   __name: "BbPagination",
   props: {

package/dist/index88.js

@@ -1,14 +1,14 @@
 import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as p, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as T, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index228.js";
+import { useFocusTrap as j } from "./index226.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index231.js";
+import { waitFor as K } from "./index234.js";
 import Q from "./index13.js";
 /* empty css        */
-import U from "./index232.js";
+import U from "./index228.js";
 /* empty css         */
-import { useLocale as X } from "./index229.js";
-import { useDebounceFn as Y } from "./index206.js";
+import { useLocale as X } from "./index232.js";
+import { useDebounceFn as Y } from "./index211.js";
 const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {

package/dist/index90.js

@@ -1,5 +1,5 @@
 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 "./index207.js";
+import { clamp as p } from "./index210.js";
 import { getAsPercentageBetween as i } from "./index131.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.146",
+	"version": "2.0.148",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index213.js

@@ -1,17 +0,0 @@
-import { isNil as f } from "./index265.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
-export {
-  a as useCoherence
-};

package/dist/index223.js

@@ -1,18 +0,0 @@
-import { getDefaultExportFromCjs as i, commonjsGlobal as n } from "./index283.js";
-import { __module as t } from "./index287.js";
-(function(s, a) {
-  (function(f, o) {
-    s.exports = o();
-  })(n, function() {
-    return function(f, o) {
-      o.prototype.isSameOrBefore = function(e, r) {
-        return this.isSame(e, r) || this.isBefore(e, r);
-      };
-    };
-  });
-})(t);
-var m = t.exports;
-const c = /* @__PURE__ */ i(m);
-export {
-  c as default
-};

package/dist/index229.js

@@ -1,15 +0,0 @@
-import { locales as t } from "./index293.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index294.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
-export {
-  d as useLocale
-};

package/dist/index231.js

@@ -1,8 +0,0 @@
-const o = (e, t = 50) => new Promise((r) => {
-  const n = setInterval(() => {
-    e() && (clearInterval(n), r());
-  }, t);
-});
-export {
-  o as waitFor
-};

package/dist/index277.js

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

package/dist/index308.js

@@ -1,69 +0,0 @@
-import { defineComponent as d, openBlock as o, createElementBlock as l, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index229.js";
-import h from "./index13.js";
-/* empty css        */
-import C from "./index127.js";
-/* empty css         */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
-        }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
-          _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 1)
-      ])
-    ], 2));
-  }
-});
-export {
-  z as default
-};

package/dist/index323.js

@@ -1,30 +0,0 @@
-import { defineComponent as l, openBlock as n, createElementBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index229.js";
-const c = ["aria-label"], b = /* @__PURE__ */ l({
-  __name: "ClearableButton",
-  setup(u) {
-    const { t: o } = s();
-    return (i, e) => (n(), r("button", {
-      "aria-label": a(o)("common.clearLabel").value,
-      class: "bb-clearable-button",
-      type: "button"
-    }, e[0] || (e[0] = [
-      t("svg", {
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, [
-        t("path", {
-          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2"
-        })
-      ], -1)
-    ]), 8, c));
-  }
-});
-export {
-  b as default
-};