@ng-atomic/components 16.2.0 → 16.3.1

package/fesm2022/ng-atomic-components-molecules-smart-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/smart-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/smart-column.molecule.html","../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ClipboardModule } from '@angular/cdk/clipboard';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTableModule, MatTextColumn } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\n\n@Component({\n  selector: 'molecules-smart-column',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n}\n","<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name | smartExp: name }}\n    </p>\n  </td>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/smart-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ClipboardModule } from '@angular/cdk/clipboard';\nimport { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Output, EventEmitter, Component, ViewEncapsulation, Directive, input, signal, inject, effect, viewChild } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\n@Directive({ standalone: true })\nexport class SmartColumnTemplateStore<T> {\n  readonly sort = input<'asc' | 'desc' | 'none'>('none');\n  readonly tooltipText = signal('copy');\n}\n\n@Component({\n  selector: 'molecules-smart-column',\n  standalone: true,\n  imports: [\n    ClipboardModule,\n    SmartExpModule,\n    DataAccessorPipe,\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  template: `\n  <ng-container matColumnDef>\n    <th\n      mat-header-cell\n      *matHeaderCellDef\n      [style.text-align]=\"justify\"\n      (click)=\"headerClick.emit()\"\n    >\n      <p\n        class=\"nowrap\"\n        style=\"display: flex; align-items: center;\"\n      >\n        <span>{{ headerText() }}</span>\n        @switch(store.sort()) {\n          @case('asc') {\n            <mat-icon class=\"order\">south</mat-icon>\n          }\n          @case('desc') {\n            <mat-icon class=\"order\">north</mat-icon>\n          }\n        }\n      </p>\n    </th>\n    <td\n      mat-cell\n      *matCellDef=\"let item\"\n      [style.text-align]=\"justify\"\n    >\n      <p class=\"nowrap\"\n        [cdkCopyToClipboard]=\"item | dataAccessor: name() | smartExp: name()\"\n        (click)=\"copied(); tooltip.show()\"\n        #tooltip=\"matTooltip\" [matTooltip]=\"store.tooltipText()\" matTooltipPosition=\"below\"\n      >\n        {{ item | dataAccessor: name() | smartExp: name() }}\n      </p>\n    </td>\n  </ng-container>\n  `,\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SmartColumnTemplateStore,\n      inputs: ['sort'],\n    },\n  ],\n})\nexport class SmartColumnMolecule<T> extends NgAtomicComponent {\n  protected store = inject(SmartColumnTemplateStore);\n  private _table = inject(CdkTable, {optional: true});\n  readonly headerText = input<string>('');\n  readonly name = input.required<string>();\n  readonly columnDef = viewChild.required(CdkColumnDef);\n  readonly cell = viewChild.required(CdkCellDef);\n  readonly headerCell = viewChild.required(CdkHeaderCellDef);\n\n  constructor() {\n    super();\n    effect(() => {\n      if (this.columnDef()) this.columnDef().name = this.name();\n    })\n  }\n\n  ngOnInit() {\n    if (this._table) {\n      this.columnDef().name = this.name();\n      this.columnDef().cell = this.cell();\n      this.columnDef().headerCell = this.headerCell();\n      this._table.addColumnDef(this.columnDef());\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef());\n    }\n  }\n\n  @Output() headerClick = new EventEmitter<void>();\n\n  protected copied() {\n    this.store.tooltipText.set('copied!');\n    setTimeout(() => this.store.tooltipText.set('copy'), 1000);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs

@@ -1,106 +1,115 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { signal, Directive, Input, inject, Component, ChangeDetectionStrategy } from '@angular/core';
-import * as i2 from '@angular/forms';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/input';
+import * as i2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i5 from '@angular/material/autocomplete';
+import * as i4 from '@angular/material/autocomplete';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
-import { signalize } from '@ng-atomic/common/pipes/signal';
-import * as i4 from '@angular/material/form-field';
-import * as i6 from '@angular/material/core';
+import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import * as i3 from '@angular/material/form-field';
+import * as i5 from '@angular/material/core';
 
-class TextInputFieldMoleculeStore {
+let TextInputFieldMoleculeStore = class TextInputFieldMoleculeStore extends InjectableComponent {
     constructor() {
-        this.appearance = 'outline';
-        this.type = 'text';
-        this.label = 'label';
-        this.control = new FormControl('');
-        this.placeholder = 'placeholder';
-        this.autoComplete = signal([]);
+        super(...arguments);
+        this.appearance = input('outline');
+        this.type = input('text');
+        this.name = input();
+        this.label = input('label');
+        this.control = input(new FormControl(''));
+        this.placeholder = input('placeholder');
+        this.hint = input();
+        this.pattern = input();
+        this.autoComplete = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: TextInputFieldMoleculeStore, isStandalone: true, selector: "molecules-text-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", autoComplete: ["autoComplete", "autoComplete", (v) => signalize(v)] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMoleculeStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextInputFieldMoleculeStore, isStandalone: true, selector: "molecules-text-input-field", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+TextInputFieldMoleculeStore = __decorate([
+    TokenizedType()
+], TextInputFieldMoleculeStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'molecules-text-input-field' }]
-        }], propDecorators: { appearance: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], autoComplete: [{
-                type: Input,
-                args: [{ transform: (v) => signalize(v) }]
-            }] } });
-class TextInputFieldMolecule {
+        }] });
+class TextInputFieldMolecule extends NgAtomicComponent {
     constructor() {
+        super(...arguments);
         this.store = inject(TextInputFieldMoleculeStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextInputFieldMolecule, isStandalone: true, selector: "molecules-text-input-field", host: { classAttribute: "molecule field" }, hostDirectives: [{ directive: TextInputFieldMoleculeStore, inputs: ["appearance", "appearance", "type", "type", "name", "name", "label", "label", "control", "control", "placeholder", "placeholder", "hint", "hint", "autoComplete", "autoComplete"] }], ngImport: i0, template: `
-  <mat-form-field [appearance]="store.appearance">
-    <mat-label>{{ store.label }}</mat-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextInputFieldMolecule, isStandalone: true, selector: "molecules-text-input-field", host: { classAttribute: "molecule field" }, usesInheritance: true, hostDirectives: [{ directive: TextInputFieldMoleculeStore, inputs: ["appearance", "appearance", "type", "type", "name", "name", "label", "label", "control", "control", "placeholder", "placeholder", "hint", "hint", "autoComplete", "autoComplete", "pattern", "pattern"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
       <input
         matInput
-        [name]="store.name"
-        [type]="store.type"
-        [formControl]="store.control"
-        [placeholder]="store.placeholder"
+        [name]="store.name()"
+        [type]="store.type()"
+        [formControl]="store.control()"
+        [placeholder]="store.placeholder()"
         [matAutocomplete]="auto"
+        [pattern]="store.pattern()"
       >
-      <mat-error *ngIf="store.control?.errors">{{ store.control?.errors | error }}</mat-error>
-      <mat-hint *ngIf="store.hint">{{ store.hint }}</mat-hint>
-      <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-        <mat-option *ngFor="let option of store.autoComplete()" [value]="option">{{option}}</mat-option>
+      @if (store.control()?.errors) {
+        <mat-error>{{ store.control()?.errors | error }}</mat-error>
+      }
+      @if (store.hint()) {
+        <mat-hint>{{ store.hint() }}</mat-hint>
+      }
+      <mat-autocomplete
+        autoSelectActiveOption
+        #auto="matAutocomplete"
+      >
+        @for (option of store.autoComplete(); track option;) {
+          <mat-option [value]="option">{{ option }}</mat-option>
+        }
       </mat-autocomplete>
   </mat-form-field>
-  `, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}:host mat-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-text-input-field', standalone: true, imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatInputModule,
                         MatAutocompleteModule,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field [appearance]="store.appearance">
-    <mat-label>{{ store.label }}</mat-label>
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
       <input
         matInput
-        [name]="store.name"
-        [type]="store.type"
-        [formControl]="store.control"
-        [placeholder]="store.placeholder"
+        [name]="store.name()"
+        [type]="store.type()"
+        [formControl]="store.control()"
+        [placeholder]="store.placeholder()"
         [matAutocomplete]="auto"
+        [pattern]="store.pattern()"
+      >
+      @if (store.control()?.errors) {
+        <mat-error>{{ store.control()?.errors | error }}</mat-error>
+      }
+      @if (store.hint()) {
+        <mat-hint>{{ store.hint() }}</mat-hint>
+      }
+      <mat-autocomplete
+        autoSelectActiveOption
+        #auto="matAutocomplete"
       >
-      <mat-error *ngIf="store.control?.errors">{{ store.control?.errors | error }}</mat-error>
-      <mat-hint *ngIf="store.hint">{{ store.hint }}</mat-hint>
-      <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-        <mat-option *ngFor="let option of store.autoComplete()" [value]="option">{{option}}</mat-option>
+        @for (option of store.autoComplete(); track option;) {
+          <mat-option [value]="option">{{ option }}</mat-option>
+        }
       </mat-autocomplete>
   </mat-form-field>
   `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, hostDirectives: [
                         {
                             directive: TextInputFieldMoleculeStore,
-                            inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete'],
+                            inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete', 'pattern'],
                         }
-                    ], styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}:host mat-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-molecules-text-input-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/text-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, Input, inject, signal } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { signalize } from '@ng-atomic/common/pipes/signal';\n\n@Directive({standalone: true, selector: 'molecules-text-input-field'})\nexport class TextInputFieldMoleculeStore {\n  @Input() readonly appearance: 'outline' | 'fill' = 'outline';\n  @Input() readonly type: 'text' | 'number' | 'password' = 'text';\n  @Input() readonly name?: string;\n  @Input() readonly label: string = 'label';\n  @Input() readonly control = new FormControl<string | number>('');\n  @Input() readonly placeholder = 'placeholder';\n  @Input() readonly hint?: string;\n  @Input({transform: (v: any) => signalize(v)}) readonly autoComplete = signal<number | string[]>([]);\n}\n\n@Component({\n  selector: 'molecules-text-input-field',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field [appearance]=\"store.appearance\">\n    <mat-label>{{ store.label }}</mat-label>\n      <input\n        matInput\n        [name]=\"store.name\"\n        [type]=\"store.type\"\n        [formControl]=\"store.control\"\n        [placeholder]=\"store.placeholder\"\n        [matAutocomplete]=\"auto\"\n      >\n      <mat-error *ngIf=\"store.control?.errors\">{{ store.control?.errors | error }}</mat-error>\n      <mat-hint *ngIf=\"store.hint\">{{ store.hint }}</mat-hint>\n      <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\">\n        <mat-option *ngFor=\"let option of store.autoComplete()\" [value]=\"option\">{{option}}</mat-option>\n      </mat-autocomplete>\n  </mat-form-field>\n  `,\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n  hostDirectives: [\n    {\n      directive: TextInputFieldMoleculeStore,\n      inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete'],\n    }\n  ]\n})\nexport class TextInputFieldMolecule {\n  protected store = inject(TextInputFieldMoleculeStore)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/text-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({standalone: true, selector: 'molecules-text-input-field'})\nexport class TextInputFieldMoleculeStore extends InjectableComponent {\n  readonly appearance = input<'outline' | 'fill'>('outline');\n  readonly type = input<'text' | 'number' | 'password'>('text');\n  readonly name = input<string>();\n  readonly label = input('label');\n  readonly control = input(new FormControl<string | number>(''));\n  readonly placeholder = input('placeholder');\n  readonly hint = input<string>();\n  readonly pattern = input<string>();\n  readonly autoComplete = input<(number | string)[]>([]);\n}\n\n@Component({\n  selector: 'molecules-text-input-field',\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field [appearance]=\"store.appearance()\">\n    <mat-label>{{ store.label() }}</mat-label>\n      <input\n        matInput\n        [name]=\"store.name()\"\n        [type]=\"store.type()\"\n        [formControl]=\"store.control()\"\n        [placeholder]=\"store.placeholder()\"\n        [matAutocomplete]=\"auto\"\n        [pattern]=\"store.pattern()\"\n      >\n      @if (store.control()?.errors) {\n        <mat-error>{{ store.control()?.errors | error }}</mat-error>\n      }\n      @if (store.hint()) {\n        <mat-hint>{{ store.hint() }}</mat-hint>\n      }\n      <mat-autocomplete\n        autoSelectActiveOption\n        #auto=\"matAutocomplete\"\n      >\n        @for (option of store.autoComplete(); track option;) {\n          <mat-option [value]=\"option\">{{ option }}</mat-option>\n        }\n      </mat-autocomplete>\n  </mat-form-field>\n  `,\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n  hostDirectives: [\n    {\n      directive: TextInputFieldMoleculeStore,\n      inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete', 'pattern'],\n    }\n  ]\n})\nexport class TextInputFieldMolecule extends NgAtomicComponent {\n  protected store = inject(TextInputFieldMoleculeStore)\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs

@@ -1,48 +1,67 @@
-import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
-import * as i2 from '@angular/forms';
+import { input, effect, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/input';
+import * as i2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
-import * as i4 from '@angular/material/form-field';
+import * as i3 from '@angular/material/form-field';
 
 var ActionId;
 (function (ActionId) {
     ActionId["CTRL_ENTER_KEY_UP"] = "Ctrl Enter Key Up";
 })(ActionId || (ActionId = {}));
-class TextareaFieldMolecule {
+class TextareaFieldMoleculeStore {
     constructor() {
-        this.label = 'label';
-        this.placeholder = 'placeholder';
-        this.control = new FormControl('');
-        this.rows = 10;
-        this.action = new EventEmitter();
+        this.label = input('label');
+        this.appearance = input('outline');
+        this.hint = input(null);
+        this.placeholder = input('placeholder');
+        this.floatLabel = input('auto');
+        this.control = input(new FormControl(''));
+        this.rows = input(10);
+        effect(() => {
+            console.debug('control:', this.control());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextareaFieldMoleculeStore, isStandalone: true, selector: "molecules-textarea-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-textarea-field' }]
+        }], ctorParameters: () => [] });
+class TextareaFieldMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(TextareaFieldMoleculeStore);
     }
     onKeyup($event) {
         if ($event.ctrlKey && $event.key === 'Enter') {
-            this.action.emit({ id: ActionId.CTRL_ENTER_KEY_UP });
+            this.dispatch({ id: ActionId.CTRL_ENTER_KEY_UP });
             $event.preventDefault();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaFieldMolecule, isStandalone: true, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder", control: "control", rows: "rows" }, outputs: { action: "action" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: `
-  <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TextareaFieldMolecule, isStandalone: true, selector: "molecules-textarea-field", host: { classAttribute: "molecule field" }, usesInheritance: true, hostDirectives: [{ directive: TextareaFieldMoleculeStore, inputs: ["label", "label", "appearance", "appearance", "hint", "hint", "placeholder", "placeholder", "floatLabel", "floatLabel", "control", "control", "rows", "rows"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <textarea
       matInput
-      [formControl]="control"
-      [placeholder]="placeholder"
+      [formControl]="store.control()"
+      [placeholder]="store.placeholder()"
       (keyup)="onKeyup($event)"
-      [rows]="rows"
+      [rows]="store.rows()"
     ></textarea>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
-  </mat-form-field>`, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <!-- @if (!store.control().errors && store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    } -->
+    <mat-error>{{ store.control().errors | error }}</mat-error>
+  </mat-form-field>`, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-textarea-field', standalone: true, imports: [
                         CommonModule,
@@ -50,35 +69,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatInputModule,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <textarea
       matInput
-      [formControl]="control"
-      [placeholder]="placeholder"
+      [formControl]="store.control()"
+      [placeholder]="store.placeholder()"
       (keyup)="onKeyup($event)"
-      [rows]="rows"
+      [rows]="store.rows()"
     ></textarea>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
-  </mat-form-field>`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
+    <!-- @if (!store.control().errors && store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    } -->
+    <mat-error>{{ store.control().errors | error }}</mat-error>
+  </mat-form-field>`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, hostDirectives: [
+                        {
+                            directive: TextareaFieldMoleculeStore,
+                            inputs: ['label', 'appearance', 'hint', 'placeholder', 'floatLabel', 'control', 'rows'],
+                        },
+                    ], styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, TextareaFieldMolecule };
+export { ActionId, TextareaFieldMolecule, TextareaFieldMoleculeStore };
 //# sourceMappingURL=ng-atomic-components-molecules-textarea-field.mjs.map

package/fesm2022/ng-atomic-components-molecules-textarea-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { Action } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\n\nexport enum ActionId {\n  CTRL_ENTER_KEY_UP = 'Ctrl Enter Key Up',\n}\n\n@Component({\n  selector: 'molecules-textarea-field',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <textarea\n      matInput\n      [formControl]=\"control\"\n      [placeholder]=\"placeholder\"\n      (keyup)=\"onKeyup($event)\"\n      [rows]=\"rows\"\n    ></textarea>\n    <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n    <mat-error>{{ control.errors | error }}</mat-error>\n  </mat-form-field>`,\n  styleUrls: ['./textarea-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextareaFieldMolecule {\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  rows = 10;\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  protected onKeyup($event) {\n    if($event.ctrlKey && $event.key === 'Enter') {\n      this.action.emit({id: ActionId.CTRL_ENTER_KEY_UP});\n      $event.preventDefault();\n    }\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/textarea-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/lib/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, input, inject, effect } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { ErrorPipe } from '@ng-atomic/common/pipes/error';\n\nexport enum ActionId {\n  CTRL_ENTER_KEY_UP = 'Ctrl Enter Key Up',\n}\n\n@Directive({ standalone: true, selector: 'molecules-textarea-field' })\nexport class TextareaFieldMoleculeStore {\n  readonly label = input('label');\n  readonly appearance = input<'legacy' | 'standard' | 'fill' | 'outline'>('outline');\n  readonly hint = input<string>(null);\n  readonly placeholder = input('placeholder');\n  readonly floatLabel = input<'auto' | 'always' | 'never'>('auto');\n  readonly control = input(new FormControl(''));\n  readonly rows = input(10);\n\n  constructor() {\n    effect(() => {\n      console.debug('control:', this.control());\n    })\n  }\n}\n\n@Component({\n  selector: 'molecules-textarea-field',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    ErrorPipe,\n  ],\n  template: `\n  <mat-form-field [appearance]=\"store.appearance()\" [floatLabel]=\"store.floatLabel()\">\n    <mat-label>{{ store.label() }}</mat-label>\n    <textarea\n      matInput\n      [formControl]=\"store.control()\"\n      [placeholder]=\"store.placeholder()\"\n      (keyup)=\"onKeyup($event)\"\n      [rows]=\"store.rows()\"\n    ></textarea>\n    <!-- @if (!store.control().errors && store.hint()) {\n      <mat-hint>{{ store.hint() }}</mat-hint>\n    } -->\n    <mat-error>{{ store.control().errors | error }}</mat-error>\n  </mat-form-field>`,\n  styleUrls: ['./textarea-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n  hostDirectives: [\n    {\n      directive: TextareaFieldMoleculeStore,\n      inputs: ['label', 'appearance', 'hint', 'placeholder', 'floatLabel', 'control', 'rows'],\n    },\n  ],\n})\nexport class TextareaFieldMolecule extends NgAtomicComponent {\n  protected readonly store = inject(TextareaFieldMoleculeStore);\n\n  protected onKeyup($event) {\n    if($event.ctrlKey && $event.key === 'Enter') {\n      this.dispatch({id: ActionId.CTRL_ENTER_KEY_UP});\n      $event.preventDefault();\n    }\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}