@adyen/bento-vue2 1.52.0 → 1.53.0

package/dist/chunks/index.-wO_BQCb.js

@@ -1,370 +0,0 @@
-import "./index.Cl4_42j5.js";
-import { onMounted as A, nextTick as M, watch as O, unref as $, getCurrentScope as I, onScopeDispose as R, getCurrentInstance as N, ref as m, computed as v, watchEffect as F } from "vue";
-function x(e) {
-  return I() ? (R(e), !0) : !1;
-}
-function b(e) {
-  return typeof e == "function" ? e() : $(e);
-}
-const L = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const j = (e) => e != null, C = Object.prototype.toString, B = (e) => C.call(e) === "[object Object]", W = () => {
-};
-function P(e, t) {
-  function n(...u) {
-    return new Promise((s, i) => {
-      Promise.resolve(e(() => t.apply(this, u), { fn: t, thisArg: this, args: u })).then(s).catch(i);
-    });
-  }
-  return n;
-}
-const z = (e) => e();
-function V(e, t = {}) {
-  let n, u, s = W;
-  const i = (c) => {
-    clearTimeout(c), s(), s = W;
-  };
-  return (c) => {
-    const f = b(e), d = b(t.maxWait);
-    return n && i(n), f <= 0 || d !== void 0 && d <= 0 ? (u && (i(u), u = null), Promise.resolve(c())) : new Promise((r, o) => {
-      s = t.rejectOnCancel ? o : r, d && !u && (u = setTimeout(() => {
-        n && i(n), u = null, r(c());
-      }, d)), n = setTimeout(() => {
-        u && i(u), u = null, r(c());
-      }, f);
-    });
-  };
-}
-function H(e, t) {
-  var n;
-  if (typeof e == "number")
-    return e + t;
-  const u = ((n = e.match(/^-?\d+\.?\d*/)) == null ? void 0 : n[0]) || "", s = e.slice(u.length), i = Number.parseFloat(u) + t;
-  return Number.isNaN(i) ? e : i + s;
-}
-function D(e) {
-  return N();
-}
-function G(e, t, n = {}) {
-  const {
-    eventFilter: u = z,
-    ...s
-  } = n;
-  return O(
-    e,
-    P(
-      u,
-      t
-    ),
-    s
-  );
-}
-function _(e, t = !0, n) {
-  D() ? A(e, n) : t ? e() : M(e);
-}
-function Z(e, t, n = {}) {
-  const {
-    debounce: u = 0,
-    maxWait: s = void 0,
-    ...i
-  } = n;
-  return G(
-    e,
-    t,
-    {
-      ...i,
-      eventFilter: V(u, { maxWait: s })
-    }
-  );
-}
-const p = L ? window : void 0;
-function w(e) {
-  var t;
-  const n = b(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-function E(...e) {
-  let t, n, u, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, u, s] = e, t = p) : [t, n, u, s] = e, !t)
-    return W;
-  Array.isArray(n) || (n = [n]), Array.isArray(u) || (u = [u]);
-  const i = [], a = () => {
-    i.forEach((r) => r()), i.length = 0;
-  }, c = (r, o, l, h) => (r.addEventListener(o, l, h), () => r.removeEventListener(o, l, h)), f = O(
-    () => [w(t), b(s)],
-    ([r, o]) => {
-      if (a(), !r)
-        return;
-      const l = B(o) ? { ...o } : o;
-      i.push(
-        ...n.flatMap((h) => u.map((g) => c(r, h, g, l)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), d = () => {
-    f(), a();
-  };
-  return x(d), d;
-}
-function U() {
-  const e = m(!1);
-  return N() && A(() => {
-    e.value = !0;
-  }, void 0), e;
-}
-function T(e) {
-  const t = U();
-  return v(() => (t.value, !!e()));
-}
-function Y(e, t, n = {}) {
-  const { window: u = p, ...s } = n;
-  let i;
-  const a = T(() => u && "MutationObserver" in u), c = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = v(() => {
-    const l = b(e), h = (Array.isArray(l) ? l : [l]).map(w).filter(j);
-    return new Set(h);
-  }), d = O(
-    () => f.value,
-    (l) => {
-      c(), a.value && l.size && (i = new MutationObserver(t), l.forEach((h) => i.observe(h, s)));
-    },
-    { immediate: !0, flush: "post" }
-  ), r = () => i == null ? void 0 : i.takeRecords(), o = () => {
-    d(), c();
-  };
-  return x(o), {
-    isSupported: a,
-    stop: o,
-    takeRecords: r
-  };
-}
-function q(e = {}) {
-  var t;
-  const {
-    window: n = p,
-    deep: u = !0,
-    triggerOnRemoval: s = !1
-  } = e, i = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
-    var d;
-    let r = i == null ? void 0 : i.activeElement;
-    if (u)
-      for (; r != null && r.shadowRoot; )
-        r = (d = r == null ? void 0 : r.shadowRoot) == null ? void 0 : d.activeElement;
-    return r;
-  }, c = m(), f = () => {
-    c.value = a();
-  };
-  return n && (E(n, "blur", (d) => {
-    d.relatedTarget === null && f();
-  }, !0), E(n, "focus", f, !0)), s && Y(i, (d) => {
-    d.filter((r) => r.removedNodes.length).map((r) => Array.from(r.removedNodes)).flat().forEach((r) => {
-      r === c.value && f();
-    });
-  }, {
-    childList: !0,
-    subtree: !0
-  }), f(), c;
-}
-function y(e, t = {}) {
-  const { window: n = p } = t, u = T(() => n && "matchMedia" in n && typeof n.matchMedia == "function");
-  let s;
-  const i = m(!1), a = (d) => {
-    i.value = d.matches;
-  }, c = () => {
-    s && ("removeEventListener" in s ? s.removeEventListener("change", a) : s.removeListener(a));
-  }, f = F(() => {
-    u.value && (c(), s = n.matchMedia(b(e)), "addEventListener" in s ? s.addEventListener("change", a) : s.addListener(a), i.value = s.matches);
-  });
-  return x(() => {
-    f(), c(), s = void 0;
-  }), i;
-}
-function ee(e, t = {}) {
-  function n(r, o) {
-    let l = b(e[b(r)]);
-    return o != null && (l = H(l, o)), typeof l == "number" && (l = `${l}px`), l;
-  }
-  const { window: u = p, strategy: s = "min-width" } = t;
-  function i(r) {
-    return u ? u.matchMedia(r).matches : !1;
-  }
-  const a = (r) => y(() => `(min-width: ${n(r)})`, t), c = (r) => y(() => `(max-width: ${n(r)})`, t), f = Object.keys(e).reduce((r, o) => (Object.defineProperty(r, o, {
-    get: () => s === "min-width" ? a(o) : c(o),
-    enumerable: !0,
-    configurable: !0
-  }), r), {});
-  function d() {
-    const r = Object.keys(e).map((o) => [o, a(o)]);
-    return v(() => r.filter(([, o]) => o.value).map(([o]) => o));
-  }
-  return Object.assign(f, {
-    greaterOrEqual: a,
-    smallerOrEqual: c,
-    greater(r) {
-      return y(() => `(min-width: ${n(r, 0.1)})`, t);
-    },
-    smaller(r) {
-      return y(() => `(max-width: ${n(r, -0.1)})`, t);
-    },
-    between(r, o) {
-      return y(() => `(min-width: ${n(r)}) and (max-width: ${n(o, -0.1)})`, t);
-    },
-    isGreater(r) {
-      return i(`(min-width: ${n(r, 0.1)})`);
-    },
-    isGreaterOrEqual(r) {
-      return i(`(min-width: ${n(r)})`);
-    },
-    isSmaller(r) {
-      return i(`(max-width: ${n(r, -0.1)})`);
-    },
-    isSmallerOrEqual(r) {
-      return i(`(max-width: ${n(r)})`);
-    },
-    isInBetween(r, o) {
-      return i(`(min-width: ${n(r)}) and (max-width: ${n(o, -0.1)})`);
-    },
-    current: d,
-    active() {
-      const r = d();
-      return v(() => r.value.length === 0 ? "" : r.value.at(-1));
-    }
-  });
-}
-function X(e, t, n = {}) {
-  const { window: u = p, ...s } = n;
-  let i;
-  const a = T(() => u && "ResizeObserver" in u), c = () => {
-    i && (i.disconnect(), i = void 0);
-  }, f = v(() => {
-    const o = b(e);
-    return Array.isArray(o) ? o.map((l) => w(l)) : [w(o)];
-  }), d = O(
-    f,
-    (o) => {
-      if (c(), a.value && u) {
-        i = new ResizeObserver(t);
-        for (const l of o)
-          l && i.observe(l, s);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), r = () => {
-    c(), d();
-  };
-  return x(r), {
-    isSupported: a,
-    stop: r
-  };
-}
-function te(e, t = { width: 0, height: 0 }, n = {}) {
-  const { window: u = p, box: s = "content-box" } = n, i = v(() => {
-    var o, l;
-    return (l = (o = w(e)) == null ? void 0 : o.namespaceURI) == null ? void 0 : l.includes("svg");
-  }), a = m(t.width), c = m(t.height), { stop: f } = X(
-    e,
-    ([o]) => {
-      const l = s === "border-box" ? o.borderBoxSize : s === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-      if (u && i.value) {
-        const h = w(e);
-        if (h) {
-          const g = h.getBoundingClientRect();
-          a.value = g.width, c.value = g.height;
-        }
-      } else if (l) {
-        const h = Array.isArray(l) ? l : [l];
-        a.value = h.reduce((g, { inlineSize: S }) => g + S, 0), c.value = h.reduce((g, { blockSize: S }) => g + S, 0);
-      } else
-        a.value = o.contentRect.width, c.value = o.contentRect.height;
-    },
-    n
-  );
-  _(() => {
-    const o = w(e);
-    o && (a.value = "offsetWidth" in o ? o.offsetWidth : t.width, c.value = "offsetHeight" in o ? o.offsetHeight : t.height);
-  });
-  const d = O(
-    () => w(e),
-    (o) => {
-      a.value = o ? t.width : 0, c.value = o ? t.height : 0;
-    }
-  );
-  function r() {
-    f(), d();
-  }
-  return {
-    width: a,
-    height: c,
-    stop: r
-  };
-}
-const k = "focusin", Q = "focusout";
-function ne(e, t = {}) {
-  const { window: n = p } = t, u = v(() => w(e)), s = m(!1), i = v(() => s.value), a = q(t);
-  return !n || !a.value ? { focused: i } : (E(u, k, () => s.value = !0), E(u, Q, () => s.value = !1), { focused: i });
-}
-function re(e = {}) {
-  const { window: t = p, behavior: n = "auto" } = e;
-  if (!t)
-    return {
-      x: m(0),
-      y: m(0)
-    };
-  const u = m(t.scrollX), s = m(t.scrollY), i = v({
-    get() {
-      return u.value;
-    },
-    set(c) {
-      scrollTo({ left: c, behavior: n });
-    }
-  }), a = v({
-    get() {
-      return s.value;
-    },
-    set(c) {
-      scrollTo({ top: c, behavior: n });
-    }
-  });
-  return E(
-    t,
-    "scroll",
-    () => {
-      u.value = t.scrollX, s.value = t.scrollY;
-    },
-    {
-      capture: !1,
-      passive: !0
-    }
-  ), { x: i, y: a };
-}
-function oe(e = {}) {
-  const {
-    window: t = p,
-    initialWidth: n = Number.POSITIVE_INFINITY,
-    initialHeight: u = Number.POSITIVE_INFINITY,
-    listenOrientation: s = !0,
-    includeScrollbar: i = !0,
-    type: a = "inner"
-  } = e, c = m(n), f = m(u), d = () => {
-    t && (a === "outer" ? (c.value = t.outerWidth, f.value = t.outerHeight) : i ? (c.value = t.innerWidth, f.value = t.innerHeight) : (c.value = t.document.documentElement.clientWidth, f.value = t.document.documentElement.clientHeight));
-  };
-  if (d(), _(d), E("resize", d, { passive: !0 }), s) {
-    const r = y("(orientation: portrait)");
-    O(r, () => d());
-  }
-  return { width: c, height: f };
-}
-export {
-  X as a,
-  te as b,
-  re as c,
-  ne as d,
-  y as e,
-  ee as f,
-  Y as g,
-  q as h,
-  oe as u,
-  Z as w
-};
-//# sourceMappingURL=index.-wO_BQCb.js.map

package/dist/chunks/input-field-password.CO0lAgMh.js

@@ -1,194 +0,0 @@
-import { defineComponent as X, useAttrs as J, ref as s, provide as j, computed as n, watch as M } from "vue";
-import { B as K } from "./button.D-3uUhuG.js";
-import { B as Y } from "./image.C2D2hKat.js";
-import { B as G } from "./input-field.De4sp76g.js";
-import { B as Q } from "./popover.Cb6utVhS.js";
-import { B as $ } from "./typography.J1v_SPG3.js";
-import { C as ee } from "./checkmark-circle-fill.DZBl7CeY.js";
-import { D as ae } from "./dot.CnkXzRn3.js";
-import { S as te, H as ie } from "./show.e4LEpZKG.js";
-import { d as oe, w as se } from "./index.-wO_BQCb.js";
-import { u as le } from "./i18n.BQkEbtPM.js";
-import { g as A } from "./generate-uid.NJ8tVoha.js";
-import { b as ne } from "./dropdown.CcHoKbLz.js";
-import { T as re } from "./tooltip.RPURZd36.js";
-import { n as de } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field-password.css";
-var f = /* @__PURE__ */ ((i) => (i.TEXT = "text", i.PASSWORD = "password", i))(f || {});
-const ce = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='capslock'%3e%3cg%20id='Union'%3e%3cpath%20d='M13.75%205.63952L8%201.03952L2.25%205.63952V7.74999H4.75V11.75H11.25V7.74999H13.75V5.63952ZM6.25%206.24999H3.88809L8%202.96046L12.1119%206.24999H9.75V10.25H6.25V6.24999Z'%20fill='%2300112C'/%3e%3cpath%20d='M11.25%2014.75V13.25H4.75V14.75H11.25Z'%20fill='%2300112C'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-function m(i) {
-  return (i == null ? void 0 : i.toString()) ?? "";
-}
-function ue(i, a = 8) {
-  return m(i).length >= a;
-}
-function pe(i) {
-  return /[a-z]/.test(m(i));
-}
-function ve(i) {
-  return /[A-Z]/.test(m(i));
-}
-function fe(i) {
-  return /\d/.test(m(i));
-}
-function me(i) {
-  return /[^a-zA-Z0-9]/.test(m(i));
-}
-const _e = {
-  "en-US": {
-    capsLockEnabled: "Caps lock on",
-    hidePassword: "Hide",
-    showPassword: "Show",
-    validationChecked: "Checked",
-    validationMinLength: "8 characters",
-    validationRequireLowercase: "1 lowercase (a-z)",
-    validationRequireNumeric: "1 numerical (0-9)",
-    validationRequireSpecialCharacter: "1 special character",
-    validationRequireUppercase: "1 uppercase (A-Z)",
-    validationSuggestion: "Avoid using currency symbols or accented letters.",
-    validationTitle: "Password must contain at least:",
-    validationUnchecked: "Unchecked",
-    validationValid: "Input is valid"
-  },
-  "ja-JP": {
-    capsLockEnabled: "Caps lockオン",
-    hidePassword: "非表示",
-    showPassword: "表示",
-    validationMinLength: "8字",
-    validationRequireLowercase: "小文字1字 (a-z)",
-    validationRequireNumeric: "数字1字 (0-9)",
-    validationRequireSpecialCharacter: "特殊文字1字",
-    validationRequireUppercase: "大文字1字 (A-Z)",
-    validationSuggestion: "通貨記号やアクセント付き文字は避けてください。",
-    validationTitle: "パスワードには少なくとも次のものを含める必要があります :"
-  },
-  "pt-BR": {
-    capsLockEnabled: "Caps lock ativado",
-    hidePassword: "Ocultar",
-    showPassword: "Exibir",
-    validationMinLength: "8 caracteres",
-    validationRequireLowercase: "1 minúscula (a-z)",
-    validationRequireNumeric: "1 numérico (0-9)",
-    validationRequireSpecialCharacter: "1 caractere especial",
-    validationRequireUppercase: "1 maiúscula (A-Z)",
-    validationSuggestion: "Evite símbolos de moeda ou letras acentuadas.",
-    validationTitle: "A senha deve conter pelo menos:"
-  }
-}, he = {
-  i18n: { messages: _e },
-  name: "bento-input-field-password"
-}, ge = /* @__PURE__ */ X({
-  ...he,
-  props: {
-    condensed: { default: !1 },
-    disabled: { default: !1 },
-    errorMessage: { default: null },
-    placeholder: { default: "" },
-    readonly: { default: !1 },
-    value: { default: void 0 },
-    label: { default: null },
-    validation: { default: void 0 },
-    withHint: { type: Boolean, default: !0 }
-  },
-  emits: ["input:valid", "input"],
-  setup(i, { emit: a }) {
-    const t = i, e = 500, _ = 2e3, d = 2e3, { t: l } = le(), y = J(), p = s(f.PASSWORD), c = s(t.value), I = s(!1), g = s(!1), h = s([]), r = s(null), u = s(!1), T = s(null), P = s(null), F = s(null), w = s(!1);
-    j(ne, "bento-input-field-password");
-    const { focused: R } = oe(T), H = A("validationListId"), V = A("validationPopoverId"), E = n(() => p.value === f.TEXT), S = n(() => g.value && b.value ? t.errorMessage : ""), D = n(
-      () => h.value.map(
-        (o) => o ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
-      )
-    ), U = n(
-      () => r.value ? "b-input-field-password__input-tooltip--timed" : ""
-    ), O = n(() => ({
-      ariaHidden: !1,
-      condensed: t.condensed,
-      disabled: t.disabled,
-      errorMessage: S.value,
-      placeholder: t.placeholder,
-      readonly: t.readonly,
-      type: p.value,
-      value: c.value,
-      "aria-haspopup": k.value ? "dialog" : !1,
-      "aria-describedby": k.value ? V : "",
-      ...y
-    })), C = n(
-      () => t.validation === void 0 ? {
-        title: l("validationTitle"),
-        suggestion: l("validationSuggestion"),
-        list: [
-          { label: l("validationMinLength"), validate: ue },
-          { label: l("validationRequireLowercase"), validate: pe },
-          { label: l("validationRequireUppercase"), validate: ve },
-          { label: l("validationRequireNumeric"), validate: fe },
-          { label: l("validationRequireSpecialCharacter"), validate: me }
-        ]
-      } : t.validation
-    ), b = n(() => h.value.some((o) => !o)), k = n(
-      () => {
-        var o, v;
-        return P.value && ((v = (o = C.value) == null ? void 0 : o.list) == null ? void 0 : v.length) > 0;
-      }
-    ), N = (o) => {
-      typeof o.getModifierState == "function" && (w.value = o.getModifierState("CapsLock"));
-    }, x = () => {
-      E.value ? p.value = f.PASSWORD : p.value = f.TEXT;
-    }, Z = (o) => {
-      t.disabled || (c.value = o, a("input", c.value));
-    }, L = (o) => {
-      var v, B;
-      h.value = ((B = (v = C.value) == null ? void 0 : v.list) == null ? void 0 : B.map(
-        (q) => q.validate(o, q.additionalArgs)
-      )) ?? [];
-    }, z = () => {
-      u.value = !1, r.value = null;
-    }, W = () => {
-      u.value = !0;
-    };
-    return M(R, (o) => {
-      t.withHint && (I.value = o, o ? L(c.value) : g.value = !0);
-    }), M(w, (o) => {
-      o ? (u.value = !0, r.value = setTimeout(() => {
-        r.value = null, u.value = !1;
-      }, d)) : (clearTimeout(r.value), r.value = null, u.value = !1);
-    }), se(
-      c,
-      (o) => {
-        L(o), b.value || a("input:valid");
-      },
-      // wait for 0.5s before checking validity OR 2s of continuous typing
-      { debounce: e, maxWait: _ }
-    ), { __sfc: !0, DEBOUNCE_DURATION: e, DEBOUNCE_MAX_WAIT: _, TOOLTIP_TIMEOUT: d, t: l, props: t, emit: a, attrs: y, inputType: p, inputValue: c, isHintDisplayed: I, isTouched: g, passwordValidity: h, capsLockTooltipTimeoutID: r, isTooltipDisplayed: u, inputFieldPasswordRef: T, inputFieldPasswordInputRef: P, inputFieldPasswordCapsLockIconRef: F, isCapsLockOn: w, focused: R, validationListId: H, validationPopoverId: V, isPasswordReadable: E, computedErrorMessage: S, passwordValidityConditionalClass: D, tooltipConditionalClass: U, inputFieldArgs: O, computedValidations: C, hasErrors: b, hasValidations: k, checkCapsLock: N, toggleInputType: x, onInput: Z, checkValidity: L, handleCapsLockMouseLeave: z, handleCapsLockMouseEnter: W, BentoButton: K, BentoImage: Y, BentoInputField: G, BentoPopover: Q, BentoTypography: $, Tooltip: re, CheckmarkCircleFillIcon: ee, DotIcon: ae, HideIcon: ie, ShowIcon: te, CapsLockIcon: ce };
-  }
-});
-var we = function() {
-  var a = this, t = a._self._c, e = a._self._setupProxy;
-  return t("div", { ref: "inputFieldPasswordRef" }, [t(e.BentoInputField, a._b({ ref: "inputFieldPasswordInputRef", staticClass: "b-input-field-password__input", attrs: { spellcheck: "false" }, on: { input: e.onInput, keydown: e.checkCapsLock, keyup: e.checkCapsLock }, scopedSlots: a._u([{ key: "default", fn: function() {
-    return [a._v(a._s(a.label))];
-  }, proxy: !0 }, e.isCapsLockOn ? { key: "iconBefore", fn: function() {
-    return [t("div", { staticClass: "b-input-field-password__caps-lock-indicator", on: { mouseenter: e.handleCapsLockMouseEnter, mouseleave: e.handleCapsLockMouseLeave } }, [t(e.BentoImage, { ref: "inputFieldPasswordCapsLockIconRef", attrs: { src: e.CapsLockIcon, alt: e.t("capsLockEnabled") } })], 1), e.inputFieldPasswordCapsLockIconRef ? t(e.Tooltip, { class: e.tooltipConditionalClass, attrs: { content: e.t("capsLockEnabled"), "disabled-focus-trap": !0, "fallback-position": ["top", "bottom"], "is-shown": e.isTooltipDisplayed, "target-element": e.inputFieldPasswordCapsLockIconRef } }) : a._e()];
-  }, proxy: !0 } : null, a.disabled ? null : { key: "iconAfter", fn: function() {
-    return [t(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: e.toggleInputType }, scopedSlots: a._u([{ key: "iconLeft", fn: function() {
-      return [e.isPasswordReadable ? a._e() : t(e.ShowIcon, { attrs: { "svg-title": e.t("showPassword") } }), e.isPasswordReadable ? t(e.HideIcon, { attrs: { "svg-title": e.t("hidePassword") } }) : a._e()];
-    }, proxy: !0 }], null, !1, 956294632) })];
-  }, proxy: !0 }], null, !0) }, "bento-input-field", e.inputFieldArgs, !1)), e.hasValidations ? t(e.BentoPopover, { attrs: { open: e.isHintDisplayed, "target-element": e.inputFieldPasswordInputRef, "disable-focus-trap": !0, "aria-label": e.computedValidations.title, "aria-describedby": e.validationListId, position: "right-start" } }, [t("div", { attrs: { id: e.validationPopoverId } }, [e.computedValidations.title ? t(e.BentoTypography, { staticClass: "b-input-field-password__validation-title" }, [a._v(" " + a._s(e.computedValidations.title) + " ")]) : a._e(), e.hasErrors ? a._e() : t("p", { staticClass: "b-input-field-password__validation-status--valid", attrs: { role: "alert" } }, [a._v(" " + a._s(e.t("validationValid")) + " ")]), t("ul", { staticClass: "b-input-field-password__validation-list", attrs: { id: e.validationListId } }, a._l(e.computedValidations.list, function(_, d) {
-    return t("li", { key: d, class: e.passwordValidityConditionalClass[d], attrs: { "aria-live": "polite", "aria-atomic": "true" } }, [t("span", { staticClass: "b-input-field-password__validation-list-icon" }, [e.passwordValidity[d] ? t(e.CheckmarkCircleFillIcon, { attrs: { "svg-title": e.t("validationChecked") } }) : t(e.DotIcon, { attrs: { "svg-title": e.t("validationUnchecked") } })], 1), t(e.BentoTypography, { staticClass: "b-input-field-password__validation-list-text", attrs: { el: "span" } }, [a._v(" " + a._s(_.label) + " ")])], 1);
-  }), 0), e.computedValidations.suggestion ? t(e.BentoTypography, { staticClass: "b-input-field-password__validation-suggestion" }, [a._v(" " + a._s(e.computedValidations.suggestion) + " ")]) : a._e()], 1)]) : a._e()], 1);
-}, Ce = [], be = /* @__PURE__ */ de(
-  ge,
-  we,
-  Ce,
-  !1,
-  null,
-  "72e6fb8a"
-);
-const He = be.exports;
-export {
-  ve as a,
-  fe as b,
-  me as c,
-  He as i,
-  ue as m,
-  pe as r
-};
-//# sourceMappingURL=input-field-password.CO0lAgMh.js.map

package/dist/chunks/input-field-password.CO0lAgMh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field-password.CO0lAgMh.js","sources":["../../src/components/input-field-password/input-field-password.types.ts","../../src/components/input-field-password/assets/capslock.svg","../../src/components/input-field-password/utilities/input-field-password.validation.ts","../../src/components/input-field-password/input-field-password.vue"],"sourcesContent":["import type { BentoInputFieldProps, BentoInputFieldValue } from '@/components/input-field/input-field.types';\n\n/**\n * Public\n */\n\nexport interface BentoInputFieldPasswordValidationListItem {\n    label: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    validate: (value: BentoInputFieldValue, ...args: any[]) => boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    additionalArgs?: any[];\n}\n\nexport interface BentoInputFieldPasswordValidation {\n    title?: string;\n    suggestion?: string;\n    list: BentoInputFieldPasswordValidationListItem[];\n}\n\nexport interface BentoInputFieldPasswordProps {\n    /**\n     * Reduces height of the input\n     */\n    condensed?: BentoInputFieldProps['condensed'];\n\n    /**\n     * Disables the possibility of changing value in the input-field\n     */\n    disabled?: BentoInputFieldProps['disabled'];\n\n    /**\n     * Renders input-field with an error state and the error message beneath the input box\n     */\n    errorMessage?: BentoInputFieldProps['errorMessage'];\n\n    /**\n     * Text displayed as the placeholder of the input-field\n     */\n    placeholder?: BentoInputFieldProps['placeholder'];\n\n    /**\n     * Setting this property to true will set the input field to read only state.\n     */\n    readonly?: BentoInputFieldProps['readonly'];\n\n    /**\n     * Text displayed as the value of the input-field\n     */\n    value?: BentoInputFieldProps['value'];\n\n    /**\n     * Label to be shown with the input field\n     */\n    label?: string;\n\n    /**\n     * Configuration object for password field validation.\n     *\n     * This object defines the validation criteria and associated messages for a password field.\n     * It includes the following properties:\n     *\n     * - `title`: The title displayed at the top of the validation hint.\n     * - `suggestion`: The message displayed at the bottom of the validation hint, providing additional guidance.\n     * - `list`: An array of callback functions to be executed on the value after each user input, validating the password against the specified rules.\n     *\n     * By default, the validation checks that:\n     *\n     * - The value has a minimum length of 8 characters.\n     * - The value contains at least one lowercase letter.\n     * - The value contains at least one uppercase letter.\n     * - The value contains at least one numeric digit.\n     * - The value contains at least one special character.\n     *\n     *\n     */\n    validation?: BentoInputFieldPasswordValidation;\n\n    /**\n     * Whether the password validation hint is displayed when the input field is activated via focus or input\n     */\n    withHint?: boolean;\n}\n\n/**\n * Private\n */\n\nexport enum BentoInputFieldPasswordType {\n    TEXT = 'text',\n    PASSWORD = 'password',\n}\n","export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='capslock'%3e%3cg%20id='Union'%3e%3cpath%20d='M13.75%205.63952L8%201.03952L2.25%205.63952V7.74999H4.75V11.75H11.25V7.74999H13.75V5.63952ZM6.25%206.24999H3.88809L8%202.96046L12.1119%206.24999H9.75V10.25H6.25V6.24999Z'%20fill='%2300112C'/%3e%3cpath%20d='M11.25%2014.75V13.25H4.75V14.75H11.25Z'%20fill='%2300112C'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"","import { BentoInputFieldValue } from '@/components/input-field';\n\nfunction stringifyValue(value: BentoInputFieldValue): string {\n    return value?.toString() ?? '';\n}\n\n/**\n * Validates if the length of the provided value is greater than or equal to the specified length.\n *\n * @param value - The input value to check.\n * @param length - The minimum required length of the value. Defaults to 8.\n * @returns `true` if the length of the value is greater than or equal to the specified length, `false` otherwise.\n */\nexport function minLength(value: BentoInputFieldValue, length = 8): boolean {\n    return stringifyValue(value).length >= length;\n}\n\n/**\n * Validates if the provided value contains at least one lowercase letter.\n *\n * @param value - The input value to check.\n * @returns `true` if the value contains at least one lowercase letter, `false` otherwise.\n */\nexport function requireLowercase(value: BentoInputFieldValue): boolean {\n    return /[a-z]/.test(stringifyValue(value));\n}\n\n/**\n * Validates if the provided value contains at least one uppercase letter.\n *\n * @param value - The input value to check.\n * @returns `true` if the value contains at least one uppercase letter, `false` otherwise.\n */\nexport function requireUppercase(value: BentoInputFieldValue): boolean {\n    return /[A-Z]/.test(stringifyValue(value));\n}\n\n/**\n * Validates if the provided value contains at least one numerical digit.\n *\n * @param value - The input value to check.\n * @returns `true` if the value contains at least one numerical digit, `false` otherwise.\n */\nexport function requireNumeric(value: BentoInputFieldValue): boolean {\n    return /\\d/.test(stringifyValue(value));\n}\n\n/**\n * Validates if the provided value contains at least one special character (non-alphanumeric).\n *\n * @param value - The input value to check.\n * @returns `true` if the value contains at least one special character, `false` otherwise.\n */\nexport function requireSpecialCharacter(value: BentoInputFieldValue): boolean {\n    return /[^a-zA-Z0-9]/.test(stringifyValue(value));\n}\n","<template>\n    <div ref=\"inputFieldPasswordRef\">\n        <bento-input-field\n            ref=\"inputFieldPasswordInputRef\"\n            v-bind=\"inputFieldArgs\"\n            class=\"b-input-field-password__input\"\n            spellcheck=\"false\"\n            @input=\"onInput\"\n            @keydown=\"checkCapsLock\"\n            @keyup=\"checkCapsLock\"\n        >\n            <template #default>{{ label }}</template>\n\n            <template v-if=\"isCapsLockOn\" #iconBefore>\n                <div\n                    class=\"b-input-field-password__caps-lock-indicator\"\n                    @mouseenter=\"handleCapsLockMouseEnter\"\n                    @mouseleave=\"handleCapsLockMouseLeave\"\n                >\n                    <bento-image\n                        ref=\"inputFieldPasswordCapsLockIconRef\"\n                        :src=\"CapsLockIcon\"\n                        :alt=\"t('capsLockEnabled')\"\n                    ></bento-image>\n                </div>\n\n                <tooltip\n                    v-if=\"inputFieldPasswordCapsLockIconRef\"\n                    :class=\"tooltipConditionalClass\"\n                    :content=\"t('capsLockEnabled')\"\n                    :disabled-focus-trap=\"true\"\n                    :fallback-position=\"['top', 'bottom']\"\n                    :is-shown=\"isTooltipDisplayed\"\n                    :target-element=\"inputFieldPasswordCapsLockIconRef\"\n                ></tooltip>\n            </template>\n\n            <template v-if=\"!disabled\" #iconAfter>\n                <bento-button variant=\"tertiary\" @click=\"toggleInputType\">\n                    <template #iconLeft>\n                        <show-icon v-if=\"!isPasswordReadable\" :svg-title=\"t('showPassword')\" />\n\n                        <hide-icon v-if=\"isPasswordReadable\" :svg-title=\"t('hidePassword')\" />\n                    </template>\n                </bento-button>\n            </template>\n        </bento-input-field>\n\n        <bento-popover\n            v-if=\"hasValidations\"\n            :open=\"isHintDisplayed\"\n            :target-element=\"inputFieldPasswordInputRef\"\n            :disable-focus-trap=\"true\"\n            :aria-label=\"computedValidations.title\"\n            :aria-describedby=\"validationListId\"\n            position=\"right-start\"\n        >\n            <div :id=\"validationPopoverId\">\n                <bento-typography v-if=\"computedValidations.title\" class=\"b-input-field-password__validation-title\">\n                    {{ computedValidations.title }}\n                </bento-typography>\n\n                <p v-if=\"!hasErrors\" class=\"b-input-field-password__validation-status--valid\" role=\"alert\">\n                    {{ t('validationValid') }}\n                </p>\n\n                <ul :id=\"validationListId\" class=\"b-input-field-password__validation-list\">\n                    <li\n                        v-for=\"(validation, index) in computedValidations.list\"\n                        :key=\"index\"\n                        :class=\"passwordValidityConditionalClass[index]\"\n                        aria-live=\"polite\"\n                        aria-atomic=\"true\"\n                    >\n                        <span class=\"b-input-field-password__validation-list-icon\">\n                            <checkmark-circle-fill-icon\n                                v-if=\"passwordValidity[index]\"\n                                :svg-title=\"t('validationChecked')\"\n                            />\n\n                            <dot-icon v-else :svg-title=\"t('validationUnchecked')\" />\n                        </span>\n\n                        <bento-typography class=\"b-input-field-password__validation-list-text\" el=\"span\">\n                            {{ validation.label }}\n                        </bento-typography>\n                    </li>\n                </ul>\n\n                <bento-typography\n                    v-if=\"computedValidations.suggestion\"\n                    class=\"b-input-field-password__validation-suggestion\"\n                >\n                    {{ computedValidations.suggestion }}\n                </bento-typography>\n            </div>\n        </bento-popover>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoButton } from '@/components/button';\n    import { BentoImage } from '@/components/image';\n    import { BentoInputField } from '@/components/input-field';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTypography } from '@/components/typography';\n    import { Tooltip } from '@/internal';\n    import type { BentoInputFieldProps } from '@/components/input-field/input-field.types';\n    import { type BentoInputFieldPasswordProps, BentoInputFieldPasswordType } from './input-field-password.types';\n    import CheckmarkCircleFillIcon from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n    import DotIcon from '@adyen/ui-assets-icons-16/vue/dot';\n    import HideIcon from '@adyen/ui-assets-icons-16/vue/hide';\n    import ShowIcon from '@adyen/ui-assets-icons-16/vue/show';\n    import CapsLockIcon from './assets/capslock.svg';\n\n    import { useFocusWithin, watchDebounced } from '@vueuse/core';\n    import { computed, provide, ref, SetupContext, useAttrs, watch } from 'vue';\n\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import {\n        minLength,\n        requireLowercase,\n        requireNumeric,\n        requireSpecialCharacter,\n        requireUppercase,\n    } from '@/components/input-field-password/utilities/input-field-password.validation';\n    import { generateUid } from '@/core/utils/ts';\n    import messages from './messages.json';\n    import { INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY } from '@/components/input-field/input-field.keys';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const DEBOUNCE_DURATION = 500;\n    const DEBOUNCE_MAX_WAIT = 2000;\n    const TOOLTIP_TIMEOUT = 2000;\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  condensed: { default: false },\n  disabled: { default: false },\n  errorMessage: { default: null },\n  placeholder: { default: '' },\n  readonly: { default: false },\n  value: { default: undefined },\n  label: { default: null },\n  validation: { default: undefined },\n  withHint: { type: Boolean, default: true }\n});\n\n    const emit = defineEmits([\"input:valid\", \"input\"]);\n\n    const attrs = useAttrs();\n\n    const inputType = ref(BentoInputFieldPasswordType.PASSWORD);\n    const inputValue = ref(props.value);\n    const isHintDisplayed = ref(false);\n    const isTouched = ref(false);\n    const passwordValidity = ref<boolean[]>([]);\n    const capsLockTooltipTimeoutID = ref<ReturnType<typeof setTimeout>>(null);\n    const isTooltipDisplayed = ref(false);\n    const inputFieldPasswordRef = ref(null);\n    const inputFieldPasswordInputRef = ref(null);\n    const inputFieldPasswordCapsLockIconRef = ref(null);\n    const isCapsLockOn = ref(false);\n\n    provide(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, 'bento-input-field-password');\n\n    const { focused } = useFocusWithin(inputFieldPasswordRef);\n\n    const validationListId = generateUid('validationListId');\n    const validationPopoverId = generateUid('validationPopoverId');\n\n    const isPasswordReadable = computed(() => inputType.value === BentoInputFieldPasswordType.TEXT);\n    const computedErrorMessage = computed(() => (isTouched.value && hasErrors.value ? props.errorMessage : ''));\n\n    const passwordValidityConditionalClass = computed(() =>\n        passwordValidity.value.map(validity =>\n            validity\n                ? 'b-input-field-password__validation-list--valid'\n                : 'b-input-field-password__validation-list--invalid'\n        )\n    );\n\n    const tooltipConditionalClass = computed(() =>\n        capsLockTooltipTimeoutID.value ? 'b-input-field-password__input-tooltip--timed' : ''\n    );\n\n    const inputFieldArgs = computed<BentoInputFieldProps & SetupContext['attrs']>(() => ({\n        ariaHidden: false,\n        condensed: props.condensed,\n        disabled: props.disabled,\n        errorMessage: computedErrorMessage.value,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: inputType.value,\n        value: inputValue.value,\n\n        'aria-haspopup': hasValidations.value ? 'dialog' : false,\n        'aria-describedby': hasValidations.value ? validationPopoverId : '',\n\n        ...attrs,\n    }));\n\n    const computedValidations = computed(() =>\n        props.validation === undefined\n            ? {\n                  title: t('validationTitle'),\n                  suggestion: t('validationSuggestion'),\n                  list: [\n                      { label: t('validationMinLength'), validate: minLength },\n                      { label: t('validationRequireLowercase'), validate: requireLowercase },\n                      { label: t('validationRequireUppercase'), validate: requireUppercase },\n                      { label: t('validationRequireNumeric'), validate: requireNumeric },\n                      { label: t('validationRequireSpecialCharacter'), validate: requireSpecialCharacter },\n                  ],\n              }\n            : props.validation\n    );\n\n    const hasErrors = computed(() => passwordValidity.value.some(validation => !validation));\n    const hasValidations = computed(\n        () => inputFieldPasswordInputRef.value && computedValidations.value?.list?.length > 0\n    );\n\n    const checkCapsLock = (e: KeyboardEvent) => {\n        // Check if getModifierState exists and is a function in case the user's browser is autofilling\n        if (typeof e.getModifierState === 'function') {\n            isCapsLockOn.value = e.getModifierState('CapsLock');\n        }\n    };\n\n    const toggleInputType = () => {\n        if (isPasswordReadable.value) {\n            inputType.value = BentoInputFieldPasswordType.PASSWORD;\n        } else {\n            inputType.value = BentoInputFieldPasswordType.TEXT;\n        }\n    };\n\n    const onInput = (value: string) => {\n        if (props.disabled) {\n            return;\n        }\n\n        inputValue.value = value;\n\n        emit('input', inputValue.value);\n    };\n\n    const checkValidity = (value: BentoInputFieldPasswordProps['value']) => {\n        passwordValidity.value =\n            computedValidations.value?.list?.map(validationItem =>\n                validationItem.validate(value, validationItem.additionalArgs)\n            ) ?? [];\n    };\n\n    const handleCapsLockMouseLeave = () => {\n        isTooltipDisplayed.value = false;\n        capsLockTooltipTimeoutID.value = null;\n    };\n\n    const handleCapsLockMouseEnter = () => {\n        isTooltipDisplayed.value = true;\n    };\n\n    watch(focused, focused => {\n        if (!props.withHint) {\n            return;\n        }\n\n        isHintDisplayed.value = focused;\n\n        if (!focused) {\n            isTouched.value = true;\n        } else {\n            checkValidity(inputValue.value);\n        }\n    });\n\n    watch(isCapsLockOn, isCapsLockOn => {\n        if (!isCapsLockOn) {\n            clearTimeout(capsLockTooltipTimeoutID.value);\n\n            capsLockTooltipTimeoutID.value = null;\n            isTooltipDisplayed.value = false;\n        } else {\n            isTooltipDisplayed.value = true;\n\n            capsLockTooltipTimeoutID.value = setTimeout(() => {\n                capsLockTooltipTimeoutID.value = null;\n                isTooltipDisplayed.value = false;\n            }, TOOLTIP_TIMEOUT);\n        }\n    });\n\n    watchDebounced(\n        inputValue,\n        inputValue => {\n            checkValidity(inputValue);\n\n            if (!hasErrors.value) {\n                emit('input:valid');\n            }\n        },\n        // wait for 0.5s before checking validity OR 2s of continuous typing\n        { debounce: DEBOUNCE_DURATION, maxWait: DEBOUNCE_MAX_WAIT }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The input field password is a component designed to support users' preference for entering values securely.\n     * This is an extension of the `bento-input-field` component.\n     *\n     * @example\n     * import { BentoInputFieldPassword } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoInputFieldPassword },\n     *     template: `\n     *          <bento-input-field-password\n     *              label=\"Label\"\n     *              error-message=\"Error\"\n     *              :validation=\"{\n     *                  title: 'Password must contain at least:',\n     *                  suggestion: 'Avoid using currency symbols or accented letters.',\n     *                  list: [\n     *                      { label: '8 characters', validate: minLength, additionalArgs: [8] },\n     *                      { label: '1 lowercase (a-z)', validate: requireLowercase },\n     *                      { label: '1 uppercase (A-Z)', validate: requireUppercase },\n     *                      { label: '1 numerical (0-9)', validate: requireNumeric },\n     *                      { label: '1 special character', validate: requireSpecialCharacter },\n     *                      {\n     *                          label: 'Always true',\n     *                          validate: () => {\n     *                              const example = 'Example';\n     *\n     *                              return () => example.length > 1;\n     *                          },\n     *                      },\n     *                  ],\n     *              }\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-input-field-password',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field-password.scss\" />\n"],"names":["BentoInputFieldPasswordType","BentoInputFieldPasswordType2","CapsLockIcon","stringifyValue","value","minLength","length","requireLowercase","requireUppercase","requireNumeric","requireSpecialCharacter","__default__","messages","DEBOUNCE_DURATION","DEBOUNCE_MAX_WAIT","TOOLTIP_TIMEOUT","t","useI18n","attrs","useAttrs","inputType","ref","inputValue","props","isHintDisplayed","isTouched","passwordValidity","capsLockTooltipTimeoutID","isTooltipDisplayed","inputFieldPasswordRef","inputFieldPasswordInputRef","inputFieldPasswordCapsLockIconRef","isCapsLockOn","provide","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","focused","useFocusWithin","validationListId","generateUid","validationPopoverId","isPasswordReadable","computed","computedErrorMessage","hasErrors","passwordValidityConditionalClass","validity","tooltipConditionalClass","inputFieldArgs","hasValidations","computedValidations","validation","_b","_a","checkCapsLock","e","toggleInputType","onInput","emit","checkValidity","validationItem","handleCapsLockMouseLeave","handleCapsLockMouseEnter","watch","focused2","isCapsLockOn2","watchDebounced","inputValue2"],"mappings":";;;;;;;;;;;;;;;;AAwFY,IAAAA,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,WAAA,YAFQA,IAAAD,KAAA,CAAA,CAAA;ACxFZ,MAAAE,KAAA;ACEA,SAAAC,EAAAC,GAAA;AACI,UAAAA,KAAA,gBAAAA,EAAA,eAAA;AACJ;AASgB,SAAAC,GAAAD,GAAAE,IAAA,GAAA;AACZ,SAAAH,EAAAC,CAAA,EAAA,UAAAE;AACJ;AAQO,SAAAC,GAAAH,GAAA;AACH,SAAA,QAAA,KAAAD,EAAAC,CAAA,CAAA;AACJ;AAQO,SAAAI,GAAAJ,GAAA;AACH,SAAA,QAAA,KAAAD,EAAAC,CAAA,CAAA;AACJ;AAQO,SAAAK,GAAAL,GAAA;AACH,SAAA,KAAA,KAAAD,EAAAC,CAAA,CAAA;AACJ;AAQO,SAAAM,GAAAN,GAAA;AACH,SAAA,eAAA,KAAAD,EAAAC,CAAA,CAAA;AACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCqSIO,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;;;;;;iBA1NAC,IAAA,KACAC,IAAA,KACAC,IAAA,KAEA,EAAA,GAAAC,EAAA,IAAAC,GAAA,GAgBAC,IAAAC,EAAA,GAEAC,IAAAC,EAAArB,EAAA,QAAA,GACAsB,IAAAD,EAAAE,EAAA,KAAA,GACAC,IAAAH,EAAA,EAAA,GACAI,IAAAJ,EAAA,EAAA,GACAK,IAAAL,EAAA,CAAA,CAAA,GACAM,IAAAN,EAAA,IAAA,GACAO,IAAAP,EAAA,EAAA,GACAQ,IAAAR,EAAA,IAAA,GACAS,IAAAT,EAAA,IAAA,GACAU,IAAAV,EAAA,IAAA,GACAW,IAAAX,EAAA,EAAA;AAEA,IAAAY,EAAAC,IAAA,4BAAA;AAEA,UAAA,EAAA,SAAAC,EAAA,IAAAC,GAAAP,CAAA,GAEAQ,IAAAC,EAAA,kBAAA,GACAC,IAAAD,EAAA,qBAAA,GAEAE,IAAAC,EAAA,MAAArB,EAAA,UAAApB,EAAA,IAAA,GACA0C,IAAAD,EAAA,MAAAhB,EAAA,SAAAkB,EAAA,QAAApB,EAAA,eAAA,EAAA,GAEAqB,IAAAH;AAAA,MAAyC,MAAAf,EAAA,MAAA;AAAA,QACd,CAAAmB,MAAAA,IAAA,mDAAA;AAAA,MAGb;AAAA,IACV,GAGJC,IAAAL;AAAA,MAAgC,MAAAd,EAAA,QAAA,iDAAA;AAAA,IACsD,GAGtFoB,IAAAN,EAAA,OAAA;AAAA,MAAqF,YAAA;AAAA,MACrE,WAAAlB,EAAA;AAAA,MACK,UAAAA,EAAA;AAAA,MACD,cAAAmB,EAAA;AAAA,MACmB,aAAAnB,EAAA;AAAA,MAChB,UAAAA,EAAA;AAAA,MACH,MAAAH,EAAA;AAAA,MACA,OAAAE,EAAA;AAAA,MACE,iBAAA0B,EAAA,QAAA,WAAA;AAAA,MAEiC,oBAAAA,EAAA,QAAAT,IAAA;AAAA,MACc,GAAArB;AAAA,IAE9D,EAAA,GAGP+B,IAAAR;AAAA,MAA4B,MAAAlB,EAAA,eAAA,SAAA;AAAA,QAElB,OAAAP,EAAA,iBAAA;AAAA,QAC8B,YAAAA,EAAA,sBAAA;AAAA,QACU,MAAA;AAAA,UAC9B,EAAA,OAAAA,EAAA,qBAAA,GAAA,UAAAX,GAAA;AAAA,UACqD,EAAA,OAAAW,EAAA,4BAAA,GAAA,UAAAT,GAAA;AAAA,UACc,EAAA,OAAAS,EAAA,4BAAA,GAAA,UAAAR,GAAA;AAAA,UACA,EAAA,OAAAQ,EAAA,0BAAA,GAAA,UAAAP,GAAA;AAAA,UACJ,EAAA,OAAAO,EAAA,mCAAA,GAAA,UAAAN,GAAA;AAAA,QACkB;AAAA,MACvF,IAAAa,EAAA;AAAA,IAEE,GAGhBoB,IAAAF,EAAA,MAAAf,EAAA,MAAA,KAAA,CAAAwB,MAAA,CAAAA,CAAA,CAAA,GACAF,IAAAP;AAAA,MAAuB,MAAA;;AAAA,eAAAX,EAAA,WAAAqB,KAAAC,IAAAH,EAAA,UAAA,gBAAAG,EAAA,SAAA,gBAAAD,EAAA,UAAA;AAAA;AAAA,IACiE,GAGxFE,IAAA,CAAAC,MAAA;AAEI,MAAA,OAAAA,EAAA,oBAAA,eACItB,EAAA,QAAAsB,EAAA,iBAAA,UAAA;AAAA,IACJ,GAGJC,IAAA,MAAA;AACI,MAAAf,EAAA,QACIpB,EAAA,QAAApB,EAAA,WAEAoB,EAAA,QAAApB,EAAA;AAAA,IACJ,GAGJwD,IAAA,CAAApD,MAAA;AACI,MAAAmB,EAAA,aAIAD,EAAA,QAAAlB,GAEAqD,EAAA,SAAAnC,EAAA,KAAA;AAAA,IAA8B,GAGlCoC,IAAA,CAAAtD,MAAA;;AACI,MAAAsB,EAAA,UAAAyB,KAAAC,IAAAH,EAAA,UAAA,gBAAAG,EAAA,SAAA,gBAAAD,EAAA;AAAA,QACqC,CAAAQ,MAAAA,EAAA,SAAAvD,GAAAuD,EAAA,cAAA;AAAA,YAC+B,CAAA;AAAA,IAC1D,GAGdC,IAAA,MAAA;AACI,MAAAhC,EAAA,QAAA,IACAD,EAAA,QAAA;AAAA,IAAiC,GAGrCkC,IAAA,MAAA;AACI,MAAAjC,EAAA,QAAA;AAAA,IAA2B;AAG/B,WAAAkC,EAAA3B,GAAA,CAAA4B,MAAA;AACI,MAAAxC,EAAA,aAIAC,EAAA,QAAAuC,GAEAA,IAGIL,EAAApC,EAAA,KAAA,IAFAG,EAAA,QAAA;AAAA,IAGJ,CAAA,GAGJqC,EAAA9B,GAAA,CAAAgC,MAAA;AACI,MAAAA,KAMIpC,EAAA,QAAA,IAEAD,EAAA,QAAA,WAAA,MAAA;AACI,QAAAA,EAAA,QAAA,MACAC,EAAA,QAAA;AAAA,MAA2B,GAAAb,CAAA,MAT/B,aAAAY,EAAA,KAAA,GAEAA,EAAA,QAAA,MACAC,EAAA,QAAA;AAAA,IAQJ,CAAA,GAGJqC;AAAA,MAAA3C;AAAA,MACI,CAAA4C,MAAA;AAEI,QAAAR,EAAAQ,CAAA,GAEAvB,EAAA,SACIc,EAAA,aAAA;AAAA,MACJ;AAAA;AAAA,MACJ,EAAA,UAAA5C,GAAA,SAAAC,EAAA;AAAA,IAE0D;;;;;;;;;;;;;;;;;;;;;;;;;"}