@ng-atomic/components 1.6.0 → 2.0.1

package/fesm2015/ng-atomic-components-molecules-smart-column.js

@@ -1,11 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ViewEncapsulation, ɵɵgetInheritedFactory, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgSwitch, NgSwitchCase, CommonModule } from '@angular/common';
-import { MatTextColumn, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatTableModule } from '@angular/material/table';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/table';
+import { MatTextColumn, MatTableModule } from '@angular/material/table';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
 import { toObject } from '@ng-atomic/common/utils';
 import { flatten } from 'flat';
-import { SmartExpPipe, SmartExpModule } from '@ng-atomic/common/pipes';
+import * as i4 from '@ng-atomic/common/pipes';
+import { SmartExpModule } from '@ng-atomic/common/pipes';
 
 class SmartColumnMolecule extends MatTextColumn {
     constructor() {
@@ -18,29 +22,33 @@ class SmartColumnMolecule extends MatTextColumn {
         this.headerClick = new EventEmitter();
     }
 }
-SmartColumnMolecule.ɵfac = function SmartColumnMolecule_Factory(t) { return ɵSmartColumnMolecule_BaseFactory(t || SmartColumnMolecule); };
-SmartColumnMolecule.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: "<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\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["td[mat-cell],th[mat-header-cell]{cursor:pointer}td[mat-cell] mat-icon.order,th[mat-header-cell] mat-icon.order{width:12px;height:12px;font-size:12px}td[mat-cell] .nowrap,th[mat-header-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], directives: [{ type: MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatCellDef, selector: "[matCellDef]" }, { type: MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": SmartExpPipe }, changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None });
-const ɵSmartColumnMolecule_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SmartColumnMolecule);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartColumnMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-smart-column',
-                templateUrl: './smart-column.molecule.html',
-                styleUrls: ['./smart-column.molecule.scss'],
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.Default,
-            }]
-    }], null, { sort: [{
-            type: Input
-        }], headerClick: [{
-            type: Output
-        }] }); })();
+SmartColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: "<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\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-smart-column',
+                    templateUrl: './smart-column.molecule.html',
+                    styleUrls: ['./smart-column.molecule.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.Default,
+                }]
+        }], propDecorators: { sort: [{
+                type: Input
+            }], headerClick: [{
+                type: Output
+            }] } });
 
 class SmartColumnModule {
 }
-SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
-SmartColumnModule.ɵmod = ɵɵdefineNgModule({ type: SmartColumnModule });
-SmartColumnModule.ɵinj = ɵɵdefineInjector({ imports: [[
+SmartColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnModule, declarations: [SmartColumnMolecule], imports: [CommonModule,
+        // Pipes
+        SmartExpModule,
+        // Materials
+        MatIconModule,
+        MatTableModule], exports: [SmartColumnMolecule] });
+SmartColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnModule, imports: [[
             CommonModule,
             // Pipes
             SmartExpModule,
@@ -48,31 +56,25 @@ SmartColumnModule.ɵinj = ɵɵdefineInjector({ imports: [[
             MatIconModule,
             MatTableModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
-        // Pipes
-        SmartExpModule,
-        // Materials
-        MatIconModule,
-        MatTableModule], exports: [SmartColumnMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartColumnModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    SmartColumnMolecule,
-                ],
-                imports: [
-                    CommonModule,
-                    // Pipes
-                    SmartExpModule,
-                    // Materials
-                    MatIconModule,
-                    MatTableModule,
-                ],
-                exports: [
-                    SmartColumnMolecule
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SmartColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartColumnMolecule,
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Pipes
+                        SmartExpModule,
+                        // Materials
+                        MatIconModule,
+                        MatTableModule,
+                    ],
+                    exports: [
+                        SmartColumnMolecule
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-smart-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-smart-column.js","sources":["../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/molecules/smart-column/smart-column.module.ts","../../../../libs/components/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n// TODO(nontangent): 依存を引き剥がす\nimport { toObject } from '@ng-atomic/common/utils';\nimport { flatten } from 'flat';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n  dataAccessor = (data: any, name: string): string => {\n    return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];\n  }\n  \n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\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\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { SmartExpModule } from '@ng-atomic/common/pipes';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    SmartExpModule,\n    // Materials\n    MatIconModule,\n    MatTableModule,\n  ],\n  exports: [\n    SmartColumnMolecule\n  ]\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAaa,mBAAuB,SAAQ,aAAgB;IAP5D;;QAQE,iBAAY,GAAG,CAAC,IAAS,EAAE,IAAY;;YACrC,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,0CAAG,IAAI,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,CAAC;SAC5E,CAAA;QAGD,SAAI,GAA4B,MAAM,CAAC;QAGvC,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAExC;;kHAXY,mBAAmB;4EAAnB,mBAAmB,wJCbhC,kqBAkBe;6EDLF,mBAAmB;oFAAnB,mBAAmB;cAP/B,SAAS;eAAC;gBACT,QAAQ,EAAE,wBAAwB;gBAClC,WAAW,EAAE,8BAA8B;gBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;gBAC3C,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,OAAO;aACjD;gBAOC,IAAI;kBADH,KAAK;YAIN,WAAW;kBADV,MAAM;;;MEGI,iBAAiB;;kFAAjB,iBAAiB;kDAAjB,iBAAiB;sDAZnB;YACP,YAAY;;YAEZ,cAAc;;YAEd,aAAa;YACb,cAAc;SACf;qFAKU,iBAAiB,mBAd1B,mBAAmB,aAGnB,YAAY;;QAEZ,cAAc;;QAEd,aAAa;QACb,cAAc,aAGd,mBAAmB;oFAGV,iBAAiB;cAhB7B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,cAAc;;oBAEd,aAAa;oBACb,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;ACvBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-smart-column.js","sources":["../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/molecules/smart-column/smart-column.module.ts","../../../../libs/components/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation } from '@angular/core';\nimport { MatTextColumn } from '@angular/material/table';\n// TODO(nontangent): 依存を引き剥がす\nimport { toObject } from '@ng-atomic/common/utils';\nimport { flatten } from 'flat';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n  dataAccessor = (data: any, name: string): string => {\n    return name.includes('.') ? flatten(toObject(data))?.[name] : data?.[name];\n  }\n  \n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\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\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { SmartExpModule } from '@ng-atomic/common/pipes';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    // Pipes\n    SmartExpModule,\n    // Materials\n    MatIconModule,\n    MatTableModule,\n  ],\n  exports: [\n    SmartColumnMolecule\n  ]\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-text-input-field.js

@@ -1,10 +1,13 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { FormControl } from '@ngneat/reactive-forms';
-import { MatFormField, MatLabel, MatHint } from '@angular/material/form-field';
-import { MatInput, MatInputModule } from '@angular/material/input';
-import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
-import { NgIf, CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class TextInputFieldMolecule {
     constructor() {
@@ -14,61 +17,60 @@ class TextInputFieldMolecule {
         this.placeholder = 'placeholder';
     }
 }
-TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
-TextInputFieldMolecule.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputFieldMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-text-input-field',
-                templateUrl: './text-input-field.molecule.html',
-                styleUrls: ['./text-input-field.molecule.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'molecule field' },
-            }]
-    }], null, { type: [{
-            type: Input
-        }], name: [{
-            type: Input
-        }], label: [{
-            type: Input
-        }], control: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }], hint: [{
-            type: Input
-        }] }); })();
+TextInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-text-input-field',
+                    templateUrl: './text-input-field.molecule.html',
+                    styleUrls: ['./text-input-field.molecule.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'molecule field' },
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
 
 class TextInputFieldModule {
 }
-TextInputFieldModule.ɵfac = function TextInputFieldModule_Factory(t) { return new (t || TextInputFieldModule)(); };
-TextInputFieldModule.ɵmod = ɵɵdefineNgModule({ type: TextInputFieldModule });
-TextInputFieldModule.ɵinj = ɵɵdefineInjector({ imports: [[
+TextInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldModule, declarations: [TextInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        // MatFormFieldModule,
+        MatInputModule], exports: [TextInputFieldMolecule] });
+TextInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             // Materials
             // MatFormFieldModule,
             MatInputModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextInputFieldModule, { declarations: [TextInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        // MatFormFieldModule,
-        MatInputModule], exports: [TextInputFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputFieldModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [TextInputFieldMolecule],
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    // Materials
-                    // MatFormFieldModule,
-                    MatInputModule,
-                ],
-                exports: [TextInputFieldMolecule]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextInputFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        // MatFormFieldModule,
+                        MatInputModule,
+                    ],
+                    exports: [TextInputFieldMolecule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-text-input-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-text-input-field.js","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule]\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,sBAAsB;IAPnC;QAUE,SAAI,GAAmC,MAAM,CAAC;QAM9C,UAAK,GAAG,OAAO,CAAC;QAGhB,YAAO,GAAG,IAAI,WAAW,EAAmB,CAAC;QAG7C,gBAAW,GAAG,aAAa,CAAC;KAK7B;;4FApBY,sBAAsB;+EAAtB,sBAAsB,oOCVnC,oUAKiB;oFDKJ,sBAAsB;cAPlC,SAAS;eAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,WAAW,EAAE,kCAAkC;gBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;gBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;aAChC;gBAIC,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,OAAO;kBADN,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;;;MEPK,oBAAoB;;wFAApB,oBAAoB;qDAApB,oBAAoB;yDATtB;YACP,YAAY;YACZ,mBAAmB;;;YAGnB,cAAc;SACf;qFAGU,oBAAoB,mBAVhB,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;;;QAGnB,cAAc,aAEN,sBAAsB;oFAErB,oBAAoB;cAXhC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;;oBAGnB,cAAc;iBACf;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;ACnBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.js","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule]\n})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-textarea-field.js

@@ -1,8 +1,10 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { MatFormField, MatLabel, MatHint } from '@angular/material/form-field';
-import { MatInput, MatInputModule } from '@angular/material/input';
-import { NgIf, CommonModule } from '@angular/common';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class TextareaFieldMolecule {
     constructor() {
@@ -10,49 +12,48 @@ class TextareaFieldMolecule {
         this.placeholder = 'placeholder';
     }
 }
-TextareaFieldMolecule.ɵfac = function TextareaFieldMolecule_Factory(t) { return new (t || TextareaFieldMolecule)(); };
-TextareaFieldMolecule.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaFieldMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-textarea-field',
-                templateUrl: './textarea-field.molecule.html',
-                styleUrls: ['./textarea-field.molecule.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'molecule field' },
-            }]
-    }], null, { label: [{
-            type: Input
-        }], hint: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }] }); })();
+TextareaFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextareaFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-textarea-field',
+                    templateUrl: './textarea-field.molecule.html',
+                    styleUrls: ['./textarea-field.molecule.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'molecule field' },
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
 
 class TextareaFieldModule {
 }
-TextareaFieldModule.ɵfac = function TextareaFieldModule_Factory(t) { return new (t || TextareaFieldModule)(); };
-TextareaFieldModule.ɵmod = ɵɵdefineNgModule({ type: TextareaFieldModule });
-TextareaFieldModule.ɵinj = ɵɵdefineInjector({ imports: [[
+TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldMolecule], imports: [CommonModule,
+        // Material
+        MatInputModule], exports: [TextareaFieldMolecule] });
+TextareaFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldModule, imports: [[
             CommonModule,
             // Material
             MatInputModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextareaFieldModule, { declarations: [TextareaFieldMolecule], imports: [CommonModule,
-        // Material
-        MatInputModule], exports: [TextareaFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaFieldModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [TextareaFieldMolecule],
-                imports: [
-                    CommonModule,
-                    // Material
-                    MatInputModule,
-                ],
-                exports: [TextareaFieldMolecule]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TextareaFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextareaFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        // Material
+                        MatInputModule,
+                    ],
+                    exports: [TextareaFieldMolecule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-textarea-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-textarea-field.js","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'molecules-textarea-field',\n  templateUrl: './textarea-field.molecule.html',\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}\n","<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule]\n})\nexport class TextareaFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,qBAAqB;IAPlC;QAUE,UAAK,GAAG,OAAO,CAAC;QAMhB,gBAAW,GAAG,aAAa,CAAC;KAE7B;;0FAXY,qBAAqB;8EAArB,qBAAqB,kLCTlC,sOAIiB;oFDKJ,qBAAqB;cAPjC,SAAS;eAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,WAAW,EAAE,gCAAgC;gBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;gBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;aAChC;gBAIC,KAAK;kBADJ,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,WAAW;kBADV,KAAK;;;MEDK,mBAAmB;;sFAAnB,mBAAmB;oDAAnB,mBAAmB;wDAPrB;YACP,YAAY;;YAEZ,cAAc;SACf;qFAGU,mBAAmB,mBARf,qBAAqB,aAElC,YAAY;;QAEZ,cAAc,aAEN,qBAAqB;oFAEpB,mBAAmB;cAT/B,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;gBACrC,OAAO,EAAE;oBACP,YAAY;;oBAEZ,cAAc;iBACf;gBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;aACjC;;;ACfD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.js","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'molecules-textarea-field',\n  templateUrl: './textarea-field.molecule.html',\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}\n","<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule]\n})\nexport class TextareaFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-organisms-action-buttons-section.js

