@adyen/bento-vue3 1.0.0 → 1.1.1

package/dist/chunks/index.67588e3d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.67588e3d.js","sources":["../../../../node_modules/date-fns/esm/setHours/index.js","../../../../node_modules/date-fns/esm/setMinutes/index.js","../../../../node_modules/date-fns/esm/setSeconds/index.js","../../../vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.types.ts","../../../vue2/src/utils/ts/time-input.ts","../../../vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue","../../../vue2/src/components/date-range-picker/date-range-picker.types.ts","../../../vue2/src/components/date-range-picker/composables/use-date-range-picker-calendar-text.ts","../../../vue2/src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setHours\n * @category Hour Helpers\n * @summary Set the hours to the given date.\n *\n * @description\n * Set the hours to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} hours - the hours of the new date\n * @returns {Date} the new date with the hours set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 4 hours to 1 September 2014 11:30:00:\n * var result = setHours(new Date(2014, 8, 1, 11, 30), 4)\n * //=> Mon Sep 01 2014 04:30:00\n */\n\nexport default function setHours(dirtyDate, dirtyHours) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var hours = toInteger(dirtyHours);\n  date.setHours(hours);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setMinutes\n * @category Minute Helpers\n * @summary Set the minutes to the given date.\n *\n * @description\n * Set the minutes to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} minutes - the minutes of the new date\n * @returns {Date} the new date with the minutes set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 45 minutes to 1 September 2014 11:30:40:\n * const result = setMinutes(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:45:40\n */\n\nexport default function setMinutes(dirtyDate, dirtyMinutes) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var minutes = toInteger(dirtyMinutes);\n  date.setMinutes(minutes);\n  return date;\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name setSeconds\n * @category Second Helpers\n * @summary Set the seconds to the given date.\n *\n * @description\n * Set the seconds to the given date.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} seconds - the seconds of the new date\n * @returns {Date} the new date with the seconds set\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Set 45 seconds to 1 September 2014 11:30:40:\n * const result = setSeconds(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:30:45\n */\n\nexport default function setSeconds(dirtyDate, dirtySeconds) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var seconds = toInteger(dirtySeconds);\n  date.setSeconds(seconds);\n  return date;\n}","export interface DateRangePickerCalendarFormData {\n    startDate: string;\n    endDate: string;\n    startTime?: string;\n    endTime?: string;\n}\n\nexport enum DateRangePickerCalendarEvent {\n    CUSTOM_RANGE = 'custom-range',\n    INPUT = 'input',\n    ERROR = 'error',\n    FORM_DATE = 'form-date',\n}\n\nexport type DateRangePickerCalendarRangeSelectorItems = Array<{\n    label: string;\n    value: string;\n    data: { startDate: Date; endDate: Date };\n}>;\n","const validDigitRegex = /[\\d]/;\n\nconst hourRegex = /^\\d{2}$/;\nconst minuteRegex = /^\\d{2}:\\d{2}$/;\n\nexport const validateTimeInput = (event: KeyboardEvent) => {\n    const { selectionStart } = event.target as HTMLInputElement;\n\n    const isValidKey = validDigitRegex.test(event.key) || event.key === 'Backspace';\n    const isValidColon = [1, 2, 4, 5].includes(selectionStart) && event.key === ':';\n\n    if (!isValidKey && !isValidColon) {\n        event.preventDefault();\n    }\n};\n\nexport const formatTimeInputValue = (value: string) => {\n    if (!value) {\n        return value;\n    }\n\n    let formattedValue = value;\n\n    // Format if the first value is bigger than 2, because it can't be bigger than 24 hours\n    if (formattedValue.length === 1 && parseInt(value, 10) > 2) {\n        return `0${formattedValue}:`;\n    }\n\n    const [secondToLastDigit, lastDigit] = formattedValue.slice(-2);\n    if ([2, 5].includes(formattedValue.length) && lastDigit === ':') {\n        formattedValue = `${formattedValue.slice(0, formattedValue.length - 2)}0${secondToLastDigit}`;\n    }\n\n    // Add `:` after hour/minute\n    if (hourRegex.test(formattedValue) || minuteRegex.test(formattedValue)) {\n        formattedValue += ':';\n    }\n    return formattedValue;\n};\n","<template>\n    <div class=\"b-date-range-picker-calendar\">\n        <!-- Form -->\n        <div class=\"b-date-range-picker-calendar__form-container\">\n            <div class=\"b-date-range-picker-calendar__form\">\n                <bento-dropdown\n                    v-if=\"quickSelectRanges\"\n                    :aria-label=\"t('customRange')\"\n                    :items=\"quickSelectRangeDefaultItems\"\n                    :value=\"selectedRangeSelectorValue\"\n                    @input=\"onRangeSelectorInput\"\n                />\n\n                <template v-if=\"hasSlot('title')\">\n                    <slot name=\"title\" />\n                </template>\n                <div>\n                    <bento-typography\n                        stronger\n                        :el=\"BentoTypographyElement.SPAN\"\n                        class=\"b-date-range-picker-calendar__label\"\n                    >\n                        From\n                    </bento-typography>\n                    <div :class=\"formInputWrapperConditionalClasses\">\n                        <bento-input-field\n                            :aria-label=\"$t('dateFrom')\"\n                            :value=\"dateTextInput.startDate\"\n                            :error=\"startDateError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onStartDateInput\"\n                            @keydown=\"onDateInputKeyDown\"\n                        >\n                            <template #description>YYYY-MM-DD</template>\n                        </bento-input-field>\n\n                        <bento-input-field\n                            v-if=\"allowTimeInput\"\n                            :aria-label=\"t('timeFrom')\"\n                            :value=\"dateTextInput.startTime\"\n                            :error=\"startTimeError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onStartTimeInput\"\n                            @keydown=\"onTimeInputKeyDown\"\n                        >\n                            <template #description>HH:MM:SS</template>\n                        </bento-input-field>\n                    </div>\n                </div>\n\n                <div>\n                    <bento-typography\n                        stronger\n                        :el=\"BentoTypographyElement.SPAN\"\n                        class=\"b-date-range-picker-calendar__label\"\n                    >\n                        To\n                    </bento-typography>\n                    <div :class=\"formInputWrapperConditionalClasses\">\n                        <bento-input-field\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            :aria-label=\"$t('dateTo')\"\n                            :value=\"dateTextInput.endDate\"\n                            :error=\"endDateError\"\n                            @input=\"onEndDateInput\"\n                            @keydown=\"onDateInputKeyDown\"\n                        >\n                            <template #description>YYYY-MM-DD</template>\n                        </bento-input-field>\n\n                        <bento-input-field\n                            v-if=\"allowTimeInput\"\n                            :aria-label=\"t('timeTo')\"\n                            :value=\"dateTextInput.endTime\"\n                            :error=\"endTimeError\"\n                            class=\"b-date-range-picker-calendar__form-input\"\n                            @input=\"onEndTimeInput\"\n                            @keydown=\"onTimeInputKeyDown\"\n                        >\n                            <template #description>HH:MM:SS</template>\n                        </bento-input-field>\n                    </div>\n                </div>\n            </div>\n\n            <div v-if=\"hasSlot('actions')\">\n                <slot name=\"actions\" />\n            </div>\n        </div>\n\n        <!-- Calendar -->\n        <div class=\"b-date-range-picker-calendar__calendars-container\">\n            <calendar\n                :value=\"value\"\n                :first-day-of-week=\"firstDayOfWeek\"\n                :is-date-disabled=\"isDateDisabled\"\n                :max-range=\"maxRange\"\n                :number-of-months=\"numberOfMonths\"\n                is-range\n                @input=\"onDateInput\"\n                @start-date-selected=\"onStartDateSelected\"\n                @end-date-selected=\"onEndDateSelected\"\n            />\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, onMounted, PropType, reactive, ref } from 'vue';\n    import { Calendar, CalendarRangeDateValue } from '@/internal';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { BentoInputField } from '@/components/input-field';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { debounce } from '@/utils/ts/debounce';\n    import { hasSlot } from '@/utils/ts/hasSlot';\n    import { formatDateInputValue, validateDateInput } from '@/utils/ts/date-input';\n    import {\n        DateRangePickerCalendarEvent,\n        DateRangePickerCalendarFormData,\n        DateRangePickerCalendarRangeSelectorItems,\n    } from './date-range-picker-calendar.types';\n    import { DateFormat } from '@/types';\n    import { formatTimeInputValue, validateTimeInput } from '@/utils/ts/time-input';\n    import setHours from 'date-fns/setHours';\n    import setMinutes from 'date-fns/setMinutes';\n    import setSeconds from 'date-fns/setSeconds';\n    import format from 'date-fns/format';\n    import endOfDay from 'date-fns/endOfDay';\n    import messages from './messages.json';\n\n    const FORM_INPUT_DEBOUNCE_TIME = 300;\n    const RANGE_SELECTOR_CUSTOM_RANGE_KEY = 'customRange';\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Calendar for range dates. Contains the logic to handle the range forms.\n     *\n     * @example\n     * import DatePickerCalendarRange from './date-range-picker-calendar.vue';\n     *\n     * export default {\n     *     components: { DatePickerCalendarRange },\n     *     template: `\n     *          <date-range-picker-calendar\n     *              :value=\"{startDate: new Date(), endDate: new Date() }\"\n     *              :first-day-of-week=\"BentoDatePickerFirstDayOfWeek.MONDAY\"\n     *              :is-date-disabled=\"(date: Date) => boolean\"\n     *              :number-of-months=\"2\"\n     *              @input=\"({ startDate, endDate }) => void\"\n     *          />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'date-range-picker-calendar',\n        components: {\n            BentoDropdown,\n            BentoInputField,\n            BentoTypography,\n            Calendar,\n        },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Allows user to enter time values in the form\n             */\n            allowTimeInput: { type: Boolean, default: false },\n\n            /**\n             * Ranges form persistance data\n             */\n            dateFormData: {\n                type: Object as PropType<DateRangePickerCalendarFormData>,\n                default: () => ({ startDate: undefined, endDate: undefined, startTime: undefined, endTime: undefined }),\n            },\n\n            /**\n             * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: Calendar.props.firstDayOfWeek,\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: Calendar.props.isDateDisabled,\n\n            /**\n             * Set a maximum number of dates to be selectable by the range.\n             */\n            maxRange: Calendar.props.maxRange,\n\n            /**\n             * Number of months rendered on pane\n             */\n            numberOfMonths: Calendar.props.numberOfMonths,\n\n            /**\n             * Enables the custom range selector.\n             * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:\n             * `label` - label of custom range item.\n             * `value` - a unique key of the custom range item.\n             * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.\n             */\n            quickSelectRanges: {\n                type: Array as PropType<DateRangePickerCalendarRangeSelectorItems>,\n                default: undefined,\n            },\n\n            /**\n             * Selected date\n             */\n            value: { type: Object as PropType<CalendarRangeDateValue>, default: undefined },\n        },\n        emits: [\n            DateRangePickerCalendarEvent.CUSTOM_RANGE,\n            DateRangePickerCalendarEvent.INPUT,\n            DateRangePickerCalendarEvent.ERROR,\n            DateRangePickerCalendarEvent.FORM_DATE,\n        ],\n        setup(props, { emit, slots }) {\n            const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n            const locales = { de, enUS, fr };\n            const internalRangeDate = reactive({\n                startDate: (props.value as CalendarRangeDateValue)?.startDate,\n                endDate: (props.value as CalendarRangeDateValue)?.endDate,\n            });\n            const selectedRangeSelectorValue = ref(RANGE_SELECTOR_CUSTOM_RANGE_KEY);\n            const formInputWrapperConditionalClasses = computed(() => ({\n                'b-date-range-picker-calendar__form-input-wrapper': props.allowTimeInput,\n            }));\n            const quickSelectRangeDefaultItems = computed(() => {\n                if (props.quickSelectRanges) {\n                    return [\n                        { label: t('customRange'), value: RANGE_SELECTOR_CUSTOM_RANGE_KEY },\n                        ...props.quickSelectRanges,\n                    ];\n                }\n                return [];\n            });\n\n            /**\n             * When selecting a custom range, set the range selecter if it is enabled.\n             */\n            const resetCustomRangeToDefault = () => {\n                if (props?.quickSelectRanges) {\n                    selectedRangeSelectorValue.value = RANGE_SELECTOR_CUSTOM_RANGE_KEY;\n                }\n            };\n\n            /**\n             * Format date to a string value in format yyyy-MM-dd\n             * @param {Date} dateToFormat Date to be formatted\n             */\n            const formatDate = (dateToFormat?: Date) => {\n                if (!dateToFormat) {\n                    return '';\n                }\n                return format(dateToFormat, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                    locale: locales[locale.value.substring(0, 2)] || enUS,\n                });\n            };\n\n            const formatTime = (dateToFormat?: Date) => {\n                if (!dateToFormat) {\n                    return '';\n                }\n\n                return format(dateToFormat, DateFormat.HOUR_MINUTE_SECONDS, {\n                    locale: locales[locale.value.substring(0, 2)] || enUS,\n                });\n            };\n\n            // Form error flags\n            const startDateError = ref(false);\n            const endDateError = ref(false);\n            const startTimeError = ref(false);\n            const endTimeError = ref(false);\n\n            // Form input text used in range variant\n            const dateTextInput = reactive({\n                startDate: props.dateFormData.startDate,\n                endDate: props.dateFormData.endDate,\n                startTime: props.dateFormData.startTime,\n                endTime: props.dateFormData.endTime,\n            });\n\n            const onDateInput = (selectedDate: Date) => {\n                emit(DateRangePickerCalendarEvent.INPUT, selectedDate);\n            };\n\n            // Validate time\n            const isValidTime = (timeText: string) => {\n                // HH:MM:SS regex\n                const timeRegex = /^(?:[01]\\d|2[01234]):(?:[012345]\\d):(?:[012345]\\d)$/;\n                return timeRegex.test(timeText);\n            };\n\n            const setTimeInDate = (date: Date, time: string) => {\n                if (!time || !isValidTime(time)) {\n                    return date;\n                }\n\n                let dateWithTime = new Date(date);\n\n                const [hours, minutes, seconds] = time.split(':');\n                dateWithTime = setHours(dateWithTime, parseInt(hours, 10));\n                dateWithTime = setMinutes(dateWithTime, parseInt(minutes, 10));\n                dateWithTime = setSeconds(dateWithTime, parseInt(seconds, 10));\n                return dateWithTime;\n            };\n\n            const isValidDate = (dateText: string) => {\n                // Is date selectable\n                const isDateEnabled = (date: Date) => {\n                    // Check if function is set, otherwise all dates are enabled\n                    if (props.isDateDisabled) {\n                        return !props.isDateDisabled(date);\n                    }\n\n                    return true;\n                };\n\n                // YYYY-MM-DD regex\n                const dateRegex = /^\\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])$/;\n                // Date matches text regex\n                return dateRegex.test(dateText) && isDateEnabled(new Date(dateText));\n            };\n\n            /**\n             * When mounted, set the input error states to true if the values are not valid\n             */\n            onMounted(() => {\n                if (props.dateFormData.startDate && !isValidDate(props.dateFormData.startDate)) {\n                    startDateError.value = true;\n                } else {\n                    startDateError.value = false;\n                    startTimeError.value = false;\n                }\n\n                if (props.dateFormData.endDate && !isValidDate(props.dateFormData.endDate)) {\n                    endDateError.value = true;\n                } else {\n                    endDateError.value = false;\n                    endTimeError.value = false;\n                }\n            });\n\n            const onStartDateSelected = (newStartDate: Date) => {\n                resetCustomRangeToDefault();\n                dateTextInput.startDate = formatDate(newStartDate);\n                if (!dateTextInput.startTime) {\n                    // Set the time to the beginning of the day\n                    dateTextInput.startTime = formatTime(newStartDate);\n                } else if (startTimeError.value) {\n                    // Set the form time if it was previously set\n                    dateTextInput.startTime = props.dateFormData?.startTime;\n                }\n\n                // Reset errors\n                startDateError.value = false;\n                startTimeError.value = false;\n            };\n\n            const onEndDateSelected = (newEndDate: Date) => {\n                dateTextInput.endDate = formatDate(newEndDate);\n                if (!dateTextInput.endTime) {\n                    // Set the time to the end of the day\n                    dateTextInput.endTime = formatTime(endOfDay(newEndDate));\n                } else if (endTimeError.value) {\n                    // Set the form time if it was previously set\n                    dateTextInput.endTime = props.dateFormData?.endTime;\n                }\n\n                // Reset errors\n                endDateError.value = false;\n                endTimeError.value = false;\n            };\n\n            const getDate = (keyName: keyof CalendarRangeDateValue) => {\n                const dateProp = (props.value as CalendarRangeDateValue)[keyName];\n                if (dateProp) {\n                    return dateProp;\n                }\n\n                if (props.dateFormData[keyName] && isValidDate(props.dateFormData[keyName])) {\n                    return new Date(props.dateFormData[keyName]);\n                }\n\n                return undefined;\n            };\n\n            const validateStartDate = debounce((startDateText: string) => {\n                // Checks for YYYY-MM-DD format\n                if (isValidDate(startDateText)) {\n                    startDateError.value = false;\n                    // Format date string to Date object\n                    internalRangeDate.startDate = setTimeInDate(new Date(startDateText), dateTextInput.startTime);\n\n                    const endDate = getDate('endDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate: new Date(startDateText),\n                        endDate,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate: new Date(startDateText),\n                        endDate,\n                    });\n                } else {\n                    // Indicate form error\n                    startDateError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            }, FORM_INPUT_DEBOUNCE_TIME);\n\n            const onStartDateInput = (startDateText: string) => {\n                resetCustomRangeToDefault();\n                // Set the date as string when input through the form\n                dateTextInput.startDate = formatDateInputValue(startDateText);\n                validateStartDate(dateTextInput.startDate);\n            };\n\n            const validateEndDate = debounce((endDateText: string) => {\n                // Checks for YYYY-MM-DD format\n                if (isValidDate(endDateText)) {\n                    endDateError.value = false;\n                    internalRangeDate.endDate = setTimeInDate(new Date(endDateText), dateTextInput.endTime);\n\n                    const startDate = getDate('startDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                        startTime: props.dateFormData.endTime,\n                        endTime: endDateText,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                    });\n                } else {\n                    // Indicate form error\n                    endDateError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            }, FORM_INPUT_DEBOUNCE_TIME);\n\n            const onEndDateInput = (endDateText: string) => {\n                resetCustomRangeToDefault();\n                // Set the date as string when input through the form\n                dateTextInput.endDate = formatDateInputValue(endDateText);\n                validateEndDate(dateTextInput.endDate);\n            };\n\n            const onDateInputKeyDown = (event: KeyboardEvent) => {\n                validateDateInput(event);\n            };\n\n            const validateStartTime = debounce((startTimeText: string) => {\n                if (isValidTime(startTimeText)) {\n                    startTimeError.value = false;\n                    internalRangeDate.startDate = setTimeInDate(internalRangeDate.startDate, startTimeText);\n\n                    const endDate = getDate('endDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate: new Date(internalRangeDate.startDate),\n                        endDate,\n                        startTime: startTimeText,\n                        endTime: props.dateFormData.endTime,\n                    });\n\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate: new Date(internalRangeDate.startDate),\n                        endDate,\n                    });\n                } else {\n                    // Indicate form error\n                    startTimeError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            });\n\n            const validateEndTime = debounce((endTimeText: string) => {\n                if (isValidTime(endTimeText)) {\n                    endTimeError.value = false;\n                    internalRangeDate.endDate = setTimeInDate(internalRangeDate.endDate, endTimeText);\n\n                    const startDate = getDate('startDate');\n\n                    emit(DateRangePickerCalendarEvent.FORM_DATE, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                        startTime: props.dateFormData.startTime,\n                        endTime: endTimeText,\n                    });\n                    emit(DateRangePickerCalendarEvent.INPUT, {\n                        startDate,\n                        endDate: new Date(internalRangeDate.endDate),\n                    });\n                } else {\n                    // Indicate form error\n                    endTimeError.value = true;\n                    // Emit Date picker calendar error\n                    emit(DateRangePickerCalendarEvent.ERROR, { ...dateTextInput });\n                }\n            });\n\n            const onStartTimeInput = (startTimeText: string) => {\n                resetCustomRangeToDefault();\n                dateTextInput.startTime = formatTimeInputValue(startTimeText);\n                validateStartTime(dateTextInput.startTime);\n            };\n\n            const onEndTimeInput = (endDateText: string) => {\n                resetCustomRangeToDefault();\n                dateTextInput.endTime = formatTimeInputValue(endDateText);\n                validateEndTime(dateTextInput.endTime);\n            };\n\n            const onTimeInputKeyDown = (event: KeyboardEvent) => {\n                validateTimeInput(event);\n            };\n\n            const onRangeSelectorInput = (newCustomRangeValue: string) => {\n                selectedRangeSelectorValue.value = newCustomRangeValue;\n                const foundResult = props.quickSelectRanges?.find(({ value }) => value === newCustomRangeValue)?.data;\n                if (foundResult) {\n                    dateTextInput.startDate = formatDate(foundResult.startDate);\n                    dateTextInput.endDate = formatDate(foundResult.endDate);\n                    if (!dateTextInput.startTime) {\n                        dateTextInput.startTime = formatTime(endOfDay(foundResult.startDate));\n                    }\n                    if (!dateTextInput.endTime) {\n                        dateTextInput.endTime = formatTime(endOfDay(foundResult.endDate));\n                    }\n                    emit(DateRangePickerCalendarEvent.CUSTOM_RANGE, foundResult);\n                }\n            };\n\n            return {\n                // Values\n                dateTextInput,\n                endDateError,\n                endTimeError,\n                selectedRangeSelectorValue,\n                startDateError,\n                startTimeError,\n                quickSelectRangeDefaultItems,\n                formInputWrapperConditionalClasses,\n\n                // Enums\n                BentoTypographyElement,\n\n                // Methods\n                hasSlot: hasSlot(slots),\n                t,\n\n                // Events\n                onRangeSelectorInput,\n                onDateInput,\n                onDateInputKeyDown,\n                onEndDateInput,\n                onEndDateSelected,\n                onEndTimeInput,\n                onStartDateSelected,\n                onStartDateInput,\n                onStartTimeInput,\n                onTimeInputKeyDown,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-range-picker-calendar.scss\" />\n","export { CalendarFirstDayOfWeek as BentoDateRangePickerFirstDayOfWeek } from '@/internal';\nexport type {\n    CalendarIsDateDisabled as BentoDateRangePickerIsDateDisabled,\n    CalendarRangeDateValue as BentoDateRangePickerValue,\n} from '@/internal';\n\nexport enum BentoDateRangePickerEvent {\n    INPUT = 'input',\n}\n","import { computed, reactive } from 'vue';\nimport { de, enUS, fr } from 'date-fns/locale';\nimport { useI18n } from '@/utils/ts/i18n';\nimport { UseDateDisplayText } from './use-date-range-picker-calendar-text.types';\nimport { DateFormat } from '@/types';\nimport { CalendarRangeDateValue } from '@/internal';\nimport { DateRangePickerCalendarFormData } from '../components/date-range-picker-calendar/date-range-picker-calendar.types';\nimport format from 'date-fns/format';\n\nexport const useDateRangePickerCalendarText: UseDateDisplayText<CalendarRangeDateValue> = ({\n    datePickerValue,\n    isDateIncorrect,\n}) => {\n    const { locale, t } = useI18n();\n    const locales = { de, enUS, fr };\n\n    const formatDate = (date: Date, dateFormat: DateFormat) =>\n        format(date, dateFormat, {\n            locale: locales[locale.value.substring(0, 2)] || enUS,\n        });\n\n    const formatTime = (date: Date) =>\n        format(date, DateFormat.HOUR_MINUTE_SECONDS, {\n            locale: locales[locale.value.substring(0, 2)] || enUS,\n        });\n\n    // Handle the form input text\n    const textInputDisplayValue = reactive<DateRangePickerCalendarFormData>({\n        startDate: datePickerValue.value?.startDate\n            ? formatDate(datePickerValue.value.startDate, DateFormat.NUMERIC_DATE_YEAR_FIRST)\n            : undefined,\n        endDate: datePickerValue.value?.endDate\n            ? formatDate(datePickerValue.value.endDate, DateFormat.NUMERIC_DATE_YEAR_FIRST)\n            : undefined,\n\n        // Set time if the startDate/endDate are set\n        startTime: datePickerValue.value?.startDate ? formatTime(datePickerValue.value?.startDate) : undefined,\n        endTime: datePickerValue.value?.endDate ? formatTime(datePickerValue.value.endDate) : undefined,\n    });\n\n    const dateDisplayValue = computed(() => {\n        // Display incorrect date when there's an error with the input\n        if (isDateIncorrect.value) {\n            return `${textInputDisplayValue.startDate || ''} - ${textInputDisplayValue.endDate || ''}`;\n        }\n\n        // Display \"Select a date\" when there's no date selected or input\n        if (!datePickerValue.value || (!datePickerValue.value.startDate && !datePickerValue.value.endDate)) {\n            return t('selectDateRange') as string;\n        }\n\n        const { startDate, endDate } = textInputDisplayValue;\n        return `${formatDate(new Date(startDate), DateFormat.FULL_DATE_MONTH_FIRST)} - ${formatDate(\n            new Date(endDate),\n            DateFormat.FULL_DATE_MONTH_FIRST\n        )}`;\n    });\n\n    const formatTextInputDisplayValue = () => '';\n\n    return {\n        // Values\n        dateDisplayValue,\n        textInputDisplayValue,\n\n        // Methods\n        formatTextInputDisplayValue,\n    };\n};\n","<!-- TODO: Remove aria props as these are part of JSX elements /vue/types/jsx.d.ts -->\n<!-- eslint-disable vue/attribute-hyphenation -->\n<template>\n    <div v-bento-click-outside-directive=\"closeDateRangePicker\" class=\"b-date-range-picker\">\n        <!-- Label -->\n        <div v-if=\"label\" :id=\"labelId\" class=\"b-date-range-picker__label\">\n            <bento-typography :el=\"BentoTypographyElement.SPAN\" stronger>{{ label }}</bento-typography>\n            <bento-typography\n                v-if=\"optional\"\n                class=\"b-date-range-picker__label-requirement\"\n                :el=\"BentoTypographyElement.SPAN\"\n            >\n                ({{ $t('optional') }})\n            </bento-typography>\n            <bento-typography\n                v-if=\"required\"\n                class=\"b-date-range-picker__label-requirement\"\n                :el=\"BentoTypographyElement.SPAN\"\n            >\n                ({{ $t('required') }})\n            </bento-typography>\n        </div>\n\n        <!-- Input -->\n        <div @keydown.enter=\"onEnterPressedOverInput\">\n            <dropdown-input-default\n                ref=\"inputContainerRef\"\n                :ariaControls=\"datePickerContainerId\"\n                :ariaExpanded=\"isDateRangePickerOpen\"\n                :aria-labelledby=\"label ? labelId : null\"\n                :aria-describedby=\"ariaDescribedBy\"\n                :disabled=\"disabled\"\n                :is-invalid=\"!!errorMessage || isDateIncorrect\"\n                :open=\"isDateRangePickerOpen\"\n                :display-value=\"dateDisplayValue\"\n                @open=\"openDateRangePicker\"\n                @clear=\"clearDateRangePickerValue\"\n                @close=\"closeDateRangePicker\"\n            />\n        </div>\n\n        <!-- Error Messages -->\n        <error-message\n            v-if=\"isDateIncorrect\"\n            :id=\"dateErrorId\"\n            :error-message=\"$t('provideDateInAFormat').toString()\"\n            class=\"b-date-range-picker__error-message\"\n        />\n        <error-message\n            v-if=\"!!errorMessage\"\n            :id=\"errorId\"\n            :error-message=\"errorMessage\"\n            class=\"b-date-range-picker__error-message\"\n        />\n\n        <!-- Description -->\n        <bento-typography\n            v-if=\"description\"\n            :id=\"descriptionId\"\n            class=\"b-date-range-picker__description\"\n            :class=\"descriptionConditionalClasses\"\n            :el=\"BentoTypographyElement.SPAN\"\n        >\n            {{ description }}\n        </bento-typography>\n\n        <!-- Calendar container -->\n        <bento-popover\n            v-if=\"inputContainerRef\"\n            :id=\"datePickerContainerId\"\n            class=\"b-date-range-picker__container\"\n            :open=\"isDateRangePickerOpen\"\n            :target-element=\"inputContainerRef\"\n            :disable-focus-trap=\"true\"\n            :aria-label=\"popoverAriaLabel\"\n            :position=\"BentoPopoverPositions.BOTTOM_START\"\n            without-space\n            fit-content\n        >\n            <date-range-picker-calendar\n                :allow-time-input=\"allowTimeInput\"\n                :quick-select-ranges=\"quickSelectRanges\"\n                :value=\"value\"\n                :first-day-of-week=\"firstDayOfWeek\"\n                :is-date-disabled=\"isDateDisabled\"\n                :max-range=\"maxRange\"\n                :number-of-months=\"numberOfMonths\"\n                :date-form-data=\"textInputDisplayValue\"\n                @custom-range=\"onRangeSelectorInput\"\n                @input=\"onDateRangePickerInput\"\n                @error=\"onDateRangePickerError\"\n                @form-date=\"onDateRangePickerFormDateInputUpdate\"\n            />\n        </bento-popover>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, ref, toRef, watch } from 'vue';\n    import { BentoClickOutsideDirective } from '@/directives';\n    import { BentoDateRangePickerEvent, BentoDateRangePickerValue } from './date-range-picker.types';\n    import { DateRangePickerCalendar } from './components/date-range-picker-calendar';\n    import { DropdownInputDefault } from '@/components/dropdown/components';\n    import { BentoPopover, BentoPopoverPositions } from '@/components/popover';\n    import { ErrorMessage } from '@/internal';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { de, enUS, fr } from 'date-fns/locale';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '../typography';\n    import { useDateRangePickerCalendarText } from './composables/use-date-range-picker-calendar-text';\n    import {\n        DateRangePickerCalendarFormData,\n        DateRangePickerCalendarRangeSelectorItems,\n    } from './components/date-range-picker-calendar/date-range-picker-calendar.types';\n    import { DateFormat } from '@/types';\n    import format from 'date-fns/format';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    /**\n     * Date range picker selector.\n     *\n     * @example\n     * import { BentoDateRangePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDateRangePicker },\n     *     template: `\n     *          <bento-date-range-picker\n     *              label=\"Label\"\n     *              description=\"Supporting text\"\n     *              required\n     *              optional\n     *              disabled\n     *              @input=\"onDateChanged\"\n     *              v-model=\"selectedDate\"\n     *          />\n     *     `,\n     *      setup() {\n     *          const selectedDate = ref(new Date()); // reactive({ startDate: new Date(), endDate: new Date() })\n     *          return {\n     *              selectedDate,\n     *          }\n     *      }\n     * }\n     */\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-date-range-picker',\n        components: {\n            BentoTypography,\n            BentoPopover,\n            DateRangePickerCalendar,\n            DropdownInputDefault,\n            ErrorMessage,\n        },\n        directives: { BentoClickOutsideDirective },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Allows user to enter time values in the form\n             */\n            allowTimeInput: { type: Boolean, default: false },\n\n            /**\n             * Descriptive supporting text visbile underneath the dropdown.\n             */\n            description: { type: String, default: undefined },\n\n            /**\n             * Disables dropdown functionality.\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * Displays component in an error state with an error message\n             */\n            errorMessage: { type: String, default: null },\n\n            /**\n             * Allows user to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday\n             */\n            firstDayOfWeek: DateRangePickerCalendar.props.firstDayOfWeek,\n\n            /**\n             * Indicate if a date should be disabled or not\n             */\n            isDateDisabled: DateRangePickerCalendar.props.isDateDisabled,\n\n            /**\n             * Text that is displayed as a label above the element.\n             */\n            label: { type: String, default: undefined },\n\n            /**\n             * Highlights the dropdown is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Highlights the dropdown is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Enables the range selector.\n             * If provided, must be an array that sets the custom range dropdown items. Items are of the structure:\n             * `label` - label of custom range item.\n             * `value` - a unique key of the custom range item.\n             * `data` - an object `{ startDate: Date; endDate: Date }` to set the date picker range to upon selecting.\n             */\n            quickSelectRanges: {\n                type: Array as PropType<DateRangePickerCalendarRangeSelectorItems>,\n                default: undefined,\n            },\n\n            /**\n             * Set a maximum number of dates to be selectable by the range.\n             */\n            maxRange: DateRangePickerCalendar.props.maxRange,\n\n            /**\n             * Number of months rendered on pane\n             */\n            numberOfMonths: DateRangePickerCalendar.props.numberOfMonths,\n\n            /**\n             * Selected date\n             */\n            value: DateRangePickerCalendar.props.value,\n        },\n        emits: [BentoDateRangePickerEvent.INPUT],\n        setup(props, { emit }) {\n            const { locale, t } = useI18n<{ message: MessageSchema }>({ messages });\n            const locales = { de, enUS, fr };\n            const datePickerContainerId = generateUid('bento-date-range-picker-container');\n            const labelId = generateUid('bento-date-range-picker-label');\n            const descriptionId = generateUid('bento-date-range-picker-description');\n            const errorId = generateUid('bento-date-range-picker-error');\n            const dateErrorId = generateUid('bento-date-range-picker-date-error');\n            const popoverAriaLabel = computed(\n                () => props.label || t('dateRangePicker', { name: datePickerContainerId })\n            );\n\n            const isDateIncorrect = ref(false);\n            const inputContainerRef = ref(null);\n            const isDateRangePickerOpen = ref(false);\n\n            watch(\n                () => props.disabled,\n                () => {\n                    // Close date picker popover if it's opened when it's disabled\n                    if (props.disabled && isDateRangePickerOpen.value) {\n                        isDateRangePickerOpen.value = false;\n                    }\n                }\n            );\n\n            const descriptionConditionalClasses = computed(() => ({\n                'b-date-range-picker__description--error': !!props.errorMessage || isDateIncorrect.value,\n            }));\n\n            const { dateDisplayValue, textInputDisplayValue, formatTextInputDisplayValue } =\n                useDateRangePickerCalendarText({\n                    datePickerValue: toRef(props, 'value'),\n                    isDateIncorrect,\n                });\n\n            const ariaDescribedBy = computed(\n                () =>\n                    `${props.description ? descriptionId : ''} ${props.errorMessage ? errorId : ''} ${\n                        isDateIncorrect.value ? dateErrorId : ''\n                    }`.trim() || null\n            );\n\n            const closeDateRangePicker = () => {\n                isDateRangePickerOpen.value = false;\n            };\n\n            const openDateRangePicker = () => {\n                isDateRangePickerOpen.value = true;\n                formatTextInputDisplayValue();\n            };\n\n            const onDateRangePickerInput = (selectedRange: BentoDateRangePickerValue) => {\n                // Reset the errors when the date is correct\n                isDateIncorrect.value = false;\n\n                const formatDate = (date: Date) =>\n                    format(date, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                        locale: locales[locale.value.substring(0, 2)] || enUS,\n                    });\n\n                textInputDisplayValue.startDate = formatDate(selectedRange.startDate);\n                textInputDisplayValue.endDate = formatDate(selectedRange.endDate);\n                emit(BentoDateRangePickerEvent.INPUT, selectedRange);\n            };\n\n            const clearDateRangePickerValue = async () => {\n                if (isDateIncorrect.value) {\n                    isDateIncorrect.value = false;\n                }\n                emit(BentoDateRangePickerEvent.INPUT, null);\n            };\n\n            const onEnterPressedOverInput = () => {\n                // Close the date picker if the date is correct\n                if (!isDateIncorrect.value) {\n                    isDateRangePickerOpen.value = false;\n                }\n            };\n\n            const onDateRangePickerFormDateInputUpdate = (dateFormDate: DateRangePickerCalendarFormData) => {\n                isDateIncorrect.value = false;\n\n                if (dateFormDate.startTime) {\n                    textInputDisplayValue.startTime = dateFormDate.startTime;\n                }\n\n                if (dateFormDate.endTime) {\n                    textInputDisplayValue.endTime = dateFormDate.endTime;\n                }\n            };\n\n            const onDateRangePickerError = dateTextInput => {\n                isDateIncorrect.value = true;\n                textInputDisplayValue.startDate = dateTextInput.startDate;\n                textInputDisplayValue.endDate = dateTextInput.endDate;\n\n                // Remove current date range selection\n                emit(BentoDateRangePickerEvent.INPUT, { startDate: null, endDate: null });\n            };\n\n            const onRangeSelectorInput = (quickSelectRanges?: { startDate: Date; endDate: Date }) => {\n                if (quickSelectRanges) {\n                    const formatDate = (date: Date) =>\n                        format(date, DateFormat.NUMERIC_DATE_YEAR_FIRST, {\n                            locale: locales[locale.value.substring(0, 2)] || enUS,\n                        });\n                    textInputDisplayValue.startDate = formatDate(quickSelectRanges.startDate);\n                    textInputDisplayValue.endDate = formatDate(quickSelectRanges.endDate);\n                    emit(BentoDateRangePickerEvent.INPUT, quickSelectRanges);\n                }\n            };\n\n            return {\n                // Refs\n                inputContainerRef,\n\n                // Values,\n                dateDisplayValue,\n                datePickerContainerId,\n                descriptionConditionalClasses,\n                isDateIncorrect,\n                isDateRangePickerOpen,\n                labelId,\n                descriptionId,\n                dateErrorId,\n                errorId,\n                popoverAriaLabel,\n                ariaDescribedBy,\n                textInputDisplayValue,\n\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n                BentoPopoverPositions,\n\n                // Events\n                closeDateRangePicker,\n                clearDateRangePickerValue,\n                openDateRangePicker,\n                onRangeSelectorInput,\n                onEnterPressedOverInput,\n                onDateRangePickerInput,\n                onDateRangePickerError,\n                onDateRangePickerFormDateInputUpdate,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-range-picker.scss\" />\n"],"names":["setHours","dirtyDate","dirtyHours","requiredArgs","date","toDate","hours","toInteger","setMinutes","dirtyMinutes","minutes","setSeconds","dirtySeconds","seconds","DateRangePickerCalendarEvent","DateRangePickerCalendarEvent2","validDigitRegex","hourRegex","minuteRegex","validateTimeInput","event","selectionStart","isValidKey","isValidColon","formatTimeInputValue","value","formattedValue","secondToLastDigit","lastDigit","FORM_INPUT_DEBOUNCE_TIME","RANGE_SELECTOR_CUSTOM_RANGE_KEY","_sfc_main$1","defineComponent","messages$1","BentoDropdown","BentoInputField","BentoTypography","Calendar","props","emit","slots","locale","t","useI18n","locales","de","enUS","fr","internalRangeDate","reactive","_a","_b","selectedRangeSelectorValue","ref","formInputWrapperConditionalClasses","computed","quickSelectRangeDefaultItems","resetCustomRangeToDefault","formatDate","dateToFormat","format","DateFormat","formatTime","startDateError","endDateError","startTimeError","endTimeError","dateTextInput","onDateInput","selectedDate","isValidTime","timeText","setTimeInDate","time","dateWithTime","isValidDate","dateText","isDateEnabled","onMounted","onStartDateSelected","newStartDate","onEndDateSelected","newEndDate","endOfDay","getDate","keyName","dateProp","validateStartDate","debounce","startDateText","endDate","onStartDateInput","formatDateInputValue","validateEndDate","endDateText","startDate","onEndDateInput","onDateInputKeyDown","validateDateInput","validateStartTime","startTimeText","validateEndTime","endTimeText","onStartTimeInput","onEndTimeInput","onTimeInputKeyDown","onRangeSelectorInput","newCustomRangeValue","foundResult","BentoTypographyElement","hasSlot","_component_calendar","resolveComponent","createElementVNode","_hoisted_2$1","_hoisted_3","_ctx","openBlock","createBlock","_component_bento_dropdown","createCommentVNode","renderSlot","createVNode","_component_bento_typography","_component_bento_input_field","BentoDateRangePickerEvent","BentoDateRangePickerEvent2","useDateRangePickerCalendarText","datePickerValue","isDateIncorrect","dateFormat","textInputDisplayValue","_c","_d","_e","_sfc_main","messages","BentoPopover","DateRangePickerCalendar","DropdownInputDefault","ErrorMessage","BentoClickOutsideDirective","datePickerContainerId","generateUid","labelId","descriptionId","errorId","dateErrorId","popoverAriaLabel","inputContainerRef","isDateRangePickerOpen","watch","descriptionConditionalClasses","dateDisplayValue","formatTextInputDisplayValue","toRef","ariaDescribedBy","BentoTypographyVariant","BentoPopoverPositions","quickSelectRanges","selectedRange","dateFormDate","createElementBlock","_hoisted_2","_component_error_message","normalizeClass","_component_bento_popover","_component_date_range_picker_calendar"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/chunks/index.ab64552a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ab64552a.js","sources":["../../../vue2/src/composables/initials.ts","../../../vue2/src/components/avatar-image/avatar-image.types.ts","../../../vue2/src/components/avatar-image/avatar-image.vue"],"sourcesContent":["import { computed, ComputedRef, ref } from 'vue';\nimport { MaybeRef } from '@/types';\n\n/** Extracts the first letter of a username\n * @param username - The name to return the initials of\n * Common patterns:\n * 1. John => J\n * 2. John Smith => J\n * John Smith Doe Holly => J\n */\nexport const useInitials = (username: MaybeRef<string | null>): ComputedRef<string | null> => {\n    const computedUsername = ref(username);\n    return computed(() => (computedUsername.value ? computedUsername.value.trim().charAt(0).toUpperCase() : null));\n};\n","export enum BentoAvatarImageVariant {\n    LARGE = 'large',\n    SMALL = 'small',\n}\n\nexport enum BentoAvatarImageColor {\n    BLUE = 'blue',\n    GREEN = 'green',\n    RED = 'red',\n    YELLOW = 'yellow',\n}\n","<template>\n    <div class=\"b-avatar-image\" :class=\"conditionalClasses\" aria-hidden=\"true\" data-testid=\"avatar\">\n        <img v-if=\"src\" :src=\"src\" class=\"b-avatar-image__image\" alt=\"Profile picture\" data-testid=\"avatar-content\" />\n        <div v-else class=\"b-avatar-image__default\" data-testid=\"avatar-content\">\n            <bento-typography :el=\"BentoTypographyElement.SPAN\" :variant=\"BentoTypographyVariant.BODY\" strongest>\n                {{ initials }}\n            </bento-typography>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType, toRefs } from 'vue';\n    import { BentoAvatarImageColor, BentoAvatarImageVariant } from './avatar-image.types';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    export default defineComponent({\n        name: 'avatar-image',\n        components: { BentoTypography },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Image src to load the profile picture.\n             */\n            src: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Name of the user that will be used to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: {\n                type: String,\n                default: null,\n            },\n            /**\n             * Variants supported for small and large.\n             * Default - large\n             */\n            variant: {\n                type: String as PropType<BentoAvatarImageVariant>,\n                default: BentoAvatarImageVariant.LARGE,\n                validator: (value: BentoAvatarImageVariant) => Object.values(BentoAvatarImageVariant).includes(value),\n            },\n            /**\n             * Avatar color. Defaults to yellow.\n             */\n            color: {\n                type: String as PropType<BentoAvatarImageColor>,\n                default: BentoAvatarImageColor.YELLOW,\n                validator: (value: BentoAvatarImageColor) => Object.values(BentoAvatarImageColor).includes(value),\n            },\n        },\n        setup(props) {\n            const { username } = toRefs(props);\n            const initials = useInitials(username);\n\n            const conditionalClasses = computed(() => ({\n                [`b-avatar-image--${BentoAvatarImageVariant.SMALL}`]: props.variant === BentoAvatarImageVariant.SMALL,\n                [`b-avatar-image--${props.color}`]: props.color,\n            }));\n\n            return {\n                // Enums\n                BentoTypographyElement,\n                BentoTypographyVariant,\n\n                // Values\n                conditionalClasses,\n                initials,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar-image.scss\" />\n"],"names":["useInitials","username","computedUsername","ref","computed","BentoAvatarImageVariant","BentoAvatarImageVariant2","BentoAvatarImageColor","BentoAvatarImageColor2","_sfc_main","defineComponent","BentoTypography","value","props","toRefs","initials","conditionalClasses","BentoTypographyElement","BentoTypographyVariant","openBlock","createElementBlock","normalizeClass","_ctx","_hoisted_1","_hoisted_2","createVNode","_component_bento_typography"],"mappings":";;;;AAUa,MAAAA,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAC,EAAAF,CAAA;AACA,SAAAG,EAAA,MAAAF,EAAA,QAAAA,EAAA,MAAA,KAAA,EAAA,OAAA,CAAA,EAAA,YAAA,IAAA,IAAA;AACJ;ACbY,IAAAG,IAAA,kBAAAC,OACRA,EAAA,QAAA,SACAA,EAAA,QAAA,SAFQA,IAAAD,KAAA,CAAA,CAAA,GAKAE,IAAA,kBAAAC,OACRA,EAAA,OAAA,QACAA,EAAA,QAAA,SACAA,EAAA,MAAA,OACAA,EAAA,SAAA,UAJQA,IAAAD,KAAA,CAAA,CAAA;ACYR,MAAAE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,iBAAAC,EAAA;AAAA,EACwB,cAAA;AAAA,EAChB,OAAA;AAAA;AAAA;AAAA;AAAA,IACP,KAAA;AAAA,MAIE,MAAA;AAAA,MACK,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MAQU,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,SAAA;AAAA,MAKS,MAAA;AAAA,MACC,SAAAN,EAAA;AAAA,MAC2B,WAAA,CAAAO,MAAA,OAAA,OAAAP,CAAA,EAAA,SAAAO,CAAA;AAAA,IACmE;AAAA;AAAA;AAAA;AAAA,IACxG,OAAA;AAAA,MAIO,MAAA;AAAA,MACG,SAAAL,EAAA;AAAA,MACyB,WAAA,CAAAK,MAAA,OAAA,OAAAL,CAAA,EAAA,SAAAK,CAAA;AAAA,IACiE;AAAA,EACpG;AAAA,EACJ,MAAAC,GAAA;AAEI,UAAA,EAAA,UAAAZ,EAAA,IAAAa,EAAAD,CAAA,GACAE,IAAAf,EAAAC,CAAA,GAEAe,IAAAZ,EAAA,OAAA;AAAA,MAA2C,CAAA,mBAAAC,EAAA,OAAA,GAAAQ,EAAA,YAAAR,EAAA;AAAA,MACyD,CAAA,mBAAAQ,EAAA,OAAA,GAAAA,EAAA;AAAA,IACtD,EAAA;AAG9C,WAAA;AAAA;AAAA,MAAO,wBAAAI;AAAA,MAEH,wBAAAC;AAAA;AAAA,MACA,oBAAAF;AAAA,MAGA,UAAAD;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;EA1EsB,KAAA;AAAA,EAA0B,OAAA;AAAA;;;;AAFQ,SAAAI,EAAA,GAAAC,EAAA,OAAA;AAAA,IAAkB,OAAAC,EAAA,CAAA,kBAAAC,EAAA,kBAAA,CAAA;AAAA,IAAqB,eAAA;AAAA,IAC7E,eAAA;AAAA,EAAA,GAAA;AAAA;MAAW,KAAA;AAAA,MAAO,KAAAA,EAAA;AAAA,MAA6B,OAAA;AAAA,MAAkB,KAAA;AAAA,MAC/E,eAAA;AAAA,IAAA,GAAA,MAAA,GAAAC,CAAA,MAAAJ,EAAA,GAAAC,EAAA,OAAAI,GAAA;AAAA,MACsDC,EAAAC,GAAA;AAAA,QAAmC,IAAAJ,EAAA,uBAAA;AAAA,QAAe,SAAAA,EAAA,uBAAA;AAAA;;;;;;;;;;;"}

