bitboss-ui 2.0.31 → 2.0.32

package/dist/index231.js

@@ -1,160 +1,176 @@
-import { ref as a, computed as r, onBeforeMount as Y, onBeforeUnmount as Z, watch as H, nextTick as N } from "vue";
-import { last as _ } from "./index216.js";
-import { useArray as Q } from "./index280.js";
-import { uniqBy as $ } from "./index281.js";
-import { useItemValue as ee } from "./index254.js";
-import { useItemText as te } from "./index282.js";
-import { hash as v } from "./index215.js";
-import { isNotNil as q } from "./index130.js";
-import { waitFor as le } from "./index207.js";
-import { isNil as oe } from "./index125.js";
-const he = (l) => {
-  const i = a(""), F = a(), u = (e) => {
-    F.value = e, l.emit("update:modelValue", e);
-  }, d = a([]), {
-    array: k,
-    add: E,
-    remove: P,
-    set: y
-  } = Q(), {
-    array: S,
-    add: j,
-    remove: J
-  } = Q(), { getItemText: L } = te(), { getItemValue: U } = ee(), O = (e) => {
-    const t = !!(l.disabled.value || e.disabled), o = L(e, l.itemText), n = U(e, l.itemValue);
-    if (n === void 0)
-      throw new Error(
-        'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
-      );
-    const X = v(n);
-    return {
-      item: e,
-      text: o,
-      value: n,
-      valueHash: X,
-      disabled: t,
-      selected: !1
-    };
-  }, T = (e) => (e.selected = q(b.value[e.valueHash]), e), V = r(() => {
-    const e = [].concat(
-      d.value.map((t) => T(O(t))),
-      S.value.map(T),
-      k.value.map(T)
-    );
-    return $(e, (t) => t.valueHash);
-  }), z = (e) => {
-    l.multiple ? (u(l.modelValue.value.concat(e.value)), l.stash && E(e), l.resetQueryOnOptionSelected && s()) : (l.stash && y(e), u(e.value), N(() => s()));
-  }, G = async (e) => {
-    if (J((t) => t.valueHash !== e.valueHash), P((t) => t.valueHash !== e.valueHash), l.multiple) {
-      const t = { ...b.value };
-      delete t[e.valueHash], u(Object.values(t));
+/*! maska v2.1.11 | (c) Alexander Shabunevich | Released under the MIT license */
+var V = Object.defineProperty, P = (a, t, e) => t in a ? V(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, g = (a, t, e) => (P(a, typeof t != "symbol" ? t + "" : t, e), e);
+const R = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+};
+class b {
+  constructor(t = {}) {
+    g(this, "opts", {}), g(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
-      u(null), await N(), s();
-  }, b = r(() => {
-    const e = {}, t = [].concat(l.modelValue.value);
-    for (let o = 0; o < t.length; o++) {
-      const n = t[o];
-      e[v(n)] = n;
+      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 : typeof this.opts.mask == "function" ? s >= e.length : this.opts.mask.filter((n) => s >= n.length).length === this.opts.mask.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, i) => {
+      n === "!" && t[i - 1] !== "!" ? s.push(i - s.length) : e.push(n);
+    }), { mask: e.join(""), escaped: s };
+  }
+  process(t, e, s = !0) {
+    if (e == null)
+      return t;
+    const n = `value=${t},mask=${e},masked=${s ? 1 : 0}`;
+    if (this.memo.has(n))
+      return this.memo.get(n);
+    const { mask: i, escaped: p } = this.escapeMask(e), o = [], k = this.opts.tokens != null ? this.opts.tokens : {}, l = this.isReversed() ? -1 : 1, m = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : i.length - 1, T = this.isReversed() ? () => r > -1 && u > -1 : () => r < i.length && u < t.length, S = (d) => !this.isReversed() && d <= c || this.isReversed() && d >= c;
+    let E, f = -1, r = this.isReversed() ? i.length - 1 : 0, u = this.isReversed() ? t.length - 1 : 0, y = !1;
+    for (; T(); ) {
+      const d = i.charAt(r), h = k[d], v = (h == null ? void 0 : h.transform) != null ? h.transform(t.charAt(u)) : t.charAt(u);
+      if (!p.includes(r) && h != null ? (v.match(h.pattern) != null ? (o[m](v), h.repeated ? (f === -1 ? f = r : r === c && r !== f && (r = f - l), c === f && (r -= l)) : h.multiple && (y = !0, r -= l), r += l) : h.multiple ? y && (r += l, u -= l, y = !1) : v === E ? E = void 0 : h.optional && (r += l, u -= l), u += l) : (s && !this.isEager() && o[m](d), v === d && !this.isEager() ? u += l : E = d, this.isEager() || (r += l)), this.isEager())
+        for (; S(r) && (k[i.charAt(r)] == null || p.includes(r)); )
+          s ? o[m](i.charAt(r)) : i.charAt(r) === t.charAt(u) && (u += l), r += l;
     }
-    return e;
-  }), g = async ({ prefill: e = !1 }) => {
-    let t = [];
-    if (Array.isArray(l.items.value))
-      t = l.items.value;
-    else if (typeof l.items.value == "function") {
-      const o = ++c.value;
-      try {
-        t = await l.items.value(
-          i.value,
-          e,
-          l.modelValue.value
-        ), o < c.value && (await le(() => o === c.value), t = d.value);
-      } catch (n) {
-        console.error(n);
-      }
-      c.value--;
-    }
-    d.value = t;
-  }, B = r(() => {
-    const e = {};
-    for (let t = 0; t < V.value.length; t++) {
-      const o = V.value[t], { valueHash: n } = o;
-      e[n] = o;
-    }
-    return {
-      get: (t) => e[v(t)]
+    return this.memo.set(n, o.join("")), this.memo.get(n);
+  }
+}
+const O = (a) => JSON.parse(a.replaceAll("'", '"')), w = (a, t = {}) => {
+  const e = { ...t };
+  return a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = M(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = M(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = M(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = j(a.dataset.maskaTokens)), e;
+}, M = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? O(a) : a, j = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return O(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"
     };
-  }), f = r(() => [].concat(l.modelValue.value).reduce((e, t) => {
-    const o = B.value.get(t);
-    return o && e.push(o), e;
-  }, [])), C = (e) => q(B.value.get(e)), s = () => {
-    if (l.multiple) {
-      i.value = "";
-      return;
-    }
-    let e;
-    f.value && (e = _(f.value)), i.value = (e == null ? void 0 : e.text) || "";
-  }, K = () => {
-    const e = i.value.trim(), t = O(e);
-    j(t), s();
-  }, c = a(0), M = r(() => [].concat(l.modelValue.value).reduce(
-    (e, t) => (C(t) ? e.coherent.push(t) : e.incoherent.push(t), e),
-    { coherent: [], incoherent: [] }
-  )), A = r(() => l.multiple && !l.modelValue.value.length || !l.multiple && oe(l.modelValue.value) ? !0 : !M.value.incoherent.length), R = () => {
-    l.enforceCoherence && !A.value && (l.multiple ? u(M.value.coherent) : u(null));
-  }, p = a(!1), I = a(!1), m = async () => {
-    I.value = !0, await g({ prefill: !0 }), R(), s(), p.value = !0, I.value = !1;
-  };
-  Y(async () => {
-    l.prefill && (await m(), l.stash && y(...f.value));
-  });
-  let h;
-  const W = () => {
-    h && clearTimeout(h), h = setTimeout(async () => {
-      try {
-        await g({ prefill: !1 });
-      } catch (e) {
-        console.error(e);
+  }), t;
+};
+class L {
+  constructor(t, e = {}) {
+    g(this, "items", /* @__PURE__ */ new Map()), g(this, "beforeinputEvent", (s) => {
+      const n = s.target, i = this.items.get(n);
+      i.isEager() && "inputType" in s && s.inputType.startsWith("delete") && i.unmasked(n.value).length <= 1 && this.setMaskedValue(n, "");
+    }), g(this, "inputEvent", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && s.detail != null && typeof s.detail == "object" && "masked" in s.detail)
+        return;
+      const n = s.target, i = this.items.get(n), p = n.value, o = n.selectionStart, k = n.selectionEnd;
+      let l = p;
+      if (i.isEager()) {
+        const m = i.masked(p), c = i.unmasked(p);
+        c === "" && "data" in s && s.data != null ? l = s.data : c !== i.unmasked(m) && (l = c);
       }
-    }, l.queryDebounceTime);
-  };
-  Z(() => clearTimeout(h));
-  let x;
-  H(
-    () => l.modelValue.value,
-    () => {
-      A.value || (x && clearTimeout(x), x = setTimeout(async () => {
-        m();
-      }, l.modelValueDebounceTime));
+      if (this.setMaskedValue(n, l), "inputType" in s && (s.inputType.startsWith("delete") || o != null && o < p.length))
+        try {
+          n.setSelectionRange(o, k);
+        } catch {
+        }
+    }), this.options = e, typeof t == "string" ? this.init(
+      Array.from(document.querySelectorAll(t)),
+      this.getMaskOpts(e)
+    ) : this.init(
+      "length" in t ? Array.from(t) : [t],
+      this.getMaskOpts(e)
+    );
+  }
+  destroy() {
+    for (const t of this.items.keys())
+      t.removeEventListener("input", this.inputEvent), t.removeEventListener("beforeinput", this.beforeinputEvent);
+    this.items.clear();
+  }
+  needUpdateOptions(t, e) {
+    const s = this.items.get(t), n = new b(w(t, this.getMaskOpts(e)));
+    return JSON.stringify(s.opts) !== JSON.stringify(n.opts);
+  }
+  needUpdateValue(t) {
+    const e = t.dataset.maskaValue;
+    return e == null && t.value !== "" || e != null && e !== t.value;
+  }
+  getMaskOpts(t) {
+    const { onMaska: e, preProcess: s, postProcess: n, ...i } = t;
+    return i;
+  }
+  init(t, e) {
+    for (const s of t) {
+      const n = new b(w(s, e));
+      this.items.set(s, n), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
     }
-  );
-  let w;
-  const D = async (e, t) => {
-    v(t) !== v(e) && p.value && (w && clearTimeout(w), w = setTimeout(async () => {
-      await m();
-    }, l.depsDebounceTime));
-  };
-  return H(() => l.items.value, D), H(() => l.dependencies.value, D), {
-    addCurrentQueryToManualItems: K,
-    alignQueryToState: s,
-    getOptions: g,
-    hasPrefilled: p,
-    innerLoading: c,
-    isPrefilling: I,
-    manualItems: S,
-    options: V,
-    prefillItems: m,
-    query: i,
-    searchByQuery: W,
-    selectedOptions: f,
-    selectOption: z,
-    setStash: y,
-    unselectOption: G,
-    updateModelValue: u,
-    valueIsSelected: C,
-    internalItems: d
-  };
+  }
+  setMaskedValue(t, e) {
+    const s = this.items.get(t);
+    this.options.preProcess != null && (e = this.options.preProcess(e));
+    const n = s.masked(e), i = s.unmasked(s.isEager() ? n : e), p = s.completed(e), o = { masked: n, unmasked: i, completed: p };
+    e = n, this.options.postProcess != null && (e = this.options.postProcess(e)), t.value = e, t.dataset.maskaValue = e, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((k) => k(o)) : this.options.onMaska(o)), t.dispatchEvent(new CustomEvent("maska", { detail: o })), t.dispatchEvent(new CustomEvent("input", { detail: o }));
+  }
+}
+const A = /* @__PURE__ */ new WeakMap(), C = (a) => {
+  setTimeout(() => {
+    var t;
+    ((t = A.get(a)) == null ? void 0 : t.needUpdateValue(a)) === !0 && a.dispatchEvent(new CustomEvent("input"));
+  });
+}, J = (a, t) => {
+  const e = a instanceof HTMLInputElement ? a : a.querySelector("input"), s = { ...t.arg };
+  if (e == null || (e == null ? void 0 : e.type) === "file")
+    return;
+  C(e);
+  const n = A.get(e);
+  if (n != null) {
+    if (!n.needUpdateOptions(e, s))
+      return;
+    n.destroy();
+  }
+  if (t.value != null) {
+    const i = t.value, p = (o) => {
+      i.masked = o.masked, i.unmasked = o.unmasked, i.completed = o.completed;
+    };
+    s.onMaska = s.onMaska == null ? p : Array.isArray(s.onMaska) ? [...s.onMaska, p] : [s.onMaska, p];
+  }
+  A.set(e, new L(e, s));
 };
 export {
-  he as useOptions
+  b as Mask,
+  L as MaskInput,
+  R as tokens,
+  J as vMaska
 };

package/dist/index232.js

@@ -1,86 +1,7 @@
-import { defineComponent as b, openBlock as s, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
-const p = { class: "bb-cr-container__container" }, u = {
-  key: 0,
-  class: "bb-cr-container__loading-container"
-}, g = {
-  key: 1,
-  class: "bb-cr-container__no-data-container"
-}, f = /* @__PURE__ */ b({
-  __name: "OptionsContainer",
-  props: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
-    options: {}
-  },
-  setup(k) {
-    return (a, y) => (s(), n("span", {
-      ref: "container",
-      class: r(["bb-cr-container", {
-        "bb-cr-container--errors": a.hasErrors,
-        "bb-cr-container--horizontal": a.direction === "horizontal",
-        "bb-cr-container--vertical": a.direction === "vertical"
-      }])
-    }, [
-      l("span", p, [
-        t(a.$slots, "prepend"),
-        !a.options.length && a.loading ? (s(), n("span", u, [
-          t(a.$slots, "loading", {}, () => [
-            o(d(a.loadingText), 1)
-          ])
-        ])) : a.options.length ? h("", !0) : (s(), n("span", g, [
-          t(a.$slots, "no-data", {}, () => [
-            o(d(a.noDataText), 1)
-          ])
-        ])),
-        (s(!0), n(c, null, m(a.options, (e, i) => (s(), n(c, {
-          key: (e == null ? void 0 : e.id) || i
-        }, [
-          t(a.$slots, "option:prepend", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          }),
-          l("label", {
-            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
-          }, [
-            t(a.$slots, "input", {
-              index: i,
-              option: e
-            }),
-            l("span", {
-              class: r({
-                "bb-cr-container-option__text": !0,
-                "sr-only": a.hideLabel
-              })
-            }, [
-              t(a.$slots, "label", {
-                checked: !!e.selected,
-                item: e.item,
-                text: e.text
-              }, () => [
-                o(d(e.text), 1)
-              ])
-            ], 2)
-          ], 2),
-          t(a.$slots, "option:append", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          })
-        ], 64))), 128)),
-        t(a.$slots, "append")
-      ])
-    ], 2));
-  }
-});
+import o from "./index279.js";
+/* empty css         */
+import t from "./index258.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb4d6ef0"]]);
 export {
-  f as default
+  e as default
 };