@adyen/bento-vue3 1.89.2 → 1.91.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

package/dist/chunks/input-field.CfU0ZKtL.js

@@ -1,315 +0,0 @@
-import { defineComponent as _e, useAttrs as ke, useSlots as Te, ref as h, provide as Ne, inject as j, toRef as Ae, computed as d, toRefs as Le, openBlock as l, createBlock as u, unref as t, normalizeClass as ge, withCtx as b, renderSlot as p, createCommentVNode as r, createElementVNode as I, createElementBlock as v, withModifiers as z, mergeProps as P, withKeys as Oe, createTextVNode as X, toDisplayString as Z, createVNode as Se } from "vue";
-import { a as Ie, I as Pe, b as Re, B as G } from "./dropdown.MhmX1P9o.js";
-import { p as R, d as B, B as E } from "./typography.B3J6_tYk.js";
-import { u as Be } from "./form-field.D_2g7vaP.js";
-import { g as _ } from "./generate-uid.DBWe4g6T.js";
-import { g as Q } from "./get-slot-text.8Fbl1GOr.js";
-import { u as Ce } from "./aria-label.CaUURpnB.js";
-import { u as Fe } from "./index.B875RXHM.js";
-import { u as Ve } from "./use-form-layout-loading.CWbjZiwP.js";
-import { u as $e } from "./use-has-slot.CyMiImRQ.js";
-import { F as Me, E as Ue } from "./error-message.DCgo8q20.js";
-import { _ as He } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/input-field.css";
-var m = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(m || {}), c = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(c || {}), k = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(k || {}), C = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(C || {}), qe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.ESCAPE_PRESSED = "escape-pressed", a.UPDATE_DROPDOWN = "update:dropdown", a.DROPDOWN_INPUT = "dropdown-input", a.FOCUS = "focus", a.CHANGE = "change", a.BLUR = "blur", a.KEYDOWN = "keydown", a))(qe || {});
-const x = {
-  "en-US": { ariaLabelDropdownFallback: "{inputLabel} Dropdown", ariaLabelFallback: "Input field" },
-  "ja-JP": { ariaLabelDropdownFallback: "{inputLabel}ドロップダウン", ariaLabelFallback: "入力フィールド" },
-  "pt-BR": { ariaLabelDropdownFallback: "Menu suspenso {inputLabel}", ariaLabelFallback: "Campo de entrada" }
-}, Ye = ["aria-disabled"], Ke = ["aria-hidden"], We = ["aria-hidden"], Je = ["id"], je = { class: "b-input-field__input-container" }, ze = ["id", "aria-label", "aria-describedby", "aria-owns", "aria-invalid", "placeholder", "required", "aria-required", "type", "value", "disabled", "readonly"], Xe = ["aria-hidden"], Ze = ["id"], Ge = ["id"], Qe = {
-  name: "bento-input-field",
-  model: { prop: "modelValue" },
-  i18n: { messages: x }
-}, xe = /* @__PURE__ */ _e({
-  ...Qe,
-  props: {
-    ariaHidden: { type: Boolean, default: !0 },
-    ariaLabel: { default: void 0 },
-    condensed: { type: Boolean, default: !1 },
-    dropdown: { default: void 0 },
-    dropdownPosition: { default: c.START },
-    error: { type: Boolean, default: !1 },
-    modelValue: { default: void 0 },
-    slashedZero: { type: Boolean, default: !1 },
-    staticValue: { default: "" },
-    staticValuePosition: { default: c.START },
-    type: { default: C.TEXT },
-    value: { default: void 0 },
-    variant: { default: m.DEFAULT },
-    description: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    errorMessage: { default: null },
-    label: { default: "" },
-    optional: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    tooltipText: { default: null }
-  },
-  emits: ["blur", "click", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "keyup", "input", "update:dropdown", "update:model-value"],
-  setup(a, { expose: ee, emit: oe }) {
-    const F = ke(), T = Te(), o = a, n = oe, { emitValue: ae } = Be(n), { t: V } = Fe({ messages: x }), s = $e(T), $ = h(null), O = h(null), M = _("input"), y = _("input-dropdown"), N = _("input-static-value"), U = _("input-description"), H = _("input-error"), S = h(!1);
-    Ne(Ie, !0);
-    const q = j(Pe, h(void 0)), te = () => {
-      S.value = !0, n("focus");
-    }, de = () => {
-      S.value = !1, n("blur");
-    }, { isReadOnly: w } = Ve(Ae(o, "readonly")), Y = d(
-      () => w.value || o.dropdown?.readonly
-    ), A = d(
-      () => o.variant === m.STATIC_VALUE && !!T.staticValue
-    ), ie = d(() => o.variant === m.DEFAULT), re = d(() => o.variant === m.PAYMENT_METHOD), le = d(
-      () => A.value && o.staticValuePosition === c.START
-    ), ne = d(
-      () => A.value && o.staticValuePosition === c.END
-    ), L = d(() => o.variant === m.DROPDOWN && !!o.dropdown), se = d(
-      () => L.value && o.dropdownPosition === c.START
-    ), ue = d(
-      () => L.value && o.dropdownPosition === c.END
-    ), g = d(
-      () => !o.disabled && !w.value && (!!o.errorMessage || o.error)
-    ), pe = d(() => Q(T)("default") || o.label), fe = d(() => Q(T)("description") || o.description), ce = d(() => L.value === !0 && A.value === !0 ? `${N} ${y}` : L.value === !0 ? `${y}` : A.value === !0 ? `${N}` : null), be = d(() => V("ariaLabelFallback")), ve = d(
-      () => V("ariaLabelDropdownFallback", { inputLabel: K.value })
-    ), me = h(F["aria-label"]), { ariaLabel: ye } = Le(o), K = Ce({
-      ariaLabel: me.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: ye,
-      defaultFallback: pe.value || be
-    }), we = d(
-      () => `${fe.value ? U : ""} ${g.value && o.errorMessage ? H : ""}`
-    ), De = d(() => ({
-      [`b-input-field--${k.CONDENSED}`]: o.condensed,
-      [`b-input-field--${k.DISABLED}`]: o.disabled,
-      [`b-input-field--${k.READONLY}`]: w.value,
-      [`b-input-field--${k.ERROR}`]: g.value,
-      "b-input-field--slashed-zero": o.slashedZero
-    })), W = d(() => ({
-      "aria-label": ve.value,
-      ...o.dropdown
-    })), he = (e) => {
-      const i = e.target.value;
-      !o.disabled && !w.value && ae(i);
-    }, J = (e) => {
-      n("dropdown-input", e), n("update:dropdown", { ...o?.dropdown, value: e });
-    }, D = () => {
-      $.value.focus();
-    };
-    ee({
-      focusInput: D,
-      focus: () => {
-        o.variant === "dropdown" ? O.value.focus() : D();
-      }
-    });
-    const Ee = j(Re, "");
-    return !Object.values(C).includes(o.type) && !Ee && (o.type === "tel" ? R(
-      `"bento-input-field" dropdown does not support the type '${o.type}', use "bento-input-field-phone-number" instead.`
-    ) : o.type === "password" ? R(
-      `"bento-input-field" dropdown does not support the type '${o.type}', use "bento-input-field-password" instead.`
-    ) : R(`"bento-input-field" dropdown does not support the type '${o.type}'`)), o.error && B(
-      'BentoInputField "error" property',
-      `Use the BentoInputField "errorMessage" property instead to indicate that there is a modifier error.
-            Having the field as "undefined" will hide/remove the error.
-            <bento-dropdown errorMessage="Error message text" />`,
-      "2.0.0"
-    ), s("defaultIconBefore") && B(
-      'BentoInputField "defaultIconBefore" slot',
-      `Use the BentoInputField "iconBefore" slot instead to add an icon at the left side of the input field
-            <bento-input-field>
-              	<template #iconBefore>
-                		<my-icon-goes-here />
-              	</template>
-            </bento-input-field>`,
-      "2.0.0"
-    ), o.value && B(
-      'BentoInputField "value" property',
-      `The use of "value" prop in "BentoInputField" is no longer supported.
-             Use the "v-model" or "model-value" property instead.`,
-      "2.0.0"
-    ), (e, i) => (l(), u(t(E), {
-      class: ge(["b-input-field", De.value]),
-      "data-testid": "input-text-container",
-      el: "div",
-      variant: "body"
-    }, {
-      default: b(() => [
-        t(s)("default") || e.label ? (l(), u(t(Me), {
-          key: 0,
-          for: t(M),
-          "data-testid": "input-field-label",
-          "tooltip-text": e.tooltipText,
-          optional: e.optional,
-          required: e.required,
-          label: e.label,
-          onClick: D
-        }, {
-          default: b(() => [
-            p(e.$slots, "default", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["for", "tooltip-text", "optional", "required", "label"])) : r("", !0),
-        I("div", {
-          class: "b-input-field__input-box",
-          "data-testid": "input-box",
-          "aria-disabled": e.disabled,
-          onClick: D
-        }, [
-          ie.value && (t(s)("defaultIconBefore") || t(s)("iconBefore")) ? (l(), v("span", {
-            key: 0,
-            "aria-hidden": e.ariaHidden ? "true" : void 0,
-            class: "b-input-field__icon-before"
-          }, [
-            t(s)("iconBefore") ? p(e.$slots, "iconBefore", { key: 0 }, void 0, !0) : r("", !0),
-            t(s)("defaultIconBefore") && !t(s)("iconBefore") ? p(e.$slots, "defaultIconBefore", { key: 1 }, void 0, !0) : r("", !0)
-          ], 8, Ke)) : r("", !0),
-          re.value && t(s)("paymentMethod") ? (l(), v("span", {
-            key: 1,
-            "aria-hidden": e.ariaHidden ? "true" : void 0,
-            class: "b-input-field__payment-method"
-          }, [
-            p(e.$slots, "paymentMethod", {}, void 0, !0)
-          ], 8, We)) : r("", !0),
-          se.value ? (l(), v("div", {
-            key: 2,
-            id: t(y),
-            class: "b-input-field__dropdown b-input-field__dropdown--start",
-            onClick: i[0] || (i[0] = z(() => {
-            }, ["stop"]))
-          }, [
-            e.dropdown ? (l(), u(t(G), P({
-              key: 0,
-              ref_key: "inputDropdownElement",
-              ref: O
-            }, W.value, {
-              disabled: e.disabled,
-              readonly: Y.value,
-              "onUpdate:modelValue": J
-            }), null, 16, ["disabled", "readonly"])) : r("", !0)
-          ], 8, Je)) : r("", !0),
-          le.value ? (l(), u(t(E), {
-            key: 3,
-            id: t(N),
-            class: "b-input-field__static-value b-input-field__static-value--start",
-            el: "span",
-            variant: "body"
-          }, {
-            default: b(() => [
-              p(e.$slots, "staticValue", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["id"])) : r("", !0),
-          I("div", je, [
-            I("input", P({ id: t(M) }, t(F), {
-              ref_key: "inputFieldElement",
-              ref: $,
-              class: "b-input-field__input",
-              "aria-label": t(K),
-              "aria-describedby": we.value,
-              "aria-owns": ce.value,
-              "aria-invalid": g.value,
-              placeholder: e.placeholder,
-              required: e.required,
-              "aria-required": e.required,
-              type: e.type,
-              value: e.modelValue ?? e.value,
-              disabled: e.disabled,
-              readonly: t(w),
-              onInput: he,
-              onChange: i[1] || (i[1] = (f) => n("change")),
-              onFocus: te,
-              onBlur: de,
-              onKeydown: [
-                i[2] || (i[2] = (f) => n("keydown", f)),
-                i[4] || (i[4] = Oe((f) => n("escape-pressed"), ["esc"]))
-              ],
-              onKeyup: i[3] || (i[3] = (f) => n("keyup", f)),
-              onClick: i[5] || (i[5] = (f) => n("click", f))
-            }), null, 16, ze),
-            t(q) && S.value && (e.modelValue || e.value) ? (l(), u(t(E), {
-              key: 0,
-              el: "span",
-              class: "b-input-field__hint"
-            }, {
-              default: b(() => [
-                X(Z(t(q)), 1)
-              ]),
-              _: 1
-            })) : r("", !0)
-          ]),
-          t(s)("iconAfter") ? (l(), v("span", {
-            key: 4,
-            "aria-hidden": e.ariaHidden ? "true" : void 0,
-            class: "b-input-field__icon-after",
-            "data-testid": "input-text__icon-after"
-          }, [
-            p(e.$slots, "iconAfter", {}, void 0, !0)
-          ], 8, Xe)) : r("", !0),
-          ne.value ? (l(), u(t(E), {
-            key: 5,
-            id: t(N),
-            class: "b-input-field__static-value b-input-field__static-value--end",
-            el: "span",
-            variant: "body"
-          }, {
-            default: b(() => [
-              p(e.$slots, "staticValue", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["id"])) : r("", !0),
-          ue.value ? (l(), v("div", {
-            key: 6,
-            id: t(y),
-            "data-testid": "input-field-dropdown-container-end",
-            class: "b-input-field__dropdown b-input-field__dropdown--end",
-            onClick: i[6] || (i[6] = z(() => {
-            }, ["stop"]))
-          }, [
-            e.dropdown ? (l(), u(t(G), P({
-              key: 0,
-              id: t(y),
-              ref_key: "inputDropdownElement",
-              ref: O
-            }, W.value, {
-              disabled: e.disabled,
-              readonly: Y.value,
-              "onUpdate:modelValue": J
-            }), null, 16, ["id", "disabled", "readonly"])) : r("", !0)
-          ], 8, Ze)) : r("", !0)
-        ], 8, Ye),
-        g.value && e.errorMessage ? (l(), u(t(Ue), {
-          key: 1,
-          id: t(H),
-          "error-message": e.errorMessage,
-          class: "b-input-field__error-message"
-        }, null, 8, ["id", "error-message"])) : r("", !0),
-        t(s)("description") || e.description ? (l(), v("span", {
-          key: 2,
-          id: t(U),
-          class: "b-input-field__description",
-          onClick: D
-        }, [
-          Se(t(E), {
-            el: "span",
-            variant: "body"
-          }, {
-            default: b(() => [
-              p(e.$slots, "description", { id: "description" }, () => [
-                X(Z(e.description), 1)
-              ], !0)
-            ]),
-            _: 3
-          })
-        ], 8, Ge)) : r("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-}), bo = /* @__PURE__ */ He(xe, [["__scopeId", "data-v-9e4c1d53"]]);
-export {
-  bo as B,
-  c as a,
-  qe as b,
-  k as c,
-  C as d,
-  m as e
-};
-//# sourceMappingURL=input-field.CfU0ZKtL.js.map