package/dist/chunks/listbox-option-tag.cca50ff3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"listbox-option-tag.cca50ff3.js","sources":["../../../vue2/src/components/internal/avatar/avatar.vue","../../../vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue"],"sourcesContent":["<template>\n    <div class=\"b-avatar\" :aria-label=\"computedAriaLabel\">\n        <avatar-image\n            :src=\"src\"\n            :username=\"computedUsername\"\n            :variant=\"BentoAvatarImageVariant.SMALL\"\n            :color=\"avatarColor\"\n        />\n        <bento-typography\n            v-if=\"!iconOnly\"\n            class=\"b-avatar__label\"\n            :el=\"BentoTypographyElement.SPAN\"\n            :variant=\"BentoTypographyVariant.BODY\"\n        >\n            {{ username }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, toRefs } from 'vue';\n    import { AvatarImage, BentoAvatarImageColor, BentoAvatarImageVariant } from '@/components/avatar-image';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n    import { useInitials } from '@/composables';\n\n    /**\n     * Displays an user profile including an avatar and optionally a label.\n     *\n     * @example\n     * import { BentoUserProfile } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoUserProfile },\n     *     template: `\n     *          <bento-user-profile :src=\"userAvatarSrc\" username=\"Jane\" />\n     */\n    export default defineComponent({\n        name: 'bento-avatar',\n        components: { AvatarImage, BentoTypography },\n        inheritAttrs: false,\n        props: {\n            /**\n             * Displays the user profile without the label.\n             */\n            iconOnly: {\n                type: Boolean,\n                default: false,\n            },\n\n            /**\n             * Name of the user that will be used both in the label and to extract initials to display default value.\n             * John => J\n             * John Smith => JS\n             * John Smith Doe => JD\n             * John Smith Doe Holly => JH\n             */\n            username: {\n                type: String,\n                required: true,\n            },\n\n            /**\n             * Image src to load the profile picture.\n             */\n            src: {\n                type: String,\n                default: null,\n            },\n        },\n\n        setup(props) {\n            const { username } = toRefs(props);\n\n            const computedAriaLabel = computed(() => (props.iconOnly ? props.username : null));\n            const computedUsername = computed(() => (!props.src ? props.username : null));\n            const initials = useInitials(username);\n\n            // Returns the UTF-16 char code\n            const charCode = computed(() => (initials.value ? initials.value.charCodeAt(0) - 65 : null));\n\n            // Returns a computed color based on the letter passed\n            const avatarColor = computed(() => {\n                const numberOfAlphabetLetters = 26;\n                const numberOfColors = Object.keys(BentoAvatarImageColor).length;\n                const rangeStep = numberOfAlphabetLetters / numberOfColors;\n\n                if (charCode.value <= rangeStep) {\n                    return BentoAvatarImageColor.YELLOW;\n                }\n                if (charCode.value <= rangeStep * 2) {\n                    return BentoAvatarImageColor.BLUE;\n                }\n                if (charCode.value <= rangeStep * 3) {\n                    return BentoAvatarImageColor.GREEN;\n                }\n                return BentoAvatarImageColor.RED;\n            });\n\n            return {\n                // Enums\n                BentoAvatarImageVariant,\n                BentoTypographyElement,\n                BentoTypographyVariant,\n\n                // Values\n                computedAriaLabel,\n                computedUsername,\n                avatarColor,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./avatar.scss\" />\n","<template>\n    <span class=\"b-listbox-tag-option\">\n        <span aria-hidden=\"true\">\n            <bento-tag class=\"b-listbox-tag-option__tag\" :label=\"option.value.toString()\" :variant=\"variant\" />\n        </span>\n        <bento-typography v-if=\"option.label\" :el=\"BentoTypographyElement.SPAN\" class=\"b-listbox-tag-option__label\">\n            {{ option.label }}\n        </bento-typography>\n    </span>\n</template>\n<script lang=\"ts\">\n    import { computed, defineComponent, PropType } from 'vue';\n    import type { BentoListboxOptionItem } from '@/types';\n    import { BentoTag, BentoTagVariant } from '@/components/tag';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n\n    /**\n     * A Tag Dropdown option item used in the Dropdown and Filter components.\n     */\n    export default defineComponent({\n        name: 'listbox-tag-option',\n        components: {\n            BentoTag,\n            BentoTypography,\n        },\n        props: {\n            /**\n             * The option item that contains all the option item's data.\n             * @type {BentoListboxOptionItem}\n             */\n            option: {\n                type: Object as PropType<BentoListboxOptionItem>,\n                required: true,\n            },\n        },\n        setup(props) {\n            const variant = computed(() => props.option.data as BentoTagVariant);\n\n            return {\n                // Values\n                variant,\n                // Enums\n                BentoTypographyElement,\n            };\n        },\n    });\n</script>\n<style lang=\"scss\" scoped src=\"./listbox-option-tag.scss\" />\n"],"names":["_sfc_main$1","defineComponent","AvatarImage","BentoTypography","props","username","toRefs","computedAriaLabel","computed","computedUsername","initials","useInitials","charCode","avatarColor","rangeStep","BentoAvatarImageColor","BentoAvatarImageVariant","BentoTypographyElement","BentoTypographyVariant","openBlock","createElementBlock","_ctx","createBlock","_component_bento_typography","_sfc_main","BentoTag","createElementVNode","_hoisted_2","createVNode","_component_bento_tag"],"mappings":";;;;;;AAoCI,MAAAA,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,aAAAC,GAAA,iBAAAC,EAAA;AAAA,EACqC,cAAA;AAAA,EAC7B,OAAA;AAAA;AAAA;AAAA;AAAA,IACP,UAAA;AAAA,MAIO,MAAA;AAAA,MACA,SAAA;AAAA,IACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,UAAA;AAAA,MASU,MAAA;AAAA,MACA,UAAA;AAAA,IACI;AAAA;AAAA;AAAA;AAAA,IACd,KAAA;AAAA,MAKK,MAAA;AAAA,MACK,SAAA;AAAA,IACG;AAAA,EACb;AAAA,EACJ,MAAAC,GAAA;AAGI,UAAA,EAAA,UAAAC,EAAA,IAAAC,EAAAF,CAAA,GAEAG,IAAAC,EAAA,MAAAJ,EAAA,WAAAA,EAAA,WAAA,IAAA,GACAK,IAAAD,EAAA,MAAAJ,EAAA,MAAA,OAAAA,EAAA,QAAA,GACAM,IAAAC,EAAAN,CAAA,GAGAO,IAAAJ,EAAA,MAAAE,EAAA,QAAAA,EAAA,MAAA,WAAA,CAAA,IAAA,KAAA,IAAA,GAGAG,IAAAL,EAAA,MAAA;AAGI,YAAAM,IAAA,KADA,OAAA,KAAAC,CAAA,EAAA;AAGA,aAAAH,EAAA,SAAAE,IACIC,EAAA,SAEJH,EAAA,SAAAE,IAAA,IACIC,EAAA,OAEJH,EAAA,SAAAE,IAAA,IACIC,EAAA,QAEJA,EAAA;AAAA,IAA6B,CAAA;AAGjC,WAAA;AAAA;AAAA,MAAO,yBAAAC;AAAA,MAEH,wBAAAC;AAAA,MACA,wBAAAC;AAAA;AAAA,MACA,mBAAAX;AAAA,MAGA,kBAAAE;AAAA,MACA,aAAAI;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;;;AA7GuB,SAAAM,EAAA,GAAAC,EAAA,OAAA;AAAA,IAA6B,OAAA;AAAA;EAM9C,GAAA;AAAA;MAH6B,KAAAC,EAAA;AAAA,MACjB,UAAAA,EAAA;AAAA,MACF,SAAAA,EAAA,wBAAA;AAAA,MAGD,OAAAA,EAAA;AAAA,IAAA,GAAA,MAAA,GAAA,CAAA,OAAA,YAAA,WAAA,OAAA,CAAA;AAAA,IAMQA,EAAA,wBAAAF,EAAA,GAAAG,EAAAC,GAAA;AAAA,MALQ,KAAA;AAAA,MAClB,OAAA;AAAA,MACG,IAAAF,EAAA,uBAAA;AAAA,MAEM,SAAAA,EAAA,uBAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;mFCKtBG,IAAAvB,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA;AAAA,IACM,UAAAwB;AAAA,IACR,iBAAAtB;AAAA,EACA;AAAA,EACJ,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACO,QAAA;AAAA,MAKK,MAAA;AAAA,MACE,UAAA;AAAA,IACI;AAAA,EACd;AAAA,EACJ,MAAAC,GAAA;AAII,WAAA;AAAA;AAAA,MAAO,SAFPI,EAAA,MAAAJ,EAAA,OAAA,IAAA;AAAA;AAAA,MAII,wBAAAa;AAAA,IAEA;AAAA,EACJ;AAER,CAAA;;;;;IA1C2GS,EAAA,QAAAC,GAAA;AAAA,MAAvDC,EAAAC,GAAA;AAAA,QAA8B,OAAA;AAAA,QAAY,OAAAR,EAAA,OAAA,MAAA,SAAA;AAAA;MAElE,GAAA,MAAA,GAAA,CAAA,SAAA,SAAA,CAAA;AAAA,IAAY,CAAA;AAAA;MAAkC,KAAA;AAAA,MAAO,IAAAA,EAAA,uBAAA;AAAA;;;;;;;;;;"}