@adyen/bento-vue3 1.74.0 → 1.76.0

package/dist/chunks/{header.DARVAeE9.js → header.3It50Clh.js}

@@ -2,7 +2,7 @@ import { defineComponent as b, computed as u, resolveComponent as n, createEleme
 import { u as E } from "./use-has-slot.B7eQSabc.js";
 import { B as N, a as k, c as h } from "./typography.yBEME_Gu.js";
 import { B as O } from "./button-actions-with-menu.BeQ-j1bv.js";
-import { I as t, H as w } from "./header-meta.C4iaUsfq.js";
+import { I as t, H as w } from "./header-meta.BE6QfUNi.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.DARVAeE9.js.map
+//# sourceMappingURL=header.3It50Clh.js.map

package/dist/chunks/{header.DARVAeE9.js.map → header.3It50Clh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header.DARVAeE9.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.3It50Clh.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.BtM3-txc.js → input-field-password.BVnZWBAV.js}

@@ -1,40 +1,40 @@
-import { defineComponent as ge, useAttrs as ke, ref as s, provide as Ee, computed as p, watch as W, createElementBlock as S, openBlock as r, createVNode as P, createBlock as v, createCommentVNode as b, unref as t, mergeProps as we, createSlots as ye, withCtx as f, createTextVNode as A, toDisplayString as C, createElementVNode as U, normalizeClass as ae, Fragment as Ce, renderList as Re } from "vue";
-import { B as Le } from "./button.DhcxX2GJ.js";
-import { _ as Te } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
-import { B as Ie } from "./input-field.D_tADgPG.js";
-import { h as Oe } from "./button-actions.BQ3AFQqt.js";
-import { B as x } from "./typography.yBEME_Gu.js";
-import { C as Se } from "./checkmark-circle-fill._6-d40ru.js";
-import { D as Pe } from "./dot.ob6N-5Um.js";
-import { S as Ae, H as Ue } from "./show.CT4Augxb.js";
-import { e as Ve, w as Ne } from "./index.E60QniEu.js";
-import { u as qe } from "./index.pdBj0KQU.js";
-import { g as te } from "./generate-uid.NJ8tVoha.js";
-import { b as Me } from "./dropdown.bLsoTZbw.js";
-import { T as He } from "./tooltip.Dp9_ESm_.js";
-import { _ as Be } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { defineComponent as ye, useAttrs as Ee, ref as r, provide as we, computed as v, watch as W, createElementBlock as R, openBlock as s, createVNode as A, createBlock as f, createCommentVNode as b, unref as i, mergeProps as Ce, createSlots as Re, withCtx as c, renderSlot as ae, Fragment as te, createTextVNode as L, toDisplayString as k, createElementVNode as U, normalizeClass as ie, renderList as Le } from "vue";
+import { B as Te } from "./button.DhcxX2GJ.js";
+import { _ as Ie } from "./image.vue_vue_type_script_setup_true_lang.DQT2oNEF.js";
+import { B as Oe } from "./input-field.A-dEZZfC.js";
+import { h as Se } from "./button-actions.BQ3AFQqt.js";
+import { B as F } from "./typography.yBEME_Gu.js";
+import { C as Pe } from "./checkmark-circle-fill._6-d40ru.js";
+import { D as Ae } from "./dot.ob6N-5Um.js";
+import { S as Ue, H as Ve } from "./show.CT4Augxb.js";
+import { e as qe, w as Ne } from "./index.E60QniEu.js";
+import { u as Me } from "./index.pdBj0KQU.js";
+import { g as le } from "./generate-uid.NJ8tVoha.js";
+import { b as He } from "./dropdown.DG_EnV8g.js";
+import { T as Be } from "./tooltip.Dp9_ESm_.js";
+import { _ as De } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/input-field-password.css";
-var R = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.PASSWORD = "password", a))(R || {}), k = /* @__PURE__ */ ((a) => (a.MIN_LENGTH = "minLength", a.REQUIRE_LOWERCASE = "requireLowercase", a.REQUIRE_NUMERIC = "requireNumeric", a.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", a.REQUIRE_UPPERCASE = "requireUppercase", a))(k || {});
-const De = "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(a) {
+var T = /* @__PURE__ */ ((a) => (a.TEXT = "text", a.PASSWORD = "password", a))(T || {}), y = /* @__PURE__ */ ((a) => (a.MIN_LENGTH = "minLength", a.REQUIRE_LOWERCASE = "requireLowercase", a.REQUIRE_NUMERIC = "requireNumeric", a.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", a.REQUIRE_UPPERCASE = "requireUppercase", a))(y || {});
+const We = "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(a) {
   return (a == null ? void 0 : a.toString()) ?? "";
 }
-function We(a, V = 12) {
-  return L(a).length >= V;
+function Fe(a, V = 12) {
+  return I(a).length >= V;
 }
 function xe(a) {
-  return /[a-z]/.test(L(a));
-}
-function Fe(a) {
-  return /[A-Z]/.test(L(a));
+  return /[a-z]/.test(I(a));
 }
 function Qe(a) {
-  return /\d/.test(L(a));
+  return /[A-Z]/.test(I(a));
 }
 function Ze(a) {
-  return /[^a-zA-Z0-9]/.test(L(a));
+  return /\d/.test(I(a));
+}
+function ze(a) {
+  return /[^a-zA-Z0-9]/.test(I(a));
 }
-const ie = {
+const oe = {
   "en-US": {
     capsLockEnabled: "Caps lock on",
     hidePassword: "Hide",
@@ -74,297 +74,315 @@ const ie = {
     validationSuggestion: "Evite símbolos de moeda ou letras acentuadas.",
     validationTitle: "A senha deve conter pelo menos:"
   }
-}, ze = ["id"], Xe = {
+}, Xe = ["id"], $e = {
   key: 1,
   class: "b-input-field-password__validation-status--valid",
   role: "alert"
-}, Ge = ["id"], Ke = { class: "b-input-field-password__validation-list-icon" }, Je = 12, $e = 500, Ye = 2e3, je = 2e3, ea = {
-  i18n: { messages: ie },
+}, Ge = ["id"], Ke = { class: "b-input-field-password__validation-list-icon" }, Je = 12, Ye = 500, je = 2e3, ea = 2e3, aa = {
+  i18n: { messages: oe },
   name: "bento-input-field-password"
-}, aa = /* @__PURE__ */ ge({
-  ...ea,
+}, ta = /* @__PURE__ */ ye({
+  ...aa,
   props: {
     condensed: { type: Boolean, default: !1 },
-    debounceTime: { default: $e },
-    disabled: { type: Boolean, default: !1 },
+    debounceTime: { default: Ye },
     disableValidation: { type: Boolean, default: !1 },
+    value: { 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 },
-    value: { default: void 0 },
-    label: { default: null },
-    validation: { default: void 0 },
-    withHint: { type: Boolean, default: !0 }
+    required: { type: Boolean, default: !1 },
+    tooltipText: { default: null }
   },
   emits: ["blur", "focus", "input:valid", "input:error", "input"],
   setup(a, { emit: V }) {
-    const { t: o, n: E } = qe({ messages: ie }), i = a, w = V, le = ke(), T = s(R.PASSWORD), _ = s(i.value), F = s(!1), oe = s(!1), I = s([]), Q = s({}), h = s(null), g = s(!1), Z = s(null), N = s(null), q = s(null), M = s(!1);
-    Ee(Me, "bento-input-field-password");
-    const { focused: ne } = Ve(Z), z = te("validationListId"), X = te("validationPopoverId"), H = p(() => T.value === R.TEXT), se = p(
-      () => I.value.map(
+    const { t: o, n: E } = Me({ messages: oe }), t = a, w = V, ne = Ee(), O = r(T.PASSWORD), h = r(t.value), x = r(!1), se = r(!1), S = r([]), Q = r({}), _ = r(null), g = r(!1), Z = r(null), q = r(null), N = r(null), M = r(!1);
+    we(He, "bento-input-field-password");
+    const { focused: re } = qe(Z), z = le("validationListId"), X = le("validationPopoverId"), H = v(() => O.value === T.TEXT), de = v(
+      () => S.value.map(
         (e) => e ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
       )
-    ), re = p(
-      () => h.value ? "b-input-field-password__input-tooltip--timed" : ""
-    ), de = p(() => ({
+    ), ue = v(
+      () => _.value ? "b-input-field-password__input-tooltip--timed" : ""
+    ), ce = v(() => ({
       ariaHidden: !1,
-      condensed: i.condensed,
-      disabled: i.disabled,
-      errorMessage: i.errorMessage,
-      placeholder: i.placeholder,
-      readonly: i.readonly,
-      type: T.value,
-      value: _.value,
+      condensed: t.condensed,
+      disabled: t.disabled,
+      errorMessage: t.errorMessage,
+      optional: t.optional,
+      placeholder: t.placeholder,
+      readonly: t.readonly,
+      required: t.required,
+      tooltipText: t.tooltipText,
+      type: O.value,
+      value: h.value,
       "aria-haspopup": B.value ? "dialog" : !1,
       "aria-describedby": B.value ? X : "",
-      ...le
-    })), m = p(() => {
-      var c, d, n, y, O, Y;
-      if (i.validation && !i.validation.extendDefaultValidation)
-        return i.validation;
+      ...ne
+    })), m = v(() => {
+      var p, d, n, C, P, Y;
+      if (t.validation && !t.validation.extendDefaultValidation)
+        return t.validation;
       const e = [
         {
           label: o("validationMinLength", { numberOfCharacters: E(Je) }),
-          key: k.MIN_LENGTH,
-          validate: We
+          key: y.MIN_LENGTH,
+          validate: Fe
         },
         {
           label: o("validationRequireLowercase", { numberOne: E(1) }),
-          key: k.REQUIRE_LOWERCASE,
+          key: y.REQUIRE_LOWERCASE,
           validate: xe
         },
         {
           label: o("validationRequireUppercase", { numberOne: E(1) }),
-          key: k.REQUIRE_UPPERCASE,
-          validate: Fe
+          key: y.REQUIRE_UPPERCASE,
+          validate: Qe
         },
         {
           label: o("validationRequireNumeric", { numberOne: E(1) }),
-          key: k.REQUIRE_NUMERIC,
-          validate: Qe
+          key: y.REQUIRE_NUMERIC,
+          validate: Ze
         },
         {
           label: o("validationRequireSpecialCharacter", { numberOne: E(1) }),
-          key: k.REQUIRE_SPECIAL_CHARACTER,
-          validate: Ze
+          key: y.REQUIRE_SPECIAL_CHARACTER,
+          validate: ze
         }
       ];
       let l = e;
-      if (i.validation) {
-        const be = e.map((u) => u.key), D = (d = (c = i.validation) == null ? void 0 : c.list) == null ? void 0 : d.map((u) => u.key), _e = ((y = (n = i.validation) == null ? void 0 : n.list) == null ? void 0 : y.filter((u) => !be.includes(u.key))) ?? [];
+      if (t.validation) {
+        const _e = e.map((u) => u.key), D = (d = (p = t.validation) == null ? void 0 : p.list) == null ? void 0 : d.map((u) => u.key), ge = ((C = (n = t.validation) == null ? void 0 : n.list) == null ? void 0 : C.filter((u) => !_e.includes(u.key))) ?? [];
         l = [...e.map((u) => {
           var j, ee;
-          return D != null && D.includes(u.key) ? (ee = (j = i.validation) == null ? void 0 : j.list) == null ? void 0 : ee.find((he) => he.key === u.key) : u;
-        }), ..._e];
+          return D != null && D.includes(u.key) ? (ee = (j = t.validation) == null ? void 0 : j.list) == null ? void 0 : ee.find((ke) => ke.key === u.key) : u;
+        }), ...ge];
       }
       return {
-        title: ((O = i.validation) == null ? void 0 : O.title) ?? o("validationTitle"),
-        suggestion: ((Y = i.validation) == null ? void 0 : Y.suggestion) ?? o("validationSuggestion"),
+        title: ((P = t.validation) == null ? void 0 : P.title) ?? o("validationTitle"),
+        suggestion: ((Y = t.validation) == null ? void 0 : Y.suggestion) ?? o("validationSuggestion"),
         list: l
       };
-    }), G = p(() => {
+    }), $ = v(() => {
       var e, l;
-      return (l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.filter((c) => !c.disabled);
-    }), K = p(() => {
+      return (l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.filter((p) => !p.disabled);
+    }), G = v(() => {
       var e;
-      return (e = I.value) == null ? void 0 : e.some((l) => !l);
-    }), B = p(
+      return (e = S.value) == null ? void 0 : e.some((l) => !l);
+    }), B = v(
       () => {
         var e, l;
-        return N.value && ((l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.length) > 0;
+        return q.value && ((l = (e = m.value) == null ? void 0 : e.list) == null ? void 0 : l.length) > 0;
       }
-    ), J = (e) => {
+    ), K = (e) => {
       typeof e.getModifierState == "function" && (M.value = e.getModifierState("CapsLock"));
-    }, ue = () => {
-      H.value ? T.value = R.PASSWORD : T.value = R.TEXT;
-    }, ce = (e) => {
-      i.disabled || (_.value = e, w("input", _.value));
     }, pe = () => {
+      H.value ? O.value = T.PASSWORD : O.value = T.TEXT;
+    }, ve = (e) => {
+      t.disabled || (h.value = e, w("input", h.value));
+    }, fe = () => {
       w("focus");
-    }, ve = () => {
+    }, me = () => {
       w("blur");
-    }, $ = (e) => {
+    }, J = (e) => {
       var d;
-      const l = (d = G.value) == null ? void 0 : d.map((n) => ({
+      const l = (d = $.value) == null ? void 0 : d.map((n) => ({
         key: n.key,
         label: n.label,
         isValid: n.validate(e, ...n.additionalArgs ?? [])
       }));
-      let c = 1;
-      I.value = l == null ? void 0 : l.map((n) => n.isValid), Q.value = l == null ? void 0 : l.filter((n) => !n.isValid).reduce((n, y) => {
-        const O = y.key ?? `custom-rule-${c++}`;
+      let p = 1;
+      S.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 P = C.key ?? `custom-rule-${p++}`;
         return {
           ...n,
-          [O]: y.label
+          [P]: C.label
         };
       }, {});
-    }, fe = () => {
-      g.value = !1, h.value = null;
-    }, me = () => {
+    }, be = () => {
+      g.value = !1, _.value = null;
+    }, he = () => {
       g.value = !0;
     };
     return W(
-      () => i.value,
+      () => t.value,
       (e) => {
-        _.value = e;
+        h.value = e;
       }
-    ), W(ne, (e) => {
-      e || (oe.value = !0), i.disableValidation || (i.withHint && (F.value = e), $(_.value));
+    ), W(re, (e) => {
+      e || (se.value = !0), t.disableValidation || (t.withHint && (x.value = e), J(h.value));
     }), W(M, (e) => {
-      e ? (g.value = !0, h.value = setTimeout(() => {
-        h.value = null, g.value = !1;
-      }, je)) : (clearTimeout(h.value), h.value = null, g.value = !1);
+      e ? (g.value = !0, _.value = setTimeout(() => {
+        _.value = null, g.value = !1;
+      }, ea)) : (clearTimeout(_.value), _.value = null, g.value = !1);
     }), Ne(
-      _,
+      h,
       (e) => {
-        $(e), K.value ? w("input:error", Q.value) : w("input:valid");
+        J(e), G.value ? w("input:error", Q.value) : w("input:valid");
       },
       // wait for 0.5s before checking validity OR 2s of continuous typing
-      { debounce: i.debounceTime, maxWait: Ye }
-    ), (e, l) => (r(), S("div", {
+      { debounce: t.debounceTime, maxWait: je }
+    ), (e, l) => (s(), R("div", {
       ref_key: "inputFieldPasswordRef",
       ref: Z
     }, [
-      P(t(Ie), we({
+      A(i(Oe), Ce({
         ref_key: "inputFieldPasswordInputRef",
-        ref: N
-      }, de.value, {
+        ref: q
+      }, ce.value, {
         class: "b-input-field-password__input",
         spellcheck: "false",
-        onBlur: ve,
-        onFocus: pe,
-        onInput: ce,
-        onKeydown: J,
-        onKeyup: J
-      }), ye({
-        default: f(() => [
-          A(C(e.label), 1)
+        onBlur: me,
+        onFocus: fe,
+        onInput: ve,
+        onKeydown: K,
+        onKeyup: K
+      }), Re({
+        default: c(() => [
+          e.label ? (s(), R(te, { key: 0 }, [
+            L(k(e.label), 1)
+          ], 64)) : ae(e.$slots, "default", { key: 1 }, void 0, !0)
         ]),
         _: 2
       }, [
+        e.description ? {
+          name: "description",
+          fn: c(() => [
+            ae(e.$slots, "description", {}, () => [
+              L(k(e.description), 1)
+            ], !0)
+          ]),
+          key: "0"
+        } : void 0,
         M.value ? {
           name: "iconBefore",
-          fn: f(() => [
+          fn: c(() => [
             U("div", {
               class: "b-input-field-password__caps-lock-indicator",
-              onMouseenter: me,
-              onMouseleave: fe
+              onMouseenter: he,
+              onMouseleave: be
             }, [
-              P(t(Te), {
+              A(i(Ie), {
                 ref_key: "inputFieldPasswordCapsLockIconRef",
-                ref: q,
-                src: t(De),
-                alt: t(o)("capsLockEnabled")
+                ref: N,
+                src: i(We),
+                alt: i(o)("capsLockEnabled")
               }, null, 8, ["src", "alt"])
             ], 32),
-            q.value ? (r(), v(t(He), {
+            N.value ? (s(), f(i(Be), {
               key: 0,
-              class: ae(re.value),
-              content: t(o)("capsLockEnabled"),
+              class: ie(ue.value),
+              content: i(o)("capsLockEnabled"),
               "disabled-focus-trap": !0,
               "fallback-position": ["top", "bottom"],
               "is-shown": g.value,
-              "target-element": q.value
+              "target-element": N.value
             }, null, 8, ["class", "content", "is-shown", "target-element"])) : b("", !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         e.disabled ? void 0 : {
           name: "iconAfter",
-          fn: f(() => [
-            P(t(Le), {
+          fn: c(() => [
+            A(i(Te), {
               variant: "tertiary",
-              onClick: ue
+              onClick: pe
             }, {
-              iconLeft: f(() => [
-                H.value ? b("", !0) : (r(), v(t(Ae), {
+              iconLeft: c(() => [
+                H.value ? b("", !0) : (s(), f(i(Ue), {
                   key: 0,
-                  "svg-title": t(o)("showPassword")
+                  "svg-title": i(o)("showPassword")
                 }, null, 8, ["svg-title"])),
-                H.value ? (r(), v(t(Ue), {
+                H.value ? (s(), f(i(Ve), {
                   key: 1,
-                  "svg-title": t(o)("hidePassword")
+                  "svg-title": i(o)("hidePassword")
                 }, null, 8, ["svg-title"])) : b("", !0)
               ]),
               _: 1
             })
           ]),
-          key: "1"
+          key: "2"
         }
       ]), 1040),
-      B.value ? (r(), v(t(Oe), {
+      B.value ? (s(), f(i(Se), {
         key: 0,
-        open: F.value,
-        "target-element": N.value,
+        open: x.value,
+        "target-element": q.value,
         "disable-focus-trap": !0,
         "aria-label": m.value.title,
-        "aria-describedby": t(z),
+        "aria-describedby": i(z),
         position: "right-start"
       }, {
-        default: f(() => [
-          U("div", { id: t(X) }, [
-            m.value.title ? (r(), v(t(x), {
+        default: c(() => [
+          U("div", { id: i(X) }, [
+            m.value.title ? (s(), f(i(F), {
               key: 0,
               class: "b-input-field-password__validation-title"
             }, {
-              default: f(() => [
-                A(C(m.value.title), 1)
+              default: c(() => [
+                L(k(m.value.title), 1)
               ]),
               _: 1
             })) : b("", !0),
-            K.value ? b("", !0) : (r(), S("p", Xe, C(t(o)("validationValid")), 1)),
+            G.value ? b("", !0) : (s(), R("p", $e, k(i(o)("validationValid")), 1)),
             U("ul", {
-              id: t(z),
+              id: i(z),
               class: "b-input-field-password__validation-list"
             }, [
-              (r(!0), S(Ce, null, Re(G.value, (c, d) => (r(), S("li", {
+              (s(!0), R(te, null, Le($.value, (p, d) => (s(), R("li", {
                 key: d,
-                class: ae(se.value[d]),
+                class: ie(de.value[d]),
                 "aria-live": "polite",
                 "aria-atomic": "true"
               }, [
                 U("span", Ke, [
-                  I.value[d] ? (r(), v(t(Se), {
+                  S.value[d] ? (s(), f(i(Pe), {
                     key: 0,
-                    "svg-title": t(o)("validationChecked")
-                  }, null, 8, ["svg-title"])) : (r(), v(t(Pe), {
+                    "svg-title": i(o)("validationChecked")
+                  }, null, 8, ["svg-title"])) : (s(), f(i(Ae), {
                     key: 1,
-                    "svg-title": t(o)("validationUnchecked")
+                    "svg-title": i(o)("validationUnchecked")
                   }, null, 8, ["svg-title"]))
                 ]),
-                P(t(x), {
+                A(i(F), {
                   class: "b-input-field-password__validation-list-text",
                   el: "span"
                 }, {
-                  default: f(() => [
-                    A(C(c.label), 1)
+                  default: c(() => [
+                    L(k(p.label), 1)
                   ]),
                   _: 2
                 }, 1024)
               ], 2))), 128))
             ], 8, Ge),
-            m.value.suggestion ? (r(), v(t(x), {
+            m.value.suggestion ? (s(), f(i(F), {
               key: 2,
               class: "b-input-field-password__validation-suggestion"
             }, {
-              default: f(() => [
-                A(C(m.value.suggestion), 1)
+              default: c(() => [
+                L(k(m.value.suggestion), 1)
               ]),
               _: 1
             })) : b("", !0)
-          ], 8, ze)
+          ], 8, Xe)
         ]),
         _: 1
       }, 8, ["open", "target-element", "aria-label", "aria-describedby"])) : b("", !0)
     ], 512));
   }
-}), ga = /* @__PURE__ */ Be(aa, [["__scopeId", "data-v-4a3e5aec"]]);
+}), ka = /* @__PURE__ */ De(ta, [["__scopeId", "data-v-5ff7942d"]]);
 export {
-  Fe as a,
-  Qe as b,
-  Ze as c,
-  ga as i,
-  We as m,
+  Qe as a,
+  Ze as b,
+  ze as c,
+  ka as i,
+  Fe as m,
   xe as r
 };
-//# sourceMappingURL=input-field-password.BtM3-txc.js.map
+//# sourceMappingURL=input-field-password.BVnZWBAV.js.map