@@ -1,7 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgForOf, CommonModule } from '@angular/common';
-import { MatButton, MatButtonModule } from '@angular/material/button';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 
 class ActionButtonsSectionOrganism {
     constructor() {
@@ -10,51 +12,50 @@ class ActionButtonsSectionOrganism {
         this.trackById = (item) => item.id;
     }
 }
-ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-ActionButtonsSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-action-buttons-section-u178:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-u178);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
-        type: Component,
-        args: [{
-                selector: 'organisms-action-buttons-section',
-                templateUrl: './action-buttons-section.organism.html',
-                styleUrls: ['./action-buttons-section.organism.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'organism section' },
-            }]
-    }], null, { actionItems: [{
-            type: Input
-        }], actionItemClick: [{
-            type: Output
-        }] }); })();
+ActionButtonsSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-4kWz: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-4kWz);box-sizing:border-box}:host button{width:100%;height:48px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-action-buttons-section',
+                    templateUrl: './action-buttons-section.organism.html',
+                    styleUrls: ['./action-buttons-section.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'organism section' },
+                }]
+        }], propDecorators: { actionItems: [{
+                type: Input
+            }], actionItemClick: [{
+                type: Output
+            }] } });
 
 class ActionButtonsSectionModule {
 }
-ActionButtonsSectionModule.ɵfac = function ActionButtonsSectionModule_Factory(t) { return new (t || ActionButtonsSectionModule)(); };
-ActionButtonsSectionModule.ɵmod = ɵɵdefineNgModule({ type: ActionButtonsSectionModule });
-ActionButtonsSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+ActionButtonsSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionButtonsSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionModule, declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
+        // Materials
+        MatButtonModule], exports: [ActionButtonsSectionOrganism] });
+ActionButtonsSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionModule, imports: [[
             CommonModule,
             // Materials
             MatButtonModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ActionButtonsSectionModule, { declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
-        // Materials
-        MatButtonModule], exports: [ActionButtonsSectionOrganism] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ActionButtonsSectionModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    ActionButtonsSectionOrganism
-                ],
-                imports: [
-                    CommonModule,
-                    // Materials
-                    MatButtonModule,
-                ],
-                exports: [
-                    ActionButtonsSectionOrganism
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionButtonsSectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionButtonsSectionOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatButtonModule,
+                    ],
+                    exports: [
+                        ActionButtonsSectionOrganism
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-organisms-action-buttons-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.js","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAUa,4BAA4B;IAPzC;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;QAEnD,cAAS,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;KAC3C;;wGARY,4BAA4B;qFAA5B,4BAA4B,+MCVzC,0MAEe;oFDQF,4BAA4B;cAPxC,SAAS;eAAC;gBACT,QAAQ,EAAE,kCAAkC;gBAC5C,WAAW,EAAE,wCAAwC;gBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;gBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MEKI,0BAA0B;;oGAA1B,0BAA0B;2DAA1B,0BAA0B;+DAT5B;YACP,YAAY;;YAEZ,eAAe;SAChB;qFAKU,0BAA0B,mBAXnC,4BAA4B,aAG5B,YAAY;;QAEZ,eAAe,aAGf,4BAA4B;oFAGnB,0BAA0B;cAbtC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,4BAA4B;iBAC7B;aACF;;;AClBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.js","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QASE,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;QAEnD,IAAS,CAAA,SAAA,GAAG,CAAC,IAAgB,KAAK,IAAI,CAAC,EAAE,CAAC;AAC3C,KAAA;;0HARY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,+MCVzC,0MAEe,EAAA,MAAA,EAAA,CAAA,qUAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,4LAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDQF,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kCAAkC;AAC5C,oBAAA,WAAW,EAAE,wCAAwC;oBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;oBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;AAClC,iBAAA,CAAA;8BAGC,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;MEKI,0BAA0B,CAAA;;wHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yHAA1B,0BAA0B,EAAA,YAAA,EAAA,CAXnC,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAG5B,YAAY;;AAEZ,QAAA,eAAe,aAGf,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAGnB,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAT5B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,eAAe;AAChB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAbtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,4BAA4B;AAC7B,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}