bitboss-ui 2.0.161 → 2.0.163

package/dist/index261.js

@@ -1,230 +1,102 @@
-import { defineComponent as U, ref as f, computed as x, watch as E, openBlock as d, createElementBlock as c, normalizeClass as $, normalizeStyle as h, withModifiers as X, createElementVNode as p, 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 "./index265.js";
-import { useVirtualizer as te } from "./index336.js";
-import { isNotNil as oe } from "./index135.js";
-import { hash as N } from "./index216.js";
-import { useLocale as ne } from "./index224.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
-  __name: "ListBox",
+import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
+import { hash as f } from "./index215.js";
+import { isNil as i } from "./index256.js";
+const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
+  __name: "CommaBox",
   props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {}
+    options: {}
   },
-  emits: ["option:selected", "option:unselected"],
-  setup(V, { expose: z, emit: C }) {
-    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
-    ), v = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value,
-      estimateSize: () => 42,
-      overscan: 5
-    }), F = (e) => {
-      e && v.value.measureElement(e);
-    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), I = (e = 1) => {
-      const l = b(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = I(e + 1);
-      return t;
-    }, P = () => {
-      if (!a.value) return;
-      const e = I();
-      n.value = e, u();
-    }, S = (e = 1) => {
-      const l = b(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = S(e + 1);
-      return t;
-    }, R = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
+  emits: ["option:unselected"],
+  setup(m, { expose: h, emit: x }) {
+    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
+      const s = i(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = u(e + 1);
+      return o;
+    }, b = () => {
+      if (!l.value) return;
+      const e = u();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = i(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, w = async () => {
+      if (!l.value) return;
+      const e = c();
+      n.value = e;
+    }, I = () => {
+      if (!l.value) return;
       let e = 0;
-      for (; o.options[e].disabled; )
+      for (; t.options[e].disabled; )
         e++;
-      n.value = e, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
+      n.value = e;
+    }, g = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
         e--;
-      n.value = e, u();
-    }, W = () => {
-      if (!a.value) return;
+      n.value = e;
+    }, k = () => {
+      if (!l.value) return;
       let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+      for (; !t.options[e].selected && t.options.length !== e; )
         e++;
-      n.value = e % o.options.length, u();
-    }, Y = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
+      n.value = e;
+    }, _ = () => {
+      if (!l.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
         e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, j = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
+      n.value = e;
+    }, C = (e) => {
+      if (!l.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
       );
-      l >= 0 && (n.value = l), u();
-    }, k = () => {
+      s >= 0 && (n.value = s);
+    }, r = () => {
       n.value = null;
-    }, u = () => {
-      s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? _("option:unselected", e) : _("option:selected", e);
-    }, B = f(0), T = () => {
-      s.value && (B.value = s.value.scrollHeight);
-    }, G = (e) => !e.disabled, K = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, r = t.dataset.index;
-        for (; b(r) && t.parentElement; )
-          t = t.parentElement, r = t.dataset.index;
-        if (r) {
-          const D = o.options[+r];
-          D && G(D) && (n.value = +r, w());
-        }
-      }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return E(
-      () => o.open,
-      () => {
-        T();
-      },
-      { flush: "post" }
-    ), E(
-      () => o.options,
-      (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
+    }, y = () => {
+      if (i(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && a("option:unselected", e);
+    }, B = () => i(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        f(e) !== f(s) && r();
       },
       {
         flush: "post"
       }
-    ), z({
-      focusNext: P,
-      focusPrevious: R,
-      focusFirst: q,
-      focusFirstSelected: W,
-      focusLast: J,
-      focusLastSelected: Y,
-      blur: k,
-      confirmOption: w,
-      focusByHash: j,
-      getHighlighted: Q
-    }), (e, l) => (d(), c("div", {
-      class: $(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !i.value.length,
-        "bb-listbox--open": e.open
-      }]),
-      style: h({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`
+    ), h({
+      focusNext: b,
+      focusPrevious: w,
+      focusFirst: I,
+      focusFirstSelected: k,
+      focusLast: g,
+      focusLastSelected: _,
+      blur: r,
+      confirmOption: y,
+      focusByHash: C,
+      getHighlighted: B
+    }), (e, s) => (d(!0), v(S, null, A(e.options, (o, p) => (d(), v("span", {
+      key: o.valueHash,
+      class: O({
+        "bb-commabox-item": !0,
+        "bb-commabox-item--focused": p === n.value,
+        "bb-commabox-item--has-comma": p !== e.options.length - 1
       }),
-      onClick: X(K, ["stop"])
-    }, [
-      p("div", le, [
-        p("div", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (d(), c("div", ie, [
-            m(e.$slots, "loading", {}, () => [
-              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (d(), c("div", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (d(!0), c(Z, null, ee(M.value, (t, r) => (d(), c("div", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: F,
-              "aria-selected": n.value === r ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: h({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              p("span", ue, [
-                m(e.$slots, "option", {
-                  disabled: !!i.value[t.index].disabled,
-                  focused: n.value === t.index,
-                  index: t.index,
-                  item: i.value[t.index].item,
-                  selected: !!i.value[t.index].selected,
-                  text: i.value[t.index].text,
-                  value: i.value[t.index].value
-                }, () => [
-                  l[0] || (l[0] = p("svg", {
-                    class: "autocomplete-option__checkbox",
-                    role: "presentation",
-                    viewBox: "276.411 158.834 114.971 114.97"
-                  }, [
-                    p("path", {
-                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                      fill: "none",
-                      "stroke-linecap": "round",
-                      "stroke-width": "14px"
-                    })
-                  ], -1)),
-                  p("span", re, g(i.value[t.index].text), 1)
-                ])
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (d(), c("div", se, [
-            m(e.$slots, "no-data", {}, () => [
-              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((D) => a("option:unselected", o), ["stop"])
+    }, V(o.text), 43, z))), 128));
   }
 });
 export {
-  xe as default
+  j as default
 };

package/dist/index263.js

@@ -1,178 +1,14 @@
-var P = Object.defineProperty, T = (a, t, e) => t in a ? P(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => T(a, typeof t != "symbol" ? t + "" : t, e);
-const R = {
-  "#": { pattern: /[0-9]/ },
-  "@": { pattern: /[a-zA-Z]/ },
-  "*": { pattern: /[a-zA-Z0-9]/ }
-}, I = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), N = (a, t, e) => {
-  var s;
-  return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
-    minimumFractionDigits: a,
-    maximumFractionDigits: t,
-    roundingMode: "trunc"
-  });
-}, F = (a, t = !0, e) => {
-  var s, n, r, h;
-  const u = ((s = e.number) == null ? void 0 : s.unsigned) == null && a.startsWith("-") ? "-" : "", l = ((n = e.number) == null ? void 0 : n.fraction) ?? 0;
-  let o = N(0, l, e);
-  const k = o.formatToParts(1000.12), c = ((r = k.find((i) => i.type === "group")) == null ? void 0 : r.value) ?? " ", y = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = I(a, c, y);
-  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 = N(i, l, e);
-  }
-  let m = o.format(parseFloat(f));
-  return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += y) : m = I(m, c, y), u + m;
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
 };
-class O {
-  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, n) => s.length - n.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
-  }
-  masked(t) {
-    return this.process(t, this.findMask(t));
-  }
-  unmasked(t) {
-    return this.process(t, this.findMask(t), !1);
-  }
-  isEager() {
-    return this.opts.eager === !0;
-  }
-  isReversed() {
-    return this.opts.reversed === !0;
-  }
-  completed(t) {
-    const e = this.findMask(t);
-    if (this.opts.mask == null || e == null) return !1;
-    const s = this.process(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((n) => this.process(t, n, !1).length >= s.length) ?? "";
-  }
-  escapeMask(t) {
-    const e = [], s = [];
-    return t.split("").forEach((n, r) => {
-      n === "!" && t[r - 1] !== "!" ? s.push(r - s.length) : e.push(n);
-    }), { mask: e.join(""), escaped: s };
-  }
-  process(t, e, s = !0) {
-    if (this.opts.number != null) return F(t, s, this.opts);
-    if (e == null) return t;
-    const n = `v=${t},mr=${e},m=${s ? 1 : 0}`;
-    if (this.memo.has(n)) return this.memo.get(n);
-    const { mask: r, 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 : r.length - 1, y = this.isReversed() ? () => i > -1 && p > -1 : () => i < r.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
-    let g, m = -1, i = this.isReversed() ? r.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
-    for (; y(); ) {
-      const v = r.charAt(i), d = l[v], E = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
-      if (!h.includes(i) && d != null ? (E.match(d.pattern) != null ? (u[k](E), 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) : E === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), E === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
-        for (; f(i) && (l[r.charAt(i)] == null || h.includes(i)); ) {
-          if (s) {
-            if (u[k](r.charAt(i)), t.charAt(p) === r.charAt(i)) {
-              i += o, p += o;
-              continue;
-            }
-          } else r.charAt(i) === t.charAt(p) && (p += o);
-          i += o;
-        }
-    }
-    return this.memo.set(n, u.join("")), this.memo.get(n);
-  }
-}
-const w = (a) => JSON.parse(a.replaceAll("'", '"')), W = (a, t = {}) => {
-  const e = { ...t };
-  a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = x(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = b(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = b(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = b(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = C(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 = b(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
-}, b = (a) => a !== "" ? !!JSON.parse(a) : !0, x = (a) => a.startsWith("[") && a.endsWith("]") ? w(a) : a, C = (a) => {
-  if (a.startsWith("{") && a.endsWith("}"))
-    return w(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 S {
-  constructor(t, e = {}) {
-    A(this, "items", /* @__PURE__ */ new Map()), A(this, "onInput", (s) => {
-      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted)
-        return;
-      const n = s.target, r = this.items.get(n), h = "inputType" in s && s.inputType.startsWith("delete"), u = r.isEager(), l = h && u && r.unmasked(n.value) === "" ? "" : n.value;
-      this.fixCursor(n, h, () => this.setValue(n, l));
-    }), this.options = e, 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() {
-    for (const t of this.items.keys())
-      t.removeEventListener("input", this.onInput);
-    this.items.clear();
-  }
-  init(t) {
-    const e = this.getOptions(this.options);
-    for (const s of t) {
-      this.items.has(s) || s.addEventListener("input", this.onInput, { capture: !0 });
-      const n = new O(W(s, e));
-      this.items.set(s, n), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && n.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: n, ...r } = t;
-    return r;
-  }
-  fixCursor(t, e, s) {
-    const n = t.selectionStart, r = t.value;
-    if (s(), n === null || n === r.length && !e) return;
-    const h = t.value, u = r.slice(0, n), l = h.slice(0, n), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
-    let c = n;
-    u !== l && (c += e ? h.length - r.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((n) => n(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 n = e ?? t.value;
-    this.options.preProcess != null && (n = this.options.preProcess(n));
-    let r = s.masked(n);
-    return this.options.postProcess != null && (r = this.options.postProcess(r)), {
-      masked: r,
-      unmasked: s.unmasked(n),
-      completed: s.completed(n)
-    };
-  }
-}
 export {
-  O as Mask,
-  S as MaskInput,
-  R as tokens
+  n as useArray
 };