@ng-atomic/components 3.1.0 → 3.2.5

package/esm2020/molecules/smart-column/smart-column.module.mjs

@@ -2,20 +2,14 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatTableModule } from '@angular/material/table';
 import { MatIconModule } from '@angular/material/icon';
-import { SmartExpModule } from '@ng-atomic/common/pipes';
-import { ElementsModule } from '@ng-atomic/elements';
+import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
 import { SmartColumnMolecule } from './smart-column.molecule';
 import * as i0 from "@angular/core";
-export class SmartColumnModule extends ElementsModule {
+export class SmartColumnModule {
 }
-SmartColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-SmartColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, declarations: [SmartColumnMolecule], imports: [CommonModule,
-        // Pipes
-        SmartExpModule,
-        // Materials
-        MatIconModule,
-        MatTableModule], exports: [SmartColumnMolecule] });
-SmartColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, imports: [[
+SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
+SmartColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartColumnModule, bootstrap: [SmartColumnMolecule] });
+SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Pipes
             SmartExpModule,
@@ -23,23 +17,28 @@ SmartColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
             MatIconModule,
             MatTableModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartColumnMolecule,
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Pipes
-                        SmartExpModule,
-                        // Materials
-                        MatIconModule,
-                        MatTableModule,
-                    ],
-                    exports: [
-                        SmartColumnMolecule
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXJELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGNBQWM7OytHQUF4QyxpQkFBaUI7Z0hBQWpCLGlCQUFpQixpQkFkMUIsbUJBQW1CLGFBR25CLFlBQVk7UUFDWixRQUFRO1FBQ1IsY0FBYztRQUNkLFlBQVk7UUFDWixhQUFhO1FBQ2IsY0FBYyxhQUdkLG1CQUFtQjtnSEFHVixpQkFBaUIsWUFabkI7WUFDUCxZQUFZO1lBQ1osUUFBUTtZQUNSLGNBQWM7WUFDZCxZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7U0FDZjs0RkFLVSxpQkFBaUI7a0JBaEI3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFFBQVE7d0JBQ1IsY0FBYzt3QkFDZCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBTbWFydEV4cE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzJztcbmltcG9ydCB7IEVsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9lbGVtZW50cyc7XG5cbmltcG9ydCB7IFNtYXJ0Q29sdW1uTW9sZWN1bGUgfSBmcm9tICcuL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNtYXJ0Q29sdW1uTW9sZWN1bGUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gUGlwZXNcbiAgICBTbWFydEV4cE1vZHVsZSxcbiAgICAvLyBNYXRlcmlhbHNcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU21hcnRDb2x1bW5Nb2xlY3VsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9XG4iXX0=
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    SmartColumnMolecule,
+                ],
+                imports: [
+                    CommonModule,
+                    // Pipes
+                    SmartExpModule,
+                    // Materials
+                    MatIconModule,
+                    MatTableModule,
+                ],
+                exports: [SmartColumnMolecule],
+                bootstrap: [SmartColumnMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
+        // Pipes
+        SmartExpModule,
+        // Materials
+        MatIconModule,
+        MatTableModule], exports: [SmartColumnMolecule] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWtCOUQsTUFBTSxPQUFPLGlCQUFpQjs7a0ZBQWpCLGlCQUFpQjttRUFBakIsaUJBQWlCLGNBRmhCLG1CQUFtQjt1RUFUdEI7WUFDUCxZQUFZO1lBQ1osUUFBUTtZQUNSLGNBQWM7WUFDZCxZQUFZO1lBQ1osYUFBYTtZQUNiLGNBQWM7U0FDZjt1RkFJVSxpQkFBaUI7Y0FmN0IsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixtQkFBbUI7aUJBQ3BCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLFFBQVE7b0JBQ1IsY0FBYztvQkFDZCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsY0FBYztpQkFDZjtnQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDOUIsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDakM7O3dGQUNZLGlCQUFpQixtQkFiMUIsbUJBQW1CLGFBR25CLFlBQVk7UUFDWixRQUFRO1FBQ1IsY0FBYztRQUNkLFlBQVk7UUFDWixhQUFhO1FBQ2IsY0FBYyxhQUVOLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBTbWFydEV4cE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NtYXJ0LWV4cCc7XG5pbXBvcnQgeyBTbWFydENvbHVtbk1vbGVjdWxlIH0gZnJvbSAnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNtYXJ0Q29sdW1uTW9sZWN1bGUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gUGlwZXNcbiAgICBTbWFydEV4cE1vZHVsZSxcbiAgICAvLyBNYXRlcmlhbHNcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFRhYmxlTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU21hcnRDb2x1bW5Nb2xlY3VsZV0sXG4gIGJvb3RzdHJhcDogW1NtYXJ0Q29sdW1uTW9sZWN1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydENvbHVtbk1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/molecules/smart-column/smart-column.molecule.mjs

