@rededor/site-front-end-lib 20.0.18 → 20.0.20

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs

@@ -0,0 +1,208 @@
+import * as i0 from '@angular/core';
+import { inject, input, model, output, signal, computed, forwardRef, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
+
+class CuraTextareaComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        /**
+         * Status of the textarea component
+         */
+        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /**
+         * Size of the textarea component
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Label text for the textarea
+         */
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Name attribute for the textarea
+         */
+        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+        /**
+         * Placeholder text for the textarea
+         */
+        this.placeholder = input(null, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        /**
+         * Current value of the textarea
+         */
+        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Whether the textarea is disabled
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Whether the textarea is required
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        /**
+         * Whether the textarea is read-only
+         */
+        this.readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+        /**
+         * Maximum length of the textarea value
+         */
+        this.maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
+        /**
+         * Number of visible text rows
+         */
+        this.rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+        /**
+         * Resize behaviour of the textarea
+         */
+        this.resize = input('none', ...(ngDevMode ? [{ debugName: "resize" }] : []));
+        /**
+         * Event emitted when the value changes
+         */
+        this.valueChange = output();
+        // Internal state signals
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+        // Form control callbacks
+        this.onChange = (value) => { };
+        this.onTouched = () => { };
+        // Computed styles
+        this.styles = computed(() => {
+            const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };
+            const baseStyles = {};
+            if (fonts) {
+                const fontWeights = fonts.getWeights();
+                baseStyles['--font-weight-medium'] = fontWeights.medium;
+                baseStyles['--font-weight-bold'] = fontWeights.bold;
+                baseStyles['--font-weight-regular'] = fontWeights.regular;
+                baseStyles['--font-color'] = fonts.getColor();
+                baseStyles['--font-family'] = fonts.getFamily();
+                baseStyles['--font-size'] = fonts.getSize();
+            }
+            if (colors) {
+                const colorKeys = [
+                    'primary-base',
+                    'neutral-purewhite',
+                    'neutral-white',
+                    'neutral-black',
+                    'neutral-medium',
+                    'neutral-base',
+                    'neutral-dark',
+                    'success-dark',
+                    'success-darker',
+                    'success-lighter',
+                    'error-lighter',
+                    'error-dark',
+                    'error-darker',
+                    'error-base',
+                    'info-base',
+                ];
+                colorKeys.forEach((key) => {
+                    baseStyles[`--${key}`] = colors.getColor(key);
+                });
+            }
+            return baseStyles;
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+        // Computed signals
+        this.classes = computed(() => ({
+            [this.size().toLowerCase()]: true,
+            disabled: this.disabled(),
+            isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),
+            isHovered: this.isHovered(),
+            [this.status()]: true,
+        }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        this.labelColor = computed(() => {
+            if (this.disabled()) {
+                return 'neutral-medium';
+            }
+            else if ((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) {
+                return 'neutral-black';
+            }
+            else {
+                return 'neutral-dark';
+            }
+        }, ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
+        this.helperText = computed(() => {
+            const isError = this.status() === 'error';
+            const isSuccess = this.status() === 'success';
+            const isDefault = this.status() === 'default';
+            const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';
+            const colorText = (() => {
+                if (this.disabled())
+                    return 'neutral-medium';
+                if (this.isFocused() || this.isHovered())
+                    return 'neutral-black';
+                return 'neutral-dark';
+            })();
+            return {
+                size: helperTextSize,
+                color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,
+            };
+        }, ...(ngDevMode ? [{ debugName: "helperText" }] : []));
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    // Event handlers
+    handleMouseEnter() {
+        this.isHovered.set(true);
+    }
+    handleMouseLeave() {
+        this.isHovered.set(false);
+    }
+    handleFocus() {
+        this.isFocused.set(true);
+    }
+    handleBlur() {
+        this.onTouched();
+        setTimeout(() => {
+            this.isFocused.set(false);
+        }, 150);
+    }
+    handleInputChange(event) {
+        const newValue = event.target.value;
+        this.value.set(newValue);
+        this.onChange(newValue);
+        this.valueChange.emit({ value: newValue });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraTextareaComponent, isStandalone: true, selector: "cura-textarea", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, host: { attributes: { "role": "textbox" }, properties: { "attr.aria-multiline": "true", "attr.aria-disabled": "disabled()", "attr.aria-required": "required()", "attr.aria-invalid": "status() === \"error\"" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraTextareaComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-textarea', imports: [CommonModule, FormsModule, CuraLabelComponent], host: {
+                        role: 'textbox',
+                        '[attr.aria-multiline]': 'true',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.aria-required]': 'required()',
+                        '[attr.aria-invalid]': 'status() === "error"',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraTextareaComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"] }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraTextareaComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-textarea.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.html","../../../projects/site-front-end-lib/cura/forms/cura-textarea/rededor-site-front-end-lib-cura-forms-cura-textarea.ts"],"sourcesContent":["import { Component, input, output, signal, computed, inject, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\nimport { TextareaSize, TextareaStatus, TextareaResize, TextareaValueChangeEvent } from './cura-textarea.definitions';\n\n@Component({\n  selector: 'cura-textarea',\n  imports: [CommonModule, FormsModule, CuraLabelComponent],\n  templateUrl: './cura-textarea.component.html',\n  styleUrls: ['./cura-textarea.component.scss'],\n  host: {\n    role: 'textbox',\n    '[attr.aria-multiline]': 'true',\n    '[attr.aria-disabled]': 'disabled()',\n    '[attr.aria-required]': 'required()',\n    '[attr.aria-invalid]': 'status() === \"error\"',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CuraTextareaComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraTextareaComponent implements ControlValueAccessor {\n  private curaApi: CuraApiService = inject(CuraApiService);\n\n  /**\n   * Status of the textarea component\n   */\n  status = input<TextareaStatus>('default');\n\n  /**\n   * Size of the textarea component\n   */\n  size = input<TextareaSize>('medium');\n\n  /**\n   * Label text for the textarea\n   */\n  label = input<string>('');\n\n  /**\n   * Name attribute for the textarea\n   */\n  name = input<string>('');\n\n  /**\n   * Placeholder text for the textarea\n   */\n  placeholder = input<string | null>(null);\n\n  /**\n   * Current value of the textarea\n   */\n  value = model<string>('');\n\n  /**\n   * Whether the textarea is disabled\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * Whether the textarea is required\n   */\n  required = input<boolean>(false);\n\n  /**\n   * Whether the textarea is read-only\n   */\n  readOnly = input<boolean>(false);\n\n  /**\n   * Maximum length of the textarea value\n   */\n  maxlength = input<number | undefined>(undefined);\n\n  /**\n   * Number of visible text rows\n   */\n  rows = input<number>(3);\n\n  /**\n   * Resize behaviour of the textarea\n   */\n  resize = input<TextareaResize>('none');\n\n  /**\n   * Event emitted when the value changes\n   */\n  valueChange = output<TextareaValueChangeEvent>();\n\n  // Internal state signals\n  private isHovered = signal<boolean>(false);\n  private isFocused = signal<boolean>(false);\n\n  // Form control callbacks\n  private onChange = (value: string) => {};\n  private onTouched = () => {};\n\n  // ControlValueAccessor implementation\n  writeValue(value: string): void {\n    this.value.set(value ?? '');\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  // Computed styles\n  styles = computed(() => {\n    const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };\n\n    const baseStyles: { [key: string]: string } = {};\n\n    if (fonts) {\n      const fontWeights = fonts.getWeights();\n      baseStyles['--font-weight-medium'] = fontWeights.medium;\n      baseStyles['--font-weight-bold'] = fontWeights.bold;\n      baseStyles['--font-weight-regular'] = fontWeights.regular;\n      baseStyles['--font-color'] = fonts.getColor();\n      baseStyles['--font-family'] = fonts.getFamily();\n      baseStyles['--font-size'] = fonts.getSize();\n    }\n\n    if (colors) {\n      const colorKeys = [\n        'primary-base',\n        'neutral-purewhite',\n        'neutral-white',\n        'neutral-black',\n        'neutral-medium',\n        'neutral-base',\n        'neutral-dark',\n        'success-dark',\n        'success-darker',\n        'success-lighter',\n        'error-lighter',\n        'error-dark',\n        'error-darker',\n        'error-base',\n        'info-base',\n      ];\n\n      colorKeys.forEach((key) => {\n        baseStyles[`--${key}`] = colors.getColor(key);\n      });\n    }\n\n    return baseStyles;\n  });\n\n  // Computed signals\n  classes = computed(() => ({\n    [this.size().toLowerCase()]: true,\n    disabled: this.disabled(),\n    isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),\n    isHovered: this.isHovered(),\n    [this.status()]: true,\n  }));\n\n  labelColor = computed(() => {\n    if (this.disabled()) {\n      return 'neutral-medium';\n    } else if ((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) {\n      return 'neutral-black';\n    } else {\n      return 'neutral-dark';\n    }\n  });\n\n  helperText = computed((): { size: LabelSize; color: string } => {\n    const isError = this.status() === 'error';\n    const isSuccess = this.status() === 'success';\n    const isDefault = this.status() === 'default';\n    const helperTextSize: LabelSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n    const colorText = (() => {\n      if (this.disabled()) return 'neutral-medium';\n      if (this.isFocused() || this.isHovered()) return 'neutral-black';\n      return 'neutral-dark';\n    })();\n\n    return {\n      size: helperTextSize,\n      color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,\n    };\n  });\n\n  // Event handlers\n  handleMouseEnter(): void {\n    this.isHovered.set(true);\n  }\n\n  handleMouseLeave(): void {\n    this.isHovered.set(false);\n  }\n\n  handleFocus(): void {\n    this.isFocused.set(true);\n  }\n\n  handleBlur(): void {\n    this.onTouched();\n    setTimeout(() => {\n      this.isFocused.set(false);\n    }, 150);\n  }\n\n  handleInputChange(event: Event): void {\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.value.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit({ value: newValue });\n  }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/site-front-end-lib",
-  "version": "20.0.18",
+  "version": "20.0.20",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -261,10 +261,18 @@
       "types": "./cura/forms/cura-select-option/index.d.ts",
       "default": "./fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs"
     },
+    "./cura/forms/cura-select-state": {
+      "types": "./cura/forms/cura-select-state/index.d.ts",
+      "default": "./fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs"
+    },
     "./cura/forms/cura-switch": {
       "types": "./cura/forms/cura-switch/index.d.ts",
       "default": "./fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs"
     },
+    "./cura/forms/cura-textarea": {
+      "types": "./cura/forms/cura-textarea/index.d.ts",
+      "default": "./fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs"
+    },
     "./cura/icons/cura-icon": {
       "types": "./cura/icons/cura-icon/index.d.ts",
       "default": "./fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs"