@adyen/bento-vue3 1.3.0 → 1.4.0

package/dist/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sources":["../../vue2/src/components/textarea/textarea.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill-small.vue","../../vue2/src/components/textarea/textarea.vue"],"sourcesContent":["export enum BentoTextareaResizeOption {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n    BOTH = 'both',\n    NONE = 'none',\n}\n\nexport enum BentoTextareaStateClass {\n    CLEARABLE = 'clearable',\n    DISABLED = 'disabled',\n    ERROR = 'error',\n    READONLY = 'readonly',\n}\n\nexport enum BentoTextareaEvent {\n    BLUR = 'blur',\n    CHANGE = 'change',\n    CLEAR = 'clear',\n    ESCAPE_PRESSED = 'escape-pressed',\n    FOCUS = 'focus',\n    INPUT = 'input',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M2.25 8C2.25 4.82436 4.82436 2.25 8 2.25C11.1756 2.25 13.75 4.82436 13.75 8C13.75 11.1756 11.1756 13.75 8 13.75C4.82436 13.75 2.25 11.1756 2.25 8ZM5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L6.93934 8L5.46967 9.46967C5.17678 9.76256 5.17678 10.2374 5.46967 10.5303C5.76256 10.8232 6.23744 10.8232 6.53033 10.5303L8 9.06066L9.46967 10.5303C9.76256 10.8232 10.2374 10.8232 10.5303 10.5303C10.8232 10.2374 10.8232 9.76256 10.5303 9.46967L9.06066 8L10.5303 6.53033C10.8232 6.23744 10.8232 5.76256 10.5303 5.46967C10.2374 5.17678 9.76256 5.17678 9.46967 5.46967L8 6.93934L6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-textarea\" :class=\"conditionalClasses\" :style=\"{ width: textareaWidth }\">\n        <div class=\"b-textarea__label-box\" :class=\"conditionalClassesLabelBox\">\n            <label v-if=\"label\" :for=\"textareaId\" class=\"b-textarea__label\">\n                <bento-typography :el=\"BentoTypographyElement.SPAN\" stronger>{{ label }}</bento-typography>\n                <bento-typography\n                    v-if=\"optional && !required\"\n                    :el=\"BentoTypographyElement.SPAN\"\n                    class=\"b-textarea__label-item\"\n                >\n                    ({{ t('optional') }})\n                </bento-typography>\n                <bento-typography v-if=\"required\" :el=\"BentoTypographyElement.SPAN\" class=\"b-textarea__label-item\">\n                    ({{ t('required') }})\n                </bento-typography>\n            </label>\n            <bento-typography\n                v-if=\"characterLimit\"\n                :el=\"BentoTypographyElement.SPAN\"\n                class=\"b-textarea__label-item\"\n                :class=\"conditionalClassesLabelItem\"\n            >\n                {{ counter }}\n            </bento-typography>\n        </div>\n        <bento-typography :el=\"BentoTypographyElement.DIV\" class=\"b-textarea__input-box\" :aria-disabled=\"disabled\">\n            <textarea\n                :id=\"textareaId\"\n                ref=\"textareaElement\"\n                :value=\"textareaValue\"\n                class=\"b-textarea__input\"\n                :class=\"conditionalClassesInput\"\n                :aria-label=\"computedAriaLabel\"\n                :aria-invalid=\"invalidInput\"\n                :readonly=\"isReadOnly\"\n                :disabled=\"disabled\"\n                :placeholder=\"placeholder\"\n                :style=\"{ resize: resizable, height: textareaHeight }\"\n                @blur=\"onBlur\"\n                @change=\"onChange\"\n                @focus=\"onFocus\"\n                @input=\"onInput\"\n                @keydown.esc=\"onPressEscape\"\n            >\n            </textarea>\n\n            <div v-if=\"showClearButton\" class=\"b-textarea__clear-button\">\n                <bento-button\n                    :variant=\"BentoButtonVariant.TERTIARY\"\n                    :disabled=\"disabled\"\n                    @click=\"onClear\"\n                    @keypress.enter=\"onClear\"\n                    @keyup.space=\"onClear\"\n                >\n                    <template #iconLeft>\n                        <cross-circle-fill-small-icon :svg-title=\"t('clearText')\" />\n                    </template>\n                </bento-button>\n            </div>\n        </bento-typography>\n\n        <error-message v-if=\"isOverCharacterLimit\" :error-message=\"counterErrorText\" />\n\n        <error-message v-if=\"errorMessage\" :error-message=\"errorMessage\" />\n\n        <bento-typography v-if=\"description\" class=\"b-textarea__description\" :el=\"BentoTypographyElement.SPAN\">\n            {{ description }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, nextTick, onMounted, PropType, ref, toRef, toRefs, watch } from 'vue';\n    import { BentoTextareaEvent, BentoTextareaResizeOption, BentoTextareaStateClass } from './textarea.types';\n    import { BentoTypography, BentoTypographyElement } from '@/components/typography';\n    import { BentoButton, BentoButtonVariant } from '@/components/button';\n    import { ErrorMessage } from '@/components/internal';\n    import CrossCircleFillSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill-small';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-textarea',\n        components: { BentoButton, BentoTypography, ErrorMessage, CrossCircleFillSmallIcon },\n        props: {\n            /**\n             * Text that labels an the input element\n             */\n            ariaLabel: { type: String, default: undefined },\n\n            /**\n             * Text that shows number of characters in textarea\n             */\n            characterLimit: { type: Number, default: undefined },\n\n            /**\n             * Text displayed as the help text of the textarea\n             */\n            description: { type: String, default: '' },\n\n            /**\n             * Disables the possibility of changing value in the textarea\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * If set to true, shows a button to clear all the text\n             */\n            clearable: { type: Boolean, default: false },\n\n            /**\n             * Adds error text\n             */\n            errorMessage: { type: String, default: '' },\n\n            /**\n             * Sets the height of the textarea, e.g 200px OR 20vh\n             */\n            height: { type: String, default: null },\n\n            /**\n             * Text displayed as the label of the textarea\n             */\n            label: { type: String, default: '' },\n\n            /**\n             * Highlights the textarea is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Text displayed as the placeholder of the textarea\n             */\n            placeholder: { type: String, default: '' },\n\n            /**\n             * Set the textarea to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the possibility of resize the textarea\n             */\n            resizable: {\n                type: String as PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>,\n                default: BentoTextareaResizeOption.BOTH,\n                validator: (value: BentoTextareaResizeOption) =>\n                    Object.values(BentoTextareaResizeOption).includes(value),\n            },\n\n            /**\n             * Highlights the textarea is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Text displayed as the value of the textarea\n             */\n            value: { type: String, default: '' },\n        },\n        emits: [\n            BentoTextareaEvent.BLUR,\n            BentoTextareaEvent.CHANGE,\n            BentoTextareaEvent.CLEAR,\n            BentoTextareaEvent.ESCAPE_PRESSED,\n            BentoTextareaEvent.FOCUS,\n            BentoTextareaEvent.INPUT,\n        ],\n        setup(props, { emit }) {\n            const { ariaLabel, height, label } = toRefs(props);\n\n            const textareaId = generateUid('textarea');\n            const textareaElement = ref<HTMLTextAreaElement>(null);\n            const textareaValue = ref(props.value);\n            const defaultTextareaHeight = 44;\n            const textareaHeight = ref(props.height || `${defaultTextareaHeight}px`);\n            const textareaWidth = ref('100%');\n\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n            const counter = computed(() => `${textareaValue.value.length} / ${props.characterLimit}`);\n            const isOverCharacterLimit = computed(\n                () => props.characterLimit && textareaValue.value.length > props.characterLimit\n            );\n\n            const calculateHeight = () => {\n                const borderWidth = 3;\n                if (textareaElement.value && textareaElement.value.scrollHeight > defaultTextareaHeight) {\n                    textareaHeight.value = `${textareaElement.value.scrollHeight + borderWidth}px`;\n                }\n            };\n\n            watch(height, () => {\n                if (!height.value) {\n                    calculateHeight();\n                } else {\n                    textareaHeight.value = height.value;\n                }\n            });\n\n            watch(\n                () => props.value,\n                () => {\n                    textareaValue.value = props.value;\n                },\n                { immediate: true }\n            );\n\n            watch(\n                () => textareaValue.value,\n                async () => {\n                    if (!height.value) {\n                        // Hack to make the textarea calculate its height properly\n                        // Set the textarea back to the original value before calculating the height\n                        textareaHeight.value = `${defaultTextareaHeight}px`;\n                        if (!textareaValue.value) {\n                            return;\n                        }\n\n                        await nextTick();\n                        calculateHeight();\n                    }\n                },\n                { immediate: true }\n            );\n\n            const invalidInput = computed(() => !!props.errorMessage || isOverCharacterLimit.value);\n\n            const conditionalClasses = computed(() => ({\n                [`b-textarea--${BentoTextareaStateClass.DISABLED}`]: props.disabled,\n            }));\n\n            const conditionalClassesInput = computed(() => ({\n                [`b-textarea__input--${BentoTextareaStateClass.CLEARABLE}`]: props.clearable,\n                [`b-textarea__input--${BentoTextareaStateClass.READONLY}`]: isReadOnly.value,\n                [`b-textarea__input--${BentoTextareaStateClass.ERROR}`]: invalidInput.value,\n                [`b-textarea__input--dynamic-height`]: !height.value,\n            }));\n\n            const conditionalClassesLabelBox = computed(() => ({\n                [`b-textarea__label-box--no-label`]: !props.label,\n            }));\n\n            const conditionalClassesLabelItem = computed(() => ({\n                [`b-textarea__label-item--${BentoTextareaStateClass.ERROR}`]: isOverCharacterLimit.value,\n            }));\n\n            const counterErrorText = computed(() =>\n                t('yourTextCanBenAtMost', { characterLimit: props.characterLimit })\n            );\n\n            const computedAriaLabel = useAriaLabel({\n                ariaLabel,\n                label,\n                defaultFallback: t('textarea'),\n            });\n\n            const showClearButton = computed(\n                () => props.clearable && textareaValue.value && !props.disabled && !isReadOnly.value\n            );\n\n            const onClear = () => {\n                textareaValue.value = '';\n                emit(BentoTextareaEvent.CLEAR);\n                emit(BentoTextareaEvent.INPUT, '');\n            };\n\n            const onInput = (event: InputEvent) => {\n                if (!props.disabled && !isReadOnly.value) {\n                    textareaValue.value = (event.target as HTMLInputElement).value;\n                    /**\n                     * Triggered when input value is changed\n                     *\n                     * @event input\n                     * @property {String} inputValue - the updated textarea value\n                     */\n                    emit(BentoTextareaEvent.INPUT, textareaValue.value);\n                }\n            };\n\n            const onBlur = () => {\n                textareaElement.value.scrollTop = 0;\n                emit(BentoTextareaEvent.BLUR);\n            };\n\n            const onFocus = () => {\n                textareaElement.value.focus();\n                emit(BentoTextareaEvent.FOCUS);\n            };\n\n            const onChange = () => {\n                emit(BentoTextareaEvent.CHANGE);\n            };\n\n            const onPressEscape = () => {\n                emit(BentoTextareaEvent.ESCAPE_PRESSED);\n            };\n\n            onMounted(() => {\n                observeSizeOfElement(textareaElement.value, () => {\n                    textareaWidth.value = `${textareaElement.value.offsetWidth}px`;\n                });\n\n                if (!height.value) {\n                    calculateHeight();\n                }\n            });\n\n            return {\n                // Enums\n                BentoButtonVariant,\n                BentoTextareaEvent,\n                BentoTypographyElement,\n\n                // Methods\n                onBlur,\n                onChange,\n                onClear,\n                onFocus,\n                onInput,\n                onPressEscape,\n                t,\n\n                // Values\n                computedAriaLabel,\n                conditionalClasses,\n                conditionalClassesLabelItem,\n                conditionalClassesLabelBox,\n                counter,\n                counterErrorText,\n                conditionalClassesInput,\n                invalidInput,\n                isOverCharacterLimit,\n                isReadOnly,\n                showClearButton,\n                textareaElement,\n                textareaHeight,\n                textareaId,\n                textareaValue,\n                textareaWidth,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./textarea.scss\" />\n"],"names":["BentoTextareaResizeOption","BentoTextareaResizeOption2","BentoTextareaStateClass","BentoTextareaStateClass2","BentoTextareaEvent","BentoTextareaEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","messages","BentoButton","BentoTypography","ErrorMessage","CrossCircleFillSmallIcon","value","props","emit","ariaLabel","height","label","toRefs","textareaId","generateUid","textareaElement","ref","textareaValue","defaultTextareaHeight","textareaHeight","textareaWidth","t","useI18n","isReadOnly","useFormLayoutFieldLoading","toRef","counter","computed","isOverCharacterLimit","calculateHeight","watch","nextTick","invalidInput","conditionalClasses","conditionalClassesInput","conditionalClassesLabelBox","conditionalClassesLabelItem","counterErrorText","computedAriaLabel","useAriaLabel","showClearButton","onClear","onInput","event","onBlur","onFocus","onChange","onPressEscape","onMounted","observeSizeOfElement","BentoButtonVariant","BentoTypographyElement","normalizeClass","createCommentVNode","createBlock","_component_bento_typography","_hoisted_1","createVNode","createElementVNode","normalizeStyle","_cache","args","withKeys","_hoisted_2","_hoisted_3","_component_bento_button","withCtx","_component_cross_circle_fill_small_icon","_component_error_message"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"textarea.js","sources":["../../vue2/src/components/textarea/textarea.types.ts","../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/cross-circle-fill-small.vue","../../vue2/src/components/textarea/textarea.vue"],"sourcesContent":["/**\n * @deprecated for usage with properties since version 2.0. Use the string literal instead.\n */\nexport enum BentoTextareaResizeOption {\n    HORIZONTAL = 'horizontal',\n    VERTICAL = 'vertical',\n    BOTH = 'both',\n    NONE = 'none',\n}\n\nexport enum BentoTextareaStateClass {\n    CLEARABLE = 'clearable',\n    DISABLED = 'disabled',\n    ERROR = 'error',\n    READONLY = 'readonly',\n}\n\nexport enum BentoTextareaEvent {\n    BLUR = 'blur',\n    CHANGE = 'change',\n    CLEAR = 'clear',\n    ESCAPE_PRESSED = 'escape-pressed',\n    FOCUS = 'focus',\n    INPUT = 'input',\n}\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#00112C\" fill-rule=\"evenodd\" d=\"M2.25 8C2.25 4.82436 4.82436 2.25 8 2.25C11.1756 2.25 13.75 4.82436 13.75 8C13.75 11.1756 11.1756 13.75 8 13.75C4.82436 13.75 2.25 11.1756 2.25 8ZM5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L6.93934 8L5.46967 9.46967C5.17678 9.76256 5.17678 10.2374 5.46967 10.5303C5.76256 10.8232 6.23744 10.8232 6.53033 10.5303L8 9.06066L9.46967 10.5303C9.76256 10.8232 10.2374 10.8232 10.5303 10.5303C10.8232 10.2374 10.8232 9.76256 10.5303 9.46967L9.06066 8L10.5303 6.53033C10.8232 6.23744 10.8232 5.76256 10.5303 5.46967C10.2374 5.17678 9.76256 5.17678 9.46967 5.46967L8 6.93934L6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967Z\" clip-rule=\"evenodd\"/></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <div class=\"b-textarea\" :class=\"conditionalClasses\" :style=\"{ width: textareaWidth }\">\n        <div class=\"b-textarea__label-box\" :class=\"conditionalClassesLabelBox\">\n            <label v-if=\"label\" :for=\"textareaId\" class=\"b-textarea__label\">\n                <bento-typography el=\"span\" stronger>{{ label }}</bento-typography>\n                <bento-typography v-if=\"optional && !required\" el=\"span\" class=\"b-textarea__label-item\">\n                    ({{ t('optional') }})\n                </bento-typography>\n                <bento-typography v-if=\"required\" el=\"span\" class=\"b-textarea__label-item\">\n                    ({{ t('required') }})\n                </bento-typography>\n            </label>\n            <bento-typography\n                v-if=\"characterLimit\"\n                el=\"span\"\n                class=\"b-textarea__label-item\"\n                :class=\"conditionalClassesLabelItem\"\n            >\n                {{ counter }}\n            </bento-typography>\n        </div>\n        <bento-typography el=\"div\" class=\"b-textarea__input-box\" :aria-disabled=\"disabled\">\n            <textarea\n                :id=\"textareaId\"\n                ref=\"textareaElement\"\n                :value=\"textareaValue\"\n                class=\"b-textarea__input\"\n                :class=\"conditionalClassesInput\"\n                :aria-label=\"computedAriaLabel\"\n                :aria-invalid=\"invalidInput\"\n                :readonly=\"isReadOnly\"\n                :disabled=\"disabled\"\n                :placeholder=\"placeholder\"\n                :style=\"{ resize: resizable, height: textareaHeight }\"\n                @blur=\"onBlur\"\n                @change=\"onChange\"\n                @focus=\"onFocus\"\n                @input=\"onInput\"\n                @keydown.esc=\"onPressEscape\"\n            >\n            </textarea>\n\n            <div v-if=\"showClearButton\" class=\"b-textarea__clear-button\">\n                <bento-button\n                    variant=\"tertiary\"\n                    :disabled=\"disabled\"\n                    @click=\"onClear\"\n                    @keypress.enter=\"onClear\"\n                    @keyup.space=\"onClear\"\n                >\n                    <template #iconLeft>\n                        <cross-circle-fill-small-icon :svg-title=\"t('clearText')\" />\n                    </template>\n                </bento-button>\n            </div>\n        </bento-typography>\n\n        <error-message v-if=\"isOverCharacterLimit\" :error-message=\"counterErrorText\" />\n\n        <error-message v-if=\"errorMessage\" :error-message=\"errorMessage\" />\n\n        <bento-typography v-if=\"description\" class=\"b-textarea__description\" el=\"span\">\n            {{ description }}\n        </bento-typography>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { computed, defineComponent, nextTick, onMounted, PropType, ref, toRef, toRefs, watch } from 'vue';\n    import { BentoTextareaEvent, BentoTextareaResizeOption, BentoTextareaStateClass } from './textarea.types';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoButton } from '@/components/button';\n    import { ErrorMessage } from '@/components/internal';\n    import CrossCircleFillSmallIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill-small';\n    import { generateUid } from '@/utils/ts/unique-id';\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useFormLayoutFieldLoading } from '@/composables/use-form-layout-loading/use-form-layout-loading';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    export default defineComponent({\n        i18n: { messages },\n        name: 'bento-textarea',\n        components: { BentoButton, BentoTypography, ErrorMessage, CrossCircleFillSmallIcon },\n        props: {\n            /**\n             * Text that labels an the input element\n             */\n            ariaLabel: { type: String, default: undefined },\n\n            /**\n             * Text that shows number of characters in textarea\n             */\n            characterLimit: { type: Number, default: undefined },\n\n            /**\n             * Text displayed as the help text of the textarea\n             */\n            description: { type: String, default: '' },\n\n            /**\n             * Disables the possibility of changing value in the textarea\n             */\n            disabled: { type: Boolean, default: false },\n\n            /**\n             * If set to true, shows a button to clear all the text\n             */\n            clearable: { type: Boolean, default: false },\n\n            /**\n             * Adds error text\n             */\n            errorMessage: { type: String, default: '' },\n\n            /**\n             * Sets the height of the textarea, e.g 200px OR 20vh\n             */\n            height: { type: String, default: null },\n\n            /**\n             * Text displayed as the label of the textarea\n             */\n            label: { type: String, default: '' },\n\n            /**\n             * Highlights the textarea is optional.\n             */\n            optional: { type: Boolean, default: false },\n\n            /**\n             * Text displayed as the placeholder of the textarea\n             */\n            placeholder: { type: String, default: '' },\n\n            /**\n             * Set the textarea to read only state.\n             */\n            readonly: { type: Boolean, default: false },\n\n            /**\n             * Indicates the possibility of resize the textarea\n             */\n            resizable: {\n                type: String as PropType<BentoTextareaResizeOption | `${BentoTextareaResizeOption}`>,\n                default: BentoTextareaResizeOption.BOTH,\n                validator: (value: BentoTextareaResizeOption) =>\n                    Object.values(BentoTextareaResizeOption).includes(value),\n            },\n\n            /**\n             * Highlights the textarea is required.\n             */\n            required: { type: Boolean, default: false },\n\n            /**\n             * Text displayed as the value of the textarea\n             */\n            value: { type: String, default: '' },\n        },\n        emits: [\n            BentoTextareaEvent.BLUR,\n            BentoTextareaEvent.CHANGE,\n            BentoTextareaEvent.CLEAR,\n            BentoTextareaEvent.ESCAPE_PRESSED,\n            BentoTextareaEvent.FOCUS,\n            BentoTextareaEvent.INPUT,\n        ],\n        setup(props, { attrs, emit }) {\n            const { height } = toRefs(props);\n\n            const textareaId = generateUid('textarea');\n            const textareaElement = ref<HTMLTextAreaElement>(null);\n            const textareaValue = ref(props.value);\n            const defaultTextareaHeight = 44;\n            const textareaHeight = ref(props.height || `${defaultTextareaHeight}px`);\n            const textareaWidth = ref('100%');\n\n            const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n            const { isReadOnly } = useFormLayoutFieldLoading(toRef(props, 'readonly'));\n\n            const counter = computed(() => `${textareaValue.value.length} / ${props.characterLimit}`);\n            const isOverCharacterLimit = computed(\n                () => props.characterLimit && textareaValue.value.length > props.characterLimit\n            );\n\n            const calculateHeight = () => {\n                const borderWidth = 3;\n                if (textareaElement.value && textareaElement.value.scrollHeight > defaultTextareaHeight) {\n                    textareaHeight.value = `${textareaElement.value.scrollHeight + borderWidth}px`;\n                }\n            };\n\n            watch(height, () => {\n                if (!height.value) {\n                    calculateHeight();\n                } else {\n                    textareaHeight.value = height.value;\n                }\n            });\n\n            watch(\n                () => props.value,\n                () => {\n                    textareaValue.value = props.value;\n                },\n                { immediate: true }\n            );\n\n            watch(\n                () => textareaValue.value,\n                async () => {\n                    if (!height.value) {\n                        // Hack to make the textarea calculate its height properly\n                        // Set the textarea back to the original value before calculating the height\n                        textareaHeight.value = `${defaultTextareaHeight}px`;\n                        if (!textareaValue.value) {\n                            return;\n                        }\n\n                        await nextTick();\n                        calculateHeight();\n                    }\n                },\n                { immediate: true }\n            );\n\n            const invalidInput = computed(() => !!props.errorMessage || isOverCharacterLimit.value);\n\n            const conditionalClasses = computed(() => ({\n                [`b-textarea--${BentoTextareaStateClass.DISABLED}`]: props.disabled,\n            }));\n\n            const conditionalClassesInput = computed(() => ({\n                [`b-textarea__input--${BentoTextareaStateClass.CLEARABLE}`]: props.clearable,\n                [`b-textarea__input--${BentoTextareaStateClass.READONLY}`]: isReadOnly.value,\n                [`b-textarea__input--${BentoTextareaStateClass.ERROR}`]: invalidInput.value,\n                [`b-textarea__input--dynamic-height`]: !height.value,\n            }));\n\n            const conditionalClassesLabelBox = computed(() => ({\n                [`b-textarea__label-box--no-label`]: !props.label,\n            }));\n\n            const conditionalClassesLabelItem = computed(() => ({\n                [`b-textarea__label-item--${BentoTextareaStateClass.ERROR}`]: isOverCharacterLimit.value,\n            }));\n\n            const counterErrorText = computed(() =>\n                t('yourTextCanBenAtMost', { characterLimit: props.characterLimit })\n            );\n\n            const ariaLabelAttribute = ref(attrs['aria-label']);\n            const { ariaLabel, label } = 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: label,\n            });\n\n            const showClearButton = computed(\n                () => props.clearable && textareaValue.value && !props.disabled && !isReadOnly.value\n            );\n\n            const onClear = () => {\n                textareaValue.value = '';\n                emit(BentoTextareaEvent.CLEAR);\n                emit(BentoTextareaEvent.INPUT, '');\n            };\n\n            const onInput = (event: InputEvent) => {\n                if (!props.disabled && !isReadOnly.value) {\n                    textareaValue.value = (event.target as HTMLInputElement).value;\n                    /**\n                     * Triggered when input value is changed\n                     *\n                     * @event input\n                     * @property {String} inputValue - the updated textarea value\n                     */\n                    emit(BentoTextareaEvent.INPUT, textareaValue.value);\n                }\n            };\n\n            const onBlur = () => {\n                textareaElement.value.scrollTop = 0;\n                emit(BentoTextareaEvent.BLUR);\n            };\n\n            const onFocus = () => {\n                textareaElement.value.focus();\n                emit(BentoTextareaEvent.FOCUS);\n            };\n\n            const onChange = () => {\n                emit(BentoTextareaEvent.CHANGE);\n            };\n\n            const onPressEscape = () => {\n                emit(BentoTextareaEvent.ESCAPE_PRESSED);\n            };\n\n            onMounted(() => {\n                observeSizeOfElement(textareaElement.value, () => {\n                    const offsetWidth = textareaElement?.value?.offsetWidth;\n                    textareaWidth.value = offsetWidth ? `${offsetWidth}px` : '100%';\n                });\n\n                if (!height.value) {\n                    calculateHeight();\n                }\n            });\n\n            return {\n                // Enums\n                BentoTextareaEvent,\n\n                // Methods\n                onBlur,\n                onChange,\n                onClear,\n                onFocus,\n                onInput,\n                onPressEscape,\n                t,\n\n                // Values\n                computedAriaLabel,\n                conditionalClasses,\n                conditionalClassesLabelItem,\n                conditionalClassesLabelBox,\n                counter,\n                counterErrorText,\n                conditionalClassesInput,\n                invalidInput,\n                isOverCharacterLimit,\n                isReadOnly,\n                showClearButton,\n                textareaElement,\n                textareaHeight,\n                textareaId,\n                textareaValue,\n                textareaWidth,\n            };\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./textarea.scss\" />\n"],"names":["BentoTextareaResizeOption","BentoTextareaResizeOption2","BentoTextareaStateClass","BentoTextareaStateClass2","BentoTextareaEvent","BentoTextareaEvent2","uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","messages","BentoButton","BentoTypography","ErrorMessage","CrossCircleFillSmallIcon","value","props","attrs","emit","height","toRefs","textareaId","generateUid","textareaElement","ref","textareaValue","defaultTextareaHeight","textareaHeight","textareaWidth","t","useI18n","isReadOnly","useFormLayoutFieldLoading","toRef","counter","computed","isOverCharacterLimit","calculateHeight","watch","nextTick","invalidInput","conditionalClasses","conditionalClassesInput","conditionalClassesLabelBox","conditionalClassesLabelItem","counterErrorText","ariaLabelAttribute","ariaLabel","label","computedAriaLabel","useAriaLabel","showClearButton","onClear","onInput","event","onBlur","onFocus","onChange","onPressEscape","onMounted","observeSizeOfElement","offsetWidth","_a","normalizeClass","createBlock","_component_bento_typography","createCommentVNode","_hoisted_1","createVNode","createElementVNode","normalizeStyle","_cache","args","withKeys","_hoisted_2","_hoisted_3","_component_bento_button","withCtx","_component_cross_circle_fill_small_icon","_component_error_message"],"mappings":"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","x_google_ignoreList":[1]}