@@ -4,10 +4,56 @@ import { MatTextColumn } from '@angular/material/table';
 import { toObject } from '@ng-atomic/common/utils';
 import { flatten } from 'flat';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-import * as i2 from "@angular/material/table";
-import * as i3 from "@angular/common";
-import * as i4 from "@ng-atomic/common/pipes";
+import * as i1 from "@angular/material/table";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@ng-atomic/common/pipes/smart-exp";
+function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 7);
+    i0.ɵɵtext(1, "south");
+    i0.ɵɵelementEnd();
+} }
+function SmartColumnMolecule_th_1_mat_icon_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 7);
+    i0.ɵɵtext(1, "north");
+    i0.ɵɵelementEnd();
+} }
+function SmartColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 3);
+    i0.ɵɵlistener("click", function SmartColumnMolecule_th_1_Template_th_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.headerClick.emit(); });
+    i0.ɵɵelementStart(1, "p", 4)(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerStart(4, 5);
+    i0.ɵɵtemplate(5, SmartColumnMolecule_th_1_mat_icon_5_Template, 2, 0, "mat-icon", 6);
+    i0.ɵɵtemplate(6, SmartColumnMolecule_th_1_mat_icon_6_Template, 2, 0, "mat-icon", 6);
+    i0.ɵɵelementContainerEnd();
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("text-align", ctx_r0.justify);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.headerText);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitch", ctx_r0.sort);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "asc");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngSwitchCase", "desc");
+} }
+function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 8)(1, "p", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "smartExp");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const data_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("text-align", ctx_r1.justify);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 3, ctx_r1.dataAccessor(data_r6, ctx_r1.name), ctx_r1.name));
+} }
 export class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
@@ -18,14 +64,19 @@ export class SmartColumnMolecule extends MatTextColumn {
         this.headerClick = new EventEmitter();
     }
 }
-SmartColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", ngImport: i0, type: SmartColumnMolecule, decorators: [{
-            type: Component,
-            args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, 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"] }]
-        }], propDecorators: { sort: [{
-                type: Input
-            }], headerClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy9zbWFydC1jb2x1bW4vc21hcnQtY29sdW1uLm1vbGVjdWxlLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy9zbWFydC1jb2x1bW4vc21hcnQtY29sdW1uLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsNkJBQTZCO0FBQzdCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7Ozs7QUFTL0IsTUFBTSxPQUFPLG1CQUF1QixTQUFRLGFBQWdCO0lBUDVEOztRQVFFLGlCQUFZLEdBQUcsQ0FBQyxJQUFTLEVBQUUsSUFBWSxFQUFVLEVBQUU7WUFDakQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0UsQ0FBQyxDQUFBO1FBR0QsU0FBSSxHQUE0QixNQUFNLENBQUM7UUFHdkMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBRXhDOztpSEFYWSxtQkFBbUI7cUdBQW5CLG1CQUFtQix3SkNiaEMsa3FCQWtCZTs0RkRMRixtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usd0JBQXdCLGlCQUduQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxPQUFPOzhCQVFoRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbi8vIFRPRE8obm9udGFuZ2VudCk6IOS+neWtmOOCkuW8leOBjeWJpeOBjOOBmVxuaW1wb3J0IHsgdG9PYmplY3QgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi91dGlscyc7XG5pbXBvcnQgeyBmbGF0dGVuIH0gZnJvbSAnZmxhdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1zbWFydC1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtY29sdW1uLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9sZWN1bGU8VD4gZXh0ZW5kcyBNYXRUZXh0Q29sdW1uPFQ+IHtcbiAgZGF0YUFjY2Vzc29yID0gKGRhdGE6IGFueSwgbmFtZTogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gbmFtZS5pbmNsdWRlcygnLicpID8gZmxhdHRlbih0b09iamVjdChkYXRhKSk/LltuYW1lXSA6IGRhdGE/LltuYW1lXTtcbiAgfVxuICBcbiAgQElucHV0KClcbiAgc29ydDogJ2FzYycgfCAnZGVzYycgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgQE91dHB1dCgpXG4gIGhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG59XG4iLCI8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgPHRoXG4gICAgbWF0LWhlYWRlci1jZWxsXG4gICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJqdXN0aWZ5XCJcbiAgICAoY2xpY2spPVwiaGVhZGVyQ2xpY2suZW1pdCgpXCJcbiAgPlxuICAgIDxwIGNsYXNzPVwibm93cmFwXCIgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyO1wiPlxuICAgICAgPHNwYW4+e3toZWFkZXJUZXh0fX08L3NwYW4+XG4gICAgICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzb3J0XCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCIgKm5nU3dpdGNoQ2FzZT1cIidhc2MnXCI+c291dGg8L21hdC1pY29uPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbWF0LWljb24+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L3A+XG4gIDwvdGg+XG4gIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBkYXRhXCIgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiPlxuICAgIDxwIGNsYXNzPVwibm93cmFwXCI+e3tkYXRhQWNjZXNzb3IoZGF0YSwgbmFtZSkgfCBzbWFydEV4cDpuYW1lfX08L3A+XG4gIDwvdGQ+XG48L25nLWNvbnRhaW5lcj4iXX0=
+SmartColumnMolecule.ɵfac = /*@__PURE__*/ function () { let ɵSmartColumnMolecule_BaseFactory; return function SmartColumnMolecule_Factory(t) { return (ɵSmartColumnMolecule_BaseFactory || (ɵSmartColumnMolecule_BaseFactory = i0.ɵɵgetInheritedFactory(SmartColumnMolecule)))(t || SmartColumnMolecule); }; }();
+SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartColumnMolecule, selectors: [["molecules-smart-column"]], inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 3, "text-align", "click", 4, "matHeaderCellDef"], ["mat-cell", "", 3, "text-align", 4, "matCellDef"], ["mat-header-cell", "", 3, "click"], [1, "nowrap", 2, "display", "flex", "align-items", "center"], [3, "ngSwitch"], ["class", "order", 4, "ngSwitchCase"], [1, "order"], ["mat-cell", ""], [1, "nowrap"]], template: function SmartColumnMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementContainerStart(0, 0);
+        i0.ɵɵtemplate(1, SmartColumnMolecule_th_1_Template, 7, 6, "th", 1);
+        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 4, 6, "td", 2);
+        i0.ɵɵelementContainerEnd();
+    } }, directives: [i1.MatColumnDef, i1.MatHeaderCellDef, i1.MatHeaderCell, i2.NgSwitch, i2.NgSwitchCase, i3.MatIcon, i1.MatCellDef, i1.MatCell], pipes: [i4.SmartExpPipe], 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"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, 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"] }]
+    }], null, { sort: [{
+            type: Input
+        }], headerClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtY29sdW1uLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvc21hcnQtY29sdW1uL3NtYXJ0LWNvbHVtbi5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3NtYXJ0LWNvbHVtbi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ILE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCw2QkFBNkI7QUFDN0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7SUNNdkIsbUNBQThDO0lBQUEscUJBQUs7SUFBQSxpQkFBVzs7O0lBQzlELG1DQUErQztJQUFBLHFCQUFLO0lBQUEsaUJBQVc7Ozs7SUFWckUsNkJBS0M7SUFEQywySkFBUyx5QkFBa0IsSUFBQztJQUU1Qiw0QkFBOEQsV0FBQTtJQUN0RCxZQUFjO0lBQUEsaUJBQU87SUFDM0IsZ0NBQWdDO0lBQzlCLG1GQUE4RDtJQUM5RCxtRkFBK0Q7SUFDakUsMEJBQWU7SUFDakIsaUJBQUksRUFBQTs7O0lBVEosNENBQTRCO0lBSXBCLGVBQWM7SUFBZCx1Q0FBYztJQUNOLGVBQWlCO0lBQWpCLHNDQUFpQjtJQUNKLGVBQW1CO0lBQW5CLG9DQUFtQjtJQUNuQixlQUFvQjtJQUFwQixxQ0FBb0I7OztJQUluRCw2QkFBaUUsV0FBQTtJQUM3QyxZQUE0Qzs7SUFBQSxpQkFBSSxFQUFBOzs7O0lBRGhDLDRDQUE0QjtJQUM1QyxlQUE0QztJQUE1QyxrR0FBNEM7O0FESGxFLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUFnQjtJQVA1RDs7UUFRVyxpQkFBWSxHQUFHLENBQUMsSUFBUyxFQUFFLElBQVksRUFBVSxFQUFFO1lBQzFELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFjLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFGLENBQUMsQ0FBQTtRQUdELFNBQUksR0FBNEIsTUFBTSxDQUFDO1FBR3ZDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUV4Qzs7dVBBWFksbUJBQW1CLFNBQW5CLG1CQUFtQjtzRUFBbkIsbUJBQW1CO1FDYmhDLGdDQUEyQjtRQUN6QixrRUFhSztRQUNMLGtFQUVLO1FBQ1AsMEJBQWU7O3VGRExGLG1CQUFtQjtjQVAvQixTQUFTOzJCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsT0FBTztnQkFRaEQsSUFBSTtrQkFESCxLQUFLO1lBSU4sV0FBVztrQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGV4dENvbHVtbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYmxlJztcbi8vIFRPRE8obm9udGFuZ2VudCk6IOS+neWtmOOCkuW8leOBjeWJpeOBjOOBmVxuaW1wb3J0IHsgdG9PYmplY3QgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi91dGlscyc7XG5pbXBvcnQgeyBmbGF0dGVuIH0gZnJvbSAnZmxhdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1zbWFydC1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtY29sdW1uLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbWFydC1jb2x1bW4ubW9sZWN1bGUuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG59KVxuZXhwb3J0IGNsYXNzIFNtYXJ0Q29sdW1uTW9sZWN1bGU8VD4gZXh0ZW5kcyBNYXRUZXh0Q29sdW1uPFQ+IHtcbiAgb3ZlcnJpZGUgZGF0YUFjY2Vzc29yID0gKGRhdGE6IGFueSwgbmFtZTogc3RyaW5nKTogc3RyaW5nID0+IHtcbiAgICByZXR1cm4gbmFtZS5pbmNsdWRlcygnLicpID8gZmxhdHRlbjxvYmplY3QsIGFueT4odG9PYmplY3QoZGF0YSkpPy5bbmFtZV0gOiBkYXRhPy5bbmFtZV07XG4gIH1cbiAgXG4gIEBJbnB1dCgpXG4gIHNvcnQ6ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnID0gJ25vbmUnO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxufVxuIiwiPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY+XG4gIDx0aFxuICAgIG1hdC1oZWFkZXItY2VsbFxuICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwianVzdGlmeVwiXG4gICAgKGNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjtcIj5cbiAgICAgIDxzcGFuPnt7aGVhZGVyVGV4dH19PC9zcGFuPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic29ydFwiPlxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9tYXQtaWNvbj5cbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIiAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCI+bm9ydGg8L21hdC1pY29uPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wPlxuICA8L3RoPlxuICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZGF0YVwiIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIj5cbiAgICA8cCBjbGFzcz1cIm5vd3JhcFwiPnt7ZGF0YUFjY2Vzc29yKGRhdGEsIG5hbWUpIHwgc21hcnRFeHA6bmFtZX19PC9wPlxuICA8L3RkPlxuPC9uZy1jb250YWluZXI+Il19

package/esm2020/molecules/text-input-field/index.mjs

@@ -1,3 +1,3 @@
 export { TextInputFieldMolecule } from './text-input-field.molecule';
 export { TextInputFieldModule } from './text-input-field.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlIH0gZnJvbSAnLi90ZXh0LWlucHV0LWZpZWxkLm1vbGVjdWxlJztcbmV4cG9ydCB7IFRleHRJbnB1dEZpZWxkTW9kdWxlIH0gZnJvbSAnLi90ZXh0LWlucHV0LWZpZWxkLm1vZHVsZSc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGV4dElucHV0RmllbGRNb2xlY3VsZSB9IGZyb20gJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZSc7XG5leHBvcnQgeyBUZXh0SW5wdXRGaWVsZE1vZHVsZSB9IGZyb20gJy4vdGV4dC1pbnB1dC1maWVsZC5tb2R1bGUnO1xuIl19

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

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvbmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL25nLWF0b21pYy1jb21wb25lbnRzLW1vbGVjdWxlcy10ZXh0LWlucHV0LWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/molecules/text-input-field/text-input-field.module.mjs

@@ -3,36 +3,37 @@ import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
 // import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
-import { ElementsModule } from '@ng-atomic/elements';
 import { TextInputFieldMolecule } from './text-input-field.molecule';
 import * as i0 from "@angular/core";
-export class TextInputFieldModule extends ElementsModule {
+export class TextInputFieldModule {
 }
-TextInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-TextInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, declarations: [TextInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        // MatFormFieldModule,
-        MatInputModule], exports: [TextInputFieldMolecule] });
-TextInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, imports: [[
+TextInputFieldModule.ɵfac = function TextInputFieldModule_Factory(t) { return new (t || TextInputFieldModule)(); };
+TextInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TextInputFieldModule, bootstrap: [TextInputFieldMolecule] });
+TextInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             ReactiveFormsModule,
             // Materials
             // MatFormFieldModule,
             MatInputModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [TextInputFieldMolecule],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        // Materials
-                        // MatFormFieldModule,
-                        MatInputModule,
-                    ],
-                    exports: [TextInputFieldMolecule]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQscUVBQXFFO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFckQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBZXJFLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxjQUFjOztrSEFBM0Msb0JBQW9CO21IQUFwQixvQkFBb0IsaUJBVmhCLHNCQUFzQixhQUVuQyxZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFlBQVk7UUFDWixzQkFBc0I7UUFDdEIsY0FBYyxhQUVOLHNCQUFzQjttSEFFckIsb0JBQW9CLFlBVHRCO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixZQUFZO1lBQ1osc0JBQXNCO1lBQ3RCLGNBQWM7U0FDZjs0RkFHVSxvQkFBb0I7a0JBWGhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTt3QkFDWixzQkFBc0I7d0JBQ3RCLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuLy8gaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IEVsZW1lbnRzTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9lbGVtZW50cyc7XG5cbmltcG9ydCB7IFRleHRJbnB1dEZpZWxkTW9sZWN1bGUgfSBmcm9tICcuL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbVGV4dElucHV0RmllbGRNb2xlY3VsZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAvLyBNYXRlcmlhbHNcbiAgICAvLyBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtUZXh0SW5wdXRGaWVsZE1vbGVjdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRGaWVsZE1vZHVsZSBleHRlbmRzIEVsZW1lbnRzTW9kdWxlIHsgfVxuIl19
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextInputFieldMolecule],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    // Materials
+                    // MatFormFieldModule,
+                    MatInputModule,
+                ],
+                exports: [TextInputFieldMolecule],
+                bootstrap: [TextInputFieldMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextInputFieldModule, { declarations: [TextInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        // MatFormFieldModule,
+        MatInputModule], exports: [TextInputFieldMolecule] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL3RleHQtaW5wdXQtZmllbGQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELHFFQUFxRTtBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBZ0JyRSxNQUFNLE9BQU8sb0JBQW9COzt3RkFBcEIsb0JBQW9CO3NFQUFwQixvQkFBb0IsY0FGbkIsc0JBQXNCOzBFQVJ6QjtZQUNQLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLHNCQUFzQjtZQUN0QixjQUFjO1NBQ2Y7dUZBSVUsb0JBQW9CO2NBWmhDLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztnQkFDdEMsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO29CQUNuQixZQUFZO29CQUNaLHNCQUFzQjtvQkFDdEIsY0FBYztpQkFDZjtnQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztnQkFDakMsU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7YUFDcEM7O3dGQUNZLG9CQUFvQixtQkFYaEIsc0JBQXNCLGFBRW5DLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsWUFBWTtRQUNaLHNCQUFzQjtRQUN0QixjQUFjLGFBRU4sc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuLy8gaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcblxuaW1wb3J0IHsgVGV4dElucHV0RmllbGRNb2xlY3VsZSB9IGZyb20gJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUZXh0SW5wdXRGaWVsZE1vbGVjdWxlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIC8vIE1hdGVyaWFsc1xuICAgIC8vIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1RleHRJbnB1dEZpZWxkTW9sZWN1bGVdLFxuICBib290c3RyYXA6IFtUZXh0SW5wdXRGaWVsZE1vbGVjdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0RmllbGRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/molecules/text-input-field/text-input-field.molecule.mjs

@@ -5,6 +5,15 @@ import * as i1 from "@angular/material/form-field";
 import * as i2 from "@angular/material/input";
 import * as i3 from "@angular/forms";
 import * as i4 from "@angular/common";
+function TextInputFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.hint);
+} }
 export class TextInputFieldMolecule {
     constructor() {
         this.type = 'text';
@@ -13,22 +22,36 @@ export class TextInputFieldMolecule {
         this.placeholder = 'placeholder';
     }
 }
-TextInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { 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"] }, { 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: ["formControl", "disabled", "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: "13.3.11", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
-            type: Component,
-            args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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"] }]
-        }], propDecorators: { type: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9tb2xlY3VsZXMvdGV4dC1pbnB1dC1maWVsZC90ZXh0LWlucHV0LWZpZWxkLm1vbGVjdWxlLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQVNyRCxNQUFNLE9BQU8sc0JBQXNCO0lBUG5DO1FBVUUsU0FBSSxHQUFtQyxNQUFNLENBQUM7UUFNOUMsVUFBSyxHQUFHLE9BQU8sQ0FBQztRQUdoQixZQUFPLEdBQUcsSUFBSSxXQUFXLEVBQW1CLENBQUM7UUFHN0MsZ0JBQVcsR0FBRyxhQUFhLENBQUM7S0FLN0I7O29IQXBCWSxzQkFBc0I7d0dBQXRCLHNCQUFzQixvT0NWbkMsb1VBS2lCOzRGREtKLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsZ0JBQWdCLEVBQUM7OEJBSy9CLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQG5nbmVhdC9yZWFjdGl2ZS1mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10ZXh0LWlucHV0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgZmllbGQnfSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0RmllbGRNb2xlY3VsZSB7XG5cbiAgQElucHV0KClcbiAgdHlwZTogJ3RleHQnIHwgJ251bWJlcicgfCAncGFzc3dvcmQnID0gJ3RleHQnO1xuXG4gIEBJbnB1dCgpXG4gIG5hbWU/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbGFiZWwgPSAnbGFiZWwnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nIHwgbnVtYmVyPigpO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJ3BsYWNlaG9sZGVyJztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG59XG4iLCI8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxuICA8aW5wdXQgbWF0SW5wdXQgW25hbWVdPVwibmFtZVwiIFt0eXBlXT1cInR5cGVcIiBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiPlxuICA8IS0tIDxtYXQtaWNvbiBtYXRTdWZmaXg+c2VudGltZW50X3Zlcnlfc2F0aXNmaWVkPC9tYXQtaWNvbj4gLS0+XG4gIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj57eyBoaW50IH19PC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+Il19
+TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
+TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 5, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "name", "type", "formControl", "placeholder"], [4, "ngIf"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "input", 1);
+        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("name", ctx.name)("type", ctx.type)("formControl", ctx.control)("placeholder", ctx.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hint);
+    } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i3.NgControlStatus, i3.FormControlDirective, i4.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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"] }]
+    }], null, { type: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQvdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7OztJQ0duRCxnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixlQUFVO0lBQVYsaUNBQVU7O0FETW5DLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFVRSxTQUFJLEdBQW1DLE1BQU0sQ0FBQztRQU05QyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBR2hCLFlBQU8sR0FBRyxJQUFJLFdBQVcsRUFBbUIsQ0FBQztRQUc3QyxnQkFBVyxHQUFHLGFBQWEsQ0FBQztLQUs3Qjs7NEZBcEJZLHNCQUFzQjt5RUFBdEIsc0JBQXNCO1FDVm5DLHlDQUFxQyxnQkFBQTtRQUN4QixZQUFXO1FBQUEsaUJBQVk7UUFDbEMsMkJBQWdHO1FBRWhHLGlGQUE0QztRQUM5QyxpQkFBaUI7O1FBSkosZUFBVztRQUFYLCtCQUFXO1FBQ04sZUFBYTtRQUFiLCtCQUFhLGtCQUFBLDRCQUFBLGdDQUFBO1FBRWxCLGVBQVU7UUFBViwrQkFBVTs7dUZETVYsc0JBQXNCO2NBUGxDLFNBQVM7MkJBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDO2dCQUsvQixJQUFJO2tCQURILEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdtb2xlY3VsZSBmaWVsZCd9LFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICB0eXBlOiAndGV4dCcgfCAnbnVtYmVyJyB8ICdwYXNzd29yZCcgPSAndGV4dCc7XG5cbiAgQElucHV0KClcbiAgbmFtZT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmcgfCBudW1iZXI+KCk7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAncGxhY2Vob2xkZXInO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBzdHJpbmc7XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gIDxpbnB1dCBtYXRJbnB1dCBbbmFtZV09XCJuYW1lXCIgW3R5cGVdPVwidHlwZVwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCI+XG4gIDwhLS0gPG1hdC1pY29uIG1hdFN1ZmZpeD5zZW50aW1lbnRfdmVyeV9zYXRpc2ZpZWQ8L21hdC1pY29uPiAtLT5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiaGludFwiPnt7IGhpbnQgfX08L21hdC1oaW50PlxuPC9tYXQtZm9ybS1maWVsZD4iXX0=

package/esm2020/molecules/textarea-field/index.mjs

@@ -1,3 +1,3 @@
 export { TextareaFieldMolecule } from './textarea-field.molecule';
 export { TextareaFieldModule } from './textarea-field.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHRhcmVhLWZpZWxkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGV4dGFyZWFGaWVsZE1vbGVjdWxlIH0gZnJvbSAnLi90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZSc7XG5leHBvcnQgeyBUZXh0YXJlYUZpZWxkTW9kdWxlIH0gZnJvbSAnLi90ZXh0YXJlYS1maWVsZC5tb2R1bGUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFRleHRhcmVhRmllbGRNb2xlY3VsZSB9IGZyb20gJy4vdGV4dGFyZWEtZmllbGQubW9sZWN1bGUnO1xuZXhwb3J0IHsgVGV4dGFyZWFGaWVsZE1vZHVsZSB9IGZyb20gJy4vdGV4dGFyZWEtZmllbGQubW9kdWxlJztcbiJdfQ==

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

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHRhcmVhLWZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZC9uZy1hdG9taWMtY29tcG9uZW50cy1tb2xlY3VsZXMtdGV4dGFyZWEtZmllbGQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHRhcmVhLWZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvdGV4dGFyZWEtZmllbGQvbmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLXRleHRhcmVhLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2020/molecules/textarea-field/textarea-field.module.mjs

@@ -1,30 +1,31 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatInputModule } from '@angular/material/input';
-import { ElementsModule } from '@ng-atomic/elements';
 import { TextareaFieldMolecule } from './textarea-field.molecule';
 import * as i0 from "@angular/core";
-export class TextareaFieldModule extends ElementsModule {
+export class TextareaFieldModule {
 }
-TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldMolecule], imports: [CommonModule,
-        // Material
-        MatInputModule], exports: [TextareaFieldMolecule] });
-TextareaFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, imports: [[
+TextareaFieldModule.ɵfac = function TextareaFieldModule_Factory(t) { return new (t || TextareaFieldModule)(); };
+TextareaFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TextareaFieldModule, bootstrap: [TextareaFieldMolecule] });
+TextareaFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Material
             MatInputModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [TextareaFieldMolecule],
-                    imports: [
-                        CommonModule,
-                        // Material
-                        MatInputModule,
-                    ],
-                    exports: [TextareaFieldMolecule]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZC90ZXh0YXJlYS1maWVsZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFZbEUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGNBQWM7O2lIQUExQyxtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkFSZixxQkFBcUIsYUFFbEMsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjLGFBRU4scUJBQXFCO2tIQUVwQixtQkFBbUIsWUFQckI7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGNBQWM7U0FDZjs0RkFHVSxtQkFBbUI7a0JBVC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ3JDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgRWxlbWVudHNNb2R1bGUgfSBmcm9tICdAbmctYXRvbWljL2VsZW1lbnRzJztcblxuaW1wb3J0IHsgVGV4dGFyZWFGaWVsZE1vbGVjdWxlIH0gZnJvbSAnLi90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZSc7XG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbVGV4dGFyZWFGaWVsZE1vbGVjdWxlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICAvLyBNYXRlcmlhbFxuICAgIE1hdElucHV0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbVGV4dGFyZWFGaWVsZE1vbGVjdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUZpZWxkTW9kdWxlIGV4dGVuZHMgRWxlbWVudHNNb2R1bGUgeyB9XG4iXX0=
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextareaFieldMolecule],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatInputModule,
+                ],
+                exports: [TextareaFieldMolecule],
+                bootstrap: [TextareaFieldMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextareaFieldModule, { declarations: [TextareaFieldMolecule], imports: [CommonModule,
+        // Material
+        MatInputModule], exports: [TextareaFieldMolecule] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9tb2xlY3VsZXMvdGV4dGFyZWEtZmllbGQvdGV4dGFyZWEtZmllbGQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFhbEUsTUFBTSxPQUFPLG1CQUFtQjs7c0ZBQW5CLG1CQUFtQjtxRUFBbkIsbUJBQW1CLGNBRmxCLHFCQUFxQjt5RUFOeEI7WUFDUCxZQUFZO1lBQ1osV0FBVztZQUNYLGNBQWM7U0FDZjt1RkFJVSxtQkFBbUI7Y0FWL0IsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO2dCQUNyQyxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixXQUFXO29CQUNYLGNBQWM7aUJBQ2Y7Z0JBQ0QsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7Z0JBQ2hDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ25DOzt3RkFDWSxtQkFBbUIsbUJBVGYscUJBQXFCLGFBRWxDLFlBQVk7UUFDWixXQUFXO1FBQ1gsY0FBYyxhQUVOLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5cbmltcG9ydCB7IFRleHRhcmVhRmllbGRNb2xlY3VsZSB9IGZyb20gJy4vdGV4dGFyZWEtZmllbGQubW9sZWN1bGUnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1RleHRhcmVhRmllbGRNb2xlY3VsZV0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgLy8gTWF0ZXJpYWxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1RleHRhcmVhRmllbGRNb2xlY3VsZV0sXG4gIGJvb3RzdHJhcDogW1RleHRhcmVhRmllbGRNb2xlY3VsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhRmllbGRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/molecules/textarea-field/textarea-field.molecule.mjs

@@ -3,22 +3,45 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/form-field";
 import * as i2 from "@angular/material/input";
 import * as i3 from "@angular/common";
+function TextareaFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.hint);
+} }
 export class TextareaFieldMolecule {
     constructor() {
         this.label = 'label';
         this.placeholder = 'placeholder';
     }
 }
-TextareaFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextareaFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { 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"] }, { 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: "13.3.11", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
-            type: Component,
-            args: [{ selector: 'molecules-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHRhcmVhLWZpZWxkL3RleHRhcmVhLWZpZWxkLm1vbGVjdWxlLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZC90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVMxRSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBVUUsVUFBSyxHQUFHLE9BQU8sQ0FBQztRQU1oQixnQkFBVyxHQUFHLGFBQWEsQ0FBQztLQUU3Qjs7bUhBWFkscUJBQXFCO3VHQUFyQixxQkFBcUIsa0xDVGxDLHNPQUlpQjs0RkRLSixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDOzhCQUsvQixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10ZXh0YXJlYS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgZmllbGQnfSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFGaWVsZE1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgaGludD86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlciA9ICdwbGFjZWhvbGRlcic7XG5cbn1cbiIsIjxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImV4YW1wbGUtZnVsbC13aWR0aFwiPlxuICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gIDx0ZXh0YXJlYSBtYXRJbnB1dCBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiByb3dzPVwiMTBcIj48L3RleHRhcmVhPlxuICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG48L21hdC1mb3JtLWZpZWxkPiJdfQ==
+TextareaFieldMolecule.ɵfac = function TextareaFieldMolecule_Factory(t) { return new (t || TextareaFieldMolecule)(); };
+TextareaFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextareaFieldMolecule, selectors: [["molecules-textarea-field"]], hostAttrs: [1, "molecule", "field"], inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, decls: 5, vars: 3, consts: [[1, "example-full-width"], ["matInput", "", "rows", "10", 3, "placeholder"], [4, "ngIf"]], template: function TextareaFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "textarea", 1);
+        i0.ɵɵtemplate(4, TextareaFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("placeholder", ctx.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hint);
+    } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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"] }]
+    }], null, { label: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL21vbGVjdWxlcy90ZXh0YXJlYS1maWVsZC90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbW9sZWN1bGVzL3RleHRhcmVhLWZpZWxkL3RleHRhcmVhLWZpZWxkLm1vbGVjdWxlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0d4RSxnQ0FBdUI7SUFBQSxZQUFVO0lBQUEsaUJBQVc7OztJQUFyQixlQUFVO0lBQVYsaUNBQVU7O0FETW5DLE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVRSxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBTWhCLGdCQUFXLEdBQUcsYUFBYSxDQUFDO0tBRTdCOzswRkFYWSxxQkFBcUI7d0VBQXJCLHFCQUFxQjtRQ1RsQyx5Q0FBMkMsZ0JBQUE7UUFDOUIsWUFBVztRQUFBLGlCQUFZO1FBQ2xDLDhCQUFvRTtRQUNwRSxnRkFBNEM7UUFDOUMsaUJBQWlCOztRQUhKLGVBQVc7UUFBWCwrQkFBVztRQUNILGVBQTJCO1FBQTNCLDZDQUEyQjtRQUNuQyxlQUFVO1FBQVYsK0JBQVU7O3VGRE1WLHFCQUFxQjtjQVBqQyxTQUFTOzJCQUNFLDBCQUEwQixtQkFHbkIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQztnQkFLL0IsS0FBSztrQkFESixLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXRleHRhcmVhLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLWZpZWxkLm1vbGVjdWxlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0YXJlYS1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdtb2xlY3VsZSBmaWVsZCd9LFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUZpZWxkTW9sZWN1bGUge1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJ2xhYmVsJztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJ3BsYWNlaG9sZGVyJztcblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwiZXhhbXBsZS1mdWxsLXdpZHRoXCI+XG4gIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgPHRleHRhcmVhIG1hdElucHV0IFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIHJvd3M9XCIxMFwiPjwvdGV4dGFyZWE+XG4gIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj57eyBoaW50IH19PC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+Il19

package/esm2020/ng-atomic-components.mjs

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbmctYXRvbWljLWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL25nLWF0b21pYy1jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19