bitboss-ui 0.2.8 → 0.2.10

package/dist/index201.js

@@ -1,354 +1,189 @@
-import { computePosition as Z } from "./index209.js";
-import { arrow as Ct, detectOverflow as Et, flip as Ot, offset as Tt, shift as Lt } from "./index209.js";
-import { createCoords as x, rectToClientRect as U, round as A, max as T, min as H, floor as B } from "./index234.js";
-import { getOverflowAncestors as I, isElement as y, getWindow as E, getComputedStyle as m, getDocumentElement as b, isHTMLElement as v, isWebKit as _, getNodeName as F, isOverflowElement as z, getNodeScroll as N, isTableElement as P, isContainingBlock as K, getContainingBlock as tt, getParentNode as V, isLastTraversableNode as X } from "./index235.js";
-function j(t) {
-  const e = m(t);
-  let o = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const n = v(t), c = n ? t.offsetWidth : o, s = n ? t.offsetHeight : i, r = A(o) !== c || A(i) !== s;
-  return r && (o = c, i = s), {
-    width: o,
-    height: i,
-    $: r
-  };
-}
-function M(t) {
-  return y(t) ? t : t.contextElement;
-}
-function L(t) {
-  const e = M(t);
-  if (!v(e))
-    return x(1);
-  const o = e.getBoundingClientRect(), {
-    width: i,
-    height: n,
-    $: c
-  } = j(e);
-  let s = (c ? A(o.width) : o.width) / i, r = (c ? A(o.height) : o.height) / n;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
-    x: s,
-    y: r
-  };
-}
-const et = /* @__PURE__ */ x(0);
-function G(t) {
-  const e = E(t);
-  return !_() || !e.visualViewport ? et : {
-    x: e.visualViewport.offsetLeft,
-    y: e.visualViewport.offsetTop
-  };
-}
-function ot(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== E(t) ? !1 : e;
-}
-function O(t, e, o, i) {
-  e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const n = t.getBoundingClientRect(), c = M(t);
-  let s = x(1);
-  e && (i ? y(i) && (s = L(i)) : s = L(t));
-  const r = ot(c, o, i) ? G(c) : x(0);
-  let l = (n.left + r.x) / s.x, f = (n.top + r.y) / s.y, p = n.width / s.x, d = n.height / s.y;
-  if (c) {
-    const w = E(c), a = i && y(i) ? E(i) : i;
-    let g = w.frameElement;
-    for (; g && i && a !== w; ) {
-      const h = L(g), R = g.getBoundingClientRect(), u = m(g), C = R.left + (g.clientLeft + parseFloat(u.paddingLeft)) * h.x, W = R.top + (g.clientTop + parseFloat(u.paddingTop)) * h.y;
-      l *= h.x, f *= h.y, p *= h.x, d *= h.y, l += C, f += W, g = E(g).frameElement;
-    }
+/*! maska v2.1.10 | (c) Alexander Shabunevich | Released under the MIT license */
+var W = Object.defineProperty, L = (a, t, e) => t in a ? W(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, g = (a, t, e) => (L(a, typeof t != "symbol" ? t + "" : t, e), e);
+const b = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+};
+class w {
+  constructor(t = {}) {
+    g(this, "opts", {}), g(this, "memo", /* @__PURE__ */ new Map());
+    const e = { ...t };
+    if (e.tokens != null) {
+      e.tokens = e.tokensReplace ? { ...e.tokens } : { ...b, ...e.tokens };
+      for (const s of Object.values(e.tokens))
+        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
+    } else
+      e.tokens = b;
+    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;
   }
-  return U({
-    width: p,
-    height: d,
-    x: l,
-    y: f
-  });
-}
-function it(t) {
-  let {
-    rect: e,
-    offsetParent: o,
-    strategy: i
-  } = t;
-  const n = v(o), c = b(o);
-  if (o === c)
-    return e;
-  let s = {
-    scrollLeft: 0,
-    scrollTop: 0
-  }, r = x(1);
-  const l = x(0);
-  if ((n || !n && i !== "fixed") && ((F(o) !== "body" || z(c)) && (s = N(o)), v(o))) {
-    const f = O(o);
-    r = L(o), l.x = f.x + o.clientLeft, l.y = f.y + o.clientTop;
+  masked(t) {
+    return this.process(t, this.findMask(t));
   }
-  return {
-    width: e.width * r.x,
-    height: e.height * r.y,
-    x: e.x * r.x - s.scrollLeft * r.x + l.x,
-    y: e.y * r.y - s.scrollTop * r.y + l.y
-  };
-}
-function nt(t) {
-  return Array.from(t.getClientRects());
-}
-function J(t) {
-  return O(b(t)).left + N(t).scrollLeft;
-}
-function st(t) {
-  const e = b(t), o = N(t), i = t.ownerDocument.body, n = T(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = T(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let s = -o.scrollLeft + J(t);
-  const r = -o.scrollTop;
-  return m(i).direction === "rtl" && (s += T(e.clientWidth, i.clientWidth) - n), {
-    width: n,
-    height: c,
-    x: s,
-    y: r
-  };
-}
-function rt(t, e) {
-  const o = E(t), i = b(t), n = o.visualViewport;
-  let c = i.clientWidth, s = i.clientHeight, r = 0, l = 0;
-  if (n) {
-    c = n.width, s = n.height;
-    const f = _();
-    (!f || f && e === "fixed") && (r = n.offsetLeft, l = n.offsetTop);
+  unmasked(t) {
+    return this.process(t, this.findMask(t), !1);
   }
-  return {
-    width: c,
-    height: s,
-    x: r,
-    y: l
-  };
-}
-function ct(t, e) {
-  const o = O(t, !0, e === "fixed"), i = o.top + t.clientTop, n = o.left + t.clientLeft, c = v(t) ? L(t) : x(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, l = n * c.x, f = i * c.y;
-  return {
-    width: s,
-    height: r,
-    x: l,
-    y: f
-  };
-}
-function k(t, e, o) {
-  let i;
-  if (e === "viewport")
-    i = rt(t, o);
-  else if (e === "document")
-    i = st(b(t));
-  else if (y(e))
-    i = ct(e, o);
-  else {
-    const n = G(t);
-    i = {
-      ...e,
-      x: e.x - n.x,
-      y: e.y - n.y
-    };
+  isEager() {
+    return this.opts.eager === !0;
   }
-  return U(i);
-}
-function Q(t, e) {
-  const o = V(t);
-  return o === e || !y(o) || X(o) ? !1 : m(o).position === "fixed" || Q(o, e);
-}
-function lt(t, e) {
-  const o = e.get(t);
-  if (o)
-    return o;
-  let i = I(t, [], !1).filter((r) => y(r) && F(r) !== "body"), n = null;
-  const c = m(t).position === "fixed";
-  let s = c ? V(t) : t;
-  for (; y(s) && !X(s); ) {
-    const r = m(s), l = K(s);
-    !l && r.position === "fixed" && (n = null), (c ? !l && !n : !l && r.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || z(s) && !l && Q(t, s)) ? i = i.filter((p) => p !== s) : n = r, s = V(s);
+  isReversed() {
+    return this.opts.reversed === !0;
   }
-  return e.set(t, i), i;
-}
-function ft(t) {
-  let {
-    element: e,
-    boundary: o,
-    rootBoundary: i,
-    strategy: n
-  } = t;
-  const s = [...o === "clippingAncestors" ? lt(e, this._c) : [].concat(o), i], r = s[0], l = s.reduce((f, p) => {
-    const d = k(e, p, n);
-    return f.top = T(d.top, f.top), f.right = H(d.right, f.right), f.bottom = H(d.bottom, f.bottom), f.left = T(d.left, f.left), f;
-  }, k(e, r, n));
-  return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
-  };
-}
-function ut(t) {
-  return j(t);
-}
-function ht(t, e, o) {
-  const i = v(e), n = b(e), c = o === "fixed", s = O(t, !0, c, e);
-  let r = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const l = x(0);
-  if (i || !i && !c)
-    if ((F(e) !== "body" || z(n)) && (r = N(e)), i) {
-      const f = O(e, !0, c, e);
-      l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
-    } else
-      n && (l.x = J(n));
-  return {
-    x: s.left + r.scrollLeft - l.x,
-    y: s.top + r.scrollTop - l.y,
-    width: s.width,
-    height: s.height
-  };
-}
-function q(t, e) {
-  return !v(t) || m(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
-}
-function Y(t, e) {
-  const o = E(t);
-  if (!v(t))
-    return o;
-  let i = q(t, e);
-  for (; i && P(i) && m(i).position === "static"; )
-    i = q(i, e);
-  return i && (F(i) === "html" || F(i) === "body" && m(i).position === "static" && !K(i)) ? o : i || tt(t) || o;
-}
-const at = async function(t) {
-  let {
-    reference: e,
-    floating: o,
-    strategy: i
-  } = t;
-  const n = this.getOffsetParent || Y, c = this.getDimensions;
-  return {
-    reference: ht(e, await n(o), i),
-    floating: {
-      x: 0,
-      y: 0,
-      ...await c(o)
+  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) {
+    var n;
+    if (e == null)
+      return t;
+    const i = `value=${t},mask=${e},masked=${s ? 1 : 0}`;
+    if (this.memo.has(i))
+      return this.memo.get(i);
+    const { mask: o, escaped: p } = this.escapeMask(e), h = [], k = this.opts.tokens != null ? this.opts.tokens : {}, l = this.isReversed() ? -1 : 1, c = this.isReversed() ? "unshift" : "push", v = this.isReversed() ? 0 : o.length - 1, S = this.isReversed() ? () => r > -1 && u > -1 : () => r < o.length && u < t.length, V = (m) => !this.isReversed() && m <= v || this.isReversed() && m >= v;
+    let y, f = -1, r = this.isReversed() ? o.length - 1 : 0, u = this.isReversed() ? t.length - 1 : 0;
+    for (; S(); ) {
+      const m = o.charAt(r), d = k[m], E = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(u)) : t.charAt(u);
+      if (!p.includes(r) && d != null) {
+        if (E.match(d.pattern) != null)
+          h[c](E), d.repeated ? (f === -1 ? f = r : r === v && r !== f && (r = f - l), v === f && (r -= l)) : d.multiple && (r -= l), r += l;
+        else if (d.multiple) {
+          const P = ((n = h[u - l]) == null ? void 0 : n.match(d.pattern)) != null, R = o.charAt(r + l);
+          P && R !== "" && k[R] == null ? (r += l, u -= l) : h[c]("");
+        } else
+          E === y ? y = void 0 : d.optional && (r += l, u -= l);
+        u += l;
+      } else
+        s && !this.isEager() && h[c](m), E === m && !this.isEager() ? u += l : y = m, this.isEager() || (r += l);
+      if (this.isEager())
+        for (; V(r) && (k[o.charAt(r)] == null || p.includes(r)); )
+          s ? h[c](o.charAt(r)) : o.charAt(r) === t.charAt(u) && (u += l), r += l;
     }
-  };
-};
-function dt(t) {
-  return m(t).direction === "rtl";
-}
-const gt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: it,
-  getDocumentElement: b,
-  getClippingRect: ft,
-  getOffsetParent: Y,
-  getElementRects: at,
-  getClientRects: nt,
-  getDimensions: ut,
-  getScale: L,
-  isElement: y,
-  isRTL: dt
-};
-function pt(t, e) {
-  let o = null, i;
-  const n = b(t);
-  function c() {
-    clearTimeout(i), o && o.disconnect(), o = null;
+    return this.memo.set(i, h.join("")), this.memo.get(i);
   }
-  function s(r, l) {
-    r === void 0 && (r = !1), l === void 0 && (l = 1), c();
-    const {
-      left: f,
-      top: p,
-      width: d,
-      height: w
-    } = t.getBoundingClientRect();
-    if (r || e(), !d || !w)
-      return;
-    const a = B(p), g = B(n.clientWidth - (f + d)), h = B(n.clientHeight - (p + w)), R = B(f), C = {
-      rootMargin: -a + "px " + -g + "px " + -h + "px " + -R + "px",
-      threshold: T(0, H(1, l)) || 1
+}
+const T = (a) => JSON.parse(a.replaceAll("'", '"')), O = (a, t = {}) => {
+  const e = { ...t };
+  return a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = j(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 = C(a.dataset.maskaTokens)), e;
+}, M = (a) => a !== "" ? !!JSON.parse(a) : !0, j = (a) => a.startsWith("[") && a.endsWith("]") ? T(a) : a, C = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return T(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"
     };
-    let W = !0;
-    function S($) {
-      const D = $[0].intersectionRatio;
-      if (D !== l) {
-        if (!W)
-          return s();
-        D ? s(!1, D) : i = setTimeout(() => {
-          s(!1, 1e-7);
-        }, 100);
+  }), t;
+};
+class J {
+  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), o = n.value, p = n.selectionStart, h = n.selectionEnd;
+      let k = o;
+      if (i.isEager()) {
+        const l = i.masked(o), c = i.unmasked(o);
+        c === "" && "data" in s && s.data != null ? k = s.data : c !== i.unmasked(l) && (k = c);
       }
-      W = !1;
-    }
-    try {
-      o = new IntersectionObserver(S, {
-        ...C,
-        // Handle <iframe>s
-        root: n.ownerDocument
-      });
-    } catch {
-      o = new IntersectionObserver(S, C);
+      if (this.setMaskedValue(n, k), "inputType" in s && (s.inputType.startsWith("delete") || p != null && p < o.length))
+        try {
+          n.setSelectionRange(p, h);
+        } 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 w(O(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 w(O(s, e));
+      this.items.set(s, n), s.value !== "" && this.setMaskedValue(s, s.value), s.addEventListener("input", this.inputEvent), s.addEventListener("beforeinput", this.beforeinputEvent);
     }
-    o.observe(t);
   }
-  return s(!0), c;
-}
-function yt(t, e, o, i) {
-  i === void 0 && (i = {});
-  const {
-    ancestorScroll: n = !0,
-    ancestorResize: c = !0,
-    elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: l = !1
-  } = i, f = M(t), p = n || c ? [...f ? I(f) : [], ...I(e)] : [];
-  p.forEach((u) => {
-    n && u.addEventListener("scroll", o, {
-      passive: !0
-    }), c && u.addEventListener("resize", o);
-  });
-  const d = f && r ? pt(f, o) : null;
-  let w = -1, a = null;
-  s && (a = new ResizeObserver((u) => {
-    let [C] = u;
-    C && C.target === f && a && (a.unobserve(e), cancelAnimationFrame(w), w = requestAnimationFrame(() => {
-      a && a.observe(e);
-    })), o();
-  }), f && !l && a.observe(f), a.observe(e));
-  let g, h = l ? O(t) : null;
-  l && R();
-  function R() {
-    const u = O(t);
-    h && (u.x !== h.x || u.y !== h.y || u.width !== h.width || u.height !== h.height) && o(), h = u, g = requestAnimationFrame(R);
+  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), o = s.completed(e), p = { masked: n, unmasked: i, completed: o };
+    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((h) => h(p)) : this.options.onMaska(p)), t.dispatchEvent(new CustomEvent("maska", { detail: p })), t.dispatchEvent(new CustomEvent("input", { detail: p }));
   }
-  return o(), () => {
-    p.forEach((u) => {
-      n && u.removeEventListener("scroll", o), c && u.removeEventListener("resize", o);
-    }), d && d(), a && a.disconnect(), a = null, l && cancelAnimationFrame(g);
-  };
 }
-const vt = (t, e, o) => {
-  const i = /* @__PURE__ */ new Map(), n = {
-    platform: gt,
-    ...o
-  }, c = {
-    ...n.platform,
-    _c: i
-  };
-  return Z(t, e, {
-    ...n,
-    platform: c
+const A = /* @__PURE__ */ new WeakMap(), N = (a) => {
+  setTimeout(() => {
+    var t;
+    ((t = A.get(a)) == null ? void 0 : t.needUpdateValue(a)) === !0 && a.dispatchEvent(new CustomEvent("input"));
   });
+}, U = (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;
+  N(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, o = (p) => {
+      i.masked = p.masked, i.unmasked = p.unmasked, i.completed = p.completed;
+    };
+    s.onMaska = s.onMaska == null ? o : Array.isArray(s.onMaska) ? [...s.onMaska, o] : [s.onMaska, o];
+  }
+  A.set(e, new J(e, s));
 };
 export {
-  Ct as arrow,
-  yt as autoUpdate,
-  vt as computePosition,
-  Et as detectOverflow,
-  Ot as flip,
-  I as getOverflowAncestors,
-  Tt as offset,
-  gt as platform,
-  Lt as shift
+  w as Mask,
+  J as MaskInput,
+  b as tokens,
+  U as vMaska
 };
 //# sourceMappingURL=index201.js.map