@adyen/bento-vue2 1.92.0 → 1.92.2

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

@@ -1,222 +0,0 @@
-import { defineComponent as se, useAttrs as ue, useSlots as pe, ref as b, provide as ce, inject as x, toRef as fe, computed as n, toRefs as be } from "vue";
-import { b as _e, I as me, c as we, B as De } from "./dropdown.BYJwx-JD.js";
-import { p as L, d as A, B as ye } from "./typography.C8lPlsbD.js";
-import { u as he } from "./form-field.D_2g7vaP.js";
-import { g as _ } from "./generate-uid.NJ8tVoha.js";
-import { g as H } from "./get-slot-text.Bjb9dTSV.js";
-import { u as ve } from "./aria-label.CaUURpnB.js";
-import { u as Ee } from "./index.B6WW_F-J.js";
-import { u as Le } from "./use-form-layout-loading.CWbjZiwP.js";
-import { u as Ae } from "./use-has-slot.C9lQZ6nz.js";
-import { F as Te } from "./field-label.DjjjkcO6.js";
-import { E as Fe } from "./error-message.CyERcfdt.js";
-import { n as Ie } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/input-field.css";
-var s = /* @__PURE__ */ ((a) => (a.DEFAULT = "default", a.PAYMENT_METHOD = "payment-method", a.STATIC_VALUE = "static-value", a.DROPDOWN = "dropdown", a))(s || {}), l = /* @__PURE__ */ ((a) => (a.START = "start", a.END = "end", a))(l || {}), m = /* @__PURE__ */ ((a) => (a.CONDENSED = "condensed", a.DISABLED = "disabled", a.READONLY = "readonly", a.ERROR = "error", a))(m || {}), T = /* @__PURE__ */ ((a) => (a.SEARCH = "search", a.TEXT = "text", a.NUMBER = "number", a))(T || {}), ge = /* @__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))(ge || {});
-const ke = {
-  "de-DE": {
-    ariaLabelDropdownFallback: "{inputLabel} Dropdown",
-    ariaLabelFallback: "Eingabefeld"
-  },
-  "en-GB": {
-    ariaLabelDropdownFallback: "{inputLabel} Drop-down",
-    ariaLabelFallback: "Input field"
-  },
-  "en-US": {
-    ariaLabelDropdownFallback: "{inputLabel} Dropdown",
-    ariaLabelFallback: "Input field"
-  },
-  "es-ES": {
-    ariaLabelDropdownFallback: "{inputLabel} desplegable",
-    ariaLabelFallback: "Campo de entrada"
-  },
-  "es-MX": {
-    ariaLabelDropdownFallback: "{inputLabel} desplegable",
-    ariaLabelFallback: "Campo de entrada"
-  },
-  "fr-FR": {
-    ariaLabelDropdownFallback: "Menu déroulant {inputLabel}",
-    ariaLabelFallback: "Champ de saisie"
-  },
-  "it-IT": {
-    ariaLabelDropdownFallback: "Menu a discesa {inputLabel}",
-    ariaLabelFallback: "Campo di immissione"
-  },
-  "ja-JP": {
-    ariaLabelDropdownFallback: "{inputLabel}ドロップダウン",
-    ariaLabelFallback: "入力フィールド"
-  },
-  "pt-BR": {
-    ariaLabelDropdownFallback: "Menu suspenso {inputLabel}",
-    ariaLabelFallback: "Campo de entrada"
-  },
-  "zh-CN": {
-    ariaLabelDropdownFallback: "{inputLabel} 下拉菜单",
-    ariaLabelFallback: "输入字段"
-  }
-}, Se = {
-  name: "bento-input-field",
-  inheritAttrs: !1,
-  model: { prop: "modelValue" },
-  i18n: { messages: ke }
-}, Ce = /* @__PURE__ */ se({
-  ...Se,
-  props: {
-    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 },
-    ariaHidden: { type: Boolean, default: !0 },
-    ariaLabel: { default: void 0 },
-    condensed: { type: Boolean, default: !1 },
-    dropdown: { default: void 0 },
-    dropdownPosition: { default: l.START },
-    error: { type: Boolean, default: !1 },
-    modelValue: { default: void 0 },
-    slashedZero: { type: Boolean, default: !1 },
-    staticValue: { default: "" },
-    staticValuePosition: { default: l.START },
-    type: { default: T.TEXT },
-    value: { default: void 0 },
-    variant: { default: s.DEFAULT }
-  },
-  emits: ["blur", "click", "change", "dropdown-input", "escape-pressed", "focus", "keydown", "keyup", "input", "update:dropdown", "update:model-value"],
-  setup(a, { expose: t, emit: o }) {
-    const e = a, r = ue(), u = pe(), { emitValue: F } = he(o), { t: w } = Ee(), I = Ae(u), g = b(null), k = b(null), Y = _("input"), D = _("input-dropdown"), y = _("input-static-value"), S = _("input-description"), C = _("input-error"), h = b(!1);
-    function j(i) {
-      return i["data-testid"] ?? "input-text-container";
-    }
-    function q(i) {
-      return Object.fromEntries(
-        Object.entries(i).filter(([d]) => !d.startsWith("aria-") && d !== "data-testid")
-      );
-    }
-    function W(i) {
-      return Object.fromEntries(Object.entries(i).filter(([d]) => d !== "data-testid"));
-    }
-    ce(_e, !0);
-    const J = x(me, b(void 0)), K = () => {
-      h.value = !0, o("focus");
-    }, z = () => {
-      h.value = !1, o("blur");
-    }, { isReadOnly: p } = Le(fe(e, "readonly")), X = n(
-      () => {
-        var i;
-        return p.value || ((i = e.dropdown) == null ? void 0 : i.readonly);
-      }
-    ), c = n(
-      () => e.variant === s.STATIC_VALUE && !!u.staticValue
-    ), G = n(() => e.variant === s.DEFAULT), Z = n(() => e.variant === s.PAYMENT_METHOD), Q = n(
-      () => c.value && e.staticValuePosition === l.START
-    ), ee = n(
-      () => c.value && e.staticValuePosition === l.END
-    ), f = n(() => e.variant === s.DROPDOWN && !!e.dropdown), te = n(
-      () => f.value && e.dropdownPosition === l.START
-    ), ae = n(
-      () => f.value && e.dropdownPosition === l.END
-    ), v = n(
-      () => !e.disabled && !p.value && (!!e.errorMessage || e.error)
-    ), O = n(() => H(u)("default") || e.label), N = n(() => H(u)("description") || e.description), oe = n(() => f.value === !0 && c.value === !0 ? `${y} ${D}` : f.value === !0 ? `${D}` : c.value === !0 ? `${y}` : null), R = n(
-      () => r != null && r["aria-labelledby"] ? void 0 : w("ariaLabelFallback")
-    ), P = n(
-      () => w("ariaLabelDropdownFallback", { inputLabel: V.value })
-    ), B = b(r["aria-label"]), { ariaLabel: M } = be(e), V = ve({
-      ariaLabel: B.value,
-      // TODO: take this line away when the aria-label props is removed
-      label: M,
-      defaultFallback: O.value || R
-    }), re = n(
-      () => `${N.value ? S : ""} ${v.value && e.errorMessage ? C : ""}`
-    ), ne = n(() => ({
-      [`b-input-field--${m.CONDENSED}`]: e.condensed,
-      [`b-input-field--${m.DISABLED}`]: e.disabled,
-      [`b-input-field--${m.READONLY}`]: p.value,
-      [`b-input-field--${m.ERROR}`]: v.value,
-      "b-input-field--slashed-zero": e.slashedZero
-    })), ie = n(() => ({
-      "aria-label": P.value,
-      ...e.dropdown
-    })), le = (i) => {
-      const d = i.target.value;
-      !e.disabled && !p.value && F(d);
-    }, de = (i) => {
-      o("dropdown-input", i), o("update:dropdown", { ...e == null ? void 0 : e.dropdown, value: i });
-    }, E = () => {
-      g.value.focus();
-    }, U = () => {
-      e.variant === "dropdown" ? k.value.focus() : E();
-    };
-    t({
-      focusInput: E,
-      focus: U
-    });
-    const $ = x(we, "");
-    return !Object.values(T).includes(e.type) && !$ && (e.type === "tel" ? L(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-phone-number" instead.`
-    ) : e.type === "password" ? L(
-      `"bento-input-field" dropdown does not support the type '${e.type}', use "bento-input-field-password" instead.`
-    ) : L(`"bento-input-field" dropdown does not support the type '${e.type}'`)), e.error && A(
-      '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"
-    ), I("defaultIconBefore") && A(
-      '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"
-    ), e.value && A(
-      '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"
-    ), { __sfc: !0, attrs: r, slots: u, props: e, emit: o, emitValue: F, t: w, hasSlot: I, inputFieldElement: g, inputDropdownElement: k, inputFieldId: Y, dropdownId: D, staticValueId: y, descriptionId: S, errorId: C, isFocused: h, getDataTestId: j, getRootAttributes: q, getInputAttributes: W, hint: J, onFocus: K, onBlur: z, isReadOnly: p, isDropdownReadOnly: X, shouldShowStaticValue: c, isDefaultVariant: G, isPaymentMethodVariant: Z, shouldDisplayStaticValueAtStart: Q, shouldDisplayStaticValueAtEnd: ee, shouldShowDropdown: f, shouldDisplayDropdownAtStart: te, shouldDisplayDropdownAtEnd: ae, shouldShowError: v, computedLabel: O, computedDescription: N, computedAriaOwns: oe, computedAriaLabelFallbackMessage: R, computedAriaLabelDropdowFallback: P, ariaLabelAttribute: B, ariaLabel: M, computedAriaLabel: V, computedAriaDescribedBy: re, inputFieldConditionalClasses: ne, inputFieldDropdownProps: ie, onInput: le, onDropdownInput: de, focusInput: E, focus: U, inputFieldParentComponent: $, BentoDropdown: De, BentoTypography: ye, ErrorMessage: Fe, FieldLabel: Te };
-  }
-});
-var Oe = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.BentoTypography, t._b({ staticClass: "b-input-field", class: e.inputFieldConditionalClasses, attrs: { "data-testid": e.getDataTestId(t.$attrs), el: "div", variant: "body" } }, "bento-typography", e.getRootAttributes(t.$attrs), !1), [e.hasSlot("default") || t.label ? o(e.FieldLabel, { attrs: { for: e.inputFieldId, "data-testid": "input-field-label", "tooltip-text": t.tooltipText, optional: t.optional, required: t.required, label: t.label }, on: { click: e.focusInput } }, [t._t("default")], 2) : t._e(), o("div", { staticClass: "b-input-field__input-box", attrs: { "data-testid": "input-box", "aria-disabled": t.disabled }, on: { click: e.focusInput } }, [e.isDefaultVariant && (e.hasSlot("defaultIconBefore") || e.hasSlot("iconBefore")) ? o("span", { staticClass: "b-input-field__icon-before", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [e.hasSlot("iconBefore") ? t._t("iconBefore") : t._e(), e.hasSlot("defaultIconBefore") && !e.hasSlot("iconBefore") ? t._t("defaultIconBefore") : t._e()], 2) : t._e(), e.isPaymentMethodVariant && e.hasSlot("paymentMethod") ? o("span", { staticClass: "b-input-field__payment-method", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0 } }, [t._t("paymentMethod")], 2) : t._e(), e.shouldDisplayDropdownAtStart ? o("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--start", attrs: { id: e.dropdownId }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? o(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e(), e.shouldDisplayStaticValueAtStart ? o(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--start", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), o("div", { staticClass: "b-input-field__input-container" }, [o("input", t._b({ ref: "inputFieldElement", staticClass: "b-input-field__input", attrs: { id: e.inputFieldId, "aria-label": e.computedAriaLabel, "aria-describedby": e.computedAriaDescribedBy, "aria-owns": e.computedAriaOwns, "aria-invalid": e.shouldShowError, placeholder: t.placeholder, required: t.required, "aria-required": t.required, type: t.type, disabled: t.disabled, readonly: e.isReadOnly }, domProps: { value: t.modelValue ?? t.value }, on: { input: e.onInput, change: function(r) {
-    return e.emit("change");
-  }, focus: e.onFocus, blur: e.onBlur, keydown: [function(r) {
-    return e.emit("keydown", r);
-  }, function(r) {
-    return !r.type.indexOf("key") && t._k(r.keyCode, "esc", 27, r.key, ["Esc", "Escape"]) ? null : e.emit("escape-pressed");
-  }], keyup: function(r) {
-    return e.emit("keyup", r);
-  }, click: function(r) {
-    return e.emit("click", r);
-  } } }, "input", e.getInputAttributes(t.$attrs), !1)), e.hint && e.isFocused && (t.modelValue || t.value) ? o(e.BentoTypography, { staticClass: "b-input-field__hint", attrs: { el: "span" } }, [t._v(" " + t._s(e.hint) + " ")]) : t._e()], 1), e.hasSlot("iconAfter") ? o("span", { staticClass: "b-input-field__icon-after", attrs: { "aria-hidden": t.ariaHidden ? "true" : void 0, "data-testid": "input-text__icon-after" } }, [t._t("iconAfter")], 2) : t._e(), e.shouldDisplayStaticValueAtEnd ? o(e.BentoTypography, { staticClass: "b-input-field__static-value b-input-field__static-value--end", attrs: { id: e.staticValueId, el: "span", variant: "body" } }, [t._t("staticValue")], 2) : t._e(), e.shouldDisplayDropdownAtEnd ? o("div", { staticClass: "b-input-field__dropdown b-input-field__dropdown--end", attrs: { id: e.dropdownId, "data-testid": "input-field-dropdown-container-end" }, on: { click: function(r) {
-    r.stopPropagation();
-  } } }, [t.dropdown ? o(e.BentoDropdown, t._b({ ref: "inputDropdownElement", attrs: { id: e.dropdownId, disabled: t.disabled, readonly: e.isDropdownReadOnly }, on: { "update:model-value": e.onDropdownInput } }, "bento-dropdown", e.inputFieldDropdownProps, !1)) : t._e()], 1) : t._e()], 1), e.shouldShowError && t.errorMessage ? o(e.ErrorMessage, { staticClass: "b-input-field__error-message", attrs: { id: e.errorId, "error-message": t.errorMessage } }) : t._e(), e.hasSlot("description") || t.description ? o("span", { staticClass: "b-input-field__description", attrs: { id: e.descriptionId }, on: { click: e.focusInput } }, [o(e.BentoTypography, { attrs: { el: "span", variant: "body" } }, [t._t("description", function() {
-    return [t._v(" " + t._s(t.description) + " ")];
-  }, { id: "description" })], 2)], 1) : t._e()], 1);
-}, Ne = [], Re = /* @__PURE__ */ Ie(
-  Ce,
-  Oe,
-  Ne,
-  !1,
-  null,
-  "6cd35e79"
-);
-const Ke = Re.exports;
-export {
-  Ke as B,
-  l as a,
-  ge as b,
-  m as c,
-  T as d,
-  s as e
-};
-//# sourceMappingURL=input-field.CGLjYab8.js.map

