bitboss-ui 2.0.72 → 2.0.74

package/dist/index238.js

@@ -1,46 +1,166 @@
-import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
+import { ref as s, computed as a, onServerPrefetch as $, onBeforeMount as ee, onBeforeUnmount as te, watch as b, nextTick as Q } from "vue";
+import { last as le } from "./index219.js";
+import { useArray as E } from "./index284.js";
+import { uniqBy as ne } from "./index285.js";
+import { useItemValue as ue } from "./index286.js";
+import { useItemText as oe } from "./index287.js";
+import { hash as f } from "./index218.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ie } from "./index233.js";
+import { isNil as se } from "./index129.js";
+import { pipe as H } from "./index288.js";
+const xe = (t) => {
+  const r = s(""), P = s(), o = (e) => {
+    P.value = e, t.emit("update:modelValue", e);
+  }, m = s([]), {
+    array: k,
+    add: j,
+    remove: J,
+    set: h
+  } = E(), {
+    array: O,
+    add: L,
+    remove: U
+  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ue();
+  if (t.max && t.max < 1)
+    throw new Error("Invalid value for `max` property");
+  const B = (e) => {
+    const l = !!(t.disabled.value || e.disabled), n = z(e, t.itemText), u = G(e, t.itemValue);
+    if (u === 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 _ = f(u);
+    return {
+      item: e,
+      text: n,
+      value: u,
+      valueHash: _,
+      disabled: l,
+      selected: !1
+    };
+  }, V = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, g = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), x = a(() => {
+    const e = [].concat(
+      m.value.map(H(B, V, g)),
+      O.value.map(H(V, g)),
+      k.value.map(H(V, g))
     );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+    return ne(e, (n) => n.valueHash);
+  }), R = (e) => {
+    t.multiple ? (o(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && h(e), o(e.value), Q(() => i()));
+  }, W = async (e) => {
+    if (U((l) => l.valueHash !== e.valueHash), J((l) => l.valueHash !== e.valueHash), t.multiple) {
+      const l = { ...q.value };
+      delete l[e.valueHash], o(Object.values(l));
+    } else
+      o(null), await Q(), i();
+  }, q = a(() => {
+    const e = {}, l = [].concat(t.modelValue.value);
+    for (let n = 0; n < l.length; n++) {
+      const u = l[n];
+      e[f(u)] = u;
+    }
+    return e;
+  }), I = async ({ prefill: e = !1 }) => {
+    let l = [];
+    if (Array.isArray(t.items.value))
+      l = t.items.value;
+    else if (typeof t.items.value == "function") {
+      const n = ++d.value;
+      try {
+        l = await t.items.value(
+          r.value,
+          e,
+          t.modelValue.value
+        ), n < d.value && (await ie(() => n === d.value), l = m.value);
+      } catch (u) {
+        console.error(u);
+      }
+      d.value--;
+    }
+    m.value = l;
+  }, C = a(() => {
+    const e = {};
+    for (let l = 0; l < x.value.length; l++) {
+      const n = x.value[l], { valueHash: u } = n;
+      e[u] = n;
+    }
+    return {
+      get: (l) => e[f(l)]
+    };
+  }), c = a(() => [].concat(t.modelValue.value).reduce((e, l) => {
+    const n = C.value.get(l);
+    return n && e.push(n), e;
+  }, [])), M = (e) => F(C.value.get(e)), i = () => {
+    if (t.multiple) {
+      r.value = "";
+      return;
+    }
+    let e;
+    c.value && (e = le(c.value)), r.value = (e == null ? void 0 : e.text) || "";
+  }, X = () => {
+    const e = r.value.trim(), l = B(e);
+    L(l), i();
+  }, d = s(0), A = a(() => [].concat(t.modelValue.value).reduce(
+    (e, l) => (M(l) ? e.coherent.push(l) : e.incoherent.push(l), e),
+    { coherent: [], incoherent: [] }
+  )), D = a(() => t.multiple && !t.modelValue.value.length || !t.multiple && se(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
+    t.enforceCoherence && !D.value && (t.multiple ? o(A.value.coherent) : o(null));
+  }, y = s(!1), w = s(!1), v = async () => {
+    w.value = !0, await I({ prefill: !0 }), Y(), i(), y.value = !0, w.value = !1;
+  };
+  $(async () => {
+    t.prefill && (await v(), t.stash && h(...c.value));
+  }), ee(async () => {
+    t.prefill && !y.value && (await v(), t.stash && h(...c.value));
+  });
+  let T;
+  const Z = () => {
+    T && clearTimeout(T), T = setTimeout(async () => {
+      try {
+        await I({ prefill: !1 });
+      } catch (e) {
+        console.error(e);
+      }
+    }, t.queryDebounceTime);
+  };
+  te(() => clearTimeout(T));
+  let p;
+  b(
+    () => t.modelValue.value,
+    () => {
+      D.value || (p && clearTimeout(p), p = setTimeout(async () => {
+        v();
+      }, t.modelValueDebounceTime));
+    }
+  );
+  let S;
+  const N = async (e, l) => {
+    f(l) !== f(e) && y.value && (S && clearTimeout(S), S = setTimeout(async () => {
+      await v();
+    }, t.depsDebounceTime));
+  };
+  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
+    addCurrentQueryToManualItems: X,
+    alignQueryToState: i,
+    getOptions: I,
+    hasPrefilled: y,
+    innerLoading: d,
+    isPrefilling: w,
+    manualItems: O,
+    options: x,
+    prefillItems: v,
+    query: r,
+    searchByQuery: Z,
+    selectedOptions: c,
+    selectOption: R,
+    setStash: h,
+    unselectOption: W,
+    updateModelValue: o,
+    valueIsSelected: M,
+    internalItems: m
+  };
+};
 export {
-  E as default
+  xe as useOptions
 };

package/dist/index239.js

@@ -1,7 +1,86 @@
-import o from "./index292.js";
-/* empty css         */
-import t from "./index259.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { defineComponent as b, openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as s, 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) => (t(), 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, [
+        s(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (t(), n("span", u, [
+          s(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (t(), n("span", g, [
+          s(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (t(!0), n(c, null, m(a.options, (e, i) => (t(), n(c, {
+          key: (e == null ? void 0 : e.valueHash) || i
+        }, [
+          s(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 }])
+          }, [
+            s(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              s(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          s(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        s(a.$slots, "append")
+      ])
+    ], 2));
+  }
+});
 export {
-  m as default
+  f as default
 };

package/dist/index241.js

@@ -1,4 +1,4 @@
-import f from "./index297.js";
+import f from "./index294.js";
 export {
   f as default
 };

package/dist/index243.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index235.js";
+import { hash as d } from "./index218.js";
 import { isNil as l } from "./index129.js";
 import E from "./index124.js";
 /* empty css         */

package/dist/index245.js

@@ -1,5 +1,5 @@
 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 "./index235.js";
+import { hash as f } from "./index218.js";
 import { isNil as i } from "./index129.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",

package/dist/index25.js

@@ -1,11 +1,11 @@
 import { defineComponent as ae, ref as o, getCurrentInstance as se, computed as m, nextTick as N, useAttrs as ne, onMounted as ie, onBeforeUnmount as F, watch as re, openBlock as k, createBlock as ue, Teleport as de, createElementVNode as a, mergeProps as G, createElementBlock as T, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
-import { throttle as ve } from "./index218.js";
-import { useFocusTrap as fe } from "./index219.js";
+import { throttle as ve } from "./index236.js";
+import { useFocusTrap as fe } from "./index232.js";
 import { useId as K } from "./index8.js";
 import { wait as H } from "./index131.js";
-import { waitFor as be } from "./index220.js";
-import { useModalsState as C } from "./index221.js";
-import { useLogger as pe } from "./index206.js";
+import { waitFor as be } from "./index233.js";
+import { useModalsState as C } from "./index237.js";
+import { useLogger as pe } from "./index220.js";
 const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], De = /* @__PURE__ */ ae({
   __name: "BaseDialog",
   props: {

package/dist/index252.js

@@ -1,4 +1,4 @@
-import o from "./index303.js";
+import o from "./index304.js";
 /* empty css         */
 export {
   o as default

package/dist/index255.js

@@ -1,11 +1,5 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+import o from "./index205.js";
+/* empty css         */
 export {
-  u as debounce
+  o as default
 };

package/dist/index257.js

@@ -1,5 +1,9 @@
-import o from "./index210.js";
-/* empty css         */
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
 export {
-  o as default
+  s as default
 };

package/dist/index258.js

@@ -0,0 +1,178 @@
+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;
+};
+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
+};