@adyen/bento-vue3 1.47.0 → 1.48.0

package/dist/chunks/get-slot-text.D5WBGjic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-slot-text.D5WBGjic.js","sources":["../../../vue2/src/utils/ts/get-slot-text/get-slot-text.ts"],"sourcesContent":["import { isVue2 } from 'vue-demi';\nimport type { Slots } from 'vue/types/v3-setup-context';\n\n// TODO: remove these types when vue 2 support has been removed\ntype vue2VNode = { text?: string; children?: vue2VNode };\n\nconst getTextFromChildren = (vNode: vue2VNode[] | vue2VNode, nestedLevel: number): string => {\n    // We should not be checking for slot text more than 5 layers. If we are end the recursion.\n    if (nestedLevel > 5) {\n        return '';\n    }\n    if (Array.isArray(vNode)) {\n        if (isVue2 && (vNode as Array<vue2VNode>)?.[0].text) {\n            return vNode?.[0].text;\n        }\n        return getTextFromChildren(vNode?.[0].children, nestedLevel + 1);\n    }\n    return isVue2 ? (vNode as vue2VNode)?.text : vNode?.toString();\n};\n\n/**\n * Get text recursively from slot by giving slot name.\n * This recursion will only occur 5 times before the method gives up and returns an empty string.\n * @param slots - the slots provided the the component's setup function\n * @returns A function who's first parameter is the name of the slot.\n */\nexport const getSlotText = (slots: Slots) => (name: string) =>\n    getTextFromChildren(slots[name]?.() as vue2VNode[] | vue2VNode, 1);\n\nexport default getSlotText;\n"],"names":["getTextFromChildren","vNode","nestedLevel","getSlotText","slots","name","_a"],"mappings":";AAMA,MAAMA,IAAsB,CAACC,GAAgCC,MAErDA,IAAc,IACP,KAEP,MAAM,QAAQD,CAAK,IAIZD,EAAoBC,KAAA,gBAAAA,EAAQ,GAAG,UAAUC,IAAc,CAAC,IAEtBD,KAAA,gBAAAA,EAAO,YAS3CE,IAAc,CAACC,MAAiB,CAACC,MAAA;;AAC1C,SAAAL,GAAoBM,IAAAF,EAAMC,OAAN,gBAAAC,EAAA,KAAAF,IAA4C,CAAC;AAAA;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"input-field.Cx4fMIb7.js","sources":["../../../vue2/src/components/input-field/input-field.types.ts","../../../vue2/src/components/input-field/input-field.vue"],"sourcesContent":["import { BentoDropdown } from '@/components/dropdown/';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldVariant {\n    DEFAULT = 'default',\n    PAYMENT_METHOD = 'payment-method',\n    STATIC_VALUE = 'static-value',\n    DROPDOWN = 'dropdown',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldElementPosition {\n    START = 'start',\n    END = 'end',\n}\n\nexport enum BentoInputFieldStateClass {\n    CONDENSED = 'condensed',\n    DISABLED = 'disabled',\n    READONLY = 'readonly',\n    ERROR = 'error',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoInputFieldType {\n    SEARCH = 'search',\n    TEXT = 'text',\n    NUMBER = 'number',\n}\n\nexport type BentoInputFieldValue = string | number;\n\ntype DropdownProps = InstanceType<typeof BentoDropdown>['$props'];\nexport type BentoInputDropdownProps = {\n    items: DropdownProps['items'];\n    value: DropdownProps['value'];\n    dynamicFiltering?: DropdownProps['dynamicFiltering'];\n    'aria-label'?: string;\n};\n\n/**\n * @deprecated The use of these enums is no longer supported.\n * Use `v-on:` or `@` to listen to the events being emitted.\n * This enum will be removed in 2.0.\n */\nexport enum BentoInputFieldEvent {\n    INPUT = 'input',\n    ESCAPE_PRESSED = 'escape-pressed',\n    UPDATE_DROPDOWN = 'update:dropdown',\n    DROPDOWN_INPUT = 'dropdown-input',\n    FOCUS = 'focus',\n    CHANGE = 'change',\n    BLUR = 'blur',\n    KEYDOWN = 'keydown',\n}\n","<template>\n    <bento-typography\n        class=\"b-input-field\"\n        data-testid=\"input-text-container\"\n        :class=\"inputFieldConditionalClasses\"\n        el=\"div\"\n        variant=\"body\"\n    >\n        <field-label\n            v-if=\"hasSlot('default')\"\n            :for=\"inputFieldId\"\n            data-testid=\"input-field-label\"\n            :tooltip-text=\"tooltipText\"\n            :optional=\"optional\"\n            :required=\"required\"\n            @click=\"focusInput\"\n        >\n            <slot></slot>\n        </field-label>\n\n        <div class=\"b-input-field__input-box\" data-testid=\"input-box\" :aria-disabled=\"disabled\" @click=\"focusInput\">\n            <!-- Optional Icon for Default text variant -->\n            <span\n                v-if=\"isDefaultVariant && (hasSlot('defaultIconBefore') || hasSlot('iconBefore'))\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-before\"\n            >\n                <slot v-if=\"hasSlot('iconBefore')\" name=\"iconBefore\" />\n                <slot v-if=\"hasSlot('defaultIconBefore') && !hasSlot('iconBefore')\" name=\"defaultIconBefore\" />\n            </span>\n\n            <!-- Mandatory Icon for Payment Method variant -->\n            <span\n                v-if=\"isPaymentMethodVariant && hasSlot('paymentMethod')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__payment-method\"\n            >\n                <slot name=\"paymentMethod\" />\n            </span>\n\n            <!-- Dropdown at start -->\n            <div\n                v-if=\"shouldDisplayDropdownAtStart\"\n                :id=\"dropdownId\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--start\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onDropdownInput\"\n                />\n            </div>\n\n            <!-- Static Value at start -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtStart\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--start\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n            <div class=\"b-input-field__input-container\">\n                <input\n                    :id=\"inputFieldId\"\n                    v-bind=\"attrs\"\n                    ref=\"inputFieldElement\"\n                    class=\"b-input-field__input\"\n                    :aria-label=\"computedAriaLabel\"\n                    :aria-describedby=\"computedAriaDescribedBy\"\n                    :aria-owns=\"computedAriaOwns\"\n                    :aria-invalid=\"shouldShowError\"\n                    :placeholder=\"placeholder\"\n                    :type=\"type\"\n                    :value=\"value\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onInput\"\n                    @change=\"emit('change')\"\n                    @focus=\"onFocus\"\n                    @blur=\"onBlur\"\n                    @keydown=\"emit('keydown', $event)\"\n                    @keyup=\"emit('keyup', $event)\"\n                    @keydown.esc=\"emit('escape-pressed')\"\n                />\n\n                <!-- Hint at the end -->\n                <bento-typography v-if=\"hint && isFocused && value\" el=\"span\" class=\"b-input-field__hint\">\n                    {{ hint }}\n                </bento-typography>\n            </div>\n\n            <span\n                v-if=\"hasSlot('iconAfter')\"\n                :aria-hidden=\"ariaHidden ? 'true' : undefined\"\n                class=\"b-input-field__icon-after\"\n                data-testid=\"input-text__icon-after\"\n            >\n                <slot name=\"iconAfter\" />\n            </span>\n\n            <!-- Static Value at the end -->\n            <bento-typography\n                v-if=\"shouldDisplayStaticValueAtEnd\"\n                :id=\"staticValueId\"\n                class=\"b-input-field__static-value b-input-field__static-value--end\"\n                el=\"span\"\n                variant=\"body\"\n            >\n                <slot name=\"staticValue\" />\n            </bento-typography>\n\n            <!-- Dropdown at end -->\n            <div\n                v-if=\"shouldDisplayDropdownAtEnd\"\n                :id=\"dropdownId\"\n                data-testid=\"input-field-dropdown-container-end\"\n                class=\"b-input-field__dropdown b-input-field__dropdown--end\"\n                @click.stop\n            >\n                <bento-dropdown\n                    v-if=\"dropdown\"\n                    :id=\"dropdownId\"\n                    ref=\"inputDropdownElement\"\n                    v-bind=\"inputFieldDropdownProps\"\n                    :disabled=\"disabled\"\n                    :readonly=\"isReadOnly\"\n                    @input=\"onDropdownInput\"\n                />\n            </div>\n        </div>\n\n        <error-message\n            v-if=\"shouldShowError && !!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-input-field__error-message\"\n        />\n\n        <span v-if=\"hasSlot('description')\" :id=\"descriptionId\" class=\"b-input-field__description\" @click=\"focusInput\">\n            <bento-typography el=\"span\" variant=\"body\">\n                <slot id=\"description\" name=\"description\" />\n            </bento-typography>\n        </span>\n    </bento-typography>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, inject, PropType, provide, Ref, ref, toRef, toRefs, useAttrs, useSlots } from 'vue';\n\n    // Components\n    import { BentoDropdown } from '@/components/dropdown';\n    import { BentoTypography } from '@/components/typography';\n    import { ErrorMessage, FieldLabel } from '@/internal';\n\n    // Utils\n    import { deprecate } from '@/utils/ts/deprecate';\n    import { generateUid } from '@/core/utils/ts';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import {\n        INPUT_FIELD_COMPONENT_INJECTION_KEY,\n        INPUT_FIELD_HINT_INJECTION_KEY,\n    } from '@/components/input-field/input-field.keys';\n\n    // Composables\n    import { useFormLayoutFieldLoading, useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        BentoInputDropdownProps,\n        BentoInputFieldElementPosition,\n        BentoInputFieldStateClass,\n        BentoInputFieldType,\n        BentoInputFieldValue,\n        BentoInputFieldVariant,\n    } from './input-field.types';\n    import { BentoListboxSelectedValue } from '@/types';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const attrs = useAttrs();\n    const slots = useSlots();\n\n    const props = defineProps({\n        /**\n         * Indicates whether the element is exposed to an accessibility API.\n         */\n        ariaHidden: { type: Boolean, default: true },\n\n        /**\n         * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n         */\n        /**\n         * Text that labels an the input element\n         */\n        ariaLabel: { type: String, default: undefined },\n\n        /**\n         * Reduces height of the input\n         */\n        condensed: { type: Boolean, default: false },\n\n        /**\n         * Disables the possibility of changing value in the input-field\n         */\n        disabled: { type: Boolean, default: false },\n\n        /**\n         * Dropdown props for the small selectable dropdown menu.\n         * Properties supported:\n         *\n         *  - `value`: Selected value of the dropdown\n         *  - `items`: List of available items\n         *  - `aria-label`: Text that labels the dropdown element\n         *\n         */\n        dropdown: {\n            type: Object as PropType<BentoInputDropdownProps>,\n            default: undefined,\n        },\n\n        /**\n         * Position of the dropdown before or after input value\n         */\n        dropdownPosition: {\n            type: String as PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>,\n            default: BentoInputFieldElementPosition.START,\n            validator: (value: BentoInputFieldElementPosition) =>\n                Object.values(BentoInputFieldElementPosition).includes(value),\n        },\n\n        /**\n         * Adds error validation class for outlining input-field.\n         *\n         * @deprecated Use \"errorMessage\" prop instead\n         */\n        error: { type: Boolean, default: false },\n\n        /**\n         * Renders input-field with an error state and the error message beneath the input box\n         */\n        errorMessage: { type: String, default: null },\n\n        /**\n         * Highlights the dropdown is optional.\n         */\n        optional: { type: Boolean, default: false },\n\n        /**\n         * Text displayed as the placeholder of the input-field\n         */\n        placeholder: { type: String, default: '' },\n\n        /**\n         * Highlights the dropdown is required.\n         */\n        required: { type: Boolean, default: false },\n\n        /**\n         * Setting this property to true will set the input field to read only state.\n         */\n        readonly: { type: Boolean, default: false },\n\n        /**\n         * Static text that displayed before or after input value\n         * Applicable to the Static Value variant\n         */\n        staticValue: { type: String, default: '' },\n\n        /**\n         * Position of Static Value before or after input value\n         */\n        staticValuePosition: {\n            type: String as PropType<BentoInputFieldElementPosition | `${BentoInputFieldElementPosition}`>,\n            default: BentoInputFieldElementPosition.START,\n            validator: (value: BentoInputFieldElementPosition) =>\n                Object.values(BentoInputFieldElementPosition).includes(value),\n        },\n\n        /**\n         * Adds a info icon next to the label to display the passed tooltip message.\n         */\n        tooltipText: { type: String, default: null },\n\n        /**\n         * A string specifying the type of control to render.\n         * All `input` types are available but only `search`, `text` and `number` are fully supported.\n         *\n         * If `type` is `search`, use `bento-search-bar` instead.\n         */\n        type: {\n            type: String as PropType<BentoInputFieldType | `${BentoInputFieldType}` | HTMLInputElement['type']>,\n            default: BentoInputFieldType.TEXT,\n        },\n\n        /**\n         * Text displayed as the value of the input-field\n         */\n        value: { type: [String, Number] as PropType<BentoInputFieldValue>, default: undefined },\n\n        /**\n         * Describes the different variants for the input element\n         */\n        variant: {\n            type: String as PropType<BentoInputFieldVariant | `${BentoInputFieldVariant}`>,\n            default: BentoInputFieldVariant.DEFAULT,\n            validator: (value: BentoInputFieldVariant) => Object.values(BentoInputFieldVariant).includes(value),\n        },\n    });\n\n    const emit = defineEmits<{\n        /**\n         * Emitted when the Input Field's internal dropdown changes it's value. Contains every dropdown prop passed with the updated selected value as 'value'\n         */\n        (e: 'update:dropdown', updatedDropdownProps: BentoInputDropdownProps): void;\n\n        /**\n         * Emitted when the element has lost focus\n         */\n        (e: 'blur'): void;\n\n        /**\n         * Emitted when the user modifies the element's value. Unlike the 'input' event, the change event is not necessarily fired for each alteration to an element's value\n         */\n        (e: 'change'): void;\n\n        /**\n         * Emitted when the Input Field's internal dropdown changes it's value\n         */\n        (e: 'dropdown-input', selectedValue: BentoListboxSelectedValue): void;\n\n        /**\n         * Emitted when the \"ESC\" key is pressed\n         */\n        (e: 'escape-pressed'): void;\n\n        /**\n         * Emitted when the element has received focus\n         */\n        (e: 'focus'): void;\n\n        /**\n         * Emitted when a key is pressed down\n         */\n        (e: 'keydown', event: KeyboardEvent): void;\n\n        /**\n         * Emitted when a key is pressed and lifted up\n         */\n        (e: 'keyup', event: KeyboardEvent): void;\n\n        /**\n         * Emitted when the component's model changes\n         */\n        (e: 'input', inputValue: string): void;\n    }>();\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n    const hasSlot = useHasSlot(slots);\n    const inputFieldElement = ref(null);\n    const inputDropdownElement = ref(null);\n    const inputFieldId = generateUid('input');\n    const dropdownId = generateUid('input-dropdown');\n    const staticValueId = generateUid('input-static-value');\n    const descriptionId = generateUid('input-description');\n    const errorId = generateUid('input-error');\n    const isFocused = ref(false);\n\n    // Provide INPUT_FIELD_COMPONENT_INJECTION_KEY as true, to set the input only dropdown size variant in the BentoDropdown comp\n    provide(INPUT_FIELD_COMPONENT_INJECTION_KEY, true);\n    // Renders the input with a hint if a string is provided\n    const hint = inject<Ref<string | undefined>>(INPUT_FIELD_HINT_INJECTION_KEY, ref(undefined));\n\n    const onFocus = () => {\n        isFocused.value = true;\n        emit('focus');\n    };\n\n    const onBlur = () => {\n        isFocused.value = false;\n        emit('blur');\n    };\n\n    const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n    const shouldShowStaticValue = computed(\n        () => props.variant === BentoInputFieldVariant.STATIC_VALUE && !!slots.staticValue\n    );\n\n    const isDefaultVariant = computed(() => props.variant === BentoInputFieldVariant.DEFAULT);\n\n    const isPaymentMethodVariant = computed(() => props.variant === BentoInputFieldVariant.PAYMENT_METHOD);\n\n    const shouldDisplayStaticValueAtStart = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayStaticValueAtEnd = computed(\n        () => shouldShowStaticValue.value && props.staticValuePosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowDropdown = computed(() => props.variant === BentoInputFieldVariant.DROPDOWN && !!props.dropdown);\n    const shouldDisplayDropdownAtStart = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.START\n    );\n    const shouldDisplayDropdownAtEnd = computed(\n        () => shouldShowDropdown.value && props.dropdownPosition === BentoInputFieldElementPosition.END\n    );\n\n    const shouldShowError = computed(\n        () => !props.disabled && !isReadOnly.value && (!!props.errorMessage || props.error)\n    );\n\n    const computedAriaOwns = computed(() => {\n        if (shouldShowDropdown.value === true && shouldShowStaticValue.value === true) {\n            return `${staticValueId} ${dropdownId}`;\n        }\n        if (shouldShowDropdown.value === true) {\n            return `${dropdownId}`;\n        }\n        if (shouldShowStaticValue.value === true) {\n            return `${staticValueId}`;\n        }\n        return null;\n    });\n\n    // vue-i18n issue with t() used in script - direct usage in template works\n    // requires either createI18n({ legacy: false }) or to be wrapped in computed()\n    const computedAriaLabelFallbackMessage = computed(() => t('ariaLabelFallback'));\n    const computedAriaLabelDropdowFallback = computed(() =>\n        t('ariaLabelDropdownFallback', { inputLabel: computedAriaLabel.value })\n    );\n\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n        defaultFallback: hasSlot('default')\n            ? (getSlotText(slots)('default') as string)\n            : computedAriaLabelFallbackMessage,\n    });\n\n    const computedAriaDescribedBy = computed(\n        () =>\n            `${hasSlot('description') ? descriptionId : ''} ${\n                shouldShowError.value && !!props.errorMessage ? errorId : ''\n            }`\n    );\n\n    const inputFieldConditionalClasses = computed(() => ({\n        [`b-input-field--${BentoInputFieldStateClass.CONDENSED}`]: props.condensed,\n        [`b-input-field--${BentoInputFieldStateClass.DISABLED}`]: props.disabled,\n        [`b-input-field--${BentoInputFieldStateClass.READONLY}`]: isReadOnly.value,\n        [`b-input-field--${BentoInputFieldStateClass.ERROR}`]: shouldShowError.value,\n    }));\n\n    const inputFieldDropdownProps = computed(() => ({\n        'aria-label': computedAriaLabelDropdowFallback.value,\n        ...props.dropdown,\n    }));\n\n    const onInput = (event: Event) => {\n        const inputValue = (event.target as HTMLInputElement).value;\n        if (!props.disabled && !isReadOnly.value) {\n            emit('input', inputValue);\n        }\n    };\n\n    const onDropdownInput = (selectedValue: BentoListboxSelectedValue) => {\n        emit('dropdown-input', selectedValue);\n        emit('update:dropdown', { ...props?.dropdown, value: selectedValue });\n    };\n\n    const focusInput = () => {\n        inputFieldElement.value.focus();\n    };\n\n    const focus = () => {\n        if (props.variant === 'dropdown') {\n            inputDropdownElement.value.focus();\n        } else {\n            focusInput();\n        }\n    };\n\n    // Expose method so that other components can focus on it in Vue3\n    defineExpose({\n        focusInput,\n        focus,\n    });\n\n    if (!Object.values(BentoInputFieldType).includes(props.type as BentoInputFieldType)) {\n        printDevelopmentWarning(`\"bento-input-field\" dropdown does not support the type ${props.type}`);\n    }\n\n    /**\n     * Deprecations\n     */\n    if (props.error) {\n        deprecate(\n            'BentoInputField \"error\" property',\n            `Use the BentoInputField \"errorMessage\" property instead to indicate that there is a modifier error.\n            Having the field as \"undefined\" will hide/remove the error.\n            <bento-dropdown errorMessage=\"Error message text\" />`,\n            '2.0.0'\n        );\n    }\n\n    if (hasSlot('defaultIconBefore')) {\n        deprecate(\n            'BentoInputField \"defaultIconBefore\" slot',\n            `Use the BentoInputField \"iconBefore\" slot instead to add an icon at the left side of the input field\n            <bento-input-field>\n              \\t<template #iconBefore>\n                \\t\\t<my-icon-goes-here />\n              \\t</template>\n            </bento-input-field>`,\n            '2.0.0'\n        );\n    }\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Input field component is used to create interactive controls for web-based\n     * forms in order to accept data from the user.\n     *\n     * @example\n     * import { BentoInputField } from '@adyen/bento-vue2'\n     *\n     * const inputValue = ref('');\n     *\n     * export default {\n     *      components: { BentoInputField },\n     *      tempate: `\n     *          <bento-input-field\n     *              :value=\"inputValue\"\n     *              :input=\"newValue => inputValue.value = newValue\"\n     *          >\n     * }\n     */\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./input-field.scss\" />\n"],"names":["BentoInputFieldVariant","BentoInputFieldVariant2","BentoInputFieldElementPosition","BentoInputFieldElementPosition2","BentoInputFieldStateClass","BentoInputFieldStateClass2","BentoInputFieldType","BentoInputFieldType2","BentoInputFieldEvent","BentoInputFieldEvent2","__default__","messages","attrs","useAttrs","slots","useSlots","props","__props","emit","__emit","t","useI18n","hasSlot","useHasSlot","inputFieldElement","ref","inputDropdownElement","inputFieldId","generateUid","dropdownId","staticValueId","descriptionId","errorId","isFocused","provide","INPUT_FIELD_COMPONENT_INJECTION_KEY","hint","inject","INPUT_FIELD_HINT_INJECTION_KEY","onFocus","onBlur","isReadOnly","useFormLayoutFieldLoading","toRef","shouldShowStaticValue","computed","isDefaultVariant","isPaymentMethodVariant","shouldDisplayStaticValueAtStart","shouldDisplayStaticValueAtEnd","shouldShowDropdown","shouldDisplayDropdownAtStart","shouldDisplayDropdownAtEnd","shouldShowError","computedAriaOwns","computedAriaLabelFallbackMessage","computedAriaLabelDropdowFallback","computedAriaLabel","ariaLabelAttribute","ariaLabel","toRefs","useAriaLabel","getSlotText","computedAriaDescribedBy","inputFieldConditionalClasses","inputFieldDropdownProps","onInput","event","inputValue","onDropdownInput","selectedValue","focusInput","__expose","printDevelopmentWarning","deprecate"],"mappings":"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"}

