bromcom-ui-next 0.1.29 → 0.1.31

package/dist/collection/components/textarea/textarea.component.js

@@ -5,146 +5,70 @@ import { generateId } from "../../utils/id/generate-id";
 // import { checkSlotContent } from '../../utils/slot/check-slot-content';
 import { getValidationMessage, setValidationMessages, defaultValidationMessages } from "../../utils/validation-messages";
 export class BcmTextarea {
-    constructor() {
-        this.isFocused = false;
-        this.isValid = true;
-        this.internalStatus = 'default';
-        /** Textarea value */
-        this.value = '';
-        /** Textarea rows */
-        this.rows = 3;
-        /** Resize behavior */
-        this.resize = 'none';
-        /** Auto grow height based on content */
-        this.autoGrow = false;
-        /** Input id */
-        this._id = generateId('textarea');
-        /** Controls the textarea size */
-        this.size = 'medium';
-        /** Defines the textarea's status/state */
-        this.status = 'default';
-        /** Full width textarea */
-        this.fullWidth = false;
-        /** Whether the textarea is disabled */
-        this.disabled = false;
-        /** Whether the textarea is readonly */
-        this.readonly = false;
-        /** Whether the textarea is required */
-        this.required = false;
-        /** Show character counter */
-        this.showCounter = true;
-        this.onChange = (event) => {
-            this.bcmChange.emit(event);
-        };
-        this.onFocus = (event) => {
-            this.isFocused = true;
-            this.bcmFocus.emit(event);
-        };
-        this.onBlur = (event) => {
-            this.isFocused = false;
-            this.bcmBlur.emit(event);
-            this.validateInput();
-        };
-        this.onKeyDown = (event) => {
-            this.bcmKeyDown.emit(event);
-        };
-        this.onKeyUp = (event) => {
-            this.bcmKeyUp.emit(event);
-        };
-        this.styleClass = tv({
-            slots: {
-                base: [
-                    'bcm-textarea bcm-textarea__container',
-                    'bg-[--bcm-ui-color-background-base-default]',
-                    'border border-solid rounded',
-                    'flex flex-col', // flex-col ekledik
-                    'transition-colors duration-200',
-                    'px-2 py-2',
-                    'w-full', // w-full ekledik
-                ],
-                textareaClass: [
-                    'textarea',
-                    'w-full',
-                    'border-0 outline-0 bg-transparent',
-                    'appearance-none',
-                    'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',
-                    'font-sans antialiased font-medium',
-                    'px-1',
-                    'overflow-y-auto', // overflow-y-auto ekledik
-                    'min-h-0', // min-h-0 ekledik
-                ],
-                counterText: ['textarea-counter-text', 'text-[--bcm-ui-color-text-placeholder]', 'text-right', 'mt-1'],
-            },
-            variants: {
-                size: {
-                    small: {
-                        base: '',
-                        textareaClass: 'text-size-4 min-h-[3rem]',
-                        counterText: 'text-size-3',
-                    },
-                    medium: {
-                        base: '',
-                        textareaClass: 'text-size-5 min-h-[4rem]',
-                        counterText: 'text-size-4',
-                    },
-                    large: {
-                        base: '',
-                        textareaClass: 'text-size-6 min-h-[5rem]',
-                        counterText: 'text-size-5',
-                    },
-                },
-                resize: {
-                    none: { textareaClass: '!resize-none' },
-                    both: { textareaClass: '!resize' },
-                    horizontal: { textareaClass: '!resize-x' },
-                    vertical: { textareaClass: '!resize-y' },
-                },
-                status: {
-                    default: {
-                        base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],
-                    },
-                    error: {
-                        base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],
-                    },
-                    success: {
-                        base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],
-                    },
-                    warning: {
-                        base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],
-                    },
-                    info: {
-                        base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],
-                    },
-                },
-                fullWidth: {
-                    true: 'full-width w-full',
-                },
-                disabled: {
-                    true: {
-                        base: 'disabled cursor-not-allowed opacity-50',
-                        textareaClass: '!resize-none', // disabled durumunda resize'ı engelle
-                    },
-                    false: '',
-                },
-                focused: {
-                    true: {
-                        base: 'ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50',
-                    },
-                    false: '',
-                },
-            },
-            defaultVariants: {
-                size: 'medium',
-                status: 'default',
-                resize: 'vertical',
-                fullWidth: false,
-                disabled: false,
-                focused: false,
-            },
-        }, {
-            twMerge: false,
-        });
-    }
+    el;
+    textareaRef;
+    isFocused = false;
+    validationMessage;
+    isValid = true;
+    internalStatus = 'default';
+    internalErrorMessage;
+    internals;
+    /** Textarea value */
+    value = '';
+    /** Textarea rows */
+    rows = 3;
+    /** Textarea cols */
+    cols;
+    /** Minimum height in rows */
+    minRows;
+    /** Maximum height in rows */
+    maxRows;
+    /** Resize behavior */
+    resize = 'none';
+    /** Auto grow height based on content */
+    autoGrow = false;
+    /** Input placeholder text */
+    placeholder;
+    /** Input name */
+    name;
+    /** Input id */
+    _id = generateId('textarea');
+    /** Controls the textarea size */
+    size = 'medium';
+    /** Defines the textarea's status/state */
+    status = 'default';
+    /** Full width textarea */
+    fullWidth = false;
+    /** Whether the textarea is disabled */
+    disabled = false;
+    /** Whether the textarea is readonly */
+    readonly = false;
+    /** Whether the textarea is required */
+    required = false;
+    /** Min length for text input */
+    minLength;
+    /** Max length for text input */
+    maxLength;
+    /** Show character counter */
+    showCounter = true;
+    /** Textarea label for accessibility */
+    label;
+    /** Error message to display */
+    errorMessage;
+    /** Caption text to display below textarea */
+    captionText;
+    /** ID of associated label element */
+    labelledby;
+    /** ID of associated caption/error text element */
+    describedby;
+    /** Custom validation function */
+    validator;
+    bcmInput;
+    bcmChange;
+    bcmFocus;
+    bcmBlur;
+    bcmKeyDown;
+    bcmKeyUp;
     handleValueChange(newValue) {
         if (this.textareaRef) {
             this.textareaRef.value = newValue;
@@ -152,6 +76,9 @@ export class BcmTextarea {
                 this.adjustHeight();
             }
         }
+        if (this.internals) {
+            this.internals.setFormValue(newValue ?? '');
+        }
     }
     watchStatus(newValue) {
         this.internalStatus = newValue;
@@ -163,13 +90,15 @@ export class BcmTextarea {
         setValidationMessages('en', defaultValidationMessages);
         this.internalStatus = this.status;
         this.internalErrorMessage = this.errorMessage;
+        if (this.internals) {
+            this.internals.setFormValue(this.value ?? '');
+        }
     }
     componentDidLoad() {
-        var _a;
         if (this.autoGrow) {
             this.adjustHeight();
             // Input event'ini dinle
-            (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.addEventListener('input', () => this.adjustHeight());
+            this.textareaRef?.addEventListener('input', () => this.adjustHeight());
         }
     }
     disconnectedCallback() {
@@ -179,22 +108,30 @@ export class BcmTextarea {
         }
     }
     async setFocus() {
-        var _a;
-        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.focus();
+        this.textareaRef?.focus();
     }
     async setBlur() {
-        var _a;
-        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.blur();
+        this.textareaRef?.blur();
     }
     async select() {
-        var _a;
-        (_a = this.textareaRef) === null || _a === void 0 ? void 0 : _a.select();
+        this.textareaRef?.select();
+    }
+    /**
+     * When the parent <form> is reset, reset textarea state as well.
+     */
+    formResetCallback() {
+        this.value = '';
+        this.isValid = true;
+        this.validationMessage = '';
+        this.internalStatus = 'default';
+        this.internalErrorMessage = '';
+        this.internals?.setFormValue('');
+        this.internals?.setValidity({});
     }
     adjustHeight() {
         if (!this.autoGrow || !this.textareaRef)
             return;
         requestAnimationFrame(() => {
-            // Önce height'ı sıfırla ki scrollHeight doğru hesaplansın
             this.textareaRef.style.height = '0px';
             const computedStyle = getComputedStyle(this.textareaRef);
             const lineHeight = parseInt(computedStyle.lineHeight);
@@ -202,7 +139,6 @@ export class BcmTextarea {
             const paddingBottom = parseInt(computedStyle.paddingBottom);
             const scrollHeight = this.textareaRef.scrollHeight;
             let newHeight = scrollHeight;
-            // Min/max kontrolleri
             if (this.minRows) {
                 const minHeight = this.minRows * lineHeight + paddingTop + paddingBottom;
                 newHeight = Math.max(newHeight, minHeight);
@@ -221,23 +157,27 @@ export class BcmTextarea {
         this.isValid = true;
         this.validationMessage = '';
         const value = this.textareaRef.value;
+        let validityFlags = {};
         // Required check
         if (this.required && !value) {
             this.isValid = false;
             this.validationMessage = getValidationMessage('required');
             this.internalStatus = 'error';
             this.internalErrorMessage = this.validationMessage;
+            validityFlags = { valueMissing: true };
             return;
         }
         // Minimum length check
         if (this.minLength && value.length < this.minLength) {
             this.isValid = false;
             this.validationMessage = getValidationMessage('minlength', { min: this.minLength });
+            validityFlags = { tooShort: true };
         }
         // Maximum length check
         else if (this.maxLength && value.length > this.maxLength) {
             this.isValid = false;
             this.validationMessage = getValidationMessage('maxlength', { max: this.maxLength });
+            validityFlags = { tooLong: true };
         }
         // Custom validator
         if (this.validator) {
@@ -245,12 +185,132 @@ export class BcmTextarea {
             if (customError) {
                 this.isValid = false;
                 this.validationMessage = customError;
+                validityFlags = { customError: true };
             }
         }
         // Update component state
         this.internalStatus = this.isValid ? 'default' : 'error';
         this.internalErrorMessage = this.validationMessage;
+        if (this.internals) {
+            if (this.isValid) {
+                this.internals.setValidity({});
+            }
+            else {
+                this.internals.setValidity(validityFlags, this.validationMessage || '', this.textareaRef);
+            }
+        }
     }
+    onChange = (event) => {
+        this.bcmChange.emit(event);
+    };
+    onFocus = (event) => {
+        this.isFocused = true;
+        this.bcmFocus.emit(event);
+    };
+    onBlur = (event) => {
+        this.isFocused = false;
+        this.bcmBlur.emit(event);
+        this.validateInput();
+    };
+    onKeyDown = (event) => {
+        this.bcmKeyDown.emit(event);
+    };
+    onKeyUp = (event) => {
+        this.bcmKeyUp.emit(event);
+    };
+    styleClass = tv({
+        slots: {
+            base: [
+                'bcm-textarea bcm-textarea__container',
+                'bg-[--bcm-ui-color-background-base-default]',
+                'border border-solid rounded',
+                'flex flex-col', // flex-col ekledik
+                'transition-colors duration-200',
+                'px-2 py-2',
+                'w-full', // w-full ekledik
+            ],
+            textareaClass: [
+                'textarea',
+                'w-full',
+                'border-0 outline-0 bg-transparent',
+                'appearance-none',
+                'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',
+                'font-sans antialiased font-medium',
+                'px-1',
+                'overflow-y-auto', // overflow-y-auto ekledik
+                'min-h-0', // min-h-0 ekledik
+            ],
+            counterText: ['textarea-counter-text', 'text-[--bcm-ui-color-text-placeholder]', 'text-right', 'mt-1'],
+        },
+        variants: {
+            size: {
+                small: {
+                    base: '',
+                    textareaClass: 'text-size-4 min-h-[3rem]',
+                    counterText: 'text-size-3',
+                },
+                medium: {
+                    base: '',
+                    textareaClass: 'text-size-5 min-h-[4rem]',
+                    counterText: 'text-size-4',
+                },
+                large: {
+                    base: '',
+                    textareaClass: 'text-size-6 min-h-[5rem]',
+                    counterText: 'text-size-5',
+                },
+            },
+            resize: {
+                none: { textareaClass: '!resize-none' },
+                both: { textareaClass: '!resize' },
+                horizontal: { textareaClass: '!resize-x' },
+                vertical: { textareaClass: '!resize-y' },
+            },
+            status: {
+                default: {
+                    base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],
+                },
+                error: {
+                    base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],
+                },
+                success: {
+                    base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],
+                },
+                warning: {
+                    base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],
+                },
+                info: {
+                    base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],
+                },
+            },
+            fullWidth: {
+                true: 'full-width w-full',
+            },
+            disabled: {
+                true: {
+                    base: 'disabled cursor-not-allowed opacity-50',
+                    textareaClass: '!resize-none', // disabled durumunda resize'ı engelle
+                },
+                false: '',
+            },
+            focused: {
+                true: {
+                    base: 'ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50',
+                },
+                false: '',
+            },
+        },
+        defaultVariants: {
+            size: 'medium',
+            status: 'default',
+            resize: 'vertical',
+            fullWidth: false,
+            disabled: false,
+            focused: false,
+        },
+    }, {
+        twMerge: false,
+    });
     render() {
         const textareaId = this._id + '-textarea' || this.name;
         const { base, textareaClass, counterText } = this.styleClass({
@@ -261,22 +321,23 @@ export class BcmTextarea {
             disabled: this.disabled,
             focused: this.isFocused,
         });
-        return (h("div", { key: 'e9ee3f0b7c5556046dd2d226c21f02ed198c5882', class: "bcm-ui-element" }, this.label && (h("label", { key: '460c92b0862fb80a51f2f979187f7d2c5823b439', class: classNames('textarea-label font-medium', {
+        return (h("div", { key: 'f829e524ef167c385b367b9745a78d46c080a1e8', class: "bcm-ui-element" }, this.label && (h("label", { key: '36e44791b8d3e19a857d3a6512cc6c0de06debbb', class: classNames('textarea-label font-medium', {
                 'text-color-label': !this.disabled,
                 'text-color-disabled': this.disabled,
             }, {
                 'text-size-3': this.size === 'small',
                 'text-size-4': this.size === 'medium',
                 'text-size-5': this.size === 'large',
-            }), htmlFor: textareaId }, h("slot", { key: '4d1c93d111d2e8e97bf9becc632fb888e9097962', name: "label" }, this.label), this.required && h("span", { key: '48793130a9f11e25ee9fb991f000143ee799e69c' }, "*"))), h("div", { key: '41970aedcbb4e06a730c06785b797d3fdf6467d5', class: base() }, h("textarea", { key: '06c3394605ef1e0129dde131b4c2aa207547b529', ref: el => (this.textareaRef = el), id: textareaId, class: textareaClass(), name: this.name, rows: this.rows, cols: this.cols, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, minLength: this.minLength, maxLength: this.maxLength, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: event => {
+            }), htmlFor: textareaId }, h("slot", { key: 'da381f2c4bac1929532d201a7b5945794f8ca197', name: "label" }, this.label), this.required && h("span", { key: '142c17f5a5bdcd66b3e5705eb5cce833320f6d9f' }, "*"))), h("div", { key: 'e8f3e0f367d5aee53eeb97ea6d47406022dcc151', class: base() }, h("textarea", { key: 'caa78eb09d3876fb27d437d5cd3d4362b1fa6308', ref: el => (this.textareaRef = el), id: textareaId, class: textareaClass(), name: this.name, rows: this.rows, cols: this.cols, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: this.placeholder, minLength: this.minLength, maxLength: this.maxLength, "aria-invalid": this.status === 'error', "aria-required": this.required, "aria-labelledby": this.labelledby, "aria-describedby": this.describedby, value: this.value, onInput: event => {
                 const target = event.target;
                 this.value = target.value;
+                this.internals?.setFormValue(this.value ?? '');
                 this.bcmInput.emit(event);
                 this.validateInput();
                 if (this.autoGrow) {
                     this.adjustHeight();
                 }
-            }, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: '5d55687452808f99013ed83cd83cfa608eecd061', class: counterText() }, this.value.length, this.maxLength ? `/${this.maxLength}` : ''))), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: 'f02790c6fc90954f29a61ff2553cb413f20fe64f', class: classNames('textarea-caption-text font-regular mt-1', {
+            }, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp }), this.showCounter && (h("div", { key: '9fa7f020b0d554c5b0a103ff2ed1ffc6c32c2390', class: counterText() }, this.value.length, this.maxLength ? `/${this.maxLength}` : ''))), (this.captionText || this.internalErrorMessage || this.validationMessage) && (h("div", { key: 'acf9fa9ba5dee4fe0370dbd92a0abf48fa4352d3', class: classNames('textarea-caption-text font-regular mt-1', {
                 'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',
                 'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),
                 'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',
@@ -291,6 +352,7 @@ export class BcmTextarea {
     }
     static get is() { return "bcm-textarea"; }
     static get encapsulation() { return "shadow"; }
+    static get formAssociated() { return true; }
     static get originalStyleUrls() {
         return {
             "$": ["textarea.scss"]
@@ -305,7 +367,6 @@ export class BcmTextarea {
         return {
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -321,11 +382,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "rows": {
                 "type": "number",
-                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -341,11 +402,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "rows",
                 "defaultValue": "3"
             },
             "cols": {
                 "type": "number",
-                "attribute": "cols",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -360,11 +421,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "cols"
             },
             "minRows": {
                 "type": "number",
-                "attribute": "min-rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -379,11 +440,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min-rows"
             },
             "maxRows": {
                 "type": "number",
-                "attribute": "max-rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -398,11 +459,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-rows"
             },
             "resize": {
                 "type": "string",
-                "attribute": "resize",
                 "mutable": false,
                 "complexType": {
                     "original": "TextareaResize",
@@ -424,11 +485,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "resize",
                 "defaultValue": "'none'"
             },
             "autoGrow": {
                 "type": "boolean",
-                "attribute": "auto-grow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -444,11 +505,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "auto-grow",
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -463,11 +524,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -482,11 +543,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "_id": {
                 "type": "string",
-                "attribute": "id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -502,11 +563,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "id",
                 "defaultValue": "generateId('textarea')"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "InputSize",
@@ -528,11 +589,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'medium'"
             },
             "status": {
                 "type": "string",
-                "attribute": "status",
                 "mutable": false,
                 "complexType": {
                     "original": "InputStatus",
@@ -554,11 +615,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "status",
                 "defaultValue": "'default'"
             },
             "fullWidth": {
                 "type": "boolean",
-                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -574,11 +635,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "full-width",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -594,11 +655,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -614,11 +675,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -634,11 +695,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "minLength": {
                 "type": "number",
-                "attribute": "min-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -653,11 +714,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min-length"
             },
             "maxLength": {
                 "type": "number",
-                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -672,11 +733,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-length"
             },
             "showCounter": {
                 "type": "boolean",
-                "attribute": "show-counter",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -692,11 +753,11 @@ export class BcmTextarea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-counter",
                 "defaultValue": "true"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -711,11 +772,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -730,11 +791,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-message"
             },
             "captionText": {
                 "type": "string",
-                "attribute": "caption-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -749,11 +810,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "caption-text"
             },
             "labelledby": {
                 "type": "string",
-                "attribute": "labelledby",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -768,11 +829,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "labelledby"
             },
             "describedby": {
                 "type": "string",
-                "attribute": "describedby",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -787,11 +848,11 @@ export class BcmTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "describedby"
             },
             "validator": {
                 "type": "unknown",
-                "attribute": "validator",
                 "mutable": false,
                 "complexType": {
                     "original": "(value: string) => string | undefined",
@@ -1010,5 +1071,6 @@ export class BcmTextarea {
                 "methodName": "watchErrorMessage"
             }];
     }
+    static get attachInternalsMemberName() { return "internals"; }
 }
 //# sourceMappingURL=textarea.component.js.map