npm - @adyen/bento-vue3 - Versions diffs - 2.0.1 → 2.1.0 - Mend

@adyen/bento-vue3 2.0.1 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/dist/chunks/{header.Bi3MPZKE.js → header.E-KFjIG7.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { defineComponent as b, computed as u, resolveComponent as n, openBlock as a, createElementBlock as g, normalizeClass as P, createElementVNode as i, createVNode as C, mergeProps as B, withCtx as r, createTextVNode as I, toDisplayString as S, createBlock as s, createSlots as m, renderSlot as f, createCommentVNode as p } from "vue";
 import { u as E } from "./use-has-slot.CyMiImRQ.js";
-import { B as N, c as k, a as h } from "./typography.wIM07Hbl.js";
-import { B as O } from "./button-actions-with-menu.CrbF2BSQ.js";
-import { I as e } from "./info-icon-with-popover.uSr6-jzR.js";
-import { T as w } from "./title-details.C4ZvxPMu.js";
+import { B as N, c as k, a as h } from "./typography.B6elnWpr.js";
+import { B as O } from "./button-actions-with-menu.BsCmJeKU.js";
+import { I as e } from "./info-icon-with-popover.DqnQnwMI.js";
+import { T as w } from "./title-details.8cyCeaLf.js";
 import { _ as A } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/header.css";
 var t = /* @__PURE__ */ ((o) => (o.PAGE = "page", o.COMPONENT = "component", o))(t || {});
@@ -139,4 +139,4 @@ const J = /* @__PURE__ */ A($, [["render", V], ["__scopeId", "data-v-f4461b48"]]
 export {
   J as B
 };
-//# sourceMappingURL=header.Bi3MPZKE.js.map
+//# sourceMappingURL=header.E-KFjIG7.js.map

package/dist/chunks/{header.Bi3MPZKE.js.map → header.E-KFjIG7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header.~~Bi3MPZKE~~.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type TitleDetailsReloadButton } from '../internal/title-details/title-details.types';\n\n/*\n @deprecated Since v2.0.0. Use string literal instead.\n /\nexport enum BentoHeaderVariant {\n PAGE = 'page',\n COMPONENT = 'component',\n}\n\nexport type BentoHeaderReloadButton = TitleDetailsReloadButton;\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 <title-details\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 </title-details>\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 { TitleDetails } from '@/internal/title-details';\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 TitleDetails,\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","TitleDetails","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_title_details","reloadButton"],"mappings":"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"}
1	+ {"version":3,"file":"header.E-KFjIG7.js","sources":["../../../vue2/src/components/header/header.types.ts","../../../vue2/src/components/header/header.vue"],"sourcesContent":["import { type TitleDetailsReloadButton } from '../internal/title-details/title-details.types';\n\n/*\n @deprecated Since v3.0.0. Use string literal instead.\n /\nexport enum BentoHeaderVariant {\n PAGE = 'page',\n COMPONENT = 'component',\n}\n\nexport type BentoHeaderReloadButton = TitleDetailsReloadButton;\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 <title-details\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 </title-details>\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 { TitleDetails } from '@/internal/title-details';\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 TitleDetails,\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","TitleDetails","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_title_details","reloadButton"],"mappings":"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"}

package/dist/chunks/index.CGBfMQdv.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { useI18n as I } from "vue-i18n";
+import { inject as T, getCurrentInstance as _ } from "vue";
+const g = "adyen-bento-translation-overrides", A = (n) => n ? `bento.${(n.startsWith("bento-") ? n : `bento-${n}`).slice(6).replace(/-([a-z0-9])/g, (s, i) => i.toUpperCase())}` : void 0, N = (n, a, e) => {
+  if (!n)
+    return;
+  const s = a ? `${a}.${e}` : null;
+  return (s ? n[s] : void 0) ?? n[e];
+};
+function E(n, a = !1) {
+  const e = I(n), s = T(g, null), l = _()?.type, v = l?.name ?? l?.__name, b = A(v), p = (t) => N(s, b, t), u = e.t, m = e.rt, d = ((t, ...o) => {
+    if (typeof t != "string")
+      return u(t, ...o);
+    const c = p(t);
+    if (c !== void 0) {
+      const [r, f] = o;
+      if ((Array.isArray(r) || typeof r == "object" && r !== null) && typeof f == "number") {
+        const y = Array.isArray(r) ? { list: r } : { named: r };
+        return m(c, f, y);
+      }
+      return m(c, ...o);
+    }
+    return u(t, ...o);
+  });
+  return {
+    ...e,
+    t: d,
+    tc: d,
+    te: (t, o) => p(t) !== void 0 || e.te(t, o)
+  };
+}
+const O = () => "i18n-t", h = (n) => ({ keypath: n });
+export {
+  g as B,
+  O as a,
+  h as g,
+  E as u
+};
+//# sourceMappingURL=index.CGBfMQdv.js.map

package/dist/chunks/index.CGBfMQdv.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.CGBfMQdv.js","sources":["../../../../node_modules/.pnpm/@adyen+bento-vue-i18n-demi@file+packages+vue-i18n-demi_vue-i18n@11.3.2_vue@3.5.13_types_506b38c71b93896a277ae05ae63f60ae/node_modules/@adyen/bento-vue-i18n-demi/index.mjs"],"sourcesContent":["import { createI18n as createI18n$1, useI18n as useI18n$1 } from \"vue-i18n\";\nimport { inject, getCurrentInstance } from \"vue\";\nconst BENTO_TRANSLATION_OVERRIDES_KEY = \"adyen-bento-translation-overrides\";\nconst getBentoTranslationNamespace = (componentName) => {\n if (!componentName) {\n return void 0;\n }\n const bentoComponentName = componentName.startsWith(\"bento-\") ? componentName : `bento-${componentName}`;\n const componentNamespace = bentoComponentName.slice(\"bento-\".length).replace(/-([a-z0-9])/g, (_, character) => character.toUpperCase());\n return `bento.${componentNamespace}`;\n};\nconst resolveTranslationOverride = (translationOverrides, namespace, key) => {\n if (!translationOverrides) {\n return void 0;\n }\n const namespacedKey = namespace ? `${namespace}.${key}` : null;\n return (namespacedKey ? translationOverrides[namespacedKey] : void 0) ?? translationOverrides[key];\n};\nconst defaultI18nOptions = {\n locale: \"en-US\",\n fallbackLocale: \"en-US\",\n legacy: false\n // Important for v9\n};\nfunction createI18n(options = defaultI18nOptions) {\n return createI18n$1({ ...defaultI18nOptions, ...options });\n}\nfunction useI18n(params, _onlyLocale = false) {\n const localI18n = useI18n$1(params);\n const translationOverrides = inject(BENTO_TRANSLATION_OVERRIDES_KEY, null);\n const instance = getCurrentInstance();\n const componentType = instance?.type;\n const componentName = componentType?.name ?? componentType?.[\"__name\"];\n const namespace = getBentoTranslationNamespace(componentName);\n const resolveOverride = (key) => resolveTranslationOverride(translationOverrides, namespace, key);\n const translate = localI18n.t;\n const resolveMessage = localI18n.rt;\n const dynamicT = ((key, ...args) => {\n if (typeof key !== \"string\") {\n return translate(key, ...args);\n }\n const override = resolveOverride(key);\n if (override !== void 0) {\n const [values, plural] = args;\n if ((Array.isArray(values) || typeof values === \"object\" && values !== null) && typeof plural === \"number\") {\n const interpolation = Array.isArray(values) ? { list: values } : { named: values };\n return resolveMessage(override, plural, interpolation);\n }\n return resolveMessage(override, ...args);\n }\n return translate(key, ...args);\n });\n return {\n ...localI18n,\n t: dynamicT,\n tc: dynamicT,\n te: (key, locale) => {\n return resolveOverride(key) !== void 0 || localI18n.te(key, locale);\n }\n };\n}\nconst getI18nComponent = () => \"i18n-t\";\nconst getI18nProps = (path) => ({ keypath: path });\nexport {\n BENTO_TRANSLATION_OVERRIDES_KEY,\n createI18n,\n defaultI18nOptions,\n getI18nComponent,\n getI18nProps,\n useI18n\n};\n"],"names":["BENTO_TRANSLATION_OVERRIDES_KEY","getBentoTranslationNamespace","componentName","_","character","resolveTranslationOverride","translationOverrides","namespace","key","namespacedKey","useI18n","params","_onlyLocale","localI18n","useI18n$1","inject","componentType","getCurrentInstance","resolveOverride","translate","resolveMessage","dynamicT","args","override","values","plural","interpolation","locale","getI18nComponent","getI18nProps","path"],"mappings":";;AAEK,MAACA,IAAkC,qCAClCC,IAA+B,CAACC,MAC/BA,IAKE,UAFoBA,EAAc,WAAW,QAAQ,IAAIA,IAAgB,SAASA,CAAa,IACxD,MAAM,CAAe,EAAE,QAAQ,gBAAgB,CAACC,GAAGC,MAAcA,EAAU,YAAW,CAAE,CACpG,KAJhC,QAMEC,IAA6B,CAACC,GAAsBC,GAAWC,MAAQ;AAC3E,MAAI,CAACF;AACH;AAEF,QAAMG,IAAgBF,IAAY,GAAGA,CAAS,IAAIC,CAAG,KAAK;AAC1D,UAAQC,IAAgBH,EAAqBG,CAAa,IAAI,WAAWH,EAAqBE,CAAG;AACnG;AAUA,SAASE,EAAQC,GAAQC,IAAc,IAAO;AAC5C,QAAMC,IAAYC,EAAUH,CAAM,GAC5BL,IAAuBS,EAAOf,GAAiC,IAAI,GAEnEgB,IADWC,EAAkB,GACH,MAC1Bf,IAAgBc,GAAe,QAAQA,GAAgB,QACvDT,IAAYN,EAA6BC,CAAa,GACtDgB,IAAkB,CAACV,MAAQH,EAA2BC,GAAsBC,GAAWC,CAAG,GAC1FW,IAAYN,EAAU,GACtBO,IAAiBP,EAAU,IAC3BQ,KAAY,CAACb,MAAQc,MAAS;AAClC,QAAI,OAAOd,KAAQ;AACjB,aAAOW,EAAUX,GAAK,GAAGc,CAAI;AAE/B,UAAMC,IAAWL,EAAgBV,CAAG;AACpC,QAAIe,MAAa,QAAQ;AACvB,YAAM,CAACC,GAAQC,CAAM,IAAIH;AACzB,WAAK,MAAM,QAAQE,CAAM,KAAK,OAAOA,KAAW,YAAYA,MAAW,SAAS,OAAOC,KAAW,UAAU;AAC1G,cAAMC,IAAgB,MAAM,QAAQF,CAAM,IAAI,EAAE,MAAMA,EAAM,IAAK,EAAE,OAAOA,EAAM;AAChF,eAAOJ,EAAeG,GAAUE,GAAQC,CAAa;AAAA,MACvD;AACA,aAAON,EAAeG,GAAU,GAAGD,CAAI;AAAA,IACzC;AACA,WAAOH,EAAUX,GAAK,GAAGc,CAAI;AAAA,EAC/B;AACA,SAAO;AAAA,IACL,GAAGT;AAAA,IACH,GAAGQ;AAAA,IACH,IAAIA;AAAA,IACJ,IAAI,CAACb,GAAKmB,MACDT,EAAgBV,CAAG,MAAM,UAAUK,EAAU,GAAGL,GAAKmB,CAAM;AAAA,EAExE;AACA;AACK,MAACC,IAAmB,MAAM,UACzBC,IAAe,CAACC,OAAU,EAAE,SAASA,EAAI;","x_google_ignoreList":[0]}

package/dist/chunks/{info-icon-with-popover.uSr6-jzR.js → info-icon-with-popover.DqnQnwMI.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { defineComponent as u, ref as v, openBlock as r, createElementBlock as i, mergeProps as I, toHandlers as _, unref as o, createVNode as a, createBlock as g, withCtx as m, renderSlot as h, toDisplayString as b, createCommentVNode as s } from "vue";
-import { h as y } from "./button-actions.uIjzze43.js";
+import { h as y } from "./button-actions.DvuGEQxM.js";
 import { B } from "./popover.types.dhllh3NP.js";
-import { B as x } from "./typography.wIM07Hbl.js";
+import { B as x } from "./typography.B6elnWpr.js";
 import { g as P } from "./generate-uid.DBWe4g6T.js";
-import { u as M } from "./index.B875RXHM.js";
+import { u as M } from "./index.CGBfMQdv.js";
 import { _ as k } from "./info.BDaSJ8fM.js";
 import { u as w } from "./use-bento-delayed-hover.BzrXzrih.js";
 import { _ as E } from "./_plugin-vue_export-helper.CHgC5LLL.js";
@@ -81,4 +81,4 @@ const p = {
 export {
   $ as I
 };
-//# sourceMappingURL=info-icon-with-popover.uSr6-jzR.js.map
+//# sourceMappingURL=info-icon-with-popover.DqnQnwMI.js.map

package/dist/chunks/{info-icon-with-popover.uSr6-jzR.js.map → info-icon-with-popover.DqnQnwMI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"info-icon-with-popover.~~uSr6-jzR~~.js","sources":["../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue"],"sourcesContent":["<template>\n <div class=\"b-info-icon-with-popover\" tabindex=\"0\" data-testid=\"info-icon-with-popover\" v-on=\"hoverEvents\">\n <info-icon\n ref=\"targetElement\"\n class=\"b-info-icon-with-popover__svg\"\n :aria-expanded=\"isOpen\"\n :aria-describedby=\"popoverId\"\n :svg-title=\"t('moreInformation')\"\n />\n <bento-popover\n v-if=\"targetElement\"\n :open=\"isOpen\"\n :target-element=\"targetElement\"\n :position=\"popoverPosition\"\n role=\"tooltip\"\n fit-content\n disable-focus-trap\n >\n <bento-typography>\n <slot>\n <div v-if=\"popoverText\">\n {{ popoverText }}\n </div>\n </slot>\n </bento-typography>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n import { useBentoDelayedHover } from '@/composables';\n import { BentoTypography } from '@/components/typography';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n import { type PropType, ref } from 'vue';\n import type { BentoPopoverProps } from '../../popover/popover.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n defineProps({\n /*\n Text showed in the popover on hover\n /\n popoverText: { type: String, default: null },\n\n /\n Position the popover should take if space is available\n /\n popoverPosition: {\n type: String as PropType<BentoPopoverProps['position']>,\n default: 'bottom-start',\n validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n },\n });\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const targetElement = ref(null);\n const popoverId = generateUid('bento-info-icon-with-popover');\n\n const { isOpen, hoverEvents } = useBentoDelayedHover();\n</script>\n\n<script lang=\"ts\">\n /\n Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n \n @example\n * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoInfoIconWithPopover },\n * template: `\n * <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n * Content can also be rendered as a slot\n * </info-icon-with-popover>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n"],"names":["__default__","messages","t","useI18n","targetElement","ref","popoverId","generateUid","isOpen","hoverEvents","useBentoDelayedHover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;mBAkFIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;AA1BA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA,GAEAG,IAAAC,EAAA,IAAA,GACAC,IAAAC,EAAA,8BAAA,GAEA,EAAA,QAAAC,GAAA,aAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"info-icon-with-popover.DqnQnwMI.js","sources":["../../../vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue"],"sourcesContent":["<template>\n <div class=\"b-info-icon-with-popover\" tabindex=\"0\" data-testid=\"info-icon-with-popover\" v-on=\"hoverEvents\">\n <info-icon\n ref=\"targetElement\"\n class=\"b-info-icon-with-popover__svg\"\n :aria-expanded=\"isOpen\"\n :aria-describedby=\"popoverId\"\n :svg-title=\"t('moreInformation')\"\n />\n <bento-popover\n v-if=\"targetElement\"\n :open=\"isOpen\"\n :target-element=\"targetElement\"\n :position=\"popoverPosition\"\n role=\"tooltip\"\n fit-content\n disable-focus-trap\n >\n <bento-typography>\n <slot>\n <div v-if=\"popoverText\">\n {{ popoverText }}\n </div>\n </slot>\n </bento-typography>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n import { useBentoDelayedHover } from '@/composables';\n import { BentoTypography } from '@/components/typography';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useI18n } from '@/utils/ts/i18n';\n import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n import { type PropType, ref } from 'vue';\n import type { BentoPopoverProps } from '../../popover/popover.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n defineProps({\n /*\n Text showed in the popover on hover\n /\n popoverText: { type: String, default: null },\n\n /\n Position the popover should take if space is available\n /\n popoverPosition: {\n type: String as PropType<BentoPopoverProps['position']>,\n default: 'bottom-start',\n validator: (value: BentoPopoverPositions) => Object.values(BentoPopoverPositions).includes(value),\n },\n });\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const targetElement = ref(null);\n const popoverId = generateUid('bento-info-icon-with-popover');\n\n const { isOpen, hoverEvents } = useBentoDelayedHover();\n</script>\n\n<script lang=\"ts\">\n /\n Internal component to be used whenever an info icon needs to be rendered with a popover instead of a tooltip.\n \n @example\n * import { BentoInfoIconWithPopover } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoInfoIconWithPopover },\n * template: `\n * <info-icon-with-popover popover-text=\"Content can be passed as a string like\" :popover-position=\"position\">\n * Content can also be rendered as a slot\n * </info-icon-with-popover>\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon-with-popover.scss\" />\n"],"names":["__default__","messages","t","useI18n","targetElement","ref","popoverId","generateUid","isOpen","hoverEvents","useBentoDelayedHover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;mBAkFIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;;;;;;;AA1BA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA,GAEAG,IAAAC,EAAA,IAAA,GACAC,IAAAC,EAAA,8BAAA,GAEA,EAAA,QAAAC,GAAA,aAAAC,EAAA,IAAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{info-icon.Zlg6Sgz0.js → info-icon.D_zu5SYT.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { defineComponent as r, withDirectives as p, openBlock as a, createElementBlock as l, createVNode as m, unref as e } from "vue";
 import { b as c } from "./popper-container.Rfj8UdMD.js";
-import { b as f } from "./tooltip.TFOGHOO0.js";
+import { b as f } from "./tooltip.0QqJo2sa.js";
 import { _ } from "./info.BDaSJ8fM.js";
 import { _ as u } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/info-icon.css";
@@ -32,4 +32,4 @@ const b = ["aria-label"], d = {
 export {
   k as B
 };
-//# sourceMappingURL=info-icon.Zlg6Sgz0.js.map
+//# sourceMappingURL=info-icon.D_zu5SYT.js.map

package/dist/chunks/{info-icon.Zlg6Sgz0.js.map → info-icon.D_zu5SYT.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"info-icon.~~Zlg6Sgz0~~.js","sources":["../../../vue2/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 withDefaults(defineProps<BentoInfoIconProps>(), {\n tooltipPosition: PopperContainerPosition.AUTO,\n });\n\n const emit = defineEmits<{\n /*\n Emitted when the mouse pointer enters the component.\n /\n (e: 'mouseenter', event: MouseEvent): void;\n }>();\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__","emit","__emit"],"mappings":";;;;;;0BAwCIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArBA,UAAAC,IAAAC;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"info-icon.D_zu5SYT.js","sources":["../../../vue2/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 withDefaults(defineProps<BentoInfoIconProps>(), {\n tooltipPosition: PopperContainerPosition.AUTO,\n });\n\n const emit = defineEmits<{\n /*\n Emitted when the mouse pointer enters the component.\n /\n (e: 'mouseenter', event: MouseEvent): void;\n }>();\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__","emit","__emit"],"mappings":";;;;;;0BAwCIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;AArBA,UAAAC,IAAAC;;;;;;;;;;;;;;;"}

package/dist/chunks/{input-field-password.CJZxudne.js → input-field-password.BXptrVTT.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 import { defineComponent as fe, useAttrs as he, ref as s, provide as be, computed as u, watch as j, openBlock as l, createElementBlock as C, createVNode as S, unref as t, mergeProps as ge, createSlots as ke, withCtx as c, Fragment as G, createTextVNode as O, toDisplayString as g, renderSlot as X, createElementVNode as T, createBlock as v, normalizeClass as J, createCommentVNode as f, withModifiers as we, renderList as Re } from "vue";
-import { B as Le } from "./button.Ciflfide.js";
+import { B as Le } from "./button.DAcwNdtP.js";
 import { _ as Ce } from "./image.vue_vue_type_script_setup_true_lang.BMoSMeM-.js";
-import { f as Oe, B as _e } from "./input-field.IyNujUZt.js";
-import { h as ye } from "./button-actions.uIjzze43.js";
-import { B as H } from "./typography.wIM07Hbl.js";
+import { f as Oe, B as _e } from "./input-field._keU91LW.js";
+import { h as ye } from "./button-actions.DvuGEQxM.js";
+import { B as H } from "./typography.B6elnWpr.js";
 import { _ as Ee } from "./checkmark-circle-fill.Caog04lx.js";
 import { _ as qe } from "./dot.BPmlsJv1.js";
 import { _ as Ve, a as Se } from "./show.RdHv7Hx9.js";
-import { u as Te } from "./index.B875RXHM.js";
+import { u as Te } from "./index.CGBfMQdv.js";
 import { g as Y } from "./generate-uid.DBWe4g6T.js";
 import { u as Ue } from "./form-field.B60VsF8d.js";
 import { j as Pe } from "./index.DCpihRYV.js";
-import { T as Ne } from "./tooltip.TFOGHOO0.js";
+import { T as Ne } from "./tooltip.0QqJo2sa.js";
 import { _ as Ae } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/input-field-password.css";
 var _ = /* @__PURE__ */ ((i) => (i.TEXT = "text", i.PASSWORD = "password", i))(_ || {}), k = /* @__PURE__ */ ((i) => (i.MIN_LENGTH = "minLength", i.REQUIRE_LOWERCASE = "requireLowercase", i.REQUIRE_NUMERIC = "requireNumeric", i.REQUIRE_SPECIAL_CHARACTER = "requireSpecialCharacter", i.REQUIRE_UPPERCASE = "requireUppercase", i))(k || {});
@@ -350,4 +350,4 @@ export {
   Ie as m,
   Be as r
 };
-//# sourceMappingURL=input-field-password.CJZxudne.js.map
+//# sourceMappingURL=input-field-password.BXptrVTT.js.map

package/dist/chunks/{input-field-password.CJZxudne.js.map → input-field-password.BXptrVTT.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-field-password.CJZxudne.js","sources":["../../../vue2/src/components/input-field-password/input-field-password.internal.types.ts","../../../vue2/src/components/input-field-password/assets/capslock.svg","../../../vue2/src/components/input-field-password/utilities/input-field-password.validation.ts","../../../vue2/src/components/input-field-password/input-field-password.vue"],"sourcesContent":["export enum BentoInputFieldPasswordType {\n TEXT = 'text',\n PASSWORD = 'password',\n}\n\nexport enum BentoInputFieldPasswordDefaultRule {\n MIN_LENGTH = 'minLength',\n REQUIRE_LOWERCASE = 'requireLowercase',\n REQUIRE_NUMERIC = 'requireNumeric',\n REQUIRE_SPECIAL_CHARACTER = 'requireSpecialCharacter',\n REQUIRE_UPPERCASE = 'requireUppercase',\n}\n","export default \"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\"","import { type BentoInputFieldValue } from '@/components/input-field';\n\nfunction stringifyValue(value: BentoInputFieldValue): string {\n return value?.toString() ?? '';\n}\n\n/*\n Validates if the length of the provided value is greater than or equal to the specified length.\n \n @param value - The input value to check.\n * @param length - The minimum required length of the value. Defaults to 12.\n * @returns `true` if the length of the value is greater than or equal to the specified length, `false` otherwise.\n /\nexport function minLength(value: BentoInputFieldValue, length = 12): boolean {\n return stringifyValue(value).length >= length;\n}\n\n/\n Validates if the provided value contains at least one lowercase letter.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one lowercase letter, `false` otherwise.\n /\nexport function requireLowercase(value: BentoInputFieldValue): boolean {\n return /[a-z]/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one uppercase letter.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one uppercase letter, `false` otherwise.\n /\nexport function requireUppercase(value: BentoInputFieldValue): boolean {\n return /[A-Z]/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one numerical digit.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one numerical digit, `false` otherwise.\n /\nexport function requireNumeric(value: BentoInputFieldValue): boolean {\n return /\\d/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one special character (non-alphanumeric).\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one special character, `false` otherwise.\n /\nexport function requireSpecialCharacter(value: BentoInputFieldValue): boolean {\n return /[^a-zA-Z0-9]/.test(stringifyValue(value));\n}\n","<template>\n <div ref=\"inputFieldPasswordRef\" @focusout=\"onFocusOut\">\n <bento-input-field\n ref=\"inputFieldPasswordInputRef\"\n v-bind=\"inputFieldArgs\"\n class=\"b-input-field-password__input\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n @blur=\"onBlur\"\n @focus=\"onFocus\"\n @update:model-value=\"onUpdateModelValue\"\n @keydown=\"checkCapsLock\"\n @keyup=\"checkCapsLock\"\n >\n <template v-if=\"label\">{{ label }}</template>\n <template v-else><slot /></template>\n <template v-if=\"description\" #description>\n <slot name=\"description\">{{ description }}</slot>\n </template>\n\n <template v-if=\"isCapsLockOn\" #iconBefore>\n <div\n class=\"b-input-field-password__caps-lock-indicator\"\n @mouseenter=\"handleCapsLockMouseEnter\"\n @mouseleave=\"handleCapsLockMouseLeave\"\n >\n <bento-image\n ref=\"inputFieldPasswordCapsLockIconRef\"\n :src=\"CapsLockIcon\"\n :alt=\"t('capsLockEnabled')\"\n />\n </div>\n\n <tooltip\n v-if=\"inputFieldPasswordCapsLockIconRef\"\n :class=\"tooltipConditionalClass\"\n :content=\"t('capsLockEnabled')\"\n :disabled-focus-trap=\"true\"\n :fallback-position=\"['top', 'bottom']\"\n :is-shown=\"isTooltipDisplayed\"\n :target-element=\"inputFieldPasswordCapsLockIconRef\"\n />\n </template>\n\n <template v-if=\"!disabled\" #iconAfter>\n <bento-button variant=\"tertiary\" @click=\"toggleInputType\" @mousedown.native.prevent>\n <template #iconLeft>\n <show-icon v-if=\"!isPasswordReadable\" :svg-title=\"t('showPassword')\" />\n <hide-icon v-if=\"isPasswordReadable\" :svg-title=\"t('hidePassword')\" />\n </template>\n </bento-button>\n </template>\n </bento-input-field>\n\n <bento-popover\n v-if=\"hasValidations\"\n :open=\"isHintDisplayed\"\n :target-element=\"inputFieldPasswordInputRef\"\n :disable-focus-trap=\"true\"\n :aria-label=\"computedValidations.title\"\n :aria-describedby=\"validationListId\"\n position=\"right-start\"\n >\n <div :id=\"validationPopoverId\">\n <bento-typography v-if=\"computedValidations.title\" class=\"b-input-field-password__validation-title\">\n {{ computedValidations.title }}\n </bento-typography>\n\n <p v-if=\"!hasErrors\" class=\"b-input-field-password__validation-status--valid\" role=\"alert\">\n {{ t('validationValid') }}\n </p>\n\n <ul :id=\"validationListId\" class=\"b-input-field-password__validation-list\">\n <li\n v-for=\"(rule, index) in computedValidationList\"\n :key=\"index\"\n :class=\"passwordValidityConditionalClass[index]\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n <span class=\"b-input-field-password__validation-list-icon\">\n <checkmark-circle-fill-icon\n v-if=\"passwordValidity[index]\"\n :svg-title=\"t('validationChecked')\"\n />\n\n <dot-icon v-else :svg-title=\"t('validationUnchecked')\" />\n </span>\n\n <bento-typography class=\"b-input-field-password__validation-list-text\" el=\"span\">\n {{ rule.label }}\n </bento-typography>\n </li>\n </ul>\n\n <bento-typography\n v-if=\"computedValidations.suggestion\"\n class=\"b-input-field-password__validation-suggestion\"\n >\n {{ computedValidations.suggestion }}\n </bento-typography>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoButton } from '@/components/button';\n import { BentoImage } from '@/components/image';\n import { BentoInputField } from '@/components/input-field';\n import { BentoPopover } from '@/components/popover';\n import { BentoTypography } from '@/components/typography';\n import { Tooltip } from '@/internal';\n import type { BentoInputFieldProps } from '@/components/input-field/input-field.types';\n import {\n BentoInputFieldPasswordDefaultRule,\n BentoInputFieldPasswordType,\n } from './input-field-password.internal.types';\n import {\n type BentoInputFieldPasswordErrorsList,\n type BentoInputFieldPasswordProps,\n type BentoInputFieldPasswordValidation,\n type BentoInputFieldPasswordValidationListItem,\n } from './input-field-password.types';\n import CheckmarkCircleFillIcon from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import DotIcon from '@adyen/ui-assets-icons-16/vue/dot';\n import HideIcon from '@adyen/ui-assets-icons-16/vue/hide';\n import ShowIcon from '@adyen/ui-assets-icons-16/vue/show';\n import CapsLockIcon from './assets/capslock.svg';\n\n import { watchDebounced } from '@vueuse/core';\n import { computed, provide, ref, type SetupContext, useAttrs, watch } from 'vue';\n\n import { useI18n } from '@/utils/ts/i18n';\n\n import {\n minLength,\n requireLowercase,\n requireNumeric,\n requireSpecialCharacter,\n requireUppercase,\n } from '@/components/input-field-password/utilities/input-field-password.validation';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n import messages from './messages.json';\n import { INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY } from '@/components/input-field/input-field.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n\n const props = withDefaults(defineProps<BentoInputFieldPasswordProps>(), {\n condensed: false,\n debounceTime: DEBOUNCE_DURATION,\n description: null,\n disabled: false,\n disableValidation: false,\n errorMessage: null,\n label: null,\n optional: false,\n placeholder: '',\n readonly: false,\n required: false,\n tooltipText: null,\n validation: undefined,\n modelValue: undefined,\n withHint: true,\n });\n\n const emit = defineEmits<{\n /\n Emitted when the element has lost focus\n /\n (e: 'blur'): void;\n\n /\n Emitted when the element has received focus\n /\n (e: 'focus'): void;\n\n /\n Emits an `input:valid` event when the value is validated against the provided validations.\n * This emit has a debounce and is emitted after an `input` event.\n /\n (e: 'input:valid'): void;\n\n /\n Emits an `input:error` event when the value fails the validation.\n * This emit has a debounce and is emitted after an `input` event.\n /\n (e: 'input:error', errors: BentoInputFieldPasswordErrorsList): void;\n\n /\n Emits an `update:model-value` event whenever the value in the input is changed.\n /\n (e: 'update:model-value', value: BentoInputFieldPasswordProps['modelValue']): void;\n }>();\n\n const attrs = useAttrs();\n\n const inputType = ref(BentoInputFieldPasswordType.PASSWORD);\n const inputValue = ref(props.modelValue);\n const isHintDisplayed = ref(false);\n const isTouched = ref(false);\n const passwordValidity = ref<Array<boolean>>([]);\n const errorsList = ref<BentoInputFieldPasswordErrorsList>({});\n const capsLockTooltipTimeoutID = ref<ReturnType<typeof setTimeout>>(null);\n const isTooltipDisplayed = ref(false);\n const inputFieldPasswordRef = ref(null);\n const inputFieldPasswordInputRef = ref(null);\n const inputFieldPasswordCapsLockIconRef = ref(null);\n const isCapsLockOn = ref(false);\n\n provide(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, 'bento-input-field-password');\n\n const onFocusOut = (event: FocusEvent) => {\n const container = inputFieldPasswordRef.value as HTMLElement \| null;\n\n // If focus moved to another element still inside the container, keep the popover open.\n if (container && event.relatedTarget instanceof Node && container.contains(event.relatedTarget)) {\n return;\n }\n\n isTouched.value = true;\n\n if (!props.disableValidation) {\n if (props.withHint) {\n isHintDisplayed.value = false;\n }\n checkValidity(inputValue.value);\n }\n };\n\n const { emitValue } = useFormFieldEmits<BentoInputFieldPasswordProps['modelValue']>(emit);\n\n const validationListId = generateUid('validationListId');\n const validationPopoverId = generateUid('validationPopoverId');\n\n const isPasswordReadable = computed(() => inputType.value === BentoInputFieldPasswordType.TEXT);\n\n const passwordValidityConditionalClass = computed(() =>\n passwordValidity.value.map(validity =>\n validity\n ? 'b-input-field-password__validation-list--valid'\n : 'b-input-field-password__validation-list--invalid'\n )\n );\n\n const tooltipConditionalClass = computed(() =>\n capsLockTooltipTimeoutID.value ? 'b-input-field-password__input-tooltip--timed' : ''\n );\n\n const inputFieldArgs = computed<BentoInputFieldProps & SetupContext['attrs']>(() => ({\n ariaHidden: false,\n condensed: props.condensed,\n disabled: props.disabled,\n errorMessage: props.errorMessage,\n optional: props.optional,\n placeholder: props.placeholder,\n readonly: props.readonly,\n required: props.required,\n tooltipText: props.tooltipText,\n type: inputType.value,\n modelValue: inputValue.value,\n\n 'aria-haspopup': hasValidations.value ? 'dialog' : false,\n 'aria-describedby': hasValidations.value ? validationPopoverId : '',\n\n ...attrs,\n }));\n\n const computedValidations = computed<BentoInputFieldPasswordValidation>(() => {\n if (props.validation && !props.validation.extendDefaultValidation) {\n return props.validation;\n }\n\n const defaultValidationList = [\n {\n label: t('validationMinLength', { numberOfCharacters: n(MIN_PASSWORD_LENGTH) }),\n key: BentoInputFieldPasswordDefaultRule.MIN_LENGTH,\n validate: minLength,\n },\n {\n label: t('validationRequireLowercase', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_LOWERCASE,\n validate: requireLowercase,\n },\n {\n label: t('validationRequireUppercase', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_UPPERCASE,\n validate: requireUppercase,\n },\n {\n label: t('validationRequireNumeric', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_NUMERIC,\n validate: requireNumeric,\n },\n {\n label: t('validationRequireSpecialCharacter', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_SPECIAL_CHARACTER,\n validate: requireSpecialCharacter,\n },\n ];\n\n let validationList: Array<BentoInputFieldPasswordValidationListItem> = defaultValidationList;\n\n if (props.validation) {\n const defaultValidationKeys: Array<string> = defaultValidationList.map(rule => rule.key);\n const customRuleKeys = props.validation?.list?.map(rule => rule.key);\n // remove from the custom list any rules with default keys (rules that are overriding existent rules)\n const customValidationList =\n props.validation?.list?.filter(rule => !defaultValidationKeys.includes(rule.key)) ?? [];\n\n // loop through the default list and replace default rule with the custom rule if it exists\n const validationListWithOverrides = defaultValidationList.map(rule => {\n if (customRuleKeys?.includes(rule.key)) {\n const customRule = props.validation?.list?.find(customRule => customRule.key === rule.key);\n return customRule;\n } else {\n return rule;\n }\n });\n validationList = [...validationListWithOverrides, ...customValidationList];\n }\n\n return {\n title: props.validation?.title ?? t('validationTitle'),\n suggestion: props.validation?.suggestion ?? t('validationSuggestion'),\n list: validationList,\n };\n });\n\n const computedValidationList = computed(() => computedValidations.value?.list?.filter(rule => !rule.disabled));\n\n const hasErrors = computed(() => passwordValidity.value?.some(validation => !validation));\n const hasValidations = computed(\n () => inputFieldPasswordInputRef.value && computedValidations.value?.list?.length > 0\n );\n\n const checkCapsLock = (e: KeyboardEvent) => {\n // Check if getModifierState exists and is a function in case the user's browser is autofilling\n if (typeof e.getModifierState === 'function') {\n isCapsLockOn.value = e.getModifierState('CapsLock');\n }\n };\n\n const toggleInputType = () => {\n if (isPasswordReadable.value) {\n inputType.value = BentoInputFieldPasswordType.PASSWORD;\n } else {\n inputType.value = BentoInputFieldPasswordType.TEXT;\n }\n };\n\n const onUpdateModelValue = (value: string) => {\n if (props.disabled) {\n return;\n }\n\n inputValue.value = value;\n\n emitValue(inputValue.value);\n };\n\n const onFocus = () => {\n emit('focus');\n\n if (!props.disableValidation) {\n if (props.withHint) {\n isHintDisplayed.value = true;\n }\n checkValidity(inputValue.value);\n }\n };\n\n const onBlur = () => {\n emit('blur');\n };\n\n const checkValidity = (value: BentoInputFieldPasswordProps['modelValue']) => {\n const rulesValidityObj = computedValidationList.value?.map(validationItem => ({\n key: validationItem.key,\n label: validationItem.label,\n isValid: validationItem.validate(value, ...(validationItem.additionalArgs ?? [])),\n }));\n let customRuleIndex = 1;\n\n passwordValidity.value = rulesValidityObj?.map(error => error.isValid);\n\n errorsList.value = rulesValidityObj\n ?.filter(rule => !rule.isValid)\n .reduce((errorsObject, error) => {\n const key = error.key ?? `custom-rule-${customRuleIndex++}`;\n return {\n ...errorsObject,\n [key]: error.label,\n };\n }, {});\n };\n\n const handleCapsLockMouseLeave = () => {\n isTooltipDisplayed.value = false;\n capsLockTooltipTimeoutID.value = null;\n };\n\n const handleCapsLockMouseEnter = () => {\n isTooltipDisplayed.value = true;\n };\n\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n watch(isCapsLockOn, isCapsLockOn => {\n if (!isCapsLockOn) {\n clearTimeout(capsLockTooltipTimeoutID.value);\n\n capsLockTooltipTimeoutID.value = null;\n isTooltipDisplayed.value = false;\n } else {\n isTooltipDisplayed.value = true;\n\n capsLockTooltipTimeoutID.value = setTimeout(() => {\n capsLockTooltipTimeoutID.value = null;\n isTooltipDisplayed.value = false;\n }, TOOLTIP_TIMEOUT);\n }\n });\n\n watchDebounced(\n inputValue,\n inputValue => {\n checkValidity(inputValue);\n\n if (!hasErrors.value) {\n emit('input:valid');\n } else {\n emit('input:error', errorsList.value);\n }\n },\n // wait for 0.5s before checking validity OR 2s of continuous typing\n { debounce: props.debounceTime, maxWait: DEBOUNCE_MAX_WAIT }\n );\n</script>\n\n<script lang=\"ts\">\n const MIN_PASSWORD_LENGTH = 12;\n const DEBOUNCE_DURATION = 500;\n const DEBOUNCE_MAX_WAIT = 2000;\n const TOOLTIP_TIMEOUT = 2000;\n\n /\n The input field password is a component designed to support users' preference for entering values securely.\n * This is an extension of the `bento-input-field` component.\n \n @example\n * import { BentoInputFieldPassword } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoInputFieldPassword },\n * template: `\n * <bento-input-field-password\n * label=\"Label\"\n * error-message=\"Error\"\n * :validation=\"{\n * extendDefaultValidation: true,\n * list: [\n * { label: '18 characters', key: 'minLength', validate: minLength, additionalArgs: [18] },\n * { label: 'Always true', key: 'alwaysTrue', validate: () => true },\n * { key: 'requireSpecialCharacter', disabled: true }\n * ],\n * }\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-input-field-password',\n model: { prop: 'modelValue', event: 'update:model-value' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field-password.scss\" />\n"],"names":["BentoInputFieldPasswordType","BentoInputFieldPasswordType2","BentoInputFieldPasswordDefaultRule","BentoInputFieldPasswordDefaultRule2","CapsLockIcon","stringifyValue","value","minLength","length","requireLowercase","requireUppercase","requireNumeric","requireSpecialCharacter","MIN_PASSWORD_LENGTH","DEBOUNCE_DURATION","DEBOUNCE_MAX_WAIT","TOOLTIP_TIMEOUT","__default__","messages","t","n","useI18n","props","__props","emit","__emit","attrs","useAttrs","inputType","ref","inputValue","isHintDisplayed","isTouched","passwordValidity","errorsList","capsLockTooltipTimeoutID","isTooltipDisplayed","inputFieldPasswordRef","inputFieldPasswordInputRef","inputFieldPasswordCapsLockIconRef","isCapsLockOn","provide","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","onFocusOut","event","container","checkValidity","emitValue","useFormFieldEmits","validationListId","generateUid","validationPopoverId","isPasswordReadable","computed","passwordValidityConditionalClass","validity","tooltipConditionalClass","inputFieldArgs","hasValidations","computedValidations","defaultValidationList","validationList","defaultValidationKeys","rule","customRuleKeys","customValidationList","customRule2","computedValidationList","hasErrors","validation","checkCapsLock","toggleInputType","onUpdateModelValue","onFocus","onBlur","rulesValidityObj","validationItem","customRuleIndex","error","errorsObject","key","handleCapsLockMouseLeave","handleCapsLockMouseEnter","watch","isCapsLockOn2","watchDebounced","inputValue2"],"mappings":"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"}
1	+ {"version":3,"file":"input-field-password.BXptrVTT.js","sources":["../../../vue2/src/components/input-field-password/input-field-password.internal.types.ts","../../../vue2/src/components/input-field-password/assets/capslock.svg","../../../vue2/src/components/input-field-password/utilities/input-field-password.validation.ts","../../../vue2/src/components/input-field-password/input-field-password.vue"],"sourcesContent":["export enum BentoInputFieldPasswordType {\n TEXT = 'text',\n PASSWORD = 'password',\n}\n\nexport enum BentoInputFieldPasswordDefaultRule {\n MIN_LENGTH = 'minLength',\n REQUIRE_LOWERCASE = 'requireLowercase',\n REQUIRE_NUMERIC = 'requireNumeric',\n REQUIRE_SPECIAL_CHARACTER = 'requireSpecialCharacter',\n REQUIRE_UPPERCASE = 'requireUppercase',\n}\n","export default \"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\"","import { type BentoInputFieldValue } from '@/components/input-field';\n\nfunction stringifyValue(value: BentoInputFieldValue): string {\n return value?.toString() ?? '';\n}\n\n/*\n Validates if the length of the provided value is greater than or equal to the specified length.\n \n @param value - The input value to check.\n * @param length - The minimum required length of the value. Defaults to 12.\n * @returns `true` if the length of the value is greater than or equal to the specified length, `false` otherwise.\n /\nexport function minLength(value: BentoInputFieldValue, length = 12): boolean {\n return stringifyValue(value).length >= length;\n}\n\n/\n Validates if the provided value contains at least one lowercase letter.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one lowercase letter, `false` otherwise.\n /\nexport function requireLowercase(value: BentoInputFieldValue): boolean {\n return /[a-z]/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one uppercase letter.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one uppercase letter, `false` otherwise.\n /\nexport function requireUppercase(value: BentoInputFieldValue): boolean {\n return /[A-Z]/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one numerical digit.\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one numerical digit, `false` otherwise.\n /\nexport function requireNumeric(value: BentoInputFieldValue): boolean {\n return /\\d/.test(stringifyValue(value));\n}\n\n/\n Validates if the provided value contains at least one special character (non-alphanumeric).\n \n @param value - The input value to check.\n * @returns `true` if the value contains at least one special character, `false` otherwise.\n /\nexport function requireSpecialCharacter(value: BentoInputFieldValue): boolean {\n return /[^a-zA-Z0-9]/.test(stringifyValue(value));\n}\n","<template>\n <div ref=\"inputFieldPasswordRef\" @focusout=\"onFocusOut\">\n <bento-input-field\n ref=\"inputFieldPasswordInputRef\"\n v-bind=\"inputFieldArgs\"\n class=\"b-input-field-password__input\"\n autocapitalize=\"none\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n @blur=\"onBlur\"\n @focus=\"onFocus\"\n @update:model-value=\"onUpdateModelValue\"\n @keydown=\"checkCapsLock\"\n @keyup=\"checkCapsLock\"\n >\n <template v-if=\"label\">{{ label }}</template>\n <template v-else><slot /></template>\n <template v-if=\"description\" #description>\n <slot name=\"description\">{{ description }}</slot>\n </template>\n\n <template v-if=\"isCapsLockOn\" #iconBefore>\n <div\n class=\"b-input-field-password__caps-lock-indicator\"\n @mouseenter=\"handleCapsLockMouseEnter\"\n @mouseleave=\"handleCapsLockMouseLeave\"\n >\n <bento-image\n ref=\"inputFieldPasswordCapsLockIconRef\"\n :src=\"CapsLockIcon\"\n :alt=\"t('capsLockEnabled')\"\n />\n </div>\n\n <tooltip\n v-if=\"inputFieldPasswordCapsLockIconRef\"\n :class=\"tooltipConditionalClass\"\n :content=\"t('capsLockEnabled')\"\n :disabled-focus-trap=\"true\"\n :fallback-position=\"['top', 'bottom']\"\n :is-shown=\"isTooltipDisplayed\"\n :target-element=\"inputFieldPasswordCapsLockIconRef\"\n />\n </template>\n\n <template v-if=\"!disabled\" #iconAfter>\n <bento-button variant=\"tertiary\" @click=\"toggleInputType\" @mousedown.native.prevent>\n <template #iconLeft>\n <show-icon v-if=\"!isPasswordReadable\" :svg-title=\"t('showPassword')\" />\n <hide-icon v-if=\"isPasswordReadable\" :svg-title=\"t('hidePassword')\" />\n </template>\n </bento-button>\n </template>\n </bento-input-field>\n\n <bento-popover\n v-if=\"hasValidations\"\n :open=\"isHintDisplayed\"\n :target-element=\"inputFieldPasswordInputRef\"\n :disable-focus-trap=\"true\"\n :aria-label=\"computedValidations.title\"\n :aria-describedby=\"validationListId\"\n position=\"right-start\"\n >\n <div :id=\"validationPopoverId\">\n <bento-typography v-if=\"computedValidations.title\" class=\"b-input-field-password__validation-title\">\n {{ computedValidations.title }}\n </bento-typography>\n\n <p v-if=\"!hasErrors\" class=\"b-input-field-password__validation-status--valid\" role=\"alert\">\n {{ t('validationValid') }}\n </p>\n\n <ul :id=\"validationListId\" class=\"b-input-field-password__validation-list\">\n <li\n v-for=\"(rule, index) in computedValidationList\"\n :key=\"index\"\n :class=\"passwordValidityConditionalClass[index]\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n <span class=\"b-input-field-password__validation-list-icon\">\n <checkmark-circle-fill-icon\n v-if=\"passwordValidity[index]\"\n :svg-title=\"t('validationChecked')\"\n />\n\n <dot-icon v-else :svg-title=\"t('validationUnchecked')\" />\n </span>\n\n <bento-typography class=\"b-input-field-password__validation-list-text\" el=\"span\">\n {{ rule.label }}\n </bento-typography>\n </li>\n </ul>\n\n <bento-typography\n v-if=\"computedValidations.suggestion\"\n class=\"b-input-field-password__validation-suggestion\"\n >\n {{ computedValidations.suggestion }}\n </bento-typography>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { BentoButton } from '@/components/button';\n import { BentoImage } from '@/components/image';\n import { BentoInputField } from '@/components/input-field';\n import { BentoPopover } from '@/components/popover';\n import { BentoTypography } from '@/components/typography';\n import { Tooltip } from '@/internal';\n import type { BentoInputFieldProps } from '@/components/input-field/input-field.types';\n import {\n BentoInputFieldPasswordDefaultRule,\n BentoInputFieldPasswordType,\n } from './input-field-password.internal.types';\n import {\n type BentoInputFieldPasswordErrorsList,\n type BentoInputFieldPasswordProps,\n type BentoInputFieldPasswordValidation,\n type BentoInputFieldPasswordValidationListItem,\n } from './input-field-password.types';\n import CheckmarkCircleFillIcon from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import DotIcon from '@adyen/ui-assets-icons-16/vue/dot';\n import HideIcon from '@adyen/ui-assets-icons-16/vue/hide';\n import ShowIcon from '@adyen/ui-assets-icons-16/vue/show';\n import CapsLockIcon from './assets/capslock.svg';\n\n import { watchDebounced } from '@vueuse/core';\n import { computed, provide, ref, type SetupContext, useAttrs, watch } from 'vue';\n\n import { useI18n } from '@/utils/ts/i18n';\n\n import {\n minLength,\n requireLowercase,\n requireNumeric,\n requireSpecialCharacter,\n requireUppercase,\n } from '@/components/input-field-password/utilities/input-field-password.validation';\n import { generateUid } from '@/utils/ts/generate-uid';\n import { useFormFieldEmits } from '@/utils/ts/form-field/form-field';\n\n import messages from './messages.json';\n import { INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY } from '@/components/input-field/input-field.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n\n const props = withDefaults(defineProps<BentoInputFieldPasswordProps>(), {\n condensed: false,\n debounceTime: DEBOUNCE_DURATION,\n description: null,\n disabled: false,\n disableValidation: false,\n errorMessage: null,\n label: null,\n optional: false,\n placeholder: '',\n readonly: false,\n required: false,\n tooltipText: null,\n validation: undefined,\n modelValue: undefined,\n withHint: true,\n });\n\n const emit = defineEmits<{\n /\n Emitted when the element has lost focus\n /\n (e: 'blur'): void;\n\n /\n Emitted when the element has received focus\n /\n (e: 'focus'): void;\n\n /\n Emits an `input:valid` event when the value is validated against the provided validations.\n * This emit has a debounce and is emitted after an `input` event.\n /\n (e: 'input:valid'): void;\n\n /\n Emits an `input:error` event when the value fails the validation.\n * This emit has a debounce and is emitted after an `input` event.\n /\n (e: 'input:error', errors: BentoInputFieldPasswordErrorsList): void;\n\n /\n Emits an `update:model-value` event whenever the value in the input is changed.\n /\n (e: 'update:model-value', value: BentoInputFieldPasswordProps['modelValue']): void;\n }>();\n\n const attrs = useAttrs();\n\n const inputType = ref(BentoInputFieldPasswordType.PASSWORD);\n const inputValue = ref(props.modelValue);\n const isHintDisplayed = ref(false);\n const isTouched = ref(false);\n const passwordValidity = ref<Array<boolean>>([]);\n const errorsList = ref<BentoInputFieldPasswordErrorsList>({});\n const capsLockTooltipTimeoutID = ref<ReturnType<typeof setTimeout>>(null);\n const isTooltipDisplayed = ref(false);\n const inputFieldPasswordRef = ref(null);\n const inputFieldPasswordInputRef = ref(null);\n const inputFieldPasswordCapsLockIconRef = ref(null);\n const isCapsLockOn = ref(false);\n\n provide(INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY, 'bento-input-field-password');\n\n const onFocusOut = (event: FocusEvent) => {\n const container = inputFieldPasswordRef.value as HTMLElement \| null;\n\n // If focus moved to another element still inside the container, keep the popover open.\n if (container && event.relatedTarget instanceof Node && container.contains(event.relatedTarget)) {\n return;\n }\n\n isTouched.value = true;\n\n if (!props.disableValidation) {\n if (props.withHint) {\n isHintDisplayed.value = false;\n }\n checkValidity(inputValue.value);\n }\n };\n\n const { emitValue } = useFormFieldEmits<BentoInputFieldPasswordProps['modelValue']>(emit);\n\n const validationListId = generateUid('validationListId');\n const validationPopoverId = generateUid('validationPopoverId');\n\n const isPasswordReadable = computed(() => inputType.value === BentoInputFieldPasswordType.TEXT);\n\n const passwordValidityConditionalClass = computed(() =>\n passwordValidity.value.map(validity =>\n validity\n ? 'b-input-field-password__validation-list--valid'\n : 'b-input-field-password__validation-list--invalid'\n )\n );\n\n const tooltipConditionalClass = computed(() =>\n capsLockTooltipTimeoutID.value ? 'b-input-field-password__input-tooltip--timed' : ''\n );\n\n const inputFieldArgs = computed<BentoInputFieldProps & SetupContext['attrs']>(() => ({\n ariaHidden: false,\n condensed: props.condensed,\n disabled: props.disabled,\n errorMessage: props.errorMessage,\n optional: props.optional,\n placeholder: props.placeholder,\n readonly: props.readonly,\n required: props.required,\n tooltipText: props.tooltipText,\n type: inputType.value,\n modelValue: inputValue.value,\n\n 'aria-haspopup': hasValidations.value ? 'dialog' : false,\n 'aria-describedby': hasValidations.value ? validationPopoverId : '',\n\n ...attrs,\n }));\n\n const computedValidations = computed<BentoInputFieldPasswordValidation>(() => {\n if (props.validation && !props.validation.extendDefaultValidation) {\n return props.validation;\n }\n\n const defaultValidationList = [\n {\n label: t('validationMinLength', { numberOfCharacters: n(MIN_PASSWORD_LENGTH) }),\n key: BentoInputFieldPasswordDefaultRule.MIN_LENGTH,\n validate: minLength,\n },\n {\n label: t('validationRequireLowercase', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_LOWERCASE,\n validate: requireLowercase,\n },\n {\n label: t('validationRequireUppercase', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_UPPERCASE,\n validate: requireUppercase,\n },\n {\n label: t('validationRequireNumeric', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_NUMERIC,\n validate: requireNumeric,\n },\n {\n label: t('validationRequireSpecialCharacter', { numberOne: n(1) }),\n key: BentoInputFieldPasswordDefaultRule.REQUIRE_SPECIAL_CHARACTER,\n validate: requireSpecialCharacter,\n },\n ];\n\n let validationList: Array<BentoInputFieldPasswordValidationListItem> = defaultValidationList;\n\n if (props.validation) {\n const defaultValidationKeys: Array<string> = defaultValidationList.map(rule => rule.key);\n const customRuleKeys = props.validation?.list?.map(rule => rule.key);\n // remove from the custom list any rules with default keys (rules that are overriding existent rules)\n const customValidationList =\n props.validation?.list?.filter(rule => !defaultValidationKeys.includes(rule.key)) ?? [];\n\n // loop through the default list and replace default rule with the custom rule if it exists\n const validationListWithOverrides = defaultValidationList.map(rule => {\n if (customRuleKeys?.includes(rule.key)) {\n const customRule = props.validation?.list?.find(customRule => customRule.key === rule.key);\n return customRule;\n } else {\n return rule;\n }\n });\n validationList = [...validationListWithOverrides, ...customValidationList];\n }\n\n return {\n title: props.validation?.title ?? t('validationTitle'),\n suggestion: props.validation?.suggestion ?? t('validationSuggestion'),\n list: validationList,\n };\n });\n\n const computedValidationList = computed(() => computedValidations.value?.list?.filter(rule => !rule.disabled));\n\n const hasErrors = computed(() => passwordValidity.value?.some(validation => !validation));\n const hasValidations = computed(\n () => inputFieldPasswordInputRef.value && computedValidations.value?.list?.length > 0\n );\n\n const checkCapsLock = (e: KeyboardEvent) => {\n // Check if getModifierState exists and is a function in case the user's browser is autofilling\n if (typeof e.getModifierState === 'function') {\n isCapsLockOn.value = e.getModifierState('CapsLock');\n }\n };\n\n const toggleInputType = () => {\n if (isPasswordReadable.value) {\n inputType.value = BentoInputFieldPasswordType.PASSWORD;\n } else {\n inputType.value = BentoInputFieldPasswordType.TEXT;\n }\n };\n\n const onUpdateModelValue = (value: string) => {\n if (props.disabled) {\n return;\n }\n\n inputValue.value = value;\n\n emitValue(inputValue.value);\n };\n\n const onFocus = () => {\n emit('focus');\n\n if (!props.disableValidation) {\n if (props.withHint) {\n isHintDisplayed.value = true;\n }\n checkValidity(inputValue.value);\n }\n };\n\n const onBlur = () => {\n emit('blur');\n };\n\n const checkValidity = (value: BentoInputFieldPasswordProps['modelValue']) => {\n const rulesValidityObj = computedValidationList.value?.map(validationItem => ({\n key: validationItem.key,\n label: validationItem.label,\n isValid: validationItem.validate(value, ...(validationItem.additionalArgs ?? [])),\n }));\n let customRuleIndex = 1;\n\n passwordValidity.value = rulesValidityObj?.map(error => error.isValid);\n\n errorsList.value = rulesValidityObj\n ?.filter(rule => !rule.isValid)\n .reduce((errorsObject, error) => {\n const key = error.key ?? `custom-rule-${customRuleIndex++}`;\n return {\n ...errorsObject,\n [key]: error.label,\n };\n }, {});\n };\n\n const handleCapsLockMouseLeave = () => {\n isTooltipDisplayed.value = false;\n capsLockTooltipTimeoutID.value = null;\n };\n\n const handleCapsLockMouseEnter = () => {\n isTooltipDisplayed.value = true;\n };\n\n watch(\n () => props.modelValue,\n () => {\n inputValue.value = props.modelValue;\n }\n );\n\n watch(isCapsLockOn, isCapsLockOn => {\n if (!isCapsLockOn) {\n clearTimeout(capsLockTooltipTimeoutID.value);\n\n capsLockTooltipTimeoutID.value = null;\n isTooltipDisplayed.value = false;\n } else {\n isTooltipDisplayed.value = true;\n\n capsLockTooltipTimeoutID.value = setTimeout(() => {\n capsLockTooltipTimeoutID.value = null;\n isTooltipDisplayed.value = false;\n }, TOOLTIP_TIMEOUT);\n }\n });\n\n watchDebounced(\n inputValue,\n inputValue => {\n checkValidity(inputValue);\n\n if (!hasErrors.value) {\n emit('input:valid');\n } else {\n emit('input:error', errorsList.value);\n }\n },\n // wait for 0.5s before checking validity OR 2s of continuous typing\n { debounce: props.debounceTime, maxWait: DEBOUNCE_MAX_WAIT }\n );\n</script>\n\n<script lang=\"ts\">\n const MIN_PASSWORD_LENGTH = 12;\n const DEBOUNCE_DURATION = 500;\n const DEBOUNCE_MAX_WAIT = 2000;\n const TOOLTIP_TIMEOUT = 2000;\n\n /\n The input field password is a component designed to support users' preference for entering values securely.\n * This is an extension of the `bento-input-field` component.\n \n @example\n * import { BentoInputFieldPassword } from '@adyen/bento-vue2';\n \n export default {\n * components: { BentoInputFieldPassword },\n * template: `\n * <bento-input-field-password\n * label=\"Label\"\n * error-message=\"Error\"\n * :validation=\"{\n * extendDefaultValidation: true,\n * list: [\n * { label: '18 characters', key: 'minLength', validate: minLength, additionalArgs: [18] },\n * { label: 'Always true', key: 'alwaysTrue', validate: () => true },\n * { key: 'requireSpecialCharacter', disabled: true }\n * ],\n * }\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-input-field-password',\n model: { prop: 'modelValue', event: 'update:model-value' },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field-password.scss\" />\n"],"names":["BentoInputFieldPasswordType","BentoInputFieldPasswordType2","BentoInputFieldPasswordDefaultRule","BentoInputFieldPasswordDefaultRule2","CapsLockIcon","stringifyValue","value","minLength","length","requireLowercase","requireUppercase","requireNumeric","requireSpecialCharacter","MIN_PASSWORD_LENGTH","DEBOUNCE_DURATION","DEBOUNCE_MAX_WAIT","TOOLTIP_TIMEOUT","__default__","messages","t","n","useI18n","props","__props","emit","__emit","attrs","useAttrs","inputType","ref","inputValue","isHintDisplayed","isTouched","passwordValidity","errorsList","capsLockTooltipTimeoutID","isTooltipDisplayed","inputFieldPasswordRef","inputFieldPasswordInputRef","inputFieldPasswordCapsLockIconRef","isCapsLockOn","provide","INPUT_FIELD_PARENT_COMPONENT_INJECTION_KEY","onFocusOut","event","container","checkValidity","emitValue","useFormFieldEmits","validationListId","generateUid","validationPopoverId","isPasswordReadable","computed","passwordValidityConditionalClass","validity","tooltipConditionalClass","inputFieldArgs","hasValidations","computedValidations","defaultValidationList","validationList","defaultValidationKeys","rule","customRuleKeys","customValidationList","customRule2","computedValidationList","hasErrors","validation","checkCapsLock","toggleInputType","onUpdateModelValue","onFocus","onBlur","rulesValidityObj","validationItem","customRuleIndex","error","errorsObject","key","handleCapsLockMouseLeave","handleCapsLockMouseEnter","watch","isCapsLockOn2","watchDebounced","inputValue2"],"mappings":"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"}

package/dist/chunks/{input-field-phone-number.OJ4MG9Gf.js → input-field-phone-number.Crxi8Wm7.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { defineComponent as Re, ref as Z, provide as De, computed as J, watch as Me, openBlock as Ft, createBlock as Le, unref as ke, mergeProps as Ge, withCtx as xt, createElementBlock as Be, Fragment as je, createTextVNode as _t, toDisplayString as wt, renderSlot as Ot, nextTick as Ue } from "vue";
-import { f as He, B as Ve } from "./input-field.IyNujUZt.js";
-import { u as We } from "./index.B875RXHM.js";
+import { f as He, B as Ve } from "./input-field._keU91LW.js";
+import { u as We } from "./index.CGBfMQdv.js";
 import { u as Ke } from "./form-field.B60VsF8d.js";
-import { p as Ye } from "./typography.wIM07Hbl.js";
+import { p as Ye } from "./typography.B6elnWpr.js";
 import { a as tt, u as he } from "./use-country-phon-code.Cv5YgCOo.js";
 import { _ as Xe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import "../assets/input-field-phone-number.css";
@@ -3317,4 +3317,4 @@ export {
   S1 as B,
   M1 as i
 };
-//# sourceMappingURL=input-field-phone-number.OJ4MG9Gf.js.map
+//# sourceMappingURL=input-field-phone-number.Crxi8Wm7.js.map