@ng-atomic/components 1.6.0 → 2.0.1

package/esm2015/molecules/date-input-field/date-input-field.molecule.js

@@ -3,9 +3,9 @@ import { FormControl } from '@ngneat/reactive-forms';
 import { filter } from 'rxjs/operators';
 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/forms";
-import * as i4 from "@angular/material/datepicker";
+import * as i2 from "@angular/material/datepicker";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/forms";
 import * as i5 from "@angular/common";
 export class DateInputFieldMolecule {
     constructor() {
@@ -20,25 +20,25 @@ export class DateInputFieldMolecule {
         this.control.setValue(this._control.value);
     }
 }
-DateInputFieldMolecule.ɵfac = function DateInputFieldMolecule_Factory(t) { return new (t || DateInputFieldMolecule)(); };
-DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", 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 [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-field-fIMQ:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { 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: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-date-input-field',
-                templateUrl: './date-input-field.molecule.html',
-                styleUrls: ['./date-input-field.molecule.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'molecule field' },
-            }]
-    }], null, { _control: [{
-            type: Input,
-            args: ['control']
-        }], label: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }], hint: [{
-            type: Input
-        }] }); })();
+DateInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", 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 [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-8ZT8: var(--horizontal-padding)}: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"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i3.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: i4.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: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i5.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: DateInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-date-input-field',
+                    templateUrl: './date-input-field.molecule.html',
+                    styleUrls: ['./date-input-field.molecule.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'molecule field' },
+                }]
+        }], propDecorators: { _control: [{
+                type: Input,
+                args: ['control']
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=date-input-field.molecule.js.map

package/esm2015/molecules/date-input-field/date-input-field.molecule.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;;;;;;AASxC,MAAM,OAAO,sBAAsB;IAPnC;QAQE,YAAO,GAAG,IAAI,WAAW,EAAS,CAAC;QAG3B,aAAQ,GAAG,IAAI,WAAW,EAAS,CAAC;QAG5C,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;KAalB;IARC,QAAQ;QACN,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAC/C,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;;4FAtBU,sBAAsB;kFAAtB,sBAAsB,uNCZnC,sXAMiB;uFDMJ,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;gBAKS,QAAQ;kBADf,KAAK;mBAAC,SAAS;YAIhB,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>"]}
+{"version":3,"file":"date-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;;;;;;AASxC,MAAM,OAAO,sBAAsB;IAPnC;QAQE,YAAO,GAAG,IAAI,WAAW,EAAS,CAAC;QAG3B,aAAQ,GAAG,IAAI,WAAW,EAAS,CAAC;QAG5C,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;KAalB;IARC,QAAQ;QACN,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAC/C,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;;oHAtBU,sBAAsB;wGAAtB,sBAAsB,uNCZnC,sXAMiB;4FDMJ,sBAAsB;kBAPlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;oBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;iBAChC;8BAKS,QAAQ;sBADf,KAAK;uBAAC,SAAS;gBAIhB,KAAK;sBADJ,KAAK;gBAIN,WAAW;sBADV,KAAK;gBAIN,IAAI;sBADH,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>"]}

package/esm2015/molecules/select-input-field/select-input-field.module.js

@@ -6,33 +6,32 @@ import { SelectInputFieldMolecule } from './select-input-field.molecule';
 import * as i0 from "@angular/core";
 export class SelectInputFieldModule {
 }
-SelectInputFieldModule.ɵfac = function SelectInputFieldModule_Factory(t) { return new (t || SelectInputFieldModule)(); };
-SelectInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: SelectInputFieldModule });
-SelectInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+SelectInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputFieldModule, declarations: [SelectInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        MatSelectModule], exports: [SelectInputFieldMolecule] });
+SelectInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputFieldModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             // Materials
             MatSelectModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectInputFieldModule, { declarations: [SelectInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        MatSelectModule], exports: [SelectInputFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    SelectInputFieldMolecule
-                ],
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    // Materials
-                    MatSelectModule,
-                ],
-                exports: [
-                    SelectInputFieldMolecule
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SelectInputFieldMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatSelectModule,
+                    ],
+                    exports: [
+                        SelectInputFieldMolecule
+                    ]
+                }]
+        }] });
 //# sourceMappingURL=select-input-field.module.js.map