package/dist/chunks/input-field.CGLjYab8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.CGLjYab8.js","sources":["../../src/components/input-field/input-field.types.ts","../../src/components/input-field/input-field.vue"],"sourcesContent":["import { type BentoDropdownProps } from '../dropdown/dropdown.types';\nimport { type FormField } from '../../types/form-field';\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldVariant {\n    DEFAULT = 'default',\n    PAYMENT_METHOD = 'payment-method',\n    STATIC_VALUE = 'static-value',\n    DROPDOWN = 'dropdown',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldElementPosition {\n    START = 'start',\n    END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n    CONDENSED = 'condensed',\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoInputFieldType {\n    SEARCH = 'search',\n    TEXT = 'text',\n    NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string | number;\n\ntype DropdownProps = BentoDropdownProps;\nexport interface BentoInputDropdownProps {\n    /**\n     * Text that labels the dropdown element\n     */\n    'aria-label'?: string;\n    /**\n     * Enables dynamic filtering\n     */\n    dynamicFiltering?: DropdownProps['dynamicFiltering'];\n    /**\n     * List of available items\n     */\n    items: DropdownProps['items'];\n    /**\n     * Sets the dropdown in read-only mode\n     */\n    readonly?: DropdownProps['readonly'];\n    /**\n     * Selected value of the dropdown\n     * @deprecated Since v2.0.0. Use `model-value` instead.\n     */\n    value?: DropdownProps['value'];\n    /**\n     *  Selected value of the dropdown\n     */\n    modelValue?: DropdownProps['modelValue'];\n}\n\n/**\n * @deprecated Since v2.0.0. Use `@<emit name>` instead.\n */\nexport enum BentoInputFieldEvent {\n    INPUT = 'input',\n    ESCAPE_PRESSED = 'escape-pressed',\n    UPDATE_DROPDOWN = 'update:dropdown',\n    DROPDOWN_INPUT = 'dropdown-input',\n    FOCUS = 'focus',\n    CHANGE = 'change',\n    BLUR = 'blur',\n    KEYDOWN = 'keydown',\n}\n\nexport interface BentoInputFieldProps extends FormField {\n    /**\n     * Indicates whether the element is exposed to an accessibility API.\n     */\n    ariaHidden?: boolean;\n\n    /**\n     * Text that labels an the input element\n     *\n     * @deprecated Since v2.0.0. Use `aria-label` instead.\n     */\n    ariaLabel?: string;\n\n    /**\n     * Reduces height of the input\n     */\n    condensed?: boolean;\n\n    /**\n     * Dropdown props for the small selectable dropdown menu.\n     * Properties supported:\n     *\n     *  - `aria-label`: Text that labels the dropdown element\n     *  - `dynamicFiltering`: Enables dynamic filtering\n     *  - `items`: List of available items\n     *  - `readonly`: Sets the dropdown in read-only mode\n     *  - `value`: Selected value of the dropdown\n     */\n    dropdown?: BentoInputDropdownProps;\n\n    /**\n     * Position of the dropdown before or after input value\n     */\n    dropdownPosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * Adds error validation class for outlining input-field.\n     *\n     * @deprecated Since v2.0.0. Use `errorMessage` instead.\n     */\n    error?: boolean;\n\n    /**\n     * Text displayed as the value of the input-field\n     */\n    modelValue?: BentoInputFieldValue;\n\n    /**\n     * Renders a font numeric style with slashed zeros instead of normal ones.\n     */\n    slashedZero?: boolean;\n\n    /**\n     * Static text that displayed before or after input value\n     * Applicable to the Static Value variant\n     */\n    staticValue?: string;\n\n    /**\n     * Position of Static Value before or after input value\n     */\n    staticValuePosition?: BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`;\n\n    /**\n     * A string specifying the type of control to render.\n     * All `input` types are available but only `search`, `text` and `number` are fully supported.\n     *\n     * If `type` is `search`, use `bento-search-bar` instead.\n     */\n    type?: BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type'];\n\n    /**\n     * Text displayed as the value of the input-field\n     * @deprecated Since v2.0.0. Use `v-model` or `model-value` instead.\n     */\n    value?: BentoInputFieldValue;\n\n    /**\n     * Describes the different variants for the input element\n     */\n    variant?: BentoInputFieldVariant | `${BentoInputFieldVariant}`;\n}\n","<template>\n    <bento-typography\n        class=\"b-input-field\"\n        v-bind=\"getRootAttributes($attrs)\"\n        :data-testid=\"getDataTestId($attrs)\"\n        :class=\"inputFieldConditionalClasses\"\n        el=\"div\"\n        variant=\"body\"\n    >\n        <field-label\n            v-if=\"hasSlot('default') || label\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n            :label=\"label\"\n            @click=\"focusInput\"\n        >\n            <slot></slot>\n        </field-label>\n\n        <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n            <!-- Optional Icon for Default text variant -->\n            <span\n                v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') || hasSlot('iconBefore'))\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-before\"\n            >\n                <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n                <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n            </span>\n\n            <!-- Mandatory Icon for Payment Method variant -->\n            <span\n                v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__payment-method\"\n            >\n                <slot name=\"paymentMethod\" />\n            </span>\n\n            <!-- Dropdown at start -->\n            <div\n                v-if=\"shouldDisplayDropdownAtStart\"\n                :id=\"dropdownId\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n\n            <!-- Static Value at start -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtStart\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--start\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n            <div class=\"b-input-field__input-container\">\n                <input\n                    :id=\"inputFieldId\"\n                    v-bind=\"getInputAttributes($attrs)\"\n                    ref=\"inputFieldElement\"\n                    class=\"b-input-field__input\"\n                    :aria-label=\"computedAriaLabel\"\n                    :aria-describedby=\"computedAriaDescribedBy\"\n                    :aria-owns=\"computedAriaOwns\"\n                    :aria-invalid=\"shouldShowError\"\n                    :placeholder=\"placeholder\"\n                    :required=\"required\"\n                    :aria-required=\"required\"\n                    :type=\"type\"\n                    :value=\"modelValue ?? value\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onInput\"\n                    @change=\"emit('change')\"\n                    @focus=\"onFocus\"\n                    @blur=\"onBlur\"\n                    @keydown=\"emit('keydown', $event)\"\n                    @keyup=\"emit('keyup', $event)\"\n                    @keydown.esc=\"emit('escape-pressed')\"\n                    @click=\"emit('click', $event)\"\n                />\n\n                <!-- Hint at the end -->\n                <bento-typography\n                    v-if=\"hint && isFocused && (modelValue || value)\"\n                    el=\"span\"\n                    class=\"b-input-field__hint\"\n                >\n                    {{ hint }}\n                </bento-typography>\n            </div>\n\n            <span\n                v-if=\"hasSlot('iconAfter')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-after\"\n                data-testid=\"input-text__icon-after\"\n            >\n                <slot name=\"iconAfter\" />\n            </span>\n\n            <!-- Static Value at the end -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtEnd\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--end\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n\n            <!-- Dropdown at end -->\n            <div\n                v-if=\"shouldDisplayDropdownAtEnd\"\n                :id=\"dropdownId\"\n                data-testid=\"input-field-dropdown-container-end\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    :id=\"dropdownId\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isDropdownReadOnly\"\n                    @update:model-value=\"onDropdownInput\"\n                />\n            </div>\n        </div>\n\n        <error-message\n            v-if=\"shouldShowError && !!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-input-field__error-message\"\n        />\n\n        <span\n            v-if=\"hasSlot('description') || description\"\n            :id=\"descriptionId\"\n            class=\"b-input-field__description\"\n            @click=\"focusInput\"\n        >\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\">\n                    {{ description }}\n                </slot>\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, provide, type Ref, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoTypography } from '@/components/typography';\n    import { ErrorMessage, FieldLabel } from '@/internal';\n\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import {\n        INPUT_FIELD_COMPONENT_INJECTION_KEY,\n        INPUT_FIELD_HINT_INJECTION_KEY,\n        INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY,\n    } from '@/components/input-field/input-field.keys';\n    import { type BentoListboxSelectedValue } from '@/types/listbox';\n\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        type BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        type BentoInputFieldProps,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        type BentoInputFieldValue,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const props = defineProps({\n  description: { default: '' },\n  disabled: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  label: { default: '' },\n  optional: { type: Boolean, default: false },\n  placeholder: { default: '' },\n  readonly: { type: Boolean, default: false },\n  required: { type: Boolean, default: false },\n  tooltipText: { default: null },\n  ariaHidden: { type: Boolean, default: true },\n  ariaLabel: { default: undefined },\n  condensed: { type: Boolean, default: false },\n  dropdown: { default: undefined },\n  dropdownPosition: { default: BentoInputFieldElementPosition.START },\n  error: { type: Boolean, default: false },\n  modelValue: { default: undefined },\n  slashedZero: { type: Boolean, default: false },\n  staticValue: { default: '' },\n  staticValuePosition: { default: BentoInputFieldElementPosition.START },\n  type: { default: BentoInputFieldType.TEXT },\n  value: { default: undefined },\n  variant: { default: BentoInputFieldVariant.DEFAULT }\n});\n\n    const emit = defineEmits([\"blur\", \"click\", \"change\", \"dropdown-input\", \"escape-pressed\", \"focus\", \"keydown\", \"keyup\", \"input\", \"update:dropdown\", \"update:model-value\"]);\n\n    const { emitValue } = useFormFieldEmits<BentoInputFieldValue>(emit);\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const hasSlot = useHasSlot(slots);\n    const inputFieldElement = ref(null);\n    const inputDropdownElement = ref(null);\n    const inputFieldId = generateUid('input');\n    const dropdownId = generateUid('input-dropdown');\n    const staticValueId = generateUid('input-static-value');\n    const descriptionId = generateUid('input-description');\n    const errorId = generateUid('input-error');\n    const isFocused = ref(false);\n\n    /**\n     * Gets the overriden or the default data-testid attribute\n     * @param attributes - the live attributes object\n     */\n    function getDataTestId(attributes: Record<string, unknown>) {\n        return (attributes['data-testid'] as string) ?? 'input-text-container';\n    }\n    /**\n     * Filters out all aria attributes for the root element.\n     * @param attributes - the live attributes object\n     */\n    function getRootAttributes(attributes: Record<string, unknown>) {\n        return Object.fromEntries(\n            Object.entries(attributes).filter(([key]) => !key.startsWith('aria-') && key !== 'data-testid')\n        );\n    }\n    /**\n     * Filters out the data-testid attribute for the input element.\n     * @param attributes - the live attributes object\n     */\n    function getInputAttributes(attributes: Record<string, unknown>) {\n        return Object.fromEntries(Object.entries(attributes).filter(([key]) => key !== 'data-testid'));\n    }\n\n    // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n    provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n    // Renders the input with a hint if a string is provided\n    const hint = inject<Ref<string | undefined>>(INPUT_FIELD_HINT_INJECTION_KEY, ref(undefined));\n\n    const onFocus = () => {\n        isFocused.value = true;\n        emit('focus');\n    };\n\n    const onBlur = () => {\n        isFocused.value = false;\n        emit('blur');\n    };\n\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n    const isDropdownReadOnly = computed<BentoInputDropdownProps['readonly']>(\n        () => isReadOnly.value || props.dropdown?.readonly\n    );\n\n    const shouldShowStaticValue = computed(\n        () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n    );\n\n    const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n    const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n    const shouldDisplayStaticValueAtStart = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayStaticValueAtEnd = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n    const shouldDisplayDropdownAtStart = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayDropdownAtEnd = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowError = computed(\n        () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.error)\n    );\n\n    const computedLabel = computed(() => (getSlotText(slots)('default') as string) || props.label);\n    const computedDescription = computed(() => (getSlotText(slots)('description') as string) || props.description);\n\n    const computedAriaOwns = computed(() => {\n        if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n            return `${staticValueId} ${dropdownId}`;\n        }\n        if (shouldShowDropdown.value === true) {\n            return `${dropdownId}`;\n        }\n        if (shouldShowStaticValue.value === true) {\n            return `${staticValueId}`;\n        }\n        return null;\n    });\n\n    // vue-i18n issue with t() used in script - direct usage in template works\n    // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n    const computedAriaLabelFallbackMessage = computed(() =>\n        attrs?.['aria-labelledby'] ? undefined : t('ariaLabelFallback')\n    );\n    const computedAriaLabelDropdowFallback = computed(() =>\n        t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n    );\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: computedLabel.value || computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${computedDescription.value ? descriptionId : ''} ${\n                shouldShowError.value && !!props.errorMessage ? errorId : ''\n            }`\n    );\n\n    const inputFieldConditionalClasses = computed(() => ({\n        [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n        [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n        [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n        [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n        [`b-input-field--slashed-zero`]: props.slashedZero,\n    }));\n\n    const inputFieldDropdownProps = computed(() => ({\n        'aria-label': computedAriaLabelDropdowFallback.value,\n        ...props.dropdown,\n    }));\n\n    const onInput = (event: Event) => {\n        const inputValue = (event.target as HTMLInputElement).value;\n        if (!props.disabled && !isReadOnly.value) {\n            emitValue(inputValue);\n        }\n    };\n\n    const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n        emit('dropdown-input', selectedValue);\n        emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n    };\n\n    const focusInput = () => {\n        inputFieldElement.value.focus();\n    };\n\n    const focus = () => {\n        if (props.variant === 'dropdown') {\n            inputDropdownElement.value.focus();\n        } else {\n            focusInput();\n        }\n    };\n\n    // Expose method so that other components can focus on it in Vue3\n    defineExpose({\n        focusInput,\n        focus,\n    });\n\n    const inputFieldParentComponent = inject(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, '');\n\n    if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType) && !inputFieldParentComponent) {\n        if (props.type === 'tel') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-phone-number\" instead.`\n            );\n        } else if (props.type === 'password') {\n            printDevelopmentWarning(\n                `\"bento-input-field\" dropdown does not support the type '${props.type}', use \"bento-input-field-password\" instead.`\n            );\n        } else {\n            printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type '${props.type}'`);\n        }\n    }\n\n    /**\n     * Deprecations\n     */\n    if (props.error) {\n        deprecate(\n            'BentoInputField \"error\" property',\n            `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n            Having the field as \"undefined\" will hide/remove the error.\n            <bento-dropdown errorMessage=\"Error message text\" />`,\n            '2.0.0'\n        );\n    }\n\n    if (hasSlot('defaultIconBefore')) {\n        deprecate(\n            'BentoInputField \"defaultIconBefore\" slot',\n            `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n            <bento-input-field>\n              \\t<template #iconBefore>\n                \\t\\t<my-icon-goes-here />\n              \\t</template>\n            </bento-input-field>`,\n            '2.0.0'\n        );\n    }\n\n    if (props.value) {\n        deprecate(\n            'BentoInputField \"value\" property',\n            `The use of \"value\" prop in \"BentoInputField\" is no longer supported.\n             Use the \"v-model\" or \"model-value\" property instead.`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Input field component is used to create interactive controls for web-based\n     * forms in order to accept data from the user.\n     *\n     * @example\n     * import { BentoInputField } from '@adyen/bento-vue2'\n     *\n     * const inputValue = ref('');\n     *\n     * export default {\n     *      components: { BentoInputField },\n     *      tempate: `\n     *          <bento-input-field\n     *              :model-value=\"inputValue\"\n     *              :@update:model-value=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\n        name: 'bento-input-field',\n        inheritAttrs: false,\n        model: { prop: 'modelValue' },\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","emitValue","useFormFieldEmits","emit","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputDropdownElement","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","isFocused","getDataTestId","attributes","getRootAttributes","key","getInputAttributes","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","hint","inject","INPUT_FIELD_HINT_INJECTION_KEY","onFocus","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","props","isDropdownReadOnly","computed","_a","shouldShowStaticValue","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedLabel","getSlotText","computedDescription","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","focus","expose","inputFieldParentComponent","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","printDevelopmentWarning","deprecate"],"mappings":"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"}