bitboss-ui 0.2.25 → 0.2.27

package/dist/index219.js

@@ -1,376 +1,177 @@
-import { evaluate as j, getSide as M, getOppositePlacement as G, getExpandedPlacements as J, getOppositeAxisPlacements as K, getAlignmentSides as N, getAlignment as F, getSideAxis as Y, clamp as B, getAlignmentAxis as z, getPaddingObject as H, rectToClientRect as $, getOppositeAxis as Q, getAxisLength as I, min as X } from "./index242.js";
-function _(o, i, m) {
-  let {
-    reference: n,
-    floating: r
-  } = o;
-  const e = Y(i), l = z(i), a = I(l), g = M(i), x = e === "y", d = n.x + n.width / 2 - r.width / 2, c = n.y + n.height / 2 - r.height / 2, f = n[a] / 2 - r[a] / 2;
-  let t;
-  switch (g) {
-    case "top":
-      t = {
-        x: d,
-        y: n.y - r.height
-      };
-      break;
-    case "bottom":
-      t = {
-        x: d,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      t = {
-        x: n.x + n.width,
-        y: c
-      };
-      break;
-    case "left":
-      t = {
-        x: n.x - r.width,
-        y: c
-      };
-      break;
-    default:
-      t = {
-        x: n.x,
-        y: n.y
-      };
+/*! 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
+      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;
   }
-  switch (F(i)) {
-    case "start":
-      t[l] -= f * (m && x ? -1 : 1);
-      break;
-    case "end":
-      t[l] += f * (m && x ? -1 : 1);
-      break;
+  masked(t) {
+    return this.process(t, this.findMask(t));
   }
-  return t;
-}
-const tt = async (o, i, m) => {
-  const {
-    placement: n = "bottom",
-    strategy: r = "absolute",
-    middleware: e = [],
-    platform: l
-  } = m, a = e.filter(Boolean), g = await (l.isRTL == null ? void 0 : l.isRTL(i));
-  let x = await l.getElementRects({
-    reference: o,
-    floating: i,
-    strategy: r
-  }), {
-    x: d,
-    y: c
-  } = _(x, n, g), f = n, t = {}, s = 0;
-  for (let w = 0; w < a.length; w++) {
-    const {
-      name: u,
-      fn: p
-    } = a[w], {
-      x: h,
-      y,
-      data: P,
-      reset: v
-    } = await p({
-      x: d,
-      y: c,
-      initialPlacement: n,
-      placement: f,
-      strategy: r,
-      middlewareData: t,
-      rects: x,
-      platform: l,
-      elements: {
-        reference: o,
-        floating: i
-      }
-    });
-    d = h ?? d, c = y ?? c, t = {
-      ...t,
-      [u]: {
-        ...t[u],
-        ...P
-      }
-    }, v && s <= 50 && (s++, typeof v == "object" && (v.placement && (f = v.placement), v.rects && (x = v.rects === !0 ? await l.getElementRects({
-      reference: o,
-      floating: i,
-      strategy: r
-    }) : v.rects), {
-      x: d,
-      y: c
-    } = _(x, f, g)), w = -1);
+  unmasked(t) {
+    return this.process(t, this.findMask(t), !1);
   }
-  return {
-    x: d,
-    y: c,
-    placement: f,
-    strategy: r,
-    middlewareData: t
-  };
-};
-async function W(o, i) {
-  var m;
-  i === void 0 && (i = {});
-  const {
-    x: n,
-    y: r,
-    platform: e,
-    rects: l,
-    elements: a,
-    strategy: g
-  } = o, {
-    boundary: x = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: c = "floating",
-    altBoundary: f = !1,
-    padding: t = 0
-  } = j(i, o), s = H(t), u = a[f ? c === "floating" ? "reference" : "floating" : c], p = $(await e.getClippingRect({
-    element: (m = await (e.isElement == null ? void 0 : e.isElement(u))) == null || m ? u : u.contextElement || await (e.getDocumentElement == null ? void 0 : e.getDocumentElement(a.floating)),
-    boundary: x,
-    rootBoundary: d,
-    strategy: g
-  })), h = c === "floating" ? {
-    ...l.floating,
-    x: n,
-    y: r
-  } : l.reference, y = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(a.floating)), P = await (e.isElement == null ? void 0 : e.isElement(y)) ? await (e.getScale == null ? void 0 : e.getScale(y)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, v = $(e.convertOffsetParentRelativeRectToViewportRelativeRect ? await e.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
-    rect: h,
-    offsetParent: y,
-    strategy: g
-  }) : h);
-  return {
-    top: (p.top - v.top + s.top) / P.y,
-    bottom: (v.bottom - p.bottom + s.bottom) / P.y,
-    left: (p.left - v.left + s.left) / P.x,
-    right: (v.right - p.right + s.right) / P.x
-  };
-}
-const et = (o) => ({
-  name: "arrow",
-  options: o,
-  async fn(i) {
-    const {
-      x: m,
-      y: n,
-      placement: r,
-      rects: e,
-      platform: l,
-      elements: a,
-      middlewareData: g
-    } = i, {
-      element: x,
-      padding: d = 0
-    } = j(o, i) || {};
-    if (x == null)
-      return {};
-    const c = H(d), f = {
-      x: m,
-      y: n
-    }, t = z(r), s = I(t), w = await l.getDimensions(x), u = t === "y", p = u ? "top" : "left", h = u ? "bottom" : "right", y = u ? "clientHeight" : "clientWidth", P = e.reference[s] + e.reference[t] - f[t] - e.floating[s], v = f[t] - e.reference[t], D = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(x));
-    let O = D ? D[y] : 0;
-    (!O || !await (l.isElement == null ? void 0 : l.isElement(D))) && (O = a.floating[y] || e.floating[s]);
-    const E = P / 2 - v / 2, S = O / 2 - w[s] / 2 - 1, T = X(c[p], S), L = X(c[h], S), b = T, V = O - w[s] - L, A = O / 2 - w[s] / 2 + E, R = B(b, A, V), k = !g.arrow && F(r) != null && A !== R && e.reference[s] / 2 - (A < b ? T : L) - w[s] / 2 < 0, C = k ? A < b ? A - b : A - V : 0;
-    return {
-      [t]: f[t] + C,
-      data: {
-        [t]: R,
-        centerOffset: A - R - C,
-        ...k && {
-          alignmentOffset: C
-        }
-      },
-      reset: k
-    };
+  isEager() {
+    return this.opts.eager === !0;
   }
-}), nt = function(o) {
-  return o === void 0 && (o = {}), {
-    name: "flip",
-    options: o,
-    async fn(i) {
-      var m, n;
-      const {
-        placement: r,
-        middlewareData: e,
-        rects: l,
-        initialPlacement: a,
-        platform: g,
-        elements: x
-      } = i, {
-        mainAxis: d = !0,
-        crossAxis: c = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: t = "bestFit",
-        fallbackAxisSideDirection: s = "none",
-        flipAlignment: w = !0,
-        ...u
-      } = j(o, i);
-      if ((m = e.arrow) != null && m.alignmentOffset)
-        return {};
-      const p = M(r), h = M(a) === a, y = await (g.isRTL == null ? void 0 : g.isRTL(x.floating)), P = f || (h || !w ? [G(a)] : J(a));
-      !f && s !== "none" && P.push(...K(a, w, s, y));
-      const v = [a, ...P], D = await W(i, u), O = [];
-      let E = ((n = e.flip) == null ? void 0 : n.overflows) || [];
-      if (d && O.push(D[p]), c) {
-        const b = N(r, l, y);
-        O.push(D[b[0]], D[b[1]]);
-      }
-      if (E = [...E, {
-        placement: r,
-        overflows: O
-      }], !O.every((b) => b <= 0)) {
-        var S, T;
-        const b = (((S = e.flip) == null ? void 0 : S.index) || 0) + 1, V = v[b];
-        if (V)
-          return {
-            data: {
-              index: b,
-              overflows: E
-            },
-            reset: {
-              placement: V
-            }
-          };
-        let A = (T = E.filter((R) => R.overflows[0] <= 0).sort((R, k) => R.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
-        if (!A)
-          switch (t) {
-            case "bestFit": {
-              var L;
-              const R = (L = E.map((k) => [k.placement, k.overflows.filter((C) => C > 0).reduce((C, q) => C + q, 0)]).sort((k, C) => k[1] - C[1])[0]) == null ? void 0 : L[0];
-              R && (A = R);
-              break;
-            }
-            case "initialPlacement":
-              A = a;
-              break;
-          }
-        if (r !== A)
-          return {
-            reset: {
-              placement: A
-            }
-          };
-      }
-      return {};
+  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;
     }
-  };
-};
-async function U(o, i) {
-  const {
-    placement: m,
-    platform: n,
-    elements: r
-  } = o, e = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), l = M(m), a = F(m), g = Y(m) === "y", x = ["left", "top"].includes(l) ? -1 : 1, d = e && g ? -1 : 1, c = j(i, o);
-  let {
-    mainAxis: f,
-    crossAxis: t,
-    alignmentAxis: s
-  } = typeof c == "number" ? {
-    mainAxis: c,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...c
-  };
-  return a && typeof s == "number" && (t = a === "end" ? s * -1 : s), g ? {
-    x: t * d,
-    y: f * x
-  } : {
-    x: f * x,
-    y: t * d
-  };
+    return this.memo.set(n, o.join("")), this.memo.get(n);
+  }
 }
-const it = function(o) {
-  return o === void 0 && (o = 0), {
-    name: "offset",
-    options: o,
-    async fn(i) {
-      var m, n;
-      const {
-        x: r,
-        y: e,
-        placement: l,
-        middlewareData: a
-      } = i, g = await U(i, o);
-      return l === ((m = a.offset) == null ? void 0 : m.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
-        x: r + g.x,
-        y: e + g.y,
-        data: {
-          ...g,
-          placement: l
-        }
-      };
-    }
-  };
-}, ot = function(o) {
-  return o === void 0 && (o = {}), {
-    name: "shift",
-    options: o,
-    async fn(i) {
-      const {
-        x: m,
-        y: n,
-        placement: r
-      } = i, {
-        mainAxis: e = !0,
-        crossAxis: l = !1,
-        limiter: a = {
-          fn: (u) => {
-            let {
-              x: p,
-              y: h
-            } = u;
-            return {
-              x: p,
-              y: h
-            };
-          }
-        },
-        ...g
-      } = j(o, i), x = {
-        x: m,
-        y: n
-      }, d = await W(i, g), c = Y(M(r)), f = Q(c);
-      let t = x[f], s = x[c];
-      if (e) {
-        const u = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", h = t + d[u], y = t - d[p];
-        t = B(h, t, y);
-      }
-      if (l) {
-        const u = c === "y" ? "top" : "left", p = c === "y" ? "bottom" : "right", h = s + d[u], y = s - d[p];
-        s = B(h, s, y);
+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"
+    };
+  }), 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);
       }
-      const w = a.fn({
-        ...i,
-        [f]: t,
-        [c]: s
-      });
-      return {
-        ...w,
-        data: {
-          x: w.x - m,
-          y: w.y - n
+      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);
     }
-  };
+  }
+  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 {
-  et as arrow,
-  tt as computePosition,
-  W as detectOverflow,
-  nt as flip,
-  it as offset,
-  $ as rectToClientRect,
-  ot as shift
+  b as Mask,
+  L as MaskInput,
+  R as tokens,
+  J as vMaska
 };
 //# sourceMappingURL=index219.js.map