package/esm2015/molecules/select-input-field/select-input-field.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/select-input-field/select-input-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAkBzE,MAAM,OAAO,sBAAsB;;4FAAtB,sBAAsB;0DAAtB,sBAAsB;8DAVxB;YACP,YAAY;YACZ,mBAAmB;YACnB,YAAY;YACZ,eAAe;SAChB;wFAKU,sBAAsB,mBAZ/B,wBAAwB,aAGxB,YAAY;QACZ,mBAAmB;QACnB,YAAY;QACZ,eAAe,aAGf,wBAAwB;uFAGf,sBAAsB;cAdlC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,YAAY;oBACZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;aACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { SelectInputFieldMolecule } from './select-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    SelectInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [\n    SelectInputFieldMolecule\n  ]\n})\nexport class SelectInputFieldModule { }\n"]}
+{"version":3,"file":"select-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/select-input-field/select-input-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;AAkBzE,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,iBAZ/B,wBAAwB,aAGxB,YAAY;QACZ,mBAAmB;QACnB,YAAY;QACZ,eAAe,aAGf,wBAAwB;qHAGf,sBAAsB,YAVxB;YACP,YAAY;YACZ,mBAAmB;YACnB,YAAY;YACZ,eAAe;SAChB;4FAKU,sBAAsB;kBAdlC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;qBACzB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,YAAY;wBACZ,eAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,wBAAwB;qBACzB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { SelectInputFieldMolecule } from './select-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    SelectInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [\n    SelectInputFieldMolecule\n  ]\n})\nexport class SelectInputFieldModule { }\n"]}

package/esm2015/molecules/select-input-field/select-input-field.molecule.js

@@ -3,9 +3,9 @@ import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/form-field";
 import * as i2 from "@angular/material/select";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/material/core";
+import * as i3 from "@angular/material/core";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/common";
 export class SelectInputFieldMolecule {
     constructor() {
         this.label = '';
@@ -14,22 +14,22 @@ export class SelectInputFieldMolecule {
         this.value = (item) => item === null || item === void 0 ? void 0 : item.value;
     }
 }
-SelectInputFieldMolecule.ɵfac = function SelectInputFieldMolecule_Factory(t) { return new (t || SelectInputFieldMolecule)(); };
-SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-wGBb:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-select-input-field',
-                templateUrl: './select-input-field.molecule.html',
-                styleUrls: ['./select-input-field.molecule.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'molecule input-field field' },
-            }]
-    }], null, { label: [{
-            type: Input
-        }], control: [{
-            type: Input
-        }], options: [{
-            type: Input
-        }] }); })();
+SelectInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-gGrm: var(--horizontal-padding)}: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"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.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: SelectInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-select-input-field',
+                    templateUrl: './select-input-field.molecule.html',
+                    styleUrls: ['./select-input-field.molecule.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'molecule input-field field' },
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=select-input-field.molecule.js.map

package/esm2015/molecules/select-input-field/select-input-field.molecule.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/select-input-field/select-input-field.molecule.ts","../../../../../../libs/components/molecules/select-input-field/select-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;;AAcrD,MAAM,OAAO,wBAAwB;IAPrC;QAUE,UAAK,GAAW,EAAE,CAAC;QAGnB,YAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,YAAO,GAAgB,EAAE,CAAC;QAE1B,UAAK,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;KAE1C;;gGAbY,wBAAwB;oFAAxB,wBAAwB,gMCfrC,qSAOiB;uFDQJ,wBAAwB;cAPpC,SAAS;eAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;gBACjD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,4BAA4B,EAAC;aAC5C;gBAIC,KAAK;kBADJ,KAAK;YAIN,OAAO;kBADN,KAAK;YAIN,OAAO;kBADN,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\n@Component({\n  selector: 'molecules-select-input-field',\n  templateUrl: './select-input-field.molecule.html',\n  styleUrls: ['./select-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule input-field field'},\n})\nexport class SelectInputFieldMolecule<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: Option<T>[] = [];\n\n  value = (item: Option<T>) => item?.value; \n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>"]}
+{"version":3,"file":"select-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/select-input-field/select-input-field.molecule.ts","../../../../../../libs/components/molecules/select-input-field/select-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;;AAcrD,MAAM,OAAO,wBAAwB;IAPrC;QAUE,UAAK,GAAW,EAAE,CAAC;QAGnB,YAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,YAAO,GAAgB,EAAE,CAAC;QAE1B,UAAK,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;KAE1C;;sHAbY,wBAAwB;0GAAxB,wBAAwB,gMCfrC,qSAOiB;4FDQJ,wBAAwB;kBAPpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,WAAW,EAAE,oCAAoC;oBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;oBACjD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,4BAA4B,EAAC;iBAC5C;8BAIC,KAAK;sBADJ,KAAK;gBAIN,OAAO;sBADN,KAAK;gBAIN,OAAO;sBADN,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\n@Component({\n  selector: 'molecules-select-input-field',\n  templateUrl: './select-input-field.molecule.html',\n  styleUrls: ['./select-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule input-field field'},\n})\nexport class SelectInputFieldMolecule<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: Option<T>[] = [];\n\n  value = (item: Option<T>) => item?.value; \n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>"]}