package/dist/chunks/segmented-control.BIwBQ8i3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-control.BIwBQ8i3.js","sources":["../../../vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue","../../../vue2/src/components/segmented-control/segmented-control.vue"],"sourcesContent":["<template>\n    <div class=\"b-segmented-control-button\" :class=\"conditionalClasses\">\n        <input\n            :id=\"segmentedControlButtonId\"\n            :aria-checked=\"isChecked\"\n            :aria-label=\"label\"\n            :checked=\"isChecked\"\n            :disabled=\"disabled\"\n            :value=\"value\"\n            type=\"radio\"\n            class=\"b-segmented-control-button__input\"\n            role=\"radio\"\n            @change=\"onClick\"\n        />\n        <label v-if=\"label\" :for=\"segmentedControlButtonId\" class=\"b-segmented-control-button__label-container\">\n            <bento-typography\n                ref=\"segmentedControlButtonLabel\"\n                class=\"b-segmented-control-button__label\"\n                el=\"span\"\n                variant=\"body\"\n                stronger\n            >\n                {{ label }}\n            </bento-typography>\n        </label>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoTypography } from '@/components/typography';\n    import { generateUid } from '@/core/utils/ts';\n    import { computed, ComputedRef, ref } from 'vue';\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Disable the radio button (optional)\n             */\n            disabled?: boolean;\n\n            /**\n             * Renders the button with a 100% width\n             */\n            fullWidth?: boolean;\n\n            /**\n             * The string the button will showcase\n             */\n            label: string;\n\n            /**\n             * This property should not be used directly.\n             * It will be used by v-model directive on the segmented control component\n             */\n            modelValue?: string | number;\n\n            /**\n             * Renders the button with a truncated text if the space is not enough to render the whole content\n             */\n            truncate?: boolean;\n\n            /**\n             * Indicates the value of the input that will be returned when it's selected\n             */\n            value: string | number;\n\n            /**\n             * Renders the button with centered text in case the text has to wrap multiple lines\n             */\n            wrap?: boolean;\n        }>(),\n        {\n            disabled: false,\n            fullWidth: false,\n            modelValue: null,\n            truncate: false,\n            wrap: false,\n        }\n    );\n\n    const emit = defineEmits<{\n        /**\n         * Emitted every time the segmented control internal value is changed\n         */\n        (e: 'update:model-value', value: string | number);\n    }>();\n\n    const segmentedControlButtonLabel = ref();\n    const segmentedControlButtonId = generateUid('segmented-control-button');\n    const isChecked: ComputedRef<boolean> = computed(() => props.value === props.modelValue);\n    const conditionalClasses = computed(() => ({\n        'b-segmented-control-button--hug-content': !props.fullWidth,\n        'b-segmented-control-button--full-width': props.fullWidth,\n        'b-segmented-control-button--truncate': props.truncate,\n        'b-segmented-control-button--wrap': props.wrap && !props.truncate,\n    }));\n    const onClick = () => {\n        if (!props.disabled) {\n            emit('update:model-value', props.value);\n        }\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Internal component to be used within the BentoSegmentedControl component only\n     */\n    export default {\n        name: 'bento-segmented-control-button',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./segmented-control-button.scss\" />\n","<template>\n    <div ref=\"segmentedControlRef\" role=\"group\" class=\"b-segmented-control\" :class=\"conditionalClasses\">\n        <segmented-control-button\n            v-for=\"(item, index) in computedItems\"\n            ref=\"segmentedControlButtonRef\"\n            :key=\"`segmented-control-item-${index}-${item.label}`\"\n            v-bento-tooltip-directive=\"item.tooltipText\"\n            class=\"b-segmented-control__item\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n            :disabled=\"item.disabled\"\n            :truncate=\"truncate\"\n            :wrap=\"wrap\"\n            :full-width=\"fullWidth\"\n            :model-value=\"inputValue\"\n            @update:model-value=\"onInput\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, ref, toRef, watch } from 'vue';\n    import SegmentedControlButton from './components/segmented-control-button/segmented-control-button.vue';\n    import { BentoSegmentedControlItem } from './segmented-control.types';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives';\n\n    const emit = defineEmits<{\n        /**\n         * Emitted every time the segmented control internal value is changed\n         */\n        (e: 'update:model-value', value: any);\n    }>();\n\n    const props = withDefaults(\n        defineProps<{\n            /**\n             * Accessible name describing the segmented control.\n             * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n             */\n            ariaLabel?: string;\n\n            /**\n             * If set to true, renders the component full width.\n             */\n            fullWidth?: boolean;\n\n            /**\n             * Items that will populate the segmented control.\n             */\n            items: BentoSegmentedControlItem[];\n\n            /**\n             * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.\n             */\n            modelValue: string | number;\n\n            /**\n             * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.\n             */\n            wrap?: boolean;\n        }>(),\n        {\n            ariaLabel: null,\n            fullWidth: false,\n            wrap: false,\n        }\n    );\n\n    const inputValue = toRef(props, 'modelValue');\n\n    const segmentedControlRef = ref();\n    const segmentedControlButtonRef = ref();\n    const hasEllipsis = ref();\n\n    const truncate = computed(() => !props.wrap);\n\n    watch(\n        () => props.items,\n        () => {\n            if (props.items.length > 5) {\n                printDevelopmentWarning(\n                    'Do not use when you need to provide more than 5 segments at a time. If you need to provide more options, use a dropdown component.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n\n    onMounted(() => {\n        observeSizeOfElement(segmentedControlRef.value, () => {\n            if (segmentedControlRef.value) {\n                hasEllipsis.value = segmentedControlButtonRef?.value?.map(\n                    el =>\n                        el.$refs.segmentedControlButtonLabel.$el.offsetWidth <\n                        el.$refs.segmentedControlButtonLabel.$el.scrollWidth\n                );\n            }\n        });\n    });\n\n    const computedItems = computed(() =>\n        props.items.map((el, index) => ({\n            ...el,\n            tooltipText: truncate.value && hasEllipsis?.value?.[index] ? el.label : undefined,\n        }))\n    );\n\n    const onInput = value => {\n        emit('update:model-value', value);\n    };\n\n    const conditionalClasses = computed(() => ({\n        'b-segmented-control--hug': !props.fullWidth,\n        'b-segmented-control--full-width': props.fullWidth,\n        'b-segmented-control--truncate': truncate.value,\n        'b-segmented-control--wrap': props.wrap,\n    }));\n</script>\n\n<script lang=\"ts\">\n    /**\n     * @example\n     * import { BentoSegmentedControl } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSegmentedControl },\n     *     template: `\n     *          <bento-segmented-control\n     *              :items=\"[{ label: 'Segment 1', value: 1 }, { label: 'Segment 2', value: 2 }, { label: 'Segment 3', value: 3, disabled: true }]\"\n     *              :model-value=\"1\"\n     *              @update:model-value=\"yourUpdateHandler\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-segmented-control',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./segmented-control.scss\" />\n"],"names":["__default__$1","props","__props","emit","__emit","segmentedControlButtonLabel","ref","segmentedControlButtonId","generateUid","isChecked","computed","conditionalClasses","onClick","__default__","inputValue","toRef","segmentedControlRef","segmentedControlButtonRef","hasEllipsis","truncate","watch","printDevelopmentWarning","onMounted","observeSizeOfElement","_a","el","computedItems","index","onInput","value"],"mappings":";;;;;;;;6FA2GIA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;;;AA5EA,UAAAC,IAAAC,GA+CAC,IAAAC,GAOAC,IAAAC,EAAA,GACAC,IAAAC,EAAA,0BAAA,GACAC,IAAAC,EAAA,MAAAT,EAAA,UAAAA,EAAA,UAAA,GACAU,IAAAD,EAAA,OAAA;AAAA,MAA2C,2CAAA,CAAAT,EAAA;AAAA,MACW,0CAAAA,EAAA;AAAA,MACF,wCAAAA,EAAA;AAAA,MACF,oCAAAA,EAAA,QAAA,CAAAA,EAAA;AAAA,IACW,EAAA,GAE7DW,IAAA,MAAA;AACI,MAAAX,EAAA,YACIE,EAAA,sBAAAF,EAAA,KAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kECsCJY,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;AA/GA,UAAAV,IAAAC,GAOAH,IAAAC,GAmCAY,IAAAC,EAAAd,GAAA,YAAA,GAEAe,IAAAV,EAAA,GACAW,IAAAX,EAAA,GACAY,IAAAZ,EAAA,GAEAa,IAAAT,EAAA,MAAA,CAAAT,EAAA,IAAA;AAEA,IAAAmB;AAAA,MAAA,MAAAnB,EAAA;AAAA,MACgB,MAAA;AAER,QAAAA,EAAA,MAAA,SAAA,KACIoB;AAAA,UAAA;AAAA,QACI;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB,GAGtBC,EAAA,MAAA;AACI,MAAAC,EAAAP,EAAA,OAAA,MAAA;;AACI,QAAAA,EAAA,UACIE,EAAA,SAAAM,IAAAP,KAAA,gBAAAA,EAAA,UAAA,gBAAAO,EAAA;AAAA,UAAsD,CAAAC,MAAAA,EAAA,MAAA,4BAAA,IAAA,cAAAA,EAAA,MAAA,4BAAA,IAAA;AAAA;AAAA,MAK1D,CAAA;AAAA,IACH,CAAA;AAGL,UAAAC,IAAAhB;AAAA,MAAsB,MAAAT,EAAA,MAAA,IAAA,CAAAwB,GAAAE,MAAA;;AAAA;AAAA,UACc,GAAAF;AAAA,UACzB,aAAAN,EAAA,WAAAK,IAAAN,KAAA,gBAAAA,EAAA,UAAA,QAAAM,EAAAG,MAAAF,EAAA,QAAA;AAAA,QACqE;AAAA,OAAA;AAAA,IAC1E,GAGNG,IAAA,CAAAC,MAAA;AACI,MAAA1B,EAAA,sBAAA0B,CAAA;AAAA,IAAgC,GAGpClB,IAAAD,EAAA,OAAA;AAAA,MAA2C,4BAAA,CAAAT,EAAA;AAAA,MACJ,mCAAAA,EAAA;AAAA,MACM,iCAAAkB,EAAA;AAAA,MACC,6BAAAlB,EAAA;AAAA,IACP,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/status.types.DsYAH3RM.js

