@adyen/bento-vue2 1.95.0 → 1.96.1

package/dist/chunks/{date-time-picker.CyNb-xDm.js.map → date-time-picker.BIl9kFLh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.CyNb-xDm.js","sources":["../../src/components/date-time-picker/date-time-picker.vue"],"sourcesContent":["<template>\n    <div class=\"b-date-time-picker\">\n        <bento-form-layout-group class=\"b-date-time-picker__inputs\" layout=\"50-50\" :error-message=\"props.errorMessage\">\n            <bento-date-picker\n                class=\"b-date-time-picker__date-input\"\n                v-bind=\"resolvedDateProps\"\n                :model-value=\"dateValue\"\n                @update:model-value=\"onDateChanged\"\n            />\n            <bento-input-time\n                class=\"b-date-time-picker__time-input\"\n                v-bind=\"resolvedTimeProps\"\n                :model-value=\"timeValue\"\n                @update:model-value=\"onTimeChanged\"\n                @input:valid=\"onTimeValid\"\n                @input:error=\"onTimeError\"\n            />\n        </bento-form-layout-group>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n    import { setMilliseconds } from 'date-fns/setMilliseconds';\n    import { startOfDay } from 'date-fns/startOfDay';\n\n    // Components\n    import { BentoDatePicker } from '@/components/date-picker';\n    import { BentoFormLayoutGroup } from '@/components/form-layout';\n    import { BentoInputTime } from '@/components/input-time';\n\n    // Utils\n    import { useDateInputFormatter, useTouchDevice } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { dateToTimeInputString, setTimeInDateObject } from '@/utils/ts/format-date';\n    import { isValidTimeString } from '@/utils/ts/time-input';\n\n    // Types\n    import type {\n        BentoDateTimePickerEmits,\n        BentoDateTimePickerProps,\n        BentoDateTimePickerValue,\n    } from './date-time-picker.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  modelValue: { default: null },\n  disabled: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  isDateDisabled: { default: undefined },\n  max: { default: null },\n  min: { default: null },\n  readonly: { type: Boolean, default: false },\n  required: { type: Boolean, default: false },\n  dateProps: { default: () => ({}) },\n  timeProps: { default: () => ({}) }\n});\n\n    const emit = defineEmits([\"update:model-value\", \"input:valid\", \"input:error\"]);\n    const currentTimeText = ref('');\n    const { dateFormat } = useDateInputFormatter();\n    const { isTouchDevice } = useTouchDevice();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const dateValue = computed(() => props.modelValue ?? null);\n    const timeValue = computed(() => currentTimeText.value);\n    const resolvedIsDateDisabled = computed(() => props.dateProps?.isDateDisabled ?? props.isDateDisabled);\n    const dateDescription = computed(() => {\n        if (isTouchDevice.value) {\n            return props.dateProps?.description;\n        } else {\n            return props.dateProps?.description\n                ? `${props.dateProps.description} ${t(dateFormat.value)}`\n                : t(dateFormat.value);\n        }\n    });\n\n    const isMergedDateInBounds = (date: Date) => {\n        if (resolvedIsDateDisabled.value?.(startOfDay(date))) {\n            return false;\n        }\n\n        if (props.min && date < setMilliseconds(props.min, 0)) {\n            return false;\n        }\n\n        if (props.max && date > setMilliseconds(props.max, 0)) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const resolvedDateProps = computed(() => ({\n        disabled: props.disabled,\n        isDateDisabled: props.isDateDisabled,\n        max: props.max,\n        min: props.min,\n        readonly: props.readonly,\n        required: props.required,\n        errorMessage: props.errorMessage,\n        ...props.dateProps,\n        description: dateDescription.value,\n    }));\n\n    const resolvedTimeProps = computed(() => ({\n        disabled: props.disabled,\n        errorMessage: props.errorMessage,\n        readonly: props.readonly,\n        required: props.required,\n        ...props.timeProps,\n    }));\n\n    watch(\n        () => props.modelValue,\n        newValue => {\n            currentTimeText.value = newValue ? dateToTimeInputString(newValue) : '';\n        },\n        { immediate: true }\n    );\n\n    const validateBounds = (value: BentoDateTimePickerValue) => !value || isMergedDateInBounds(value);\n\n    const emitValidationState = (isValid: boolean) => {\n        if (isValid) {\n            emit('input:valid');\n        } else {\n            emit('input:error');\n        }\n    };\n\n    const emitModelValue = (value: BentoDateTimePickerValue) => {\n        emit('update:model-value', value);\n    };\n\n    const emitValidatedValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(validateBounds(value));\n    };\n\n    const emitInvalidModelValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(false);\n    };\n\n    const onDateChanged = (date: Date | null) => {\n        if (!date) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        const time = currentTimeText.value;\n\n        if (time && !isValidTimeString(time)) {\n            emitInvalidModelValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(date, time || '00:00:00'));\n    };\n\n    const onTimeChanged = (time: string) => {\n        currentTimeText.value = time;\n\n        if (!time) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        if (!isValidTimeString(time)) {\n            emit('input:error');\n            return;\n        }\n\n        if (!props.modelValue) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(props.modelValue, time));\n    };\n\n    const onTimeValid = () => {\n        emitValidationState(validateBounds(props.modelValue));\n    };\n\n    const onTimeError = () => {\n        emit('input:error');\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Date time picker that combines a date picker (single date) with a time input.\n     *\n     * @example\n     * import { BentoDateTimePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDateTimePicker },\n     *     template: `\n     *         <bento-date-time-picker\n     *             :date-props=\"{ label: 'Date' }\"\n     *             :time-props=\"{ label: 'Time' }\"\n     *             required\n     *             :model-value=\"dateTimeValue\"\n     *             @update:model-value=\"newValue => dateTimeValue = newValue\"\n     *         />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-date-time-picker',\n        inheritAttrs: false,\n        model: { prop: 'modelValue', event: 'update:model-value' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-time-picker.scss\" />\n"],"names":["__default__","messages","currentTimeText","ref","dateFormat","useDateInputFormatter","isTouchDevice","useTouchDevice","t","useI18n","dateValue","computed","props","timeValue","resolvedIsDateDisabled","_a","dateDescription","_b","isMergedDateInBounds","date","startOfDay","setMilliseconds","resolvedDateProps","resolvedTimeProps","watch","newValue","dateToTimeInputString","validateBounds","value","emitValidationState","isValid","emit","emitModelValue","emitValidatedValue","emitInvalidModelValue","time","isValidTimeString","setTimeInDateObject"],"mappings":"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"}
+{"version":3,"file":"date-time-picker.BIl9kFLh.js","sources":["../../src/components/date-time-picker/date-time-picker.vue"],"sourcesContent":["<template>\n    <div class=\"b-date-time-picker\">\n        <bento-form-layout-group class=\"b-date-time-picker__inputs\" layout=\"50-50\" :error-message=\"props.errorMessage\">\n            <bento-date-picker\n                class=\"b-date-time-picker__date-input\"\n                v-bind=\"resolvedDateProps\"\n                :model-value=\"dateValue\"\n                @update:model-value=\"onDateChanged\"\n            />\n            <bento-input-time\n                class=\"b-date-time-picker__time-input\"\n                v-bind=\"resolvedTimeProps\"\n                :model-value=\"timeValue\"\n                @update:model-value=\"onTimeChanged\"\n                @input:valid=\"onTimeValid\"\n                @input:error=\"onTimeError\"\n            />\n        </bento-form-layout-group>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n    import { setMilliseconds } from 'date-fns/setMilliseconds';\n    import { startOfDay } from 'date-fns/startOfDay';\n\n    // Components\n    import { BentoDatePicker } from '@/components/date-picker';\n    import { BentoFormLayoutGroup } from '@/components/form-layout';\n    import { BentoInputTime } from '@/components/input-time';\n\n    // Utils\n    import { useDateInputFormatter, useTouchDevice } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { dateToTimeInputString, setTimeInDateObject } from '@/utils/ts/format-date';\n    import { isValidTimeString } from '@/utils/ts/time-input';\n\n    // Types\n    import type {\n        BentoDateTimePickerEmits,\n        BentoDateTimePickerProps,\n        BentoDateTimePickerValue,\n    } from './date-time-picker.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  modelValue: { default: null },\n  disabled: { type: Boolean, default: false },\n  errorMessage: { default: null },\n  isDateDisabled: { default: undefined },\n  max: { default: null },\n  min: { default: null },\n  readonly: { type: Boolean, default: false },\n  required: { type: Boolean, default: false },\n  dateProps: { default: () => ({}) },\n  timeProps: { default: () => ({}) }\n});\n\n    const emit = defineEmits([\"update:model-value\", \"input:valid\", \"input:error\"]);\n    const currentTimeText = ref('');\n    const { dateFormat } = useDateInputFormatter();\n    const { isTouchDevice } = useTouchDevice();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const dateValue = computed(() => props.modelValue ?? null);\n    const timeValue = computed(() => currentTimeText.value);\n    const resolvedIsDateDisabled = computed(() => props.dateProps?.isDateDisabled ?? props.isDateDisabled);\n    const dateDescription = computed(() => {\n        if (isTouchDevice.value) {\n            return props.dateProps?.description;\n        } else {\n            return props.dateProps?.description\n                ? `${props.dateProps.description} ${t(dateFormat.value)}`\n                : t(dateFormat.value);\n        }\n    });\n\n    const isMergedDateInBounds = (date: Date) => {\n        if (resolvedIsDateDisabled.value?.(startOfDay(date))) {\n            return false;\n        }\n\n        if (props.min && date < setMilliseconds(props.min, 0)) {\n            return false;\n        }\n\n        if (props.max && date > setMilliseconds(props.max, 0)) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const resolvedDateProps = computed(() => ({\n        disabled: props.disabled,\n        isDateDisabled: props.isDateDisabled,\n        max: props.max,\n        min: props.min,\n        readonly: props.readonly,\n        required: props.required,\n        errorMessage: props.errorMessage,\n        ...props.dateProps,\n        description: dateDescription.value,\n    }));\n\n    const resolvedTimeProps = computed(() => ({\n        disabled: props.disabled,\n        errorMessage: props.errorMessage,\n        readonly: props.readonly,\n        required: props.required,\n        ...props.timeProps,\n    }));\n\n    watch(\n        () => props.modelValue,\n        newValue => {\n            currentTimeText.value = newValue ? dateToTimeInputString(newValue) : '';\n        },\n        { immediate: true }\n    );\n\n    const validateBounds = (value: BentoDateTimePickerValue) => !value || isMergedDateInBounds(value);\n\n    const emitValidationState = (isValid: boolean) => {\n        if (isValid) {\n            emit('input:valid');\n        } else {\n            emit('input:error');\n        }\n    };\n\n    const emitModelValue = (value: BentoDateTimePickerValue) => {\n        emit('update:model-value', value);\n    };\n\n    const emitValidatedValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(validateBounds(value));\n    };\n\n    const emitInvalidModelValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(false);\n    };\n\n    const onDateChanged = (date: Date | null) => {\n        if (!date) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        const time = currentTimeText.value;\n\n        if (time && !isValidTimeString(time)) {\n            emitInvalidModelValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(date, time || '00:00:00'));\n    };\n\n    const onTimeChanged = (time: string) => {\n        currentTimeText.value = time;\n\n        if (!time) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        if (!isValidTimeString(time)) {\n            emit('input:error');\n            return;\n        }\n\n        if (!props.modelValue) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(props.modelValue, time));\n    };\n\n    const onTimeValid = () => {\n        emitValidationState(validateBounds(props.modelValue));\n    };\n\n    const onTimeError = () => {\n        emit('input:error');\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Date time picker that combines a date picker (single date) with a time input.\n     *\n     * @example\n     * import { BentoDateTimePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDateTimePicker },\n     *     template: `\n     *         <bento-date-time-picker\n     *             :date-props=\"{ label: 'Date' }\"\n     *             :time-props=\"{ label: 'Time' }\"\n     *             required\n     *             :model-value=\"dateTimeValue\"\n     *             @update:model-value=\"newValue => dateTimeValue = newValue\"\n     *         />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-date-time-picker',\n        inheritAttrs: false,\n        model: { prop: 'modelValue', event: 'update:model-value' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-time-picker.scss\" />\n"],"names":["__default__","messages","currentTimeText","ref","dateFormat","useDateInputFormatter","isTouchDevice","useTouchDevice","t","useI18n","dateValue","computed","props","timeValue","resolvedIsDateDisabled","_a","dateDescription","_b","isMergedDateInBounds","date","startOfDay","setMilliseconds","resolvedDateProps","resolvedTimeProps","watch","newValue","dateToTimeInputString","validateBounds","value","emitValidationState","isValid","emit","emitModelValue","emitValidatedValue","emitInvalidModelValue","time","isValidTimeString","setTimeInDateObject"],"mappings":"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"}