bitboss-ui 2.0.176 → 2.1.1

package/dist/index25.js

@@ -1,22 +1,20 @@
-import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as t, renderSlot as s, createTextVNode as j, toDisplayString as T, createVNode as G, withCtx as J, nextTick as Q } from "vue";
-import { parseSize as X } from "./index251.js";
+import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as T, nextTick as G } from "vue";
+import { parseSize as J } from "./index209.js";
 import { useId as V } from "./index8.js";
-import { useLocale as Y } from "./index235.js";
-import { useMobile as Z } from "./index9.js";
-import { useUntil as x } from "./index236.js";
-import { wait as h } from "./index135.js";
-import ee from "./index111.js";
-/* empty css         */
-const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
+import { useLocale as Q } from "./index210.js";
+import { useMobile as X } from "./index9.js";
+import { useUntil as Y } from "./index211.js";
+import { wait as y } from "./index135.js";
+const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
   ref: "header",
   class: "bb-base-dialog__header"
-}, le = { class: "bb-base-dialog__close" }, se = ["aria-label", "disabled"], ae = {
+}, ee = { class: "bb-base-dialog__close" }, oe = ["aria-label", "disabled"], te = {
   ref: "body",
   class: "bb-base-dialog__body scrollbar-border"
-}, ie = {
+}, le = {
   ref: "footer",
   class: "bb-base-dialog__footer"
-}, ve = /* @__PURE__ */ P({
+}, ce = /* @__PURE__ */ P({
   __name: "BaseDialog",
   props: /* @__PURE__ */ D({
     closeLabel: {},
@@ -38,44 +36,44 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ D(["shown", "hidden"], ["update:modelValue"]),
-  setup(y, { emit: S }) {
-    const o = y, w = S, l = q(y, "modelValue"), { t: z } = Y(), N = p(
+  setup(h, { emit: S }) {
+    const o = h, w = S, t = q(h, "modelValue"), { t: z } = Q(), W = p(
       () => o.closeLabel || z("dialog.closeLabel").value
-    ), n = E(null), c = x(
-      () => l.value || o.eager,
+    ), n = E(null), c = Y(
+      () => t.value || o.eager,
       {
-        initialValue: l.value || o.eager
+        initialValue: t.value || o.eager
       }
-    ), b = `title_${V().id.value}`, f = `description_${V().id.value}`, C = (e) => {
+    ), b = `title_${V().id.value}`, f = `description_${V().id.value}`, k = (e) => {
       if (e.key === "Escape" && (o.disabled || o.persistent))
-        return e.preventDefault(), a.value = !0, h(200).then(() => {
+        return e.preventDefault(), a.value = !0, y(200).then(() => {
           a.value = !1;
         }), !1;
-    }, _ = async (e) => {
+    }, C = async (e) => {
       var i, B, L, M;
       e ? ((i = window.globalThis) != null && i.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && (document.documentElement.style.setProperty(
         "--scrollbar-width",
-        `${I()}px`
-      ), document.addEventListener("keydown", C)), (B = n.value) == null || B.showModal(), o.focusTarget && Q(() => {
+        `${N()}px`
+      ), document.addEventListener("keydown", k)), (B = n.value) == null || B.showModal(), o.focusTarget && G(() => {
         var $;
         const m = ($ = n.value) == null ? void 0 : $.querySelector(o.focusTarget);
         m && m instanceof HTMLElement && m.focus();
-      }), w("shown")) : (await h(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", C), (M = n.value) == null || M.close(), w("hidden"));
+      }), w("shown")) : (await y(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", k), (M = n.value) == null || M.close(), w("hidden"));
     };
-    A(l, _), H(() => {
-      l.value && _(!0);
+    A(t, C), H(() => {
+      t.value && C(!0);
     });
-    const W = p(() => k.value ? "100%" : X(o.size, {
+    const I = p(() => _.value ? "100%" : J(o.size, {
       sm: 384,
       md: 652,
       lg: 896
     })), r = (e) => {
       if (e.preventDefault(), o.disabled || o.persistent)
-        return a.value = !0, h(300).then(() => {
+        return a.value = !0, y(300).then(() => {
           a.value = !1;
         }), !1;
-      l.value = !1;
-    }, a = E(!1), I = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = Z(), k = p(
+      t.value = !1;
+    }, a = E(!1), N = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = X(), _ = p(
       () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
     );
     return (e, i) => (u(), d("dialog", {
@@ -83,13 +81,13 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
       ref: n,
       "aria-describedby": v(c) && e.description ? f : void 0,
       "aria-labelledby": v(c) && e.title ? b : void 0,
-      "aria-live": l.value ? "polite" : "off",
+      "aria-live": t.value ? "polite" : "off",
       class: R([
         "bb-base-dialog",
         [
           {
-            "bb-base-dialog--open": l.value,
-            "bb-base-dialog--fullscreen": k.value,
+            "bb-base-dialog--open": t.value,
+            "bb-base-dialog--fullscreen": _.value,
             "bb-base-dialog--compact": e.compact,
             "bb-base-dialog--deny-close": a.value
           },
@@ -97,21 +95,22 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
           e.panelClasses
         ].flat()
       ]),
+      inert: !t.value,
       style: O({
-        "--max-width": W.value,
+        "--max-width": I.value,
         "--transition-duration": `${o.transitionDuration}ms`
       }),
       onCancel: r,
       onClick: K(r, ["self"])
     }, [
       v(c) ? (u(), d(U, { key: 0 }, [
-        t("div", te, [
+        l("div", x, [
           s(e.$slots, "header", {
             close: r,
             title: e.title,
             titleId: b
           }, () => [
-            t("span", {
+            l("span", {
               id: b,
               class: "bb-base-dialog__title"
             }, [
@@ -119,23 +118,23 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
                 j(T(e.title), 1)
               ])
             ]),
-            t("span", le, [
+            l("span", ee, [
               e.showClose ? (u(), d("button", {
                 key: 0,
-                "aria-label": N.value,
+                "aria-label": W.value,
                 disabled: o.disabled,
                 type: "button",
                 onClick: r
               }, [
                 s(e.$slots, "close", {}, () => [
-                  i[0] || (i[0] = t("span", { class: "bb-base-dialog__close-icon" }, [
-                    t("svg", {
+                  i[0] || (i[0] = l("span", { class: "bb-base-dialog__close-icon" }, [
+                    l("svg", {
                       "aria-hidden": "true",
                       fill: "none",
                       viewBox: "0 0 24 24",
                       xmlns: "http://www.w3.org/2000/svg"
                     }, [
-                      t("path", {
+                      l("path", {
                         d: "M23 23L1 1M23 1L1 23",
                         stroke: "currentColor",
                         "stroke-linecap": "round",
@@ -144,11 +143,11 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
                     ])
                   ], -1))
                 ])
-              ], 8, se)) : g("", !0)
+              ], 8, oe)) : g("", !0)
             ])
           ])
         ], 512),
-        t("div", ae, [
+        l("div", te, [
           s(e.$slots, "description", {
             descriptionId: f,
             text: e.description
@@ -159,20 +158,15 @@ const oe = ["aria-describedby", "aria-labelledby", "aria-live"], te = {
               class: "bb-base-dialog__description sr-only"
             }, T(e.description), 1)) : g("", !0)
           ]),
-          G(ee, { "transition-duration": 500 }, {
-            default: J(() => [
-              s(e.$slots, "default")
-            ]),
-            _: 3
-          })
+          s(e.$slots, "default")
         ], 512),
-        t("div", ie, [
+        l("div", le, [
           s(e.$slots, "footer")
         ], 512)
       ], 64)) : g("", !0)
-    ], 46, oe));
+    ], 46, Z));
   }
 });
 export {
-  ve as default
+  ce as default
 };

package/dist/index250.js

@@ -1,9 +1,9 @@
 import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
 import { isNil as b } from "./index262.js";
-import { useVirtualizer as te } from "./index330.js";
+import { useVirtualizer as te } from "./index335.js";
 import { isNotNil as oe } from "./index140.js";
-import { hash as N } from "./index219.js";
-import { useLocale as ne } from "./index235.js";
+import { hash as N } from "./index229.js";
+import { useLocale as ne } from "./index210.js";
 const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
   key: 0,
   class: "bb-listbox__loading"

package/dist/index251.js

@@ -1,15 +1,179 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
-  }
-  return t + "px";
+var w = Object.defineProperty, C = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => C(a, typeof t != "symbol" ? t + "" : t, e);
+const R = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, N = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, t, e) => {
+  var s;
+  return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: t,
+    roundingMode: "trunc"
+  });
+}, P = (a, t = !0, e) => {
+  var s, r, n, h;
+  const u = ((s = e.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", l = ((r = e.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = I(0, l, e);
+  const k = o.formatToParts(1000.12), c = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", b = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = N(a, c, b);
+  if (Number.isNaN(parseFloat(f))) return u;
+  const g = f.split(".");
+  if (g[1] != null && g[1].length >= 1) {
+    const i = g[1].length <= l ? g[1].length : l;
+    o = I(i, l, e);
+  }
+  let m = o.format(parseFloat(f));
+  return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += b) : m = N(m, c, b), u + m;
+};
+class T {
+  constructor(t = {}) {
+    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
+    const e = { ...t };
+    if (e.tokens != null) {
+      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
+      for (const s of Object.values(e.tokens))
+        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
+    } else
+      e.tokens = R;
+    Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
+  }
+  masked(t) {
+    return this.process(String(t), this.findMask(String(t)));
+  }
+  unmasked(t) {
+    return this.process(String(t), this.findMask(String(t)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(t) {
+    const e = this.findMask(String(t));
+    if (this.opts.mask == null || e == null) return !1;
+    const s = this.process(String(t), e).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= e.length;
+  }
+  findMask(t) {
+    const e = this.opts.mask;
+    if (e == null)
+      return null;
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return e(t);
+    const s = this.process(t, e.slice(-1).pop() ?? "", !1);
+    return e.find((r) => this.process(t, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(t) {
+    const e = [], s = [];
+    return t.split("").forEach((r, n) => {
+      r === "!" && t[n - 1] !== "!" ? s.push(n - s.length) : e.push(r);
+    }), { mask: e.join(""), escaped: s };
+  }
+  process(t, e, s = !0) {
+    if (this.opts.number != null) return P(t, s, this.opts);
+    if (e == null) return t;
+    const r = `v=${t},mr=${e},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: h } = this.escapeMask(e), u = [], l = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : n.length - 1, b = this.isReversed() ? () => i > -1 && p > -1 : () => i < n.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
+    let g, m = -1, i = this.isReversed() ? n.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
+    for (; b(); ) {
+      const v = n.charAt(i), d = l[v], y = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
+      if (!h.includes(i) && d != null ? (y.match(d.pattern) != null ? (u[k](y), d.repeated ? (m === -1 ? m = i : i === c && i !== m && (i = m - o), c === m && (i -= o)) : d.multiple && (M = !0, i -= o), i += o) : d.multiple ? M && (i += o, p -= o, M = !1) : y === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), y === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
+        for (; f(i) && (l[n.charAt(i)] == null || h.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), t.charAt(p) === n.charAt(i)) {
+              i += o, p += o;
+              continue;
+            }
+          } else n.charAt(i) === t.charAt(p) && (p += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, t = {}) => {
+  const e = { ...t };
+  a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = x(a.dataset.maskaTokens));
+  const s = {};
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return S(a);
+  const t = {};
+  return a.split("|").forEach((e) => {
+    const s = e.split(":");
+    t[s[0]] = {
+      pattern: new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
+    };
+  }), t;
 };
+class O {
+  constructor(t, e = {}) {
+    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r), h = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), l = h && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, h, () => this.setValue(r, l));
+    }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
+  }
+  update(t = {}) {
+    this.options = { ...t }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(t) {
+    t.value !== "" && t.value !== this.processInput(t).masked && this.setValue(t, t.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(t) {
+    const e = this.getOptions(this.options);
+    for (const s of t) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new T(F(s, e));
+      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
+    }
+  }
+  getInputs(t) {
+    return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
+  }
+  getOptions(t) {
+    const { onMaska: e, preProcess: s, postProcess: r, ...n } = t;
+    return n;
+  }
+  fixCursor(t, e, s) {
+    const r = t.selectionStart, n = t.value;
+    if (s(), r === null || r === n.length && !e) return;
+    const h = t.value, u = n.slice(0, r), l = h.slice(0, r), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
+    let c = r;
+    u !== l && (c += e ? h.length - n.length : o.length - k.length), t.setSelectionRange(c, c);
+  }
+  setValue(t, e) {
+    const s = this.processInput(t, e);
+    t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked }));
+  }
+  processInput(t, e) {
+    const s = this.items.get(t);
+    let r = e ?? t.value;
+    this.options.preProcess != null && (r = this.options.preProcess(r));
+    let n = s.masked(r);
+    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
+      masked: n,
+      unmasked: s.unmasked(r),
+      completed: s.completed(r)
+    };
+  }
+}
 export {
-  c as parseSize
+  T as Mask,
+  O as MaskInput,
+  R as tokens
 };

package/dist/index252.js

@@ -1,5 +1,7 @@
-import r from "./index310.js";
-const t = r;
+import { getDefaultExportFromCjs as e } from "./index307.js";
+import { __require as r } from "./index308.js";
+var o = r();
+const p = /* @__PURE__ */ e(o);
 export {
-  t as deburr
+  p as default
 };

package/dist/index253.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./index308.js";
-import { __require as r } from "./index311.js";
+import { getDefaultExportFromCjs as e } from "./index307.js";
+import { __require as r } from "./index310.js";
 var o = r();
-const p = /* @__PURE__ */ e(o);
+const f = /* @__PURE__ */ e(o);
 export {
-  p as default
+  f as default
 };

package/dist/index254.js

@@ -1,7 +1,10 @@
-import { getDefaultExportFromCjs as e } from "./index308.js";
-import { __require as r } from "./index313.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
 export {
-  f as default
+  e as useLogger
 };