@ng-atomic/components 1.4.0 → 1.7.0

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

@@ -2,8 +2,8 @@ import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/c
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/table";
-import * as i2 from "@angular/material/table";
-import * as i3 from "@angular/material/checkbox";
+import * as i2 from "@angular/material/checkbox";
+import * as i3 from "@angular/material/table";
 export class CheckboxColumnMolecule {
     constructor(_table) {
         this._table = _table;
@@ -36,33 +36,33 @@ export class CheckboxColumnMolecule {
         }
     }
 }
-CheckboxColumnMolecule.ɵfac = function CheckboxColumnMolecule_Factory(t) { return new (t || CheckboxColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8)); };
-CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n", styles: [""], 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: i2.MatCellDef, selector: "[matCellDef]" }, { type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-checkbox-column',
-                templateUrl: './checkbox-column.molecule.html',
-                styleUrls: ['./checkbox-column.molecule.scss'],
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], function () { return [{ type: i1.CdkTable, decorators: [{
-                type: Optional
-            }] }]; }, { name: [{
-            type: Input
-        }], selectedIdSet: [{
-            type: Input
-        }], checkboxClick: [{
-            type: Output
-        }], columnDef: [{
-            type: ViewChild,
-            args: [CdkColumnDef, { static: true }]
-        }], cell: [{
-            type: ViewChild,
-            args: [CdkCellDef, { static: true }]
-        }], headerCell: [{
-            type: ViewChild,
-            args: [CdkHeaderCellDef, { static: true }]
-        }] }); })();
+CheckboxColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnMolecule, deps: [{ token: i1.CdkTable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, viewQueries: [{ propertyName: "columnDef", first: true, predicate: CdkColumnDef, descendants: true, static: true }, { propertyName: "cell", first: true, predicate: CdkCellDef, descendants: true, static: true }, { propertyName: "headerCell", first: true, predicate: CdkHeaderCellDef, descendants: true, static: true }], ngImport: i0, template: "<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n", styles: [""], components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3.MatCellDef, selector: "[matCellDef]" }, { type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-checkbox-column',
+                    templateUrl: './checkbox-column.molecule.html',
+                    styleUrls: ['./checkbox-column.molecule.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.CdkTable, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { name: [{
+                type: Input
+            }], selectedIdSet: [{
+                type: Input
+            }], checkboxClick: [{
+                type: Output
+            }], columnDef: [{
+                type: ViewChild,
+                args: [CdkColumnDef, { static: true }]
+            }], cell: [{
+                type: ViewChild,
+                args: [CdkCellDef, { static: true }]
+            }], headerCell: [{
+                type: ViewChild,
+                args: [CdkHeaderCellDef, { static: true }]
+            }] } });
 //# sourceMappingURL=checkbox-column.molecule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-column.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;;AAShJ,MAAM,OAAO,sBAAsB;IA0BjC,YAAgC,MAAmB;QAAnB,WAAM,GAAN,MAAM,CAAa;QAdnD,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAGlC,kBAAa,GAAG,IAAI,YAAY,EAAK,CAAC;IAWiB,CAAC;IAzBxD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAoBD,QAAQ;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjC;IACH,CAAC;;4FAhDU,sBAAsB;kFAAtB,sBAAsB,mNAiBtB,YAAY,qHAGZ,UAAU,2HAGV,gBAAgB,8FCjC7B,uRASA;uFDCa,sBAAsB;cAPlC,SAAS;eAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,WAAW,EAAE,iCAAiC;gBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;gBAC9C,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;sBA2Bc,QAAQ;wBAxBjB,IAAI;kBADP,KAAK;YAWN,aAAa;kBADZ,KAAK;YAIN,aAAa;kBADZ,MAAM;YAIP,SAAS;kBADR,SAAS;mBAAC,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;YAIvC,IAAI;kBADH,SAAS;mBAAC,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;YAIrC,UAAU;kBADT,SAAS;mBAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'molecules-checkbox-column',\n  templateUrl: './checkbox-column.molecule.html',\n  styleUrls: ['./checkbox-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n  set name(name: string) {\n    this._name = name;\n    this._syncColumnDefName();\n  }\n  _name!: string;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @ViewChild(CdkColumnDef, {static: true})\n  columnDef!: CdkColumnDef;\n\n  @ViewChild(CdkCellDef, {static: true})\n  cell!: CdkCellDef;\n\n  @ViewChild(CdkHeaderCellDef, {static: true})\n  headerCell!: CdkHeaderCellDef;\n\n  constructor(@Optional() private _table: CdkTable<T>) { }\n\n  ngOnInit() {\n    this._syncColumnDefName();\n\n    if (this._table) {\n      this.columnDef.cell = this.cell;\n      this.columnDef.headerCell = this.headerCell;\n      this._table.addColumnDef(this.columnDef);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef);\n    }\n  }\n\n  private _syncColumnDefName() {\n    if (this.columnDef) {\n      this.columnDef.name = this.name;\n    }\n  }\n}\n","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n"]}
+{"version":3,"file":"checkbox-column.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;;AAShJ,MAAM,OAAO,sBAAsB;IA0BjC,YAAgC,MAAmB;QAAnB,WAAM,GAAN,MAAM,CAAa;QAdnD,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAGlC,kBAAa,GAAG,IAAI,YAAY,EAAK,CAAC;IAWiB,CAAC;IAzBxD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAoBD,QAAQ;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjC;IACH,CAAC;;oHAhDU,sBAAsB;wGAAtB,sBAAsB,mNAiBtB,YAAY,qFAGZ,UAAU,2FAGV,gBAAgB,8DCjC7B,uRASA;4FDCa,sBAAsB;kBAPlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,iCAAiC,CAAC;oBAC9C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;0BA2Bc,QAAQ;4CAxBjB,IAAI;sBADP,KAAK;gBAWN,aAAa;sBADZ,KAAK;gBAIN,aAAa;sBADZ,MAAM;gBAIP,SAAS;sBADR,SAAS;uBAAC,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBAIvC,IAAI;sBADH,SAAS;uBAAC,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;gBAIrC,UAAU;sBADT,SAAS;uBAAC,gBAAgB,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC","sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'molecules-checkbox-column',\n  templateUrl: './checkbox-column.molecule.html',\n  styleUrls: ['./checkbox-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxColumnMolecule<T> implements OnInit {\n  @Input()\n  get name(): string {\n    return this._name;\n  }\n  set name(name: string) {\n    this._name = name;\n    this._syncColumnDefName();\n  }\n  _name!: string;\n\n  @Input()\n  selectedIdSet = new Set<string>();\n\n  @Output()\n  checkboxClick = new EventEmitter<T>();\n\n  @ViewChild(CdkColumnDef, {static: true})\n  columnDef!: CdkColumnDef;\n\n  @ViewChild(CdkCellDef, {static: true})\n  cell!: CdkCellDef;\n\n  @ViewChild(CdkHeaderCellDef, {static: true})\n  headerCell!: CdkHeaderCellDef;\n\n  constructor(@Optional() private _table: CdkTable<T>) { }\n\n  ngOnInit() {\n    this._syncColumnDefName();\n\n    if (this._table) {\n      this.columnDef.cell = this.cell;\n      this.columnDef.headerCell = this.headerCell;\n      this._table.addColumnDef(this.columnDef);\n    }\n  }\n\n  ngOnDestroy() {\n    if (this._table) {\n      this._table.removeColumnDef(this.columnDef);\n    }\n  }\n\n  private _syncColumnDefName() {\n    if (this.columnDef) {\n      this.columnDef.name = this.name;\n    }\n  }\n}\n","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef></th>\n  <td mat-cell *matCellDef=\"let item\">\n    <mat-checkbox\n      (click)=\"checkboxClick.emit(item)\"\n      [checked]=\"selectedIdSet.has(item.id)\"\n    ></mat-checkbox>\n  </td>\n</ng-container>\n"]}

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

@@ -1,46 +1,33 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';
 import { ChipsInputFieldMolecule } from './chips-input-field.molecule';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
 import * as i0 from "@angular/core";
 export class ChipsInputFieldModule {
 }
-ChipsInputFieldModule.ɵfac = function ChipsInputFieldModule_Factory(t) { return new (t || ChipsInputFieldModule)(); };
-ChipsInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: ChipsInputFieldModule });
-ChipsInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+ChipsInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChipsInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldModule, declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
+        // Atoms
+        ChipsInputModule], exports: [ChipsInputFieldMolecule] });
+ChipsInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldModule, imports: [[
             CommonModule,
-            ReactiveFormsModule,
-            // Materials
-            MatChipsModule,
-            MatIconModule,
-            MatInputModule,
+            // Atoms
+            ChipsInputModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputFieldModule, { declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        MatChipsModule,
-        MatIconModule,
-        MatInputModule], exports: [ChipsInputFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    ChipsInputFieldMolecule
-                ],
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    // Materials
-                    MatChipsModule,
-                    MatIconModule,
-                    MatInputModule,
-                ],
-                exports: [
-                    ChipsInputFieldMolecule
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChipsInputFieldMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Atoms
+                        ChipsInputModule,
+                    ],
+                    exports: [
+                        ChipsInputFieldMolecule
+                    ]
+                }]
+        }] });
 //# sourceMappingURL=chips-input-field.module.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chips-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/chips-input-field/chips-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,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;;AAkBzD,MAAM,OAAO,qBAAqB;;0FAArB,qBAAqB;yDAArB,qBAAqB;6DAZvB;YACP,YAAY;YACZ,mBAAmB;YACnB,YAAY;YACZ,cAAc;YACd,aAAa;YACb,cAAc;SACf;wFAKU,qBAAqB,mBAd9B,uBAAuB,aAGvB,YAAY;QACZ,mBAAmB;QACnB,YAAY;QACZ,cAAc;QACd,aAAa;QACb,cAAc,aAGd,uBAAuB;uFAGd,qBAAqB;cAhBjC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,YAAY;oBACZ,cAAc;oBACd,aAAa;oBACb,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,uBAAuB;iBACxB;aACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule { }\n"]}
+{"version":3,"file":"chips-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/chips-input-field/chips-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,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;;AAevE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBAX9B,uBAAuB,aAGvB,YAAY;QACZ,QAAQ;QACR,gBAAgB,aAGhB,uBAAuB;oHAGd,qBAAqB,YATvB;YACP,YAAY;YACZ,QAAQ;YACR,gBAAgB;SACjB;4FAKU,qBAAqB;kBAbjC,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,uBAAuB;qBACxB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,QAAQ;wBACR,gBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,uBAAuB;qBACxB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Atoms\n    ChipsInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule { }\n"]}

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

@@ -1,50 +1,26 @@
-import { COMMA, ENTER } from '@angular/cdk/keycodes';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/chips";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/forms";
+import * as i1 from "@ng-atomic/components/atoms/chips-input";
 export class ChipsInputFieldMolecule {
     constructor() {
-        this._control = new FormControl('');
         this.control = new FormControl();
-        this.placeholder = '';
-        this.separatorKeysCodes = [ENTER, COMMA];
-        this.chips = [];
-    }
-    ngOnInit() {
-        this.control.value && this._add(this.control.value);
-        this._control.valueChanges.subscribe(() => this.control.setValue(this.chips.join(' ')));
-    }
-    add(event) {
-        this._add((event.value || '').trim());
-        event.input.value = '';
-    }
-    remove(chip) {
-        const index = this.chips.indexOf(chip);
-        index >= 0 && this.chips.splice(index, 1);
-        this.control.setValue(this.chips.join(' '));
-    }
-    _add(value) {
-        value && this.chips.push(value);
-        this.control.setValue(this.chips.join(' '));
+        this.placeholder = 'placeholder';
     }
 }
-ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(); };
-ChipsInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: { control: "control", placeholder: "placeholder" }, ngImport: i0, template: "<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\"\n    [formControl]=\"_control\"\n  >\n</mat-chip-list>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center}:host,:host mat-input{width:100%;height:100%}"], directives: [{ type: i1.MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatChipRemove, selector: "[matChipRemove]" }, { type: i1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputSeparatorKeyCodes", "placeholder", "id", "matChipInputFor", "matChipInputAddOnBlur", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { 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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-chips-input-field',
-                templateUrl: './chips-input-field.molecule.html',
-                styleUrls: ['./chips-input-field.molecule.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], function () { return []; }, { control: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }] }); })();
+ChipsInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChipsInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: { control: "control", placeholder: "placeholder" }, ngImport: i0, template: "<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-input{width:100%;height:100%}\n"], components: [{ type: i1.ChipsInputAtom, selector: "atoms-chips-input", inputs: ["separators", "control", "placeholder"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-chips-input-field',
+                    templateUrl: './chips-input-field.molecule.html',
+                    styleUrls: ['./chips-input-field.molecule.scss'],
+                    // changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
 //# sourceMappingURL=chips-input-field.molecule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chips-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAE,KAAK,EAAC,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;;;;AAQrD,MAAM,OAAO,uBAAuB;IAUlC;QARA,aAAQ,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAGvC,YAAO,GAAG,IAAI,WAAW,EAAU,CAAC;QAGpC,gBAAW,GAAG,EAAE,CAAC;QAUR,uBAAkB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAU,CAAC;QACtD,UAAK,GAAa,EAAE,CAAC;IATL,CAAC;IAEjB,QAAQ;QACN,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1F,CAAC;IAKD,GAAG,CAAC,KAAwB;QAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEO,IAAI,CAAC,KAAa;QACxB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9C,CAAC;;8FAnCU,uBAAuB;mFAAvB,uBAAuB,+HCXpC,gcAaA;uFDFa,uBAAuB;cANnC,SAAS;eAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,WAAW,EAAE,mCAAmC;gBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;gBAChD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;sCAMC,OAAO;kBADN,KAAK;YAIN,WAAW;kBADV,KAAK","sourcesContent":["import {COMMA, ENTER} from '@angular/cdk/keycodes';\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule implements OnInit {\n\n  _control = new FormControl<string>('');\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = '';\n\n  constructor() { }\n\n  ngOnInit(): void {\n    this.control.value && this._add(this.control.value);\n\n    this._control.valueChanges.subscribe(() => this.control.setValue(this.chips.join(' ')));\n  }\n\n  readonly separatorKeysCodes = [ENTER, COMMA] as const;\n  chips: string[] = [];\n\n  add(event: MatChipInputEvent): void {\n    this._add((event.value || '').trim());\n    event.input.value = '';\n  }\n\n  remove(chip: string): void {\n    const index = this.chips.indexOf(chip);\n    index >= 0 && this.chips.splice(index, 1);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n  private _add(value: string) {\n    value && this.chips.push(value);\n    this.control.setValue(this.chips.join(' '));\n  }\n\n}\n","<mat-chip-list #chipList>\n  <mat-chip *ngFor=\"let chip of chips\" (removed)=\"remove(chip)\">\n    {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"add($event)\"\n    [formControl]=\"_control\"\n  >\n</mat-chip-list>\n"]}
+{"version":3,"file":"chips-input-field.molecule.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html"],"names":[],"mappings":"AAAA,OAAO,EAA2B,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;;;AASrD,MAAM,OAAO,uBAAuB;IANpC;QASE,YAAO,GAAG,IAAI,WAAW,EAAU,CAAC;QAGpC,gBAAW,GAAG,aAAa,CAAC;KAE7B;;qHARY,uBAAuB;yGAAvB,uBAAuB,+HCVpC,+FACA;4FDSa,uBAAuB;kBANnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,mDAAmD;iBACpD;8BAIC,OAAO;sBADN,KAAK;gBAIN,WAAW;sBADV,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule {\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n}\n","<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"date-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/date-input-field/date-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,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAA0B,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAgBrE,MAAM,OAAO,oBAAoB;;wFAApB,oBAAoB;wDAApB,oBAAoB;4DAVtB;YACP,YAAY;YACZ,mBAAmB;YACnB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;SACnB;wFAIU,oBAAoB,mBAXhB,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,kBAAkB,aAEV,sBAAsB;uFAGrB,oBAAoB;cAZhC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,kBAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAElC","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n"]}
+{"version":3,"file":"date-input-field.module.js","sourceRoot":"","sources":["../../../../../../libs/components/molecules/date-input-field/date-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,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAA0B,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAgBrE,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;mHAApB,oBAAoB,iBAXhB,sBAAsB,aAEnC,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,kBAAkB,aAEV,sBAAsB;mHAGrB,oBAAoB,YAVtB;YACP,YAAY;YACZ,mBAAmB;YACnB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;SACnB;4FAIU,oBAAoB;kBAZhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBACnB,kBAAkB;qBACnB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,0CAA0C;iBAC3C","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n"]}

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-rYSV: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-5Ocd: 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-5sWb: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-kEaH: 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>"]}