@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/chunks/{header.DkC-KKWa.js → header.DtmZjxiU.js}

@@ -1,8 +1,8 @@
 import { defineComponent as p, computed as r } from "vue";
 import { u as l } from "./use-has-slot.C9lQZ6nz.js";
 import { B as d, c, a as i } from "./typography.C8lPlsbD.js";
-import { B as u } from "./button-actions-with-menu.Bi_HXopk.js";
-import { I as n, H as f } from "./header-meta.Dq6TlNPw.js";
+import { B as u } from "./button-actions-with-menu.ChTUOsZl.js";
+import { I as n, H as f } from "./header-meta.BC5fdpD1.js";
 import { n as _ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/header.css";
 var a = /* @__PURE__ */ ((o) => (o.PAGE = "page", o.COMPONENT = "component", o))(a || {});
@@ -100,4 +100,4 @@ const I = v.exports;
 export {
   I as B
 };
-//# sourceMappingURL=header.DkC-KKWa.js.map
+//# sourceMappingURL=header.DtmZjxiU.js.map

package/dist/chunks/{header.DkC-KKWa.js.map → header.DtmZjxiU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"header.DkC-KKWa.js","sources":["../../src/components/header/header.types.ts","../../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"],"mappings":";;;;;;;AAKO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,OAAA,QACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA;ACyCZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA,EAAA,MAAAD,EAAA,MAAA,YAAA,MAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,yBAAA;AAAA,MAKA,MAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,SAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,WAAAA,EAAA,MAAA,gBAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,CAAA,MAAA,MAAA,GAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAN,EAAA;AAAA,MACA,WAAA,CAAAQ,MAAA,OAAA,OAAAR,CAAA,EAAA,SAAAQ,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,QAAA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,OAAA;AAAA,MAAA,uBAAAH,EAAA,YAAAT,EAAA;AAAA,IACA,EAAA,GAGAa,IAAAD,EAAA,OAAA;AAAA,MAAA,IAAAH,EAAA,YAAAT,EAAA,OAAAc,EAAA,KAAAA,EAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,QAAAN,EAAA,YAAAT,EAAA;AAAA,MACA,OAAAS,EAAA,YAAAT,EAAA;AAAA,IACA,EAAA;AAEA,WAAA;AAAA,MAAA,SAAAgB,EAAAN,CAAA;AAAA,MACA,oBAAAC;AAAA,MACA,YAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"header.DtmZjxiU.js","sources":["../../src/components/header/header.types.ts","../../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"],"mappings":";;;;;;;AAKO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,OAAA,QACAA,EAAA,YAAA,aAFQA,IAAAD,KAAA,CAAA,CAAA;ACyCZ,MAAAE,IAAAC,EAAA;AAAA,EAAA,MAAA;AAAA,EACA,YAAA;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IACA,SAAA;AAAA,MAIA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,QAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,qBAAA,EAAA,MAAAD,EAAA,MAAA,YAAA,MAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA,IAKA,yBAAA;AAAA,MAKA,MAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,SAAAA,EAAA,MAAA,gBAAA;AAAA,MACA,WAAAA,EAAA,MAAA,gBAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,aAAA,EAAA,MAAA,CAAA,MAAA,MAAA,GAAA,SAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,SAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAAN,EAAA;AAAA,MACA,WAAA,CAAAQ,MAAA,OAAA,OAAAR,CAAA,EAAA,SAAAQ,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IACA,OAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAA;AAAA,MAMA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA,CAAA,QAAA;AAAA,EACA,MAAAC,GAAA,EAAA,OAAAC,EAAA,GAAA;AAEA,UAAAC,IAAAC,EAAA,OAAA;AAAA,MAAA,uBAAAH,EAAA,YAAAT,EAAA;AAAA,IACA,EAAA,GAGAa,IAAAD,EAAA,OAAA;AAAA,MAAA,IAAAH,EAAA,YAAAT,EAAA,OAAAc,EAAA,KAAAA,EAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,QAAAN,EAAA,YAAAT,EAAA;AAAA,MACA,OAAAS,EAAA,YAAAT,EAAA;AAAA,IACA,EAAA;AAEA,WAAA;AAAA,MAAA,SAAAgB,EAAAN,CAAA;AAAA,MACA,oBAAAC;AAAA,MACA,YAAAE;AAAA,IACA;AAAA,EACA;AAEA,CAAA;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{info-icon.BF8KxU-k.js → info-icon.DCR42Kvm.js}

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "vue";
 import { b as s } from "./popper-container.C_n9Ds1W.js";
 import { I as p } from "./info.CcMZ4aGg.js";
-import { b as a } from "./tooltip.CbsNGnhw.js";
+import { b as a } from "./tooltip.BxtnF3is.js";
 import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/info-icon.css";
 const _ = {
@@ -34,4 +34,4 @@ const I = u.exports;
 export {
   I as B
 };
-//# sourceMappingURL=info-icon.BF8KxU-k.js.map
+//# sourceMappingURL=info-icon.DCR42Kvm.js.map

package/dist/chunks/{info-icon.BF8KxU-k.js.map → info-icon.DCR42Kvm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"info-icon.BF8KxU-k.js","sources":["../../src/components/info-icon/info-icon.vue"],"sourcesContent":["<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        @mouseenter=\"emit('mouseenter', $event)\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { type BentoInfoIconProps } from './info-icon.types';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    defineProps({\n  tooltipText: null,\n  tooltipPosition: { default: PopperContainerPosition.AUTO }\n});\n\n    const emit = defineEmits([\"mouseenter\"]);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * @example\n     * <template>\n     *     <bento-info-icon tooltip-text=\"Text on hover\" />\n     * </template>\n     *\n     * <script setup lang=\"ts\">\n     * import { BentoInfoIcon } from '@adyen/bento-vue2';\n     * </scrip>\n     */\n    export default {\n        name: 'bento-info-icon',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["__default__"],"mappings":";;;;;;AAoCI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"info-icon.DCR42Kvm.js","sources":["../../src/components/info-icon/info-icon.vue"],"sourcesContent":["<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        :aria-label=\"tooltipText\"\n        class=\"b-info-icon\"\n        @mouseenter=\"emit('mouseenter', $event)\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n    import { type BentoInfoIconProps } from './info-icon.types';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    defineProps({\n  tooltipText: null,\n  tooltipPosition: { default: PopperContainerPosition.AUTO }\n});\n\n    const emit = defineEmits([\"mouseenter\"]);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * @example\n     * <template>\n     *     <bento-info-icon tooltip-text=\"Text on hover\" />\n     * </template>\n     *\n     * <script setup lang=\"ts\">\n     * import { BentoInfoIcon } from '@adyen/bento-vue2';\n     * </scrip>\n     */\n    export default {\n        name: 'bento-info-icon',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["__default__"],"mappings":";;;;;;AAoCI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,381 @@
+import { defineComponent as ce, useAttrs as ue, ref as l, provide as pe, computed as c, watch as V } from "vue";
+import { B as ve } from "./button.C9b2AC9w.js";
+import { B as me } from "./image.C2D2hKat.js";
+import { B as fe } from "./input-field.DH25CU_G.js";
+import { h as he } from "./button-actions.BmU1DngD.js";
+import { d as be, B as Ce } from "./typography.C8lPlsbD.js";
+import { C as ge } from "./checkmark-circle-fill.BttTCjrM.js";
+import { D as we } from "./dot.BW9SneIk.js";
+import { S as ke, H as Le } from "./show.B_mKPF6I.js";
+import { e as _e, w as Re } from "./index.CwzYJHw2.js";
+import { u as Oe } from "./index.B6WW_F-J.js";
+import { g as Z } from "./generate-uid.NJ8tVoha.js";
+import { u as ye } from "./form-field.D_2g7vaP.js";
+import { b as Ee } from "./dropdown.CvNI2V33.js";
+import { T as qe } from "./tooltip.BxtnF3is.js";
+import { n as Pe } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/input-field-password.css";
+var w = /* @__PURE__ */ ((n) => (n.TEXT = "text", n.PASSWORD = "password", n))(w || {}), h = /* @__PURE__ */ ((n) => (n.MIN_LENGTH = "minLength", n.REQUIRE_LOWERCASE = "requireLowercase", n.REQUIRE_NUMERIC = "requireNumeric", n.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", n.REQUIRE_UPPERCASE = "requireUppercase", n))(h || {});
+const Ve = "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 k(n) {
+  return (n == null ? void 0 : n.toString()) ?? "";
+}
+function Te(n, i = 12) {
+  return k(n).length >= i;
+}
+function Se(n) {
+  return /[a-z]/.test(k(n));
+}
+function Ie(n) {
+  return /[A-Z]/.test(k(n));
+}
+function Ue(n) {
+  return /\d/.test(k(n));
+}
+function Ae(n) {
+  return /[^a-zA-Z0-9]/.test(k(n));
+}
+const Me = {
+  "de-DE": {
+    capsLockEnabled: "Feststelltaste aktiviert",
+    hidePassword: "Ausblenden",
+    showPassword: "Anzeigen",
+    validationChecked: "Überprüft",
+    validationMinLength: "{numberOfCharacters} Zeichen",
+    validationRequireLowercase: "{numberOne} Kleinbuchstabe (a–z)",
+    validationRequireNumeric: "{numberOne} numerisch (0–9)",
+    validationRequireSpecialCharacter: "{numberOne} Sonderzeichen",
+    validationRequireUppercase: "{numberOne} Großbuchstaben (A–Z)",
+    validationSuggestion: "Vermeiden Sie die Verwendung von Währungssymbolen oder akzentuierten Buchstaben.",
+    validationTitle: "Das Passwort muss mindestens Folgendes enthalten:",
+    validationUnchecked: "Ungeprüft",
+    validationValid: "Eingabe ist gültig"
+  },
+  "en-GB": {
+    capsLockEnabled: "Caps lock on",
+    hidePassword: "Hide",
+    showPassword: "Show",
+    validationChecked: "Checked",
+    validationMinLength: "{numberOfCharacters} characters",
+    validationRequireLowercase: "{numberOne} lowercase (a-z)",
+    validationRequireNumeric: "{numberOne} numerical (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} special character",
+    validationRequireUppercase: "{numberOne} uppercase (A-Z)",
+    validationSuggestion: "Avoid using currency symbols or accented letters.",
+    validationTitle: "Password must contain at least:",
+    validationUnchecked: "Unchecked",
+    validationValid: "Input is valid"
+  },
+  "en-US": {
+    capsLockEnabled: "Caps lock on",
+    hidePassword: "Hide",
+    showPassword: "Show",
+    validationChecked: "Checked",
+    validationMinLength: "{numberOfCharacters} characters",
+    validationRequireLowercase: "{numberOne} lowercase (a-z)",
+    validationRequireNumeric: "{numberOne} numerical (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} special character",
+    validationRequireUppercase: "{numberOne} uppercase (A-Z)",
+    validationSuggestion: "Avoid using currency symbols or accented letters.",
+    validationTitle: "Password must contain at least:",
+    validationUnchecked: "Unchecked",
+    validationValid: "Input is valid"
+  },
+  "es-ES": {
+    capsLockEnabled: "Bloqueo de mayúsculas",
+    hidePassword: "Ocultar",
+    showPassword: "Mostrar",
+    validationChecked: "Comprobado",
+    validationMinLength: "{numberOfCharacters} caracteres",
+    validationRequireLowercase: "{numberOne} minúsculas (a-z)",
+    validationRequireNumeric: "{numberOne} números (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} carácter especial",
+    validationRequireUppercase: "{numberOne} en mayúsculas (A-Z)",
+    validationSuggestion: "Evita usar símbolos de moneda o letras acentuadas.",
+    validationTitle: "La contraseña debe contener al menos:",
+    validationUnchecked: "Sin verificar",
+    validationValid: "La entrada es válida"
+  },
+  "es-MX": {
+    capsLockEnabled: "Bloqueo de mayúsculas",
+    hidePassword: "Ocultar",
+    showPassword: "Mostrar",
+    validationChecked: "Verificado",
+    validationMinLength: "{numberOfCharacters} caracteres",
+    validationRequireLowercase: "{numberOne} minúscula (a-z)",
+    validationRequireNumeric: "{numberOne} numérico (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} caracter especial",
+    validationRequireUppercase: "{numberOne} mayúscula (A-Z)",
+    validationSuggestion: "Evita usar símbolos de moneda o letras acentuadas.",
+    validationTitle: "La contraseña debe contener al menos:",
+    validationUnchecked: "Sin verificar",
+    validationValid: "La entrada es válida"
+  },
+  "fr-FR": {
+    capsLockEnabled: "Verrouillage des majuscules activé",
+    hidePassword: "Cacher",
+    showPassword: "Afficher",
+    validationChecked: "Vérifié",
+    validationMinLength: "{numberOfCharacters} caractères",
+    validationRequireLowercase: "{numberOne} minuscule (a-z)",
+    validationRequireNumeric: "{numberOne} chiffre (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} caractère spécial",
+    validationRequireUppercase: "{numberOne} majuscule (A-Z)",
+    validationSuggestion: "Évitez d'utiliser des symboles de devise ou des lettres avec accent.",
+    validationTitle: "Le mot de passe doit contenir au moins :",
+    validationUnchecked: "Non coché",
+    validationValid: "La saisie est valide"
+  },
+  "it-IT": {
+    capsLockEnabled: "Blocco maiuscole attivo",
+    hidePassword: "Nascondi",
+    showPassword: "Mostra",
+    validationChecked: "Controllato",
+    validationMinLength: "{numberOfCharacters} caratteri",
+    validationRequireLowercase: "{numberOne} minuscole (a-z)",
+    validationRequireNumeric: "{numberOne} numerico (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} carattere speciale",
+    validationRequireUppercase: "{numberOne} maiuscole (A-Z)",
+    validationSuggestion: "Non usare simboli di valuta o lettere accentate.",
+    validationTitle: "La password deve contenere almeno:",
+    validationUnchecked: "Non controllato",
+    validationValid: "L'input è valido"
+  },
+  "ja-JP": {
+    capsLockEnabled: "Caps Lockオン",
+    hidePassword: "非表示",
+    showPassword: "表示",
+    validationChecked: "チェック済み",
+    validationMinLength: "{numberOfCharacters}文字",
+    validationRequireLowercase: "{numberOne} 小文字（a-z）",
+    validationRequireNumeric: "{numberOne} 数値 (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} 特殊文字",
+    validationRequireUppercase: "{numberOne} 大文字 (A-Z)",
+    validationSuggestion: "通貨記号やアクセント付き文字は使用しないでください。",
+    validationTitle: "パスワードには少なくとも以下が含まれている必要があります。",
+    validationUnchecked: "チェックなし",
+    validationValid: "入力は有効です"
+  },
+  "pt-BR": {
+    capsLockEnabled: "Caps Lock ativado",
+    hidePassword: "Esconder",
+    showPassword: "Mostrar",
+    validationChecked: "Checado",
+    validationMinLength: "{numberOfCharacters} caracteres",
+    validationRequireLowercase: "{numberOne} minúscula (a-z)",
+    validationRequireNumeric: "{numberOne} numérico (0-9)",
+    validationRequireSpecialCharacter: "{numberOne} caractere especial",
+    validationRequireUppercase: "{numberOne} maiúscula (A-Z)",
+    validationSuggestion: "Evite usar símbolos de moeda e letras com acento.",
+    validationTitle: "A senha deve conter pelo menos:",
+    validationUnchecked: "Não checado",
+    validationValid: "A entrada é válida"
+  },
+  "zh-CN": {
+    capsLockEnabled: "大写锁定打开",
+    hidePassword: "隐藏",
+    showPassword: "显示",
+    validationChecked: "已检查",
+    validationMinLength: "{numberOfCharacters} 个字符",
+    validationRequireLowercase: "{numberOne} 小写 (a-z)",
+    validationRequireNumeric: "{numberOne} 数字（0-9）",
+    validationRequireSpecialCharacter: "{numberOne} 特殊字符",
+    validationRequireUppercase: "{numberOne} 大写 (A-Z)",
+    validationSuggestion: "避免使用货币符号或带重音的字母。",
+    validationTitle: "密码必须至少包含：",
+    validationUnchecked: "未选中",
+    validationValid: "输入有效"
+  }
+}, W = 12, Q = 500, G = 2e3, X = 2e3, Ne = {
+  i18n: { messages: Me },
+  name: "bento-input-field-password",
+  model: { prop: "modelValue" }
+}, Be = /* @__PURE__ */ ce({
+  ...Ne,
+  props: {
+    description: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    errorMessage: { default: null },
+    label: { default: null },
+    optional: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    tooltipText: { default: null },
+    condensed: { default: !1 },
+    debounceTime: { default: Q },
+    disableValidation: { type: Boolean, default: !1 },
+    value: { default: void 0 },
+    modelValue: { default: void 0 },
+    validation: { default: void 0 },
+    withHint: { type: Boolean, default: !0 }
+  },
+  emits: ["blur", "focus", "input:valid", "input:error", "input", "update:model-value"],
+  setup(n, { emit: i }) {
+    const a = n, { t: e, n: d } = Oe(), v = ue(), b = l(w.PASSWORD), u = l(a.modelValue ?? a.value), T = l(!1), S = l(!1), L = l([]), R = l({}), p = l(null), m = l(!1), I = l(null), U = l(null), J = l(null), O = l(!1);
+    pe(Ee, "bento-input-field-password");
+    const { focused: A } = _e(I), { emitValue: M } = ye(i), K = Z("validationListId"), N = Z("validationPopoverId"), B = c(() => b.value === w.TEXT), Y = c(
+      () => L.value.map(
+        (t) => t ? "b-input-field-password__validation-list--valid" : "b-input-field-password__validation-list--invalid"
+      )
+    ), $ = c(
+      () => p.value ? "b-input-field-password__input-tooltip--timed" : ""
+    ), j = c(() => ({
+      ariaHidden: !1,
+      condensed: a.condensed,
+      disabled: a.disabled,
+      errorMessage: a.errorMessage,
+      optional: a.optional,
+      placeholder: a.placeholder,
+      readonly: a.readonly,
+      required: a.required,
+      tooltipText: a.tooltipText,
+      type: b.value,
+      modelValue: u.value,
+      "aria-haspopup": E.value ? "dialog" : !1,
+      "aria-describedby": E.value ? N : "",
+      ...v
+    })), y = c(() => {
+      var f, C, s, g, _, z;
+      if (a.validation && !a.validation.extendDefaultValidation)
+        return a.validation;
+      const t = [
+        {
+          label: e("validationMinLength", { numberOfCharacters: d(W) }),
+          key: h.MIN_LENGTH,
+          validate: Te
+        },
+        {
+          label: e("validationRequireLowercase", { numberOne: d(1) }),
+          key: h.REQUIRE_LOWERCASE,
+          validate: Se
+        },
+        {
+          label: e("validationRequireUppercase", { numberOne: d(1) }),
+          key: h.REQUIRE_UPPERCASE,
+          validate: Ie
+        },
+        {
+          label: e("validationRequireNumeric", { numberOne: d(1) }),
+          key: h.REQUIRE_NUMERIC,
+          validate: Ue
+        },
+        {
+          label: e("validationRequireSpecialCharacter", { numberOne: d(1) }),
+          key: h.REQUIRE_SPECIAL_CHARACTER,
+          validate: Ae
+        }
+      ];
+      let o = t;
+      if (a.validation) {
+        const le = t.map((r) => r.key), P = (C = (f = a.validation) == null ? void 0 : f.list) == null ? void 0 : C.map((r) => r.key), re = ((g = (s = a.validation) == null ? void 0 : s.list) == null ? void 0 : g.filter((r) => !le.includes(r.key))) ?? [];
+        o = [...t.map((r) => {
+          var x, D;
+          return P != null && P.includes(r.key) ? (D = (x = a.validation) == null ? void 0 : x.list) == null ? void 0 : D.find((de) => de.key === r.key) : r;
+        }), ...re];
+      }
+      return {
+        title: ((_ = a.validation) == null ? void 0 : _.title) ?? e("validationTitle"),
+        suggestion: ((z = a.validation) == null ? void 0 : z.suggestion) ?? e("validationSuggestion"),
+        list: o
+      };
+    }), F = c(() => {
+      var t, o;
+      return (o = (t = y.value) == null ? void 0 : t.list) == null ? void 0 : o.filter((f) => !f.disabled);
+    }), H = c(() => {
+      var t;
+      return (t = L.value) == null ? void 0 : t.some((o) => !o);
+    }), E = c(
+      () => {
+        var t, o;
+        return U.value && ((o = (t = y.value) == null ? void 0 : t.list) == null ? void 0 : o.length) > 0;
+      }
+    ), ee = (t) => {
+      typeof t.getModifierState == "function" && (O.value = t.getModifierState("CapsLock"));
+    }, ae = () => {
+      B.value ? b.value = w.PASSWORD : b.value = w.TEXT;
+    }, ie = (t) => {
+      a.disabled || (u.value = t, M(u.value));
+    }, te = () => {
+      i("focus");
+    }, ne = () => {
+      i("blur");
+    }, q = (t) => {
+      var C;
+      const o = (C = F.value) == null ? void 0 : C.map((s) => ({
+        key: s.key,
+        label: s.label,
+        isValid: s.validate(t, ...s.additionalArgs ?? [])
+      }));
+      let f = 1;
+      L.value = o == null ? void 0 : o.map((s) => s.isValid), R.value = o == null ? void 0 : o.filter((s) => !s.isValid).reduce((s, g) => {
+        const _ = g.key ?? `custom-rule-${f++}`;
+        return {
+          ...s,
+          [_]: g.label
+        };
+      }, {});
+    }, oe = () => {
+      m.value = !1, p.value = null;
+    }, se = () => {
+      m.value = !0;
+    };
+    return V(
+      () => [a.value, a.modelValue],
+      () => {
+        u.value = a.modelValue ?? a.value;
+      }
+    ), V(A, (t) => {
+      t || (S.value = !0), a.disableValidation || (a.withHint && (T.value = t), q(u.value));
+    }), V(O, (t) => {
+      t ? (m.value = !0, p.value = setTimeout(() => {
+        p.value = null, m.value = !1;
+      }, X)) : (clearTimeout(p.value), p.value = null, m.value = !1);
+    }), Re(
+      u,
+      (t) => {
+        q(t), H.value ? i("input:error", R.value) : i("input:valid");
+      },
+      // wait for 0.5s before checking validity OR 2s of continuous typing
+      { debounce: a.debounceTime, maxWait: G }
+    ), a.value && be(
+      '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"
+    ), { __sfc: !0, MIN_PASSWORD_LENGTH: W, DEBOUNCE_DURATION: Q, DEBOUNCE_MAX_WAIT: G, TOOLTIP_TIMEOUT: X, t: e, n: d, props: a, emit: i, attrs: v, inputType: b, inputValue: u, isHintDisplayed: T, isTouched: S, passwordValidity: L, errorsList: R, capsLockTooltipTimeoutID: p, isTooltipDisplayed: m, inputFieldPasswordRef: I, inputFieldPasswordInputRef: U, inputFieldPasswordCapsLockIconRef: J, isCapsLockOn: O, focused: A, emitValue: M, validationListId: K, validationPopoverId: N, isPasswordReadable: B, passwordValidityConditionalClass: Y, tooltipConditionalClass: $, inputFieldArgs: j, computedValidations: y, computedValidationList: F, hasErrors: H, hasValidations: E, checkCapsLock: ee, toggleInputType: ae, onUpdateModelValue: ie, onFocus: te, onBlur: ne, checkValidity: q, handleCapsLockMouseLeave: oe, handleCapsLockMouseEnter: se, BentoButton: ve, BentoImage: me, BentoInputField: fe, BentoPopover: he, BentoTypography: Ce, Tooltip: qe, CheckmarkCircleFillIcon: ge, DotIcon: we, HideIcon: Le, ShowIcon: ke, CapsLockIcon: Ve };
+  }
+});
+var Fe = function() {
+  var i = this, a = i._self._c, e = i._self._setupProxy;
+  return a("div", { ref: "inputFieldPasswordRef" }, [a(e.BentoInputField, i._b({ ref: "inputFieldPasswordInputRef", staticClass: "b-input-field-password__input", attrs: { spellcheck: "false" }, on: { blur: e.onBlur, focus: e.onFocus, "update:model-value": e.onUpdateModelValue, keydown: e.checkCapsLock, keyup: e.checkCapsLock }, scopedSlots: i._u([i.description ? { key: "description", fn: function() {
+    return [i._t("description", function() {
+      return [i._v(i._s(i.description))];
+    })];
+  }, proxy: !0 } : null, e.isCapsLockOn ? { key: "iconBefore", fn: function() {
+    return [a("div", { staticClass: "b-input-field-password__caps-lock-indicator", on: { mouseenter: e.handleCapsLockMouseEnter, mouseleave: e.handleCapsLockMouseLeave } }, [a(e.BentoImage, { ref: "inputFieldPasswordCapsLockIconRef", attrs: { src: e.CapsLockIcon, alt: e.t("capsLockEnabled") } })], 1), e.inputFieldPasswordCapsLockIconRef ? a(e.Tooltip, { class: e.tooltipConditionalClass, attrs: { content: e.t("capsLockEnabled"), "disabled-focus-trap": !0, "fallback-position": ["top", "bottom"], "is-shown": e.isTooltipDisplayed, "target-element": e.inputFieldPasswordCapsLockIconRef } }) : i._e()];
+  }, proxy: !0 } : null, i.disabled ? null : { key: "iconAfter", fn: function() {
+    return [a(e.BentoButton, { attrs: { variant: "tertiary" }, on: { click: e.toggleInputType }, scopedSlots: i._u([{ key: "iconLeft", fn: function() {
+      return [e.isPasswordReadable ? i._e() : a(e.ShowIcon, { attrs: { "svg-title": e.t("showPassword") } }), e.isPasswordReadable ? a(e.HideIcon, { attrs: { "svg-title": e.t("hidePassword") } }) : i._e()];
+    }, proxy: !0 }], null, !1, 956294632) })];
+  }, proxy: !0 }], null, !0) }, "bento-input-field", e.inputFieldArgs, !1), [i.label ? [i._v(i._s(i.label))] : [i._t("default")]], 2), e.hasValidations ? a(e.BentoPopover, { attrs: { open: e.isHintDisplayed, "target-element": e.inputFieldPasswordInputRef, "disable-focus-trap": !0, "aria-label": e.computedValidations.title, "aria-describedby": e.validationListId, position: "right-start" } }, [a("div", { attrs: { id: e.validationPopoverId } }, [e.computedValidations.title ? a(e.BentoTypography, { staticClass: "b-input-field-password__validation-title" }, [i._v(" " + i._s(e.computedValidations.title) + " ")]) : i._e(), e.hasErrors ? i._e() : a("p", { staticClass: "b-input-field-password__validation-status--valid", attrs: { role: "alert" } }, [i._v(" " + i._s(e.t("validationValid")) + " ")]), a("ul", { staticClass: "b-input-field-password__validation-list", attrs: { id: e.validationListId } }, i._l(e.computedValidationList, function(d, v) {
+    return a("li", { key: v, class: e.passwordValidityConditionalClass[v], attrs: { "aria-live": "polite", "aria-atomic": "true" } }, [a("span", { staticClass: "b-input-field-password__validation-list-icon" }, [e.passwordValidity[v] ? a(e.CheckmarkCircleFillIcon, { attrs: { "svg-title": e.t("validationChecked") } }) : a(e.DotIcon, { attrs: { "svg-title": e.t("validationUnchecked") } })], 1), a(e.BentoTypography, { staticClass: "b-input-field-password__validation-list-text", attrs: { el: "span" } }, [i._v(" " + i._s(d.label) + " ")])], 1);
+  }), 0), e.computedValidations.suggestion ? a(e.BentoTypography, { staticClass: "b-input-field-password__validation-suggestion" }, [i._v(" " + i._s(e.computedValidations.suggestion) + " ")]) : i._e()], 1)]) : i._e()], 1);
+}, He = [], ze = /* @__PURE__ */ Pe(
+  Be,
+  Fe,
+  He,
+  !1,
+  null,
+  "57349ba0"
+);
+const sa = ze.exports;
+export {
+  Ue as a,
+  Ae as b,
+  Ie as c,
+  sa as i,
+  Te as m,
+  Se as r
+};
+//# sourceMappingURL=input-field-password.Bdlw4dzr.js.map