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

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

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { input, model, output, computed, forwardRef, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';
+import { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';
+
+const BRAZILIAN_STATES = [
+    { value: 'AC', label: 'Acre' },
+    { value: 'AL', label: 'Alagoas' },
+    { value: 'AP', label: 'Amapá' },
+    { value: 'AM', label: 'Amazonas' },
+    { value: 'BA', label: 'Bahia' },
+    { value: 'CE', label: 'Ceará' },
+    { value: 'DF', label: 'Distrito Federal' },
+    { value: 'ES', label: 'Espírito Santo' },
+    { value: 'GO', label: 'Goiás' },
+    { value: 'MA', label: 'Maranhão' },
+    { value: 'MT', label: 'Mato Grosso' },
+    { value: 'MS', label: 'Mato Grosso do Sul' },
+    { value: 'MG', label: 'Minas Gerais' },
+    { value: 'PA', label: 'Pará' },
+    { value: 'PB', label: 'Paraíba' },
+    { value: 'PR', label: 'Paraná' },
+    { value: 'PE', label: 'Pernambuco' },
+    { value: 'PI', label: 'Piauí' },
+    { value: 'RJ', label: 'Rio de Janeiro' },
+    { value: 'RN', label: 'Rio Grande do Norte' },
+    { value: 'RS', label: 'Rio Grande do Sul' },
+    { value: 'RO', label: 'Rondônia' },
+    { value: 'RR', label: 'Roraima' },
+    { value: 'SC', label: 'Santa Catarina' },
+    { value: 'SP', label: 'São Paulo' },
+    { value: 'SE', label: 'Sergipe' },
+    { value: 'TO', label: 'Tocantins' },
+];
+class CuraSelectStateComponent {
+    constructor() {
+        /**
+         * Label displayed above the select
+         */
+        this.label = input('Estado', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Placeholder text shown when no option is selected
+         */
+        this.placeholder = input('Escolha seu estado', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+        /**
+         * Whether the field is required
+         */
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        /**
+         * Whether the field is disabled
+         */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /**
+         * Size variant of the select
+         */
+        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * Validation status of the select
+         */
+        this.status = input('default', ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /**
+         * Controls whether options display the full state name or only the two-letter abbreviation
+         */
+        this.displayMode = input('full', ...(ngDevMode ? [{ debugName: "displayMode" }] : []));
+        /**
+         * Two-way binding for the current selected state value (two-letter code)
+         */
+        this.value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        /**
+         * Emitted when the user selects a state
+         */
+        this.selected = output();
+        this.states = computed(() => {
+            if (this.displayMode() === 'abbreviation') {
+                return BRAZILIAN_STATES.map((state) => ({ value: state.value, label: state.value }));
+            }
+            return BRAZILIAN_STATES;
+        }, ...(ngDevMode ? [{ debugName: "states" }] : []));
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    handleSelected(event) {
+        this.value.set(event.value);
+        this.onChange(event.value);
+        this.onTouched();
+        this.selected.emit(event);
+    }
+    writeValue(value) {
+        this.value.set(value ?? '');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraSelectStateComponent, isStandalone: true, selector: "cura-select-state", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selected: "selected" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CuraSelectStateComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n", dependencies: [{ kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectStateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-select-state', standalone: true, imports: [CuraSelectComponent, CuraSelectOptionComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CuraSelectStateComponent),
+                            multi: true,
+                        },
+                    ], template: "<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraSelectStateComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-select-state.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-select-state/cura-select-state.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-select-state/cura-select-state.component.html","../../../projects/site-front-end-lib/cura/forms/cura-select-state/rededor-site-front-end-lib-cura-forms-cura-select-state.ts"],"sourcesContent":["import { Component, computed, forwardRef, input, model, output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { SelectSelectedEvent, SelectSize, SelectStatus } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { BrazilianState, StateDisplayMode } from './cura-select-state.definitions';\n\nconst BRAZILIAN_STATES: BrazilianState[] = [\n  { value: 'AC', label: 'Acre' },\n  { value: 'AL', label: 'Alagoas' },\n  { value: 'AP', label: 'Amapá' },\n  { value: 'AM', label: 'Amazonas' },\n  { value: 'BA', label: 'Bahia' },\n  { value: 'CE', label: 'Ceará' },\n  { value: 'DF', label: 'Distrito Federal' },\n  { value: 'ES', label: 'Espírito Santo' },\n  { value: 'GO', label: 'Goiás' },\n  { value: 'MA', label: 'Maranhão' },\n  { value: 'MT', label: 'Mato Grosso' },\n  { value: 'MS', label: 'Mato Grosso do Sul' },\n  { value: 'MG', label: 'Minas Gerais' },\n  { value: 'PA', label: 'Pará' },\n  { value: 'PB', label: 'Paraíba' },\n  { value: 'PR', label: 'Paraná' },\n  { value: 'PE', label: 'Pernambuco' },\n  { value: 'PI', label: 'Piauí' },\n  { value: 'RJ', label: 'Rio de Janeiro' },\n  { value: 'RN', label: 'Rio Grande do Norte' },\n  { value: 'RS', label: 'Rio Grande do Sul' },\n  { value: 'RO', label: 'Rondônia' },\n  { value: 'RR', label: 'Roraima' },\n  { value: 'SC', label: 'Santa Catarina' },\n  { value: 'SP', label: 'São Paulo' },\n  { value: 'SE', label: 'Sergipe' },\n  { value: 'TO', label: 'Tocantins' },\n];\n\n@Component({\n  selector: 'cura-select-state',\n  standalone: true,\n  imports: [CuraSelectComponent, CuraSelectOptionComponent],\n  templateUrl: './cura-select-state.component.html',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CuraSelectStateComponent),\n      multi: true,\n    },\n  ],\n})\nexport class CuraSelectStateComponent implements ControlValueAccessor {\n  /**\n   * Label displayed above the select\n   */\n  label = input<string>('Estado');\n\n  /**\n   * Placeholder text shown when no option is selected\n   */\n  placeholder = input<string>('Escolha seu estado');\n\n  /**\n   * Whether the field is required\n   */\n  required = input<boolean>(false);\n\n  /**\n   * Whether the field is disabled\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * Size variant of the select\n   */\n  size = input<SelectSize>('medium');\n\n  /**\n   * Validation status of the select\n   */\n  status = input<SelectStatus>('default');\n\n  /**\n   * Controls whether options display the full state name or only the two-letter abbreviation\n   */\n  displayMode = input<StateDisplayMode>('full');\n\n  /**\n   * Two-way binding for the current selected state value (two-letter code)\n   */\n  value = model<string>('');\n\n  /**\n   * Emitted when the user selects a state\n   */\n  selected = output<SelectSelectedEvent>();\n\n  states = computed<BrazilianState[]>(() => {\n    if (this.displayMode() === 'abbreviation') {\n      return BRAZILIAN_STATES.map((state) => ({ value: state.value, label: state.value }));\n    }\n    return BRAZILIAN_STATES;\n  });\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  handleSelected(event: SelectSelectedEvent): void {\n    this.value.set(event.value);\n    this.onChange(event.value);\n    this.onTouched();\n    this.selected.emit(event);\n  }\n\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","<cura-select\n  [label]=\"label()\"\n  [placeholder]=\"placeholder()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [status]=\"status()\"\n  [(value)]=\"value\"\n  (selected)=\"handleSelected($event)\"\n>\n  @for (state of states(); track state.value) {\n    <cura-select-option [value]=\"state.value\">{{ state.label }}</cura-select-option>\n  }\n</cura-select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -351,8 +351,8 @@ class CuraSelectComponent {
         }
         document.removeEventListener('click', this.handleClickOutside);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraSelectComponent, isStandalone: true, selector: "cura-select", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", 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 }, searchBehavior: { classPropertyName: "searchBehavior", publicName: "searchBehavior", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selected: "selected", searchTermInput: "searchTermInput" }, host: { attributes: { "role": "combobox" }, properties: { "attr.aria-label": "label()", "attr.aria-required": "required()", "attr.aria-disabled": "disabled()", "attr.aria-invalid": "status() === \"error\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "listboxId()", "attr.aria-activedescendant": "activeOptionId()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraSelectComponent, isStandalone: true, selector: "cura-select", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", 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 }, searchBehavior: { classPropertyName: "searchBehavior", publicName: "searchBehavior", isSignal: true, isRequired: false, transformFunction: null }, caseSensitive: { classPropertyName: "caseSensitive", publicName: "caseSensitive", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selected: "selected", searchTermInput: "searchTermInput" }, host: { attributes: { "role": "combobox" }, properties: { "attr.aria-label": "label()", "attr.aria-required": "required()", "attr.aria-disabled": "disabled()", "attr.aria-invalid": "status() === \"error\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "listboxId()", "attr.aria-activedescendant": "activeOptionId()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CuraSelectComponent),
@@ -360,7 +360,7 @@ class CuraSelectComponent {
             },
         ], queries: [{ propertyName: "options", predicate: CuraSelectOptionComponent, isSignal: true }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div [ngClass]=\"containerClasses()\" [style]=\"styles()\" (mouseenter)=\"isHovered.set(true)\" (mouseleave)=\"isHovered.set(false)\" (click)=\"handleClick($event)\">\n  @if (label()) {\n    <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n      {{ label() }}\n      @if (required()) {\n        <span class=\"required\">*</span>\n      }\n    </cura-label>\n  }\n\n  <div\n    [ngClass]=\"{\n      'cura-input-field': true,\n      open: isOpen(),\n    }\"\n  >\n    @if (status() !== 'default' || iconName()) {\n      <cura-icon\n        class=\"feedback-icon\"\n        [name]=\"currentIconName()\"\n        iconset=\"default\"\n        [size]=\"size() === 'large' ? 20 : 16\"\n        [color]=\"iconColor()\"\n        [style]=\"styles()\"\n      >\n      </cura-icon>\n    }\n\n    <input\n      #inputElement\n      type=\"text\"\n      autocomplete=\"off\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      [required]=\"required()\"\n      [readonly]=\"!searchBehavior()\"\n      [value]=\"textInput()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [attr.aria-invalid]=\"status() === 'error'\"\n      [attr.aria-autocomplete]=\"searchBehavior() ? 'list' : 'none'\"\n      [attr.aria-controls]=\"listboxId()\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-activedescendant]=\"activeOptionId()\"\n      role=\"combobox\"\n      [style]=\"styles()\"\n      (focus)=\"isFocused.set(true)\"\n      (blur)=\"isFocused.set(false)\"\n      (input)=\"handleInputChange($event)\"\n      (keydown)=\"handleKeyNavigation($event)\"\n    />\n\n    <button\n      class=\"up-down-button\"\n      type=\"button\"\n      [attr.aria-label]=\"isOpen() ? 'Fechar lista de op\u00E7\u00F5es' : 'Abrir lista de op\u00E7\u00F5es'\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"listboxId()\"\n      [disabled]=\"disabled()\"\n      tabindex=\"-1\"\n    >\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" class=\"up-down-icon\" [color]=\"disabled() ? 'neutral-dark' : 'primary-base'\" [size]=\"16\" iconset=\"default\">\n      </cura-icon>\n    </button>\n  </div>\n\n  <cura-label class=\"helper-text\" size=\"xsmall\" [color]=\"textColor()\" [weight]=\"mode() === 'transparent' ? 'bold' : 'regular'\">\n    <ng-content></ng-content>\n  </cura-label>\n\n  @if (isOpen()) {\n    <div\n      [ngClass]=\"{\n        menu: true,\n        open: isOpen(),\n      }\"\n      [style]=\"{ '--max-height': maxHeight() }\"\n      role=\"listbox\"\n      [id]=\"listboxId()\"\n      [attr.aria-label]=\"'Lista de op\u00E7\u00F5es para ' + (label() || 'sele\u00E7\u00E3o')\"\n      [attr.aria-multiselectable]=\"false\"\n    >\n      <ng-content select=\"cura-select-option\"></ng-content>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;-webkit-user-select:none;user-select:none;text-align:left!important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .feedback-icon{box-sizing:content-box}.wrapper .cura-input-field .up-down-icon{order:3;margin-right:6px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field .up-down-button{background-color:transparent;border:none}.wrapper .cura-input-field input{padding:0 12px 0 8px;cursor:pointer}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0!important}.wrapper.transparent{background-color:transparent;padding:0;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none!important;background-color:transparent!important}.wrapper.transparent:focus-within .cura-input-field input{border:none!important;outline:none}.wrapper.transparent .helper-text{margin-top:0}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.wrapper:focus-within.selection .cura-input-field{border-radius:4px 4px 0 0}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker)!important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker)!important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker)!important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker)!important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height: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:0 12px 0 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.wrapper.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:285px;overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:auto;box-shadow:0 4px 8px #26262629}.menu.open{border-radius:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-select', imports: [CommonModule, CuraLabelComponent, CuraIconComponent], host: {
                         role: 'combobox',

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

@@ -149,8 +149,8 @@ class CuraSwitchComponent {
         this.onTouched();
         this.onchange.emit({ checked: this.checked() });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraSwitchComponent, isStandalone: true, selector: "cura-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, overflowLabel: { classPropertyName: "overflowLabel", publicName: "overflowLabel", isSignal: true, isRequired: false, transformFunction: null }, overflowHelper: { classPropertyName: "overflowHelper", publicName: "overflowHelper", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onchange: "onchange" }, host: { attributes: { "role": "switch" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.tabindex": "tabindex()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraSwitchComponent, isStandalone: true, selector: "cura-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, overflowLabel: { classPropertyName: "overflowLabel", publicName: "overflowLabel", isSignal: true, isRequired: false, transformFunction: null }, overflowHelper: { classPropertyName: "overflowHelper", publicName: "overflowHelper", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onchange: "onchange" }, host: { attributes: { "role": "switch" }, properties: { "attr.aria-checked": "checked()", "attr.aria-disabled": "disabled()", "attr.tabindex": "tabindex()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CuraSwitchComponent),
@@ -158,7 +158,7 @@ class CuraSwitchComponent {
             },
         ], ngImport: i0, template: "<div [class]=\"containerClasses()\" [style]=\"styles()\" (click)=\"toggleSwitch()\">\n  <div class=\"info\">\n    <cura-label\n      [textOverflow]=\"overflowLabel()\"\n      [style.textAlign]=\"labelTextAlign()\"\n      class=\"label\"\n      weight=\"bold\"\n      [size]=\"labelSize()\"\n      lineHeight=\"125%\"\n      [color]=\"labelColor()\"\n    >\n      {{ label() }}\n    </cura-label>\n\n    <cura-label [textOverflow]=\"overflowHelper()\" [style.textAlign]=\"labelTextAlign()\" [color]=\"messageColor()\" size=\"xsmall\" class=\"message\">\n      <ng-content></ng-content>\n    </cura-label>\n  </div>\n\n  <div class=\"control\">\n    <div [class]=\"'track ' + size().toLowerCase()\">\n      <div [class]=\"'thumb ' + size().toLowerCase()\" [tabIndex]=\"tabindex()\" (keydown.space)=\"toggleSwitch()\" (keydown.enter)=\"toggleSwitch()\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color .3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform .3s,outline .3s;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0 4px 8px 0 var(--neutral-black-shadow, rgba(38, 38, 38, .16));background:var(--neutral-purewhite);transform:translate(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale)!important;border-color:var(--neutral-darker-medium)!important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base)!important;border-color:var(--neutral-black-neutral-pale)!important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none!important;border-color:var(--neutral-black-neutral-pale)!important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base)!important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base)!important;border-color:var(--color-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: CuraSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-switch', imports: [CommonModule, CuraLabelComponent], host: {
                         role: 'switch',

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.18", ngImport: i0, type: CuraTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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.18", 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/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs

@@ -67,10 +67,10 @@ class CuraIconComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "iconStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraIconComponent, isStandalone: true, selector: "cura-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconset: { classPropertyName: "iconset", publicName: "iconset", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--size": "iconStyles().size", "style.--stroke": "iconStyles().stroke", "style.--color": "iconStyles().color" } }, ngImport: i0, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraIconComponent, isStandalone: true, selector: "cura-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, iconset: { classPropertyName: "iconset", publicName: "iconset", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--size": "iconStyles().size", "style.--stroke": "iconStyles().stroke", "style.--color": "iconStyles().color" } }, ngImport: i0, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-icon', imports: [CommonModule], host: {
                         role: 'img',

package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs

@@ -23,10 +23,10 @@ class CuraLoaderBarComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraLoaderBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraLoaderBarComponent, isStandalone: true, selector: "cura-loader-bar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.aria-valuenow": "progress()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" } }, ngImport: i0, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n  <span class=\"progress-bar-fill\"></span>\n</div>\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderBarComponent, isStandalone: true, selector: "cura-loader-bar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.aria-valuenow": "progress()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" } }, ngImport: i0, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n  <span class=\"progress-bar-fill\"></span>\n</div>\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraLoaderBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-loader-bar', imports: [CommonModule], host: {
                         role: 'progressbar',

package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs

@@ -29,10 +29,10 @@ class CuraLoaderCircleComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraLoaderCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraLoaderCircleComponent, isStandalone: true, selector: "cura-loader-circle", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "style.--size": "loaderStyles().size", "style.--color": "loaderStyles().color" } }, ngImport: i0, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g>\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\n    <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\n  </g>\n  <defs>\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n      <stop />\n      <stop offset=\"1\" />\n    </linearGradient>\n  </defs>\n</svg>\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderCircleComponent, isStandalone: true, selector: "cura-loader-circle", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "style.--size": "loaderStyles().size", "style.--color": "loaderStyles().color" } }, ngImport: i0, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g>\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\n    <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\n  </g>\n  <defs>\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n      <stop />\n      <stop offset=\"1\" />\n    </linearGradient>\n  </defs>\n</svg>\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraLoaderCircleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-loader-circle', host: {
                         role: 'progressbar',