@@ -1,45 +0,0 @@
-import { defineComponent as l, computed as c, createElementBlock as n, openBlock as _, createElementVNode as s, createVNode as d, normalizeClass as p, unref as i, withCtx as f, renderSlot as u } from "vue";
-import { B as b } from "./typography.DN5eC5ch.js";
-import { _ as m } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import "../assets/status.css";
-const v = {
-  class: "b-status",
-  role: "status"
-}, h = { class: "b-status__indicator-wrapper" }, y = {
-  name: "bento-status"
-}, g = /* @__PURE__ */ l({
-  ...y,
-  props: {
-    variant: {}
-  },
-  setup(e) {
-    const o = e, r = c(() => ({
-      [`b-status__indicator--${o.variant}`]: !0
-    }));
-    return (a, C) => (_(), n("div", v, [
-      s("div", h, [
-        s("span", {
-          class: p(["b-status__indicator", r.value]),
-          role: "presentation"
-        }, null, 2)
-      ]),
-      d(i(b), {
-        class: "b-status__label",
-        el: "span",
-        variant: "body"
-      }, {
-        default: f(() => [
-          u(a.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), w = /* @__PURE__ */ m(g, [["__scopeId", "data-v-ffd48f8e"]]);
-var t = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GREEN = "green", e.GREY = "grey", e.ORANGE = "orange", e.RED = "red", e.YELLOW = "yellow", e))(t || {});
-const x = { ...t };
-export {
-  x as B,
-  w as s
-};
-//# sourceMappingURL=status.types.DsYAH3RM.js.map

package/dist/chunks/summary-grid-item-custom.C8AD1NAh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-grid-item-custom.C8AD1NAh.js","sources":["../../../vue2/src/components/summary-grid/summary-grid.vue","../../../vue2/src/components/summary-grid/summary-grid.types.ts","../../../vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.types.ts","../../../vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue","../../../vue2/src/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue"],"sourcesContent":["<template>\n    <div class=\"b-summary-grid\">\n        <grid-layout\n            v-for=\"index in numberOfRows\"\n            :key=\"`summary-grid-row-${index}`\"\n            :data-testid=\"`summary-grid-row-${index}`\"\n            :column-width=\"columnWidth?.[`row${index}`]\"\n        >\n            <template v-if=\"hasSlot(`cell-${index}-1`)\" #col-1>\n                <slot :name=\"`cell-${index}-1`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-2`)\" #col-2>\n                <slot :name=\"`cell-${index}-2`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-3`)\" #col-3>\n                <slot :name=\"`cell-${index}-3`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-4`)\" #col-4>\n                <slot :name=\"`cell-${index}-4`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-5`)\" #col-5>\n                <slot :name=\"`cell-${index}-5`\" />\n            </template>\n            <template v-if=\"hasSlot(`cell-${index}-6`)\" #col-6>\n                <slot :name=\"`cell-${index}-6`\" />\n            </template>\n        </grid-layout>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType, provide } from 'vue';\n    import { BentoSummaryGridColumnWidth, BentoSummaryGridLayout } from './summary-grid.types';\n    import { GridLayout } from '@/components/internal';\n    import { useHasSlot } from '@/composables';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n\n    /**\n     * A summary grid component that displays a collection items.\n     *\n     * @example\n     * import { BentoSummaryGrid, BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGrid, BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid>\n     *             <template #cell-2-2>\n     *                <bento-summary-grid-item-amount\n     *                   title=\"Text Item\"\n     *                   label=\"14\"\n     *                   info-icon-tooltip-text=\"text for icon\"\n     *                   copy=\"copy this to clipboard\"\n     *                />\n     *             </template>\n     *          </bento-summary-grid>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid',\n        components: { GridLayout },\n        props: {\n            /**\n             * Sets the responsive columns widths values for 1 of the 3 rows.\n             */\n            columnWidth: {\n                type: Object as PropType<BentoSummaryGridColumnWidth>,\n                default: null,\n            },\n        },\n\n        setup(_props, { slots }) {\n            let numberOfRows = 1;\n            if (slots) {\n                const slotRows = Object.keys(slots)\n                    ?.filter(slotName => slotName.includes('cell-'))\n                    ?.map(slotName => parseInt(slotName.split('-')?.[1], 10));\n                numberOfRows = Math.max(...slotRows);\n                if (numberOfRows > 3) {\n                    throw new Error(\n                        'BentoSummaryGrid must only have a maximum of 3 rows. Read the documentation for more information.'\n                    );\n                }\n            }\n\n            const registerComponentsInSummaryGrid: BentoSummaryGridLayout = () => {\n                const isSummaryGridLayout = true;\n\n                return { isSummaryGridLayout };\n            };\n\n            provide(SUMMARY_GRID_LAYOUT_INJECTION_KEY, registerComponentsInSummaryGrid);\n\n            return {\n                hasSlot: useHasSlot(slots),\n                numberOfRows,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid.scss\" />\n","import { GridLayoutColumnWidths } from '@/components/internal/grid-layout/grid-layout.types';\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemSize {\n    SMALL = 'small',\n    MEDIUM = 'medium',\n    LARGE = 'large',\n}\n\n/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoSummaryGridItemTrendDirection {\n    POSITIVE = 'positive',\n    NEGATIVE = 'negative',\n    NEUTRAL = 'neutral',\n}\n\nexport interface BentoSummaryGridColumnWidth {\n    row1: GridLayoutColumnWidths;\n    row2?: GridLayoutColumnWidths;\n    row3?: GridLayoutColumnWidths;\n}\n\nexport type BentoSummaryGridLayout = () => {\n    isSummaryGridLayout: boolean;\n};\n","/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum SummaryGridItemType {\n    AMOUNT = 'amount',\n    PERCENTAGE = 'percentage',\n    NUMERIC = 'numeric',\n    TEXT = 'text',\n    CUSTOM = 'custom',\n}\n","<template>\n    <div class=\"b-summary-grid-item\" :style=\"computedStyles\">\n        <div class=\"b-summary-grid-item__header\">\n            <bento-typography class=\"b-summary-grid-item__title\" el=\"span\" variant=\"body\">\n                {{ title }}\n            </bento-typography>\n            <div class=\"b-summary-grid-item__title-icons\">\n                <copy v-if=\"copy\" class=\"b-structured-list__icon\" :text=\"copy\" />\n\n                <bento-info-icon\n                    v-if=\"infoIconTooltipText\"\n                    :tooltip-text=\"infoIconTooltipText\"\n                    tooltip-position=\"top\"\n                    class=\"b-summary-grid-item__title-tooltip\"\n                />\n            </div>\n        </div>\n        <bento-typography\n            data-testid=\"summary-grid-item-content-typography\"\n            class=\"b-summary-grid-item__title\"\n            v-bind=\"typographyProps\"\n            el=\"span\"\n        >\n            <slot />\n            <bento-tag\n                v-if=\"trend && itemType !== 'text'\"\n                :variant=\"trendVariant\"\n                :label=\"trend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n        <bento-typography\n            v-if=\"hasSlot('secondary')\"\n            class=\"b-summary-grid-item__title\"\n            data-testid=\"summary-grid-item-secondary-metric-typography\"\n            el=\"span\"\n            variant=\"caption\"\n            stronger\n        >\n            <slot name=\"secondary\" />\n            <bento-tag\n                v-if=\"secondaryTrend\"\n                :variant=\"secondaryTrendVariant\"\n                :label=\"secondaryTrend\"\n                class=\"b-summary-grid-item__content-trend\"\n            />\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRefs } from 'vue';\n\n    // Components\n    import { BentoInfoIcon } from '@/components/info-icon';\n    import { BentoTypography, BentoTypographyVariant } from '@/components/typography';\n    import { BentoTag, BentoTagVariant } from '@/components/tag';\n    import { Copy } from '@/internal';\n\n    // Utils\n    import { useHasSlot } from '@/composables';\n\n    // Types\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItemType } from './summary-grid-item.types';\n\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'summary-grid-item',\n        components: { BentoInfoIcon, BentoTypography, BentoTag, Copy },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Applies styling based on content type\n             */\n            // TODO add text truncation for SummaryGridItemType.TEXT\n            itemType: {\n                type: String as PropType<SummaryGridItemType | `${SummaryGridItemType}`>,\n                default: SummaryGridItemType.CUSTOM,\n                validator: (value: SummaryGridItemType) => Object.values(SummaryGridItemType).includes(value),\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: { type: Boolean, default: false },\n\n            // amount, percentage and numeric props\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            // TODO implement logic for Large size\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>,\n                default: BentoSummaryGridItemSize.SMALL,\n                validator: (value: BentoSummaryGridItemSize) => Object.values(BentoSummaryGridItemSize).includes(value),\n            },\n\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Defines the color of trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n\n            /**\n             * Shows colored trend tag next to secondary metric value\n             */\n            secondaryTrend: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Defines the color of secondary trend tag\n             */\n            secondaryTrendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n        },\n        setup(props, { slots }) {\n            const { trendDirection, secondaryTrendDirection, itemType, size } = toRefs(props);\n\n            const tagVariantColor = direction => {\n                switch (direction) {\n                    case BentoSummaryGridItemTrendDirection.POSITIVE:\n                        return BentoTagVariant.GREEN;\n                    case BentoSummaryGridItemTrendDirection.NEGATIVE:\n                        return BentoTagVariant.RED;\n                    default:\n                        return BentoTagVariant.BLUE;\n                }\n            };\n\n            // TODO implement plus or minus symbol logic\n            const trendVariant = computed(() => tagVariantColor(trendDirection.value));\n            const secondaryTrendVariant = computed(() => tagVariantColor(secondaryTrendDirection.value));\n\n            const typographyContentElement = computed(() => {\n                if (size.value === BentoSummaryGridItemSize.SMALL) {\n                    return BentoTypographyVariant.BODY;\n                }\n                if (itemType.value !== SummaryGridItemType.TEXT) {\n                    return BentoTypographyVariant.TITLE;\n                }\n\n                return null;\n            });\n\n            const typographyProps = computed(() => ({\n                medium: size.value === BentoSummaryGridItemSize.LARGE,\n                strongest: size.value === BentoSummaryGridItemSize.SMALL,\n                wide: size.value === BentoSummaryGridItemSize.SMALL,\n                variant: typographyContentElement.value,\n            }));\n\n            const computedStyles = computed(() => (props.fitContent ? { width: 'fit-content' } : {}));\n\n            const summaryBarItemTrendConditionalClasses = computed(() => ({\n                [`b-summary-grid-item__content-trend--${props.trend}`]: props.trend,\n            }));\n\n            return {\n                // Values\n                trendVariant,\n                secondaryTrendVariant,\n                typographyProps,\n\n                // Styles\n                computedStyles,\n                summaryBarItemTrendConditionalClasses,\n\n                // Utils\n                hasSlot: useHasSlot(slots),\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"amount\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        class=\"b-summary-grid-item-amount\"\n    >\n        <div class=\"b-summary-grid-item-amount__content\">\n            <div>{{ label }}</div>\n            <div v-if=\"secondaryLabel\" class=\"b-summary-grid-item-amount__secondary-label\">{{ secondaryLabel }}</div>\n        </div>\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display financial data, such as currency values and monetary amounts\n     *\n     * @example\n     * import { BentoSummaryGridItemAmount } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemAmount },\n     *     template: `\n     *          <bento-summary-grid-item-amount\n     *              title=\"Your title\"\n     *              label=\"200.00 EUR\"\n     *              secondary-label=\"/ day\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-amount',\n        components: { SummaryGridItem },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Adds additional label next to amount content\n             */\n            secondaryLabel: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Amount to be shown as the secondary metric value\n             */\n            secondaryMetric: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Shows colored trend label next to main label\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n\n            /**\n             * Shows colored secondary trend tag next to the secondary metric value\n             */\n            secondaryTrend: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * Defines the direction (color) of the secondary metric's trend tag\n             */\n            secondaryTrendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>,\n                default: BentoSummaryGridItemSize.SMALL,\n                validator: (value: BentoSummaryGridItemSize) => Object.values(BentoSummaryGridItemSize).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./summary-grid-item-amount.scss\" />\n","<template>\n    <summary-grid-item\n        item-type=\"numeric\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        class=\"b-summary-grid-item-numeric\"\n    >\n        {{ label }}\n        <template v-if=\"secondaryMetric\" #secondary>\n            {{ secondaryMetric }}\n        </template>\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display any numeric information\n     *\n     * @example\n     * import { BentoSummaryGridItemNumeric } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemNumeric },\n     *     template: `\n     *          <bento-summary-grid-item-numeric\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-numeric',\n        components: { SummaryGridItem },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Amount to be shown as the secondary metric value\n             */\n            secondaryMetric: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Shows colored trend label next to main numeric content\n             */\n            trend: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n            /**\n             * Shows colored secondary trend tag next to the secondary metric value\n             */\n            secondaryTrend: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Defines the direction (color) of the secondary metric's trend tag\n             */\n            secondaryTrendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>,\n                default: BentoSummaryGridItemSize.SMALL,\n                validator: (value: BentoSummaryGridItemSize) => Object.values(BentoSummaryGridItemSize).includes(value),\n            },\n        },\n    });\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"percentage\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        :size=\"size\"\n        :trend=\"trend\"\n        :trend-direction=\"trendDirection\"\n        :secondary-trend=\"secondaryTrend\"\n        :secondary-trend-direction=\"secondaryTrendDirection\"\n        class=\"b-summary-grid-item-percentage\"\n    >\n        {{ label }}%\n        <template v-if=\"secondaryMetric\" #secondary> {{ secondaryMetric }}% </template>\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import {\n        BentoSummaryGridItemSize,\n        BentoSummaryGridItemTrendDirection,\n    } from '@/components/summary-grid/summary-grid.types';\n    import { SummaryGridItem } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display any percentage information\n     *\n     * @example\n     * import { BentoSummaryGridItemPercentage } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemPercentage },\n     *     template: `\n     *          <bento-summary-grid-item-percentage\n     *              title=\"Your title\"\n     *              label=\"123\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *              trend=\"+12%\"\n     *              trend-direction=\"neutral\"\n     *              size=\"medium\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-percentage',\n        components: { SummaryGridItem },\n        props: {\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Amount to be shown as the secondary metric value\n             */\n            secondaryMetric: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n            /**\n             * Shows colored trend label next to text content\n             */\n            trend: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Defines the direction (color) of the trend label\n             */\n            trendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n            /**\n             * Shows colored secondary trend tag next to the secondary metric value\n             */\n            secondaryTrend: {\n                type: String,\n                default: undefined,\n            },\n            /**\n             * Defines the direction (color) of the secondary metric's trend tag\n             */\n            secondaryTrendDirection: {\n                type: String as PropType<BentoSummaryGridItemTrendDirection | `${BentoSummaryGridItemTrendDirection}`>,\n                default: BentoSummaryGridItemTrendDirection.POSITIVE,\n                validator: (value: BentoSummaryGridItemTrendDirection) =>\n                    Object.values(BentoSummaryGridItemTrendDirection).includes(value),\n            },\n            /**\n             * Defines the size of the `summary-grid-item` text content\n             */\n            size: {\n                type: String as PropType<BentoSummaryGridItemSize | `${BentoSummaryGridItemSize}`>,\n                default: BentoSummaryGridItemSize.SMALL,\n                validator: (value: BentoSummaryGridItemSize) => Object.values(BentoSummaryGridItemSize).includes(value),\n            },\n        },\n    });\n</script>\n","<template>\n    <summary-grid-item\n        item-type=\"text\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :title=\"title\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        class=\"b-summary-grid-item-text\"\n    >\n        {{ label }}\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n    import { SummaryGridItem } from '../summary-grid-item';\n\n    /**\n     * Summary grid item component used to display text only. Can be used for references, IDs or any other text data.\n     *\n     * @example\n     * import { BentoSummaryGridItemText } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoSummaryGridItemText },\n     *     template: `\n     *          <bento-summary-grid-item-text\n     *              title=\"Your title\"\n     *              label=\"Your text here\"\n     *              info-icon-tooltip-text=\"Your tooltip text here will be toggled by the info icon\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-text',\n        components: { SummaryGridItem },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Amount to be shown as the main value\n             */\n            label: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text used as a title\n             */\n            title: {\n                type: String,\n                required: true,\n            },\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: {\n                type: String,\n                default: null,\n            },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: {\n                type: Boolean,\n                default: false,\n            },\n        },\n    });\n</script>\n","<template>\n    <summary-grid-item\n        :title=\"title\"\n        :info-icon-tooltip-text=\"infoIconTooltipText\"\n        :copy=\"copy\"\n        :fit-content=\"fitContent\"\n        @copy-to-clipoard=\"$emit('copy-to-clipboard')\"\n    >\n        <slot />\n    </summary-grid-item>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent } from 'vue';\n    import SummaryGridItem from '../summary-grid-item/summary-grid-item.vue';\n\n    /**\n     * A summary bar item is a piece of information to be displayed in `bento-summary-bar` component\n     *\n     * @example\n     * import { SummaryBarItem } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { SummaryBarItem },\n     *     template: `\n     *          <summary-grid-item :title=\"textVariable\">\n     *              Content of the item\n     *          </summary-grid-item>\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-summary-grid-item-custom',\n        components: { SummaryGridItem },\n        props: {\n            /**\n             * Text to copy to the clipboard\n             */\n            copy: { type: String, default: undefined },\n\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            infoIconTooltipText: { type: String, default: null },\n\n            /**\n             * Text used as a title\n             */\n            title: { type: String, required: true },\n\n            /**\n             * The width of `summary-grid-item` fits its content\n             */\n            fitContent: { type: Boolean, default: false },\n        },\n        emits: ['copy-to-clipboard'],\n    });\n</script>\n"],"names":["_sfc_main$6","defineComponent","GridLayout","_props","slots","numberOfRows","slotRows","_b","_a","slotName","provide","SUMMARY_GRID_LAYOUT_INJECTION_KEY","useHasSlot","openBlock","createElementBlock","_hoisted_1$2","Fragment","renderList","_ctx","index","createBlock","_component_grid_layout","columnWidth","createSlots","withCtx","renderSlot","BentoSummaryGridItemSize","BentoSummaryGridItemSize2","BentoSummaryGridItemTrendDirection","BentoSummaryGridItemTrendDirection2","SummaryGridItemType","SummaryGridItemType2","_sfc_main$5","BentoInfoIcon","BentoTypography","BentoTag","Copy","value","props","trendDirection","secondaryTrendDirection","itemType","size","toRefs","tagVariantColor","direction","BentoTagVariant","trendVariant","computed","secondaryTrendVariant","typographyContentElement","BentoTypographyVariant","typographyProps","computedStyles","summaryBarItemTrendConditionalClasses","normalizeStyle","createVNode","_component_bento_typography","createTextVNode","toDisplayString","_component_copy","createCommentVNode","_component_bento_info_icon","_component_bento_tag","hasSlot","_sfc_main$4","SummaryGridItem","_hoisted_1","_component_summary_grid_item","resolveComponent","title","createElementVNode","_hoisted_2","secondaryMetric","_sfc_main$3","_sfc_main$2","_sfc_main$1","_sfc_main","copy","_cache","$event"],"mappings":"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"}

package/dist/chunks/summary-grid.keys.BBbFrFGF.js

@@ -1,5 +0,0 @@
-const o = Symbol("summary-grid layout injection key");
-export {
-  o as S
-};
-//# sourceMappingURL=summary-grid.keys.BBbFrFGF.js.map

package/dist/chunks/summary-grid.keys.BBbFrFGF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-grid.keys.BBbFrFGF.js","sources":["../../../vue2/src/components/summary-grid/summary-grid.keys.ts"],"sourcesContent":["export const SUMMARY_GRID_LAYOUT_INJECTION_KEY = Symbol('summary-grid layout injection key');\n"],"names":["SUMMARY_GRID_LAYOUT_INJECTION_KEY"],"mappings":"AAAa,MAAAA,IAAoC,OAAO,mCAAmC;"}

package/dist/chunks/use-country-items.DJn6gU4P.js

@@ -1,29 +0,0 @@
-import { computed as t } from "vue";
-import { B as a, b as s, u as l, c as n } from "./country.types.CLjbulKL.js";
-import { u as c } from "./i18n.WMYWtwxB.js";
-const y = (o, u) => {
-  const { locale: r } = c(void 0, !0);
-  return t(() => {
-    switch (o == null ? void 0 : o.value) {
-      case a.PHONE_CODE:
-        return u.value.map(({ value: e }) => ({
-          value: e,
-          label: n(e).value
-        }));
-      case a.CAPITAL:
-        return u.value.map(({ value: e }) => ({
-          value: e,
-          label: l(e, r).value
-        }));
-      case a.NAME:
-        return u.value.map(({ value: e }) => ({ value: e, label: s(e, r).value }));
-      case a.CUSTOM:
-      default:
-        return u.value;
-    }
-  });
-};
-export {
-  y as u
-};
-//# sourceMappingURL=use-country-items.DJn6gU4P.js.map