@adyen/bento-vue3 1.89.2 → 1.90.0

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

@@ -1,346 +0,0 @@
-import { defineComponent as fe, useAttrs as be, ref as n, provide as he, computed as u, watch as B, openBlock as s, createElementBlock as E, createVNode as I, unref as i, mergeProps as ke, createSlots as ge, withCtx as d, Fragment as G, createTextVNode as C, toDisplayString as k, renderSlot as j, createElementVNode as S, createBlock as c, normalizeClass as J, createCommentVNode as v, renderList as _e } from "vue";
-import { B as ye } from "./button.DWF7FSIw.js";
-import { _ as we } from "./image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js";
-import { B as Ee } from "./input-field.CfU0ZKtL.js";
-import { h as Ce } from "./button-actions.cMQWyZne.js";
-import { d as Re, B as H } from "./typography.B3J6_tYk.js";
-import { C as Le } from "./checkmark-circle-fill.DugX5fbG.js";
-import { D as Ve } from "./dot.DBmwmOUN.js";
-import { S as Te, H as Oe } from "./show.BreRPkgL.js";
-import { e as Ie, w as Se } from "./index.DDwcHPb6.js";
-import { u as Ue } from "./index.B875RXHM.js";
-import { g as Y } from "./generate-uid.DBWe4g6T.js";
-import { u as Pe } from "./form-field.D_2g7vaP.js";
-import { b as Ae } from "./dropdown.MhmX1P9o.js";
-import { T as Ne } from "./tooltip.CbADa_4p.js";
-import { _ as qe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/input-field-password.css";
-var R = /* @__PURE__ */ ((t) => (t.TEXT = "text", t.PASSWORD = "password", t))(R || {}), g = /* @__PURE__ */ ((t) => (t.MIN_LENGTH = "minLength", t.REQUIRE_LOWERCASE = "requireLowercase", t.REQUIRE_NUMERIC = "requireNumeric", t.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", t.REQUIRE_UPPERCASE = "requireUppercase", t))(g || {});
-const Me = "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 L(t) {
-  return t?.toString() ?? "";
-}
-function Be(t, U = 12) {
-  return L(t).length >= U;
-}
-function He(t) {
-  return /[a-z]/.test(L(t));
-}
-function Fe(t) {
-  return /[A-Z]/.test(L(t));
-}
-function De(t) {
-  return /\d/.test(L(t));
-}
-function We(t) {
-  return /[^a-zA-Z0-9]/.test(L(t));
-}
-const ee = {
-  "en-US": { capsLockEnabled: "Caps lock on", hidePassword: "Hide", showPassword: "Show", validationChecked: "Checked", validationMinLength: "{numberOfCharacters} characters", validationRequireLowercase: "{numberOne} lowercase (a-z)", validationRequireNumeric: "{numberOne} numerical (0-9)", validationRequireSpecialCharacter: "{numberOne} special character", validationRequireUppercase: "{numberOne} 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: "表示", validationChecked: "チェック済み", validationMinLength: "{numberOfCharacters}文字", validationRequireLowercase: "{numberOne} 小文字（a-z）", validationRequireNumeric: "{numberOne} 数値 (0-9)", validationRequireSpecialCharacter: "{numberOne} 特殊文字", validationRequireUppercase: "{numberOne} 大文字 (A-Z)", validationSuggestion: "通貨記号やアクセント付き文字は使用しないでください。", validationTitle: "パスワードには少なくとも次のものを含める必要があります :", validationUnchecked: "チェックなし", validationValid: "入力は有効です" },
-  "pt-BR": { capsLockEnabled: "Caps Lock ativado", hidePassword: "ocultar", showPassword: "Exibir", validationChecked: "Checado", validationMinLength: "{numberOfCharacters} caracteres", validationRequireLowercase: "{numberOne} minúscula (a-z)", validationRequireNumeric: "{numberOne} numérico (0-9)", validationRequireSpecialCharacter: "{numberOne} caractere especial", validationRequireUppercase: "{numberOne} maiúscula (A-Z)", validationSuggestion: "Evite usar símbolos de moeda e letras com acento.", validationTitle: "A senha deve conter pelo menos:", validationUnchecked: "Não verificado", validationValid: "A entrada é válida" }
-}, xe = ["id"], Qe = {
-  key: 1,
-  class: "b-input-field-password__validation-status--valid",
-  role: "alert"
-}, Ze = ["id"], ze = { class: "b-input-field-password__validation-list-icon" }, Ke = 12, Xe = 500, $e = 2e3, Ge = 2e3, je = {
-  i18n: { messages: ee },
-  name: "bento-input-field-password",
-  model: { prop: "modelValue" }
-}, Je = /* @__PURE__ */ fe({
-  ...je,
-  props: {
-    condensed: { type: Boolean, default: !1 },
-    debounceTime: { default: Xe },
-    disableValidation: { type: Boolean, default: !1 },
-    value: { default: void 0 },
-    modelValue: { default: void 0 },
-    validation: { default: void 0 },
-    withHint: { type: Boolean, default: !0 },
-    description: { default: null },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: null },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null }
-  },
-  emits: ["blur", "focus", "input:valid", "input:error", "input", "update:model-value"],
-  setup(t, { emit: U }) {
-    const { t: o, n: _ } = Ue({ messages: ee }), a = t, y = U, ae = be(), V = n(R.PASSWORD), m = n(a.modelValue ?? a.value), F = n(!1), te = n(!1), T = n([]), D = n({}), f = n(null), b = n(!1), W = n(null), P = n(null), A = n(null), N = n(!1);
-    he(Ae, "bento-input-field-password");
-    const { focused: ie } = Ie(W), { emitValue: le } = Pe(y), x = Y("validationListId"), Q = Y("validationPopoverId"), q = u(() => V.value === R.TEXT), oe = u(
-      () => T.value.map(
-        (e) => e ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
-      )
-    ), se = u(
-      () => f.value ? "b-input-field-password__input-tooltip--timed" : ""
-    ), ne = u(() => ({
-      ariaHidden: !1,
-      condensed: a.condensed,
-      disabled: a.disabled,
-      errorMessage: a.errorMessage,
-      optional: a.optional,
-      placeholder: a.placeholder,
-      readonly: a.readonly,
-      required: a.required,
-      tooltipText: a.tooltipText,
-      type: V.value,
-      modelValue: m.value,
-      "aria-haspopup": M.value ? "dialog" : !1,
-      "aria-describedby": M.value ? Q : "",
-      ...ae
-    })), p = u(() => {
-      if (a.validation && !a.validation.extendDefaultValidation)
-        return a.validation;
-      const e = [
-        {
-          label: o("validationMinLength", { numberOfCharacters: _(Ke) }),
-          key: g.MIN_LENGTH,
-          validate: Be
-        },
-        {
-          label: o("validationRequireLowercase", { numberOne: _(1) }),
-          key: g.REQUIRE_LOWERCASE,
-          validate: He
-        },
-        {
-          label: o("validationRequireUppercase", { numberOne: _(1) }),
-          key: g.REQUIRE_UPPERCASE,
-          validate: Fe
-        },
-        {
-          label: o("validationRequireNumeric", { numberOne: _(1) }),
-          key: g.REQUIRE_NUMERIC,
-          validate: De
-        },
-        {
-          label: o("validationRequireSpecialCharacter", { numberOne: _(1) }),
-          key: g.REQUIRE_SPECIAL_CHARACTER,
-          validate: We
-        }
-      ];
-      let h = e;
-      if (a.validation) {
-        const w = e.map((r) => r.key), l = a.validation?.list?.map((r) => r.key), O = a.validation?.list?.filter((r) => !w.includes(r.key)) ?? [];
-        h = [...e.map((r) => l?.includes(r.key) ? a.validation?.list?.find((me) => me.key === r.key) : r), ...O];
-      }
-      return {
-        title: a.validation?.title ?? o("validationTitle"),
-        suggestion: a.validation?.suggestion ?? o("validationSuggestion"),
-        list: h
-      };
-    }), Z = u(() => p.value?.list?.filter((e) => !e.disabled)), z = u(() => T.value?.some((e) => !e)), M = u(
-      () => P.value && p.value?.list?.length > 0
-    ), K = (e) => {
-      typeof e.getModifierState == "function" && (N.value = e.getModifierState("CapsLock"));
-    }, re = () => {
-      q.value ? V.value = R.PASSWORD : V.value = R.TEXT;
-    }, de = (e) => {
-      a.disabled || (m.value = e, le(m.value));
-    }, ue = () => {
-      y("focus");
-    }, ce = () => {
-      y("blur");
-    }, X = (e) => {
-      const h = Z.value?.map((l) => ({
-        key: l.key,
-        label: l.label,
-        isValid: l.validate(e, ...l.additionalArgs ?? [])
-      }));
-      let w = 1;
-      T.value = h?.map((l) => l.isValid), D.value = h?.filter((l) => !l.isValid).reduce((l, O) => {
-        const $ = O.key ?? `custom-rule-${w++}`;
-        return {
-          ...l,
-          [$]: O.label
-        };
-      }, {});
-    }, pe = () => {
-      b.value = !1, f.value = null;
-    }, ve = () => {
-      b.value = !0;
-    };
-    return B(
-      () => [a.value, a.modelValue],
-      () => {
-        m.value = a.modelValue ?? a.value;
-      }
-    ), B(ie, (e) => {
-      e || (te.value = !0), a.disableValidation || (a.withHint && (F.value = e), X(m.value));
-    }), B(N, (e) => {
-      e ? (b.value = !0, f.value = setTimeout(() => {
-        f.value = null, b.value = !1;
-      }, Ge)) : (clearTimeout(f.value), f.value = null, b.value = !1);
-    }), Se(
-      m,
-      (e) => {
-        X(e), z.value ? y("input:error", D.value) : y("input:valid");
-      },
-      // wait for 0.5s before checking validity OR 2s of continuous typing
-      { debounce: a.debounceTime, maxWait: $e }
-    ), a.value && Re(
-      'BentoInputFieldPassword "value" property',
-      `The use of "value" prop in "BentoInputFieldPassword" is no longer supported.
-                Use the "v-model" or "model-value" property instead.`,
-      "2.0.0"
-    ), (e, h) => (s(), E("div", {
-      ref_key: "inputFieldPasswordRef",
-      ref: W
-    }, [
-      I(i(Ee), ke({
-        ref_key: "inputFieldPasswordInputRef",
-        ref: P
-      }, ne.value, {
-        class: "b-input-field-password__input",
-        spellcheck: "false",
-        onBlur: ce,
-        onFocus: ue,
-        "onUpdate:modelValue": de,
-        onKeydown: K,
-        onKeyup: K
-      }), ge({
-        default: d(() => [
-          e.label ? (s(), E(G, { key: 0 }, [
-            C(k(e.label), 1)
-          ], 64)) : j(e.$slots, "default", { key: 1 }, void 0, !0)
-        ]),
-        _: 2
-      }, [
-        e.description ? {
-          name: "description",
-          fn: d(() => [
-            j(e.$slots, "description", {}, () => [
-              C(k(e.description), 1)
-            ], !0)
-          ]),
-          key: "0"
-        } : void 0,
-        N.value ? {
-          name: "iconBefore",
-          fn: d(() => [
-            S("div", {
-              class: "b-input-field-password__caps-lock-indicator",
-              onMouseenter: ve,
-              onMouseleave: pe
-            }, [
-              I(i(we), {
-                ref_key: "inputFieldPasswordCapsLockIconRef",
-                ref: A,
-                src: i(Me),
-                alt: i(o)("capsLockEnabled")
-              }, null, 8, ["src", "alt"])
-            ], 32),
-            A.value ? (s(), c(i(Ne), {
-              key: 0,
-              class: J(se.value),
-              content: i(o)("capsLockEnabled"),
-              "disabled-focus-trap": !0,
-              "fallback-position": ["top", "bottom"],
-              "is-shown": b.value,
-              "target-element": A.value
-            }, null, 8, ["class", "content", "is-shown", "target-element"])) : v("", !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.disabled ? void 0 : {
-          name: "iconAfter",
-          fn: d(() => [
-            I(i(ye), {
-              variant: "tertiary",
-              onClick: re
-            }, {
-              iconLeft: d(() => [
-                q.value ? v("", !0) : (s(), c(i(Te), {
-                  key: 0,
-                  "svg-title": i(o)("showPassword")
-                }, null, 8, ["svg-title"])),
-                q.value ? (s(), c(i(Oe), {
-                  key: 1,
-                  "svg-title": i(o)("hidePassword")
-                }, null, 8, ["svg-title"])) : v("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          key: "2"
-        }
-      ]), 1040),
-      M.value ? (s(), c(i(Ce), {
-        key: 0,
-        open: F.value,
-        "target-element": P.value,
-        "disable-focus-trap": !0,
-        "aria-label": p.value.title,
-        "aria-describedby": i(x),
-        position: "right-start"
-      }, {
-        default: d(() => [
-          S("div", { id: i(Q) }, [
-            p.value.title ? (s(), c(i(H), {
-              key: 0,
-              class: "b-input-field-password__validation-title"
-            }, {
-              default: d(() => [
-                C(k(p.value.title), 1)
-              ]),
-              _: 1
-            })) : v("", !0),
-            z.value ? v("", !0) : (s(), E("p", Qe, k(i(o)("validationValid")), 1)),
-            S("ul", {
-              id: i(x),
-              class: "b-input-field-password__validation-list"
-            }, [
-              (s(!0), E(G, null, _e(Z.value, (w, l) => (s(), E("li", {
-                key: l,
-                class: J(oe.value[l]),
-                "aria-live": "polite",
-                "aria-atomic": "true"
-              }, [
-                S("span", ze, [
-                  T.value[l] ? (s(), c(i(Le), {
-                    key: 0,
-                    "svg-title": i(o)("validationChecked")
-                  }, null, 8, ["svg-title"])) : (s(), c(i(Ve), {
-                    key: 1,
-                    "svg-title": i(o)("validationUnchecked")
-                  }, null, 8, ["svg-title"]))
-                ]),
-                I(i(H), {
-                  class: "b-input-field-password__validation-list-text",
-                  el: "span"
-                }, {
-                  default: d(() => [
-                    C(k(w.label), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ], 2))), 128))
-            ], 8, Ze),
-            p.value.suggestion ? (s(), c(i(H), {
-              key: 2,
-              class: "b-input-field-password__validation-suggestion"
-            }, {
-              default: d(() => [
-                C(k(p.value.suggestion), 1)
-              ]),
-              _: 1
-            })) : v("", !0)
-          ], 8, xe)
-        ]),
-        _: 1
-      }, 8, ["open", "target-element", "aria-label", "aria-describedby"])) : v("", !0)
-    ], 512));
-  }
-}), ba = /* @__PURE__ */ qe(Je, [["__scopeId", "data-v-e079f788"]]);
-export {
-  De as a,
-  We as b,
-  Fe as c,
-  ba as i,
-  Be as m,
-  He as r
-};
-//# sourceMappingURL=input-field-password.DZytmp_p.js.map