package/esm2015/molecules/smart-column/smart-column.module.js

@@ -7,9 +7,14 @@ import { SmartExpModule } from '@ng-atomic/common/pipes';
 import * as i0 from "@angular/core";
 export class SmartColumnModule {
 }
-SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
-SmartColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: SmartColumnModule });
-SmartColumnModule.ɵinj = i0.ɵɵ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,
@@ -17,29 +22,23 @@ SmartColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
             MatIconModule,
             MatTableModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
-        // Pipes
-        SmartExpModule,
-        // Materials
-        MatIconModule,
-        MatTableModule], exports: [SmartColumnMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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
+                    ]
+                }]
+        }] });
 //# sourceMappingURL=smart-column.module.js.map

package/esm2015/molecules/smart-column/smart-column.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-column.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/smart-column/smart-column.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAkBzD,MAAM,OAAO,iBAAiB;;kFAAjB,iBAAiB;qDAAjB,iBAAiB;yDAZnB;YACP,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,YAAY;YACZ,aAAa;YACb,cAAc;SACf;wFAKU,iBAAiB,mBAd1B,mBAAmB,aAGnB,YAAY;QACZ,QAAQ;QACR,cAAc;QACd,YAAY;QACZ,aAAa;QACb,cAAc,aAGd,mBAAmB;uFAGV,iBAAiB;cAhB7B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,QAAQ;oBACR,cAAc;oBACd,YAAY;oBACZ,aAAa;oBACb,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF","sourcesContent":["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"]}
+{"version":3,"file":"smart-column.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/smart-column/smart-column.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAkBzD,MAAM,OAAO,iBAAiB;;+GAAjB,iBAAiB;gHAAjB,iBAAiB,iBAd1B,mBAAmB,aAGnB,YAAY;QACZ,QAAQ;QACR,cAAc;QACd,YAAY;QACZ,aAAa;QACb,cAAc,aAGd,mBAAmB;gHAGV,iBAAiB,YAZnB;YACP,YAAY;YACZ,QAAQ;YACR,cAAc;YACd,YAAY;YACZ,aAAa;YACb,cAAc;SACf;4FAKU,iBAAiB;kBAhB7B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,QAAQ;wBACR,cAAc;wBACd,YAAY;wBACZ,aAAa;wBACb,cAAc;qBACf;oBACD,OAAO,EAAE;wBACP,mBAAmB;qBACpB;iBACF","sourcesContent":["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"]}

package/esm2015/molecules/smart-column/smart-column.molecule.js

@@ -4,9 +4,9 @@ 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/table";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/icon";
+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";
 export class SmartColumnMolecule extends MatTextColumn {
     constructor() {
@@ -19,21 +19,20 @@ export class SmartColumnMolecule extends MatTextColumn {
         this.headerClick = new EventEmitter();
     }
 }
-SmartColumnMolecule.ɵfac = function SmartColumnMolecule_Factory(t) { return ɵSmartColumnMolecule_BaseFactory(t || SmartColumnMolecule); };
-SmartColumnMolecule.ɵcmp = i0.ɵɵ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: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-const ɵSmartColumnMolecule_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SmartColumnMolecule);
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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
+            }] } });
 //# sourceMappingURL=smart-column.molecule.js.map

package/esm2015/molecules/smart-column/smart-column.molecule.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-column.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../../../libs/components/molecules/smart-column/smart-column.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,6BAA6B;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;;;;;AAS/B,MAAM,OAAO,mBAAuB,SAAQ,aAAgB;IAP5D;;QAQE,iBAAY,GAAG,CAAC,IAAS,EAAE,IAAY,EAAU,EAAE;;YACjD,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,OAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,0CAAG,IAAI,EAAE,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,CAAC;QAC7E,CAAC,CAAA;QAGD,SAAI,GAA4B,MAAM,CAAC;QAGvC,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAExC;;kHAXY,mBAAmB;+EAAnB,mBAAmB,wJCbhC,kqBAkBe;gFDLF,mBAAmB;uFAAnB,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","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>"]}
+{"version":3,"file":"smart-column.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/smart-column/smart-column.molecule.ts","../../../../../../libs/components/molecules/smart-column/smart-column.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnH,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,6BAA6B;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;;;;;AAS/B,MAAM,OAAO,mBAAuB,SAAQ,aAAgB;IAP5D;;QAQE,iBAAY,GAAG,CAAC,IAAS,EAAE,IAAY,EAAU,EAAE;;YACjD,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,0CAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,IAAI,CAAC,CAAC;QAC7E,CAAC,CAAA;QAGD,SAAI,GAA4B,MAAM,CAAC;QAGvC,gBAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;KAExC;;iHAXY,mBAAmB;qGAAnB,mBAAmB,wJCbhC,kqBAkBe;4FDLF,mBAAmB;kBAP/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;oBAC3C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,OAAO;iBACjD;8BAOC,IAAI;sBADH,KAAK;gBAIN,WAAW;sBADV,MAAM","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>"]}

package/esm2015/molecules/text-input-field/text-input-field.module.js

@@ -7,32 +7,31 @@ import { TextInputFieldMolecule } from './text-input-field.molecule';
 import * as i0 from "@angular/core";
 export class TextInputFieldModule {
 }
-TextInputFieldModule.ɵfac = function TextInputFieldModule_Factory(t) { return new (t || TextInputFieldModule)(); };
-TextInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: TextInputFieldModule });
-TextInputFieldModule.ɵinj = i0.ɵɵ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) && i0.ɵɵsetNgModuleScope(TextInputFieldModule, { declarations: [TextInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        // MatFormFieldModule,
-        MatInputModule], exports: [TextInputFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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]
+                }]
+        }] });
 //# sourceMappingURL=text-input-field.module.js.map

package/esm2015/molecules/text-input-field/text-input-field.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/text-input-field/text-input-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,qEAAqE;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAerE,MAAM,OAAO,oBAAoB;;wFAApB,oBAAoB;wDAApB,oBAAoB;4DATtB;YACP,YAAY;YACZ,mBAAmB;YACnB,YAAY;YACZ,sBAAsB;YACtB,cAAc;SACf;wFAGU,oBAAoB,mBAVhB,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;QACnB,YAAY;QACZ,sBAAsB;QACtB,cAAc,aAEN,sBAAsB;uFAErB,oBAAoB;cAXhC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,YAAY;oBACZ,sBAAsB;oBACtB,cAAc;iBACf;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC","sourcesContent":["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"]}
+{"version":3,"file":"text-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/text-input-field/text-input-field.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,qEAAqE;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAerE,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;mHAApB,oBAAoB,iBAVhB,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;QACnB,YAAY;QACZ,sBAAsB;QACtB,cAAc,aAEN,sBAAsB;mHAErB,oBAAoB,YATtB;YACP,YAAY;YACZ,mBAAmB;YACnB,YAAY;YACZ,sBAAsB;YACtB,cAAc;SACf;4FAGU,oBAAoB;kBAXhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,YAAY;wBACZ,sBAAsB;wBACtB,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["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"]}

package/esm2015/molecules/text-input-field/text-input-field.molecule.js

@@ -13,28 +13,28 @@ export class TextInputFieldMolecule {
         this.placeholder = 'placeholder';
     }
 }
-TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
-TextInputFieldMolecule.ɵcmp = i0.ɵɵ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: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { 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 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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
+            }] } });
 //# sourceMappingURL=text-input-field.molecule.js.map

package/esm2015/molecules/text-input-field/text-input-field.molecule.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;AASrD,MAAM,OAAO,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;kFAAtB,sBAAsB,oOCVnC,oUAKiB;uFDKJ,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","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>"]}
+{"version":3,"file":"text-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;AASrD,MAAM,OAAO,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;;oHApBY,sBAAsB;wGAAtB,sBAAsB,oOCVnC,oUAKiB;4FDKJ,sBAAsB;kBAPlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;oBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;iBAChC;8BAIC,IAAI;sBADH,KAAK;gBAIN,IAAI;sBADH,KAAK;gBAIN,KAAK;sBADJ,KAAK;gBAIN,OAAO;sBADN,KAAK;gBAIN,WAAW;sBADV,KAAK;gBAIN,IAAI;sBADH,KAAK","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>"]}

package/esm2015/molecules/textarea-field/textarea-field.module.js

@@ -5,26 +5,25 @@ import { TextareaFieldMolecule } from './textarea-field.molecule';
 import * as i0 from "@angular/core";
 export class TextareaFieldModule {
 }
-TextareaFieldModule.ɵfac = function TextareaFieldModule_Factory(t) { return new (t || TextareaFieldModule)(); };
-TextareaFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: TextareaFieldModule });
-TextareaFieldModule.ɵinj = i0.ɵɵ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) && i0.ɵɵsetNgModuleScope(TextareaFieldModule, { declarations: [TextareaFieldMolecule], imports: [CommonModule,
-        // Material
-        MatInputModule], exports: [TextareaFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵ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]
+                }]
+        }] });
 //# sourceMappingURL=textarea-field.module.js.map