@adyen/bento-vue3 1.83.1 → 1.84.0

package/dist/chunks/{header.BMTf9s8L.js → header.yMTOq8MR.js}

@@ -1,8 +1,8 @@
 import { defineComponent as b, computed as u, resolveComponent as n, createElementBlock as g, openBlock as a, normalizeClass as P, createElementVNode as r, createBlock as i, createCommentVNode as s, createVNode as C, mergeProps as B, withCtx as p, createTextVNode as I, toDisplayString as S, createSlots as m, renderSlot as f } from "vue";
 import { u as E } from "./use-has-slot.B7eQSabc.js";
 import { B as N, a as k, c as h } from "./typography.6Oo5TOMP.js";
-import { B as O } from "./button-actions-with-menu.LlNWeD3B.js";
-import { I as t, H as w } from "./header-meta.C2W1eMZc.js";
+import { B as O } from "./button-actions-with-menu.B8xFgt-p.js";
+import { I as t, H as w } from "./header-meta.PysBmkSU.js";
 import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/header.css";
 var o = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.COMPONENT = "component", e))(o || {});
@@ -138,4 +138,4 @@ const F = /* @__PURE__ */ A($, [["render", G], ["__scopeId", "data-v-56ef1e22"]]
 export {
   F as B
 };
-//# sourceMappingURL=header.BMTf9s8L.js.map
+//# sourceMappingURL=header.yMTOq8MR.js.map

package/dist/chunks/{header.BMTf9s8L.js.map → header.yMTOq8MR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header.BMTf9s8L.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}
+{"version":3,"file":"header.yMTOq8MR.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type BentoLoadingButtonState } from '../button/components/loading-button/loading-button.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoHeaderVariant {\n    PAGE = 'page',\n    COMPONENT = 'component',\n}\n\nexport interface BentoHeaderReloadButton {\n    title: string;\n    event?: (event: Event) => void;\n    state?: `${BentoLoadingButtonState}`;\n}\n","<template>\n    <header class=\"b-header\" :class=\"conditionalClasses\">\n        <div class=\"b-header__wrapper\">\n            <div class=\"b-header__title\">\n                <div>\n                    <bento-typography v-bind=\"typography\" class=\"b-header__text\">{{ title }}</bento-typography>\n                    <info-icon-with-popover\n                        v-if=\"infoIconTooltipText || hasSlot('infoIconTooltipContent')\"\n                        class=\"b-header__tooltip\"\n                        :popover-text=\"infoIconTooltipText\"\n                    >\n                        <template v-if=\"hasSlot('infoIconTooltipContent')\" #default\n                            ><slot name=\"infoIconTooltipContent\"\n                        /></template>\n                    </info-icon-with-popover>\n                </div>\n            </div>\n            <header-meta\n                v-if=\"description || hasSlot('description') || lastUpdated\"\n                class=\"b-header__meta-container\"\n                :description=\"description\"\n                :last-updated=\"lastUpdated\"\n                :reload-button=\"reloadButton\"\n            >\n                <template v-if=\"hasSlot('description')\" #description><slot name=\"description\" /></template>\n            </header-meta>\n            <button-actions-with-menu\n                v-if=\"actions\"\n                :actions=\"actions\"\n                :displayed-actions=\"2\"\n                class=\"b-header__actions\"\n            />\n        </div>\n    </header>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, type PropType } from 'vue';\n    import { InfoIconWithPopover } from '@/internal';\n    import { type BentoButtonActionsList } from '@/components/button';\n    import { useHasSlot } from '@/composables';\n    import { type BentoHeaderReloadButton, BentoHeaderVariant } from './header.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { HeaderMeta } from '@/internal/header-meta';\n    import ButtonActionsWithMenu from '../internal/button-actions-with-menu/button-actions-with-menu.vue';\n\n    export default defineComponent({\n        name: 'bento-header',\n        components: {\n            BentoTypography,\n            ButtonActionsWithMenu,\n            InfoIconWithPopover,\n            HeaderMeta,\n        },\n        props: {\n            /**\n             * Array of BentoButtonActionsList to show to the right of the title\n             */\n            actions: {\n                type: Array as PropType<BentoButtonActionsList>,\n                default: null,\n            },\n\n            /**\n             * Text showed under the title\n             */\n            description: { type: String, default: null },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: InfoIconWithPopover.props.popoverText.type, default: null },\n\n            /**\n             * Popover position of the info icon text.\n             */\n            infoIconPopoverPosition: {\n                type: InfoIconWithPopover.props.popoverPosition.type,\n                default: InfoIconWithPopover.props.popoverPosition.default,\n                validator: InfoIconWithPopover.props.popoverPosition.validator,\n            },\n\n            /**\n             * JavaScript \"Date\" object for when the content was last updated\n             */\n            lastUpdated: { type: [Date, Number], default: null },\n\n            /**\n             * Variant represents type of Header\n             * @values page, component\n             */\n            variant: {\n                type: String as PropType<BentoHeaderVariant | `${BentoHeaderVariant}`>,\n                default: BentoHeaderVariant.PAGE,\n                validator: (value: BentoHeaderVariant) => Object.values(BentoHeaderVariant).includes(value),\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * Reload button which shows next to the header's timestamp\n             * {@see BentoHeaderReloadButton}\n             */\n            reloadButton: {\n                type: Object as PropType<BentoHeaderReloadButton>,\n                default: null,\n            },\n        },\n        emits: ['reload'],\n        setup(props, { slots }) {\n            const conditionalClasses = computed(() => ({\n                'b-header--component': props.variant === BentoHeaderVariant.COMPONENT,\n            }));\n\n            const typography = computed(() => ({\n                el: props.variant === BentoHeaderVariant.PAGE ? BentoTypographyElement.H1 : BentoTypographyElement.H2,\n                variant: BentoTypographyVariant.TITLE,\n                medium: props.variant === BentoHeaderVariant.COMPONENT,\n                large: props.variant === BentoHeaderVariant.PAGE,\n            }));\n            return {\n                hasSlot: useHasSlot(slots),\n                conditionalClasses,\n                typography,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./header.scss\" />\n"],"names":["BentoHeaderVariant","BentoHeaderVariant2","_sfc_main","defineComponent","BentoTypography","ButtonActionsWithMenu","InfoIconWithPopover","HeaderMeta","value","props","slots","conditionalClasses","computed","typography","BentoTypographyElement","BentoTypographyVariant","useHasSlot","_component_button_actions_with_menu","resolveComponent","normalizeClass","_ctx","createElementVNode","_hoisted_2","createVNode","_component_bento_typography","mergeProps","withCtx","createTextVNode","toDisplayString","infoIconTooltipText","openBlock","createBlock","_component_info_icon_with_popover","createSlots","renderSlot","createCommentVNode","description","_component_header_meta","reloadButton"],"mappings":"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"}

package/dist/chunks/{input-field-password.CTdUPz2y.js → input-field-password.DN3ltmAg.js}

@@ -1,39 +1,39 @@
-import { defineComponent as we, useAttrs as Ee, ref as r, provide as Ce, computed as v, watch as D, createElementBlock as R, openBlock as n, createVNode as P, createBlock as f, createCommentVNode as b, unref as i, mergeProps as Re, createSlots as Le, withCtx as c, renderSlot as ae, Fragment as te, createTextVNode as L, toDisplayString as k, createElementVNode as U, normalizeClass as ie, renderList as Te } from "vue";
-import { B as Ie } from "./button.CSp48LJt.js";
-import { _ as Ve } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as Oe } from "./input-field.DzNDGqBP.js";
-import { h as Se } from "./button-actions.O0cnu1_g.js";
-import { d as Pe, B as W } from "./typography.6Oo5TOMP.js";
-import { C as Ue } from "./checkmark-circle-fill._6-d40ru.js";
+import { defineComponent as we, useAttrs as Ee, ref as r, provide as Ce, computed as v, watch as D, createElementBlock as R, openBlock as s, createVNode as U, createBlock as f, createCommentVNode as h, unref as i, mergeProps as Re, createSlots as Le, withCtx as c, renderSlot as ae, Fragment as te, createTextVNode as L, toDisplayString as _, createElementVNode as P, normalizeClass as ie, renderList as Te } from "vue";
+import { B as Ve } from "./button.CSp48LJt.js";
+import { _ as Ie } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as Oe } from "./input-field.C2SQq0V1.js";
+import { h as Se } from "./button-actions.Crj4QFAd.js";
+import { d as Ue, B as W } from "./typography.6Oo5TOMP.js";
+import { C as Pe } from "./checkmark-circle-fill._6-d40ru.js";
 import { D as Ae } from "./dot.ob6N-5Um.js";
-import { S as qe, H as Ne } from "./show.CT4Augxb.js";
+import { S as Ne, H as qe } from "./show.CT4Augxb.js";
 import { e as Me, w as Be } from "./index.E60QniEu.js";
 import { u as He } from "./index.pdBj0KQU.js";
 import { g as le } from "./generate-uid.NJ8tVoha.js";
 import { u as Fe } from "./form-field.D_2g7vaP.js";
-import { b as De } from "./dropdown.CtP9keJ4.js";
+import { b as De } from "./dropdown.D0_8f9Mz.js";
 import { T as We } from "./tooltip.Nn3o8_vO.js";
 import { _ as xe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/input-field-password.css";
 var T = /* @__PURE__ */ ((t) => (t.TEXT = "text", t.PASSWORD = "password", t))(T || {}), y = /* @__PURE__ */ ((t) => (t.MIN_LENGTH = "minLength", t.REQUIRE_LOWERCASE = "requireLowercase", t.REQUIRE_NUMERIC = "requireNumeric", t.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", t.REQUIRE_UPPERCASE = "requireUppercase", t))(y || {});
 const Qe = "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 I(t) {
+function V(t) {
   return (t == null ? void 0 : t.toString()) ?? "";
 }
 function Ze(t, A = 12) {
-  return I(t).length >= A;
+  return V(t).length >= A;
 }
 function ze(t) {
-  return /[a-z]/.test(I(t));
+  return /[a-z]/.test(V(t));
 }
 function Xe(t) {
-  return /[A-Z]/.test(I(t));
+  return /[A-Z]/.test(V(t));
 }
 function $e(t) {
-  return /\d/.test(I(t));
+  return /\d/.test(V(t));
 }
 function Ge(t) {
-  return /[^a-zA-Z0-9]/.test(I(t));
+  return /[^a-zA-Z0-9]/.test(V(t));
 }
 const oe = {
   "en-US": {
@@ -55,25 +55,31 @@ const oe = {
     capsLockEnabled: "Caps lockオン",
     hidePassword: "非表示",
     showPassword: "表示",
-    validationMinLength: "{numberOfCharacters}字",
-    validationRequireLowercase: "小文字{numberOne}字 (a-z)",
-    validationRequireNumeric: "数字{numberOne}字 (0-9)",
-    validationRequireSpecialCharacter: "特殊文字{numberOne}字",
-    validationRequireUppercase: "大文字{numberOne}字 (A-Z)",
-    validationSuggestion: "通貨記号やアクセント付き文字は避けてください。",
-    validationTitle: "パスワードには少なくとも次のものを含める必要があります :"
+    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",
+    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 símbolos de moeda ou letras acentuadas.",
-    validationTitle: "A senha deve conter pelo menos:"
+    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"
   }
 }, Ke = ["id"], Je = {
   key: 1,
@@ -105,14 +111,14 @@ const oe = {
   },
   emits: ["blur", "focus", "input:valid", "input:error", "input", "update:model-value"],
   setup(t, { emit: A }) {
-    const { t: o, n: w } = He({ messages: oe }), a = t, E = A, se = Ee(), V = r(T.PASSWORD), h = r(a.modelValue ?? a.value), x = r(!1), ne = r(!1), O = r([]), Q = r({}), g = r(null), _ = r(!1), Z = r(null), q = r(null), N = r(null), M = r(!1);
+    const { t: o, n: w } = He({ messages: oe }), a = t, E = A, ne = Ee(), I = r(T.PASSWORD), b = r(a.modelValue ?? a.value), x = r(!1), se = r(!1), O = r([]), Q = r({}), k = r(null), g = r(!1), Z = r(null), N = r(null), q = r(null), M = r(!1);
     Ce(De, "bento-input-field-password");
-    const { focused: re } = Me(Z), { emitValue: de } = Fe(E), z = le("validationListId"), X = le("validationPopoverId"), B = v(() => V.value === T.TEXT), ue = v(
+    const { focused: re } = Me(Z), { emitValue: de } = Fe(E), z = le("validationListId"), X = le("validationPopoverId"), B = v(() => I.value === T.TEXT), ue = v(
       () => O.value.map(
         (e) => e ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
       )
     ), ce = v(
-      () => g.value ? "b-input-field-password__input-tooltip--timed" : ""
+      () => k.value ? "b-input-field-password__input-tooltip--timed" : ""
     ), pe = v(() => ({
       ariaHidden: !1,
       condensed: a.condensed,
@@ -123,13 +129,13 @@ const oe = {
       readonly: a.readonly,
       required: a.required,
       tooltipText: a.tooltipText,
-      type: V.value,
-      modelValue: h.value,
+      type: I.value,
+      modelValue: b.value,
       "aria-haspopup": H.value ? "dialog" : !1,
       "aria-describedby": H.value ? X : "",
-      ...se
+      ...ne
     })), m = v(() => {
-      var p, d, s, C, S, Y;
+      var p, d, n, C, S, Y;
       if (a.validation && !a.validation.extendDefaultValidation)
         return a.validation;
       const e = [
@@ -161,11 +167,11 @@ const oe = {
       ];
       let l = e;
       if (a.validation) {
-        const _e = e.map((u) => u.key), F = (d = (p = a.validation) == null ? void 0 : p.list) == null ? void 0 : d.map((u) => u.key), ke = ((C = (s = a.validation) == null ? void 0 : s.list) == null ? void 0 : C.filter((u) => !_e.includes(u.key))) ?? [];
+        const ge = e.map((u) => u.key), F = (d = (p = a.validation) == null ? void 0 : p.list) == null ? void 0 : d.map((u) => u.key), _e = ((C = (n = a.validation) == null ? void 0 : n.list) == null ? void 0 : C.filter((u) => !ge.includes(u.key))) ?? [];
         l = [...e.map((u) => {
           var j, ee;
           return F != null && F.includes(u.key) ? (ee = (j = a.validation) == null ? void 0 : j.list) == null ? void 0 : ee.find((ye) => ye.key === u.key) : u;
-        }), ...ke];
+        }), ..._e];
       }
       return {
         title: ((S = a.validation) == null ? void 0 : S.title) ?? o("validationTitle"),
@@ -181,80 +187,80 @@ const oe = {
     }), H = v(
       () => {
         var e, l;
-        return q.value && ((l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.length) > 0;
+        return N.value && ((l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.length) > 0;
       }
     ), K = (e) => {
       typeof e.getModifierState == "function" && (M.value = e.getModifierState("CapsLock"));
     }, ve = () => {
-      B.value ? V.value = T.PASSWORD : V.value = T.TEXT;
+      B.value ? I.value = T.PASSWORD : I.value = T.TEXT;
     }, fe = (e) => {
-      a.disabled || (h.value = e, de(h.value));
+      a.disabled || (b.value = e, de(b.value));
     }, me = () => {
       E("focus");
-    }, be = () => {
+    }, he = () => {
       E("blur");
     }, J = (e) => {
       var d;
-      const l = (d = $.value) == null ? void 0 : d.map((s) => ({
-        key: s.key,
-        label: s.label,
-        isValid: s.validate(e, ...s.additionalArgs ?? [])
+      const l = (d = $.value) == null ? void 0 : d.map((n) => ({
+        key: n.key,
+        label: n.label,
+        isValid: n.validate(e, ...n.additionalArgs ?? [])
       }));
       let p = 1;
-      O.value = l == null ? void 0 : l.map((s) => s.isValid), Q.value = l == null ? void 0 : l.filter((s) => !s.isValid).reduce((s, C) => {
+      O.value = l == null ? void 0 : l.map((n) => n.isValid), Q.value = l == null ? void 0 : l.filter((n) => !n.isValid).reduce((n, C) => {
         const S = C.key ?? `custom-rule-${p++}`;
         return {
-          ...s,
+          ...n,
           [S]: C.label
         };
       }, {});
-    }, he = () => {
-      _.value = !1, g.value = null;
-    }, ge = () => {
-      _.value = !0;
+    }, be = () => {
+      g.value = !1, k.value = null;
+    }, ke = () => {
+      g.value = !0;
     };
     return D(
       () => [a.value, a.modelValue],
       () => {
-        h.value = a.modelValue ?? a.value;
+        b.value = a.modelValue ?? a.value;
       }
     ), D(re, (e) => {
-      e || (ne.value = !0), a.disableValidation || (a.withHint && (x.value = e), J(h.value));
+      e || (se.value = !0), a.disableValidation || (a.withHint && (x.value = e), J(b.value));
     }), D(M, (e) => {
-      e ? (_.value = !0, g.value = setTimeout(() => {
-        g.value = null, _.value = !1;
-      }, ia)) : (clearTimeout(g.value), g.value = null, _.value = !1);
+      e ? (g.value = !0, k.value = setTimeout(() => {
+        k.value = null, g.value = !1;
+      }, ia)) : (clearTimeout(k.value), k.value = null, g.value = !1);
     }), Be(
-      h,
+      b,
       (e) => {
         J(e), G.value ? E("input:error", Q.value) : E("input:valid");
       },
       // wait for 0.5s before checking validity OR 2s of continuous typing
       { debounce: a.debounceTime, maxWait: ta }
-    ), a.value && Pe(
+    ), a.value && Ue(
       '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, l) => (n(), R("div", {
+    ), (e, l) => (s(), R("div", {
       ref_key: "inputFieldPasswordRef",
       ref: Z
     }, [
-      P(i(Oe), Re({
+      U(i(Oe), Re({
         ref_key: "inputFieldPasswordInputRef",
-        ref: q
+        ref: N
       }, pe.value, {
         class: "b-input-field-password__input",
         spellcheck: "false",
-        onBlur: be,
+        onBlur: he,
         onFocus: me,
         "onUpdate:modelValue": fe,
         onKeydown: K,
         onKeyup: K
       }), Le({
         default: c(() => [
-          e.label ? (n(), R(te, { key: 0 }, [
-            L(k(e.label), 1)
+          e.label ? (s(), R(te, { key: 0 }, [
+            L(_(e.label), 1)
           ], 64)) : ae(e.$slots, "default", { key: 1 }, void 0, !0)
         ]),
         _: 2
@@ -263,7 +269,7 @@ const oe = {
           name: "description",
           fn: c(() => [
             ae(e.$slots, "description", {}, () => [
-              L(k(e.description), 1)
+              L(_(e.description), 1)
             ], !0)
           ]),
           key: "0"
@@ -271,46 +277,46 @@ const oe = {
         M.value ? {
           name: "iconBefore",
           fn: c(() => [
-            U("div", {
+            P("div", {
               class: "b-input-field-password__caps-lock-indicator",
-              onMouseenter: ge,
-              onMouseleave: he
+              onMouseenter: ke,
+              onMouseleave: be
             }, [
-              P(i(Ve), {
+              U(i(Ie), {
                 ref_key: "inputFieldPasswordCapsLockIconRef",
-                ref: N,
+                ref: q,
                 src: i(Qe),
                 alt: i(o)("capsLockEnabled")
               }, null, 8, ["src", "alt"])
             ], 32),
-            N.value ? (n(), f(i(We), {
+            q.value ? (s(), f(i(We), {
               key: 0,
               class: ie(ce.value),
               content: i(o)("capsLockEnabled"),
               "disabled-focus-trap": !0,
               "fallback-position": ["top", "bottom"],
-              "is-shown": _.value,
-              "target-element": N.value
-            }, null, 8, ["class", "content", "is-shown", "target-element"])) : b("", !0)
+              "is-shown": g.value,
+              "target-element": q.value
+            }, null, 8, ["class", "content", "is-shown", "target-element"])) : h("", !0)
           ]),
           key: "1"
         } : void 0,
         e.disabled ? void 0 : {
           name: "iconAfter",
           fn: c(() => [
-            P(i(Ie), {
+            U(i(Ve), {
               variant: "tertiary",
               onClick: ve
             }, {
               iconLeft: c(() => [
-                B.value ? b("", !0) : (n(), f(i(qe), {
+                B.value ? h("", !0) : (s(), f(i(Ne), {
                   key: 0,
                   "svg-title": i(o)("showPassword")
                 }, null, 8, ["svg-title"])),
-                B.value ? (n(), f(i(Ne), {
+                B.value ? (s(), f(i(qe), {
                   key: 1,
                   "svg-title": i(o)("hidePassword")
-                }, null, 8, ["svg-title"])) : b("", !0)
+                }, null, 8, ["svg-title"])) : h("", !0)
               ]),
               _: 1
             })
@@ -318,70 +324,70 @@ const oe = {
           key: "2"
         }
       ]), 1040),
-      H.value ? (n(), f(i(Se), {
+      H.value ? (s(), f(i(Se), {
         key: 0,
         open: x.value,
-        "target-element": q.value,
+        "target-element": N.value,
         "disable-focus-trap": !0,
         "aria-label": m.value.title,
         "aria-describedby": i(z),
         position: "right-start"
       }, {
         default: c(() => [
-          U("div", { id: i(X) }, [
-            m.value.title ? (n(), f(i(W), {
+          P("div", { id: i(X) }, [
+            m.value.title ? (s(), f(i(W), {
               key: 0,
               class: "b-input-field-password__validation-title"
             }, {
               default: c(() => [
-                L(k(m.value.title), 1)
+                L(_(m.value.title), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            G.value ? b("", !0) : (n(), R("p", Je, k(i(o)("validationValid")), 1)),
-            U("ul", {
+            })) : h("", !0),
+            G.value ? h("", !0) : (s(), R("p", Je, _(i(o)("validationValid")), 1)),
+            P("ul", {
               id: i(z),
               class: "b-input-field-password__validation-list"
             }, [
-              (n(!0), R(te, null, Te($.value, (p, d) => (n(), R("li", {
+              (s(!0), R(te, null, Te($.value, (p, d) => (s(), R("li", {
                 key: d,
                 class: ie(ue.value[d]),
                 "aria-live": "polite",
                 "aria-atomic": "true"
               }, [
-                U("span", je, [
-                  O.value[d] ? (n(), f(i(Ue), {
+                P("span", je, [
+                  O.value[d] ? (s(), f(i(Pe), {
                     key: 0,
                     "svg-title": i(o)("validationChecked")
-                  }, null, 8, ["svg-title"])) : (n(), f(i(Ae), {
+                  }, null, 8, ["svg-title"])) : (s(), f(i(Ae), {
                     key: 1,
                     "svg-title": i(o)("validationUnchecked")
                   }, null, 8, ["svg-title"]))
                 ]),
-                P(i(W), {
+                U(i(W), {
                   class: "b-input-field-password__validation-list-text",
                   el: "span"
                 }, {
                   default: c(() => [
-                    L(k(p.label), 1)
+                    L(_(p.label), 1)
                   ]),
                   _: 2
                 }, 1024)
               ], 2))), 128))
             ], 8, Ye),
-            m.value.suggestion ? (n(), f(i(W), {
+            m.value.suggestion ? (s(), f(i(W), {
               key: 2,
               class: "b-input-field-password__validation-suggestion"
             }, {
               default: c(() => [
-                L(k(m.value.suggestion), 1)
+                L(_(m.value.suggestion), 1)
               ]),
               _: 1
-            })) : b("", !0)
+            })) : h("", !0)
           ], 8, Ke)
         ]),
         _: 1
-      }, 8, ["open", "target-element", "aria-label", "aria-describedby"])) : b("", !0)
+      }, 8, ["open", "target-element", "aria-label", "aria-describedby"])) : h("", !0)
     ], 512));
   }
 }), Ca = /* @__PURE__ */ xe(oa, [["__scopeId", "data-v-e079f788"]]);
@@ -393,4 +399,4 @@ export {
   Ze as m,
   ze as r
 };
-//# sourceMappingURL=input-field-password.CTdUPz2y.js.map
+//# sourceMappingURL=input-field-password.DN3ltmAg.js.map