@ng-atomic/components 1.5.0 → 2.0.0

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

@@ -1,12 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵdirectiveInject, ɵɵngDeclareComponent, ChangeDetectionStrategy, ViewEncapsulation, ɵsetClassMetadata, Component, Optional, Inject, Input, Output, ViewChild, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatTableModule } from '@angular/material/table';
+import * as i3 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { CdkTable, TEXT_COLUMN_OPTIONS, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { SmartMenuButtonAtom, SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import * as i1 from '@angular/cdk/table';
+import { TEXT_COLUMN_OPTIONS, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import * as i2 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
 
 class ActionsColumnMolecule {
     constructor(_table, _options) {
@@ -46,46 +49,53 @@ class ActionsColumnMolecule {
         console.debug(test);
     }
 }
-ActionsColumnMolecule.ɵfac = function ActionsColumnMolecule_Factory(t) { return new (t || ActionsColumnMolecule)(ɵɵdirectiveInject(CdkTable, 8), ɵɵdirectiveInject(TEXT_COLUMN_OPTIONS, 8)); };
-ActionsColumnMolecule.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, 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>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n", styles: [""], directives: [{ type: MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: MatCellDef, selector: "[matCellDef]" }, { type: MatCell, selector: "mat-cell, td[mat-cell]" }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ActionsColumnMolecule, [{
-        type: Component,
-        args: [{
-                selector: 'molecules-actions-column',
-                templateUrl: './actions-column.molecule.html',
-                styleUrls: ['./actions-column.molecule.scss'],
-                encapsulation: ViewEncapsulation.None,
-                changeDetection: ChangeDetectionStrategy.Default,
-            }]
-    }], function () { return [{ type: CdkTable, decorators: [{
-                type: Optional
-            }] }, { type: undefined, decorators: [{
-                type: Optional
-            }, {
-                type: Inject,
-                args: [TEXT_COLUMN_OPTIONS]
-            }] }]; }, { name: [{
-            type: Input
-        }], actionItems: [{
-            type: Input
-        }], actionItemClick: [{
-            type: Output
-        }], columnDef: [{
-            type: ViewChild,
-            args: [CdkColumnDef, { static: true }]
-        }], cell: [{
-            type: ViewChild,
-            args: [CdkCellDef, { static: true }]
-        }], headerCell: [{
-            type: ViewChild,
-            args: [CdkHeaderCellDef, { static: true }]
-        }] }); })();
+ActionsColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnMolecule, deps: [{ token: i1.CdkTable, optional: true }, { token: TEXT_COLUMN_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ActionsColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, 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>\u64CD\u4F5C</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n", styles: [""], components: [{ type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], 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.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnMolecule, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'molecules-actions-column',
+                    templateUrl: './actions-column.molecule.html',
+                    styleUrls: ['./actions-column.molecule.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.Default,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.CdkTable, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TEXT_COLUMN_OPTIONS]
+                }] }]; }, propDecorators: { name: [{
+                type: Input
+            }], actionItems: [{
+                type: Input
+            }], actionItemClick: [{
+                type: Output
+            }], columnDef: [{
+                type: ViewChild,
+                args: [CdkColumnDef, { static: true }]
+            }], cell: [{
+                type: ViewChild,
+                args: [CdkCellDef, { static: true }]
+            }], headerCell: [{
+                type: ViewChild,
+                args: [CdkHeaderCellDef, { static: true }]
+            }] } });
 
 class ActionsColumnModule {
 }
-ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
-ActionsColumnModule.ɵmod = ɵɵdefineNgModule({ type: ActionsColumnModule });
-ActionsColumnModule.ɵinj = ɵɵdefineInjector({ imports: [[
+ActionsColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionsColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnModule, declarations: [ActionsColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [ActionsColumnMolecule] });
+ActionsColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnModule, imports: [[
             CommonModule,
             // Materials
             MatTableModule,
@@ -95,35 +105,27 @@ ActionsColumnModule.ɵinj = ɵɵdefineInjector({ imports: [[
             // Atoms
             SmartMenuButtonModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [CommonModule,
-        // Materials
-        MatTableModule,
-        MatMenuModule,
-        MatButtonModule,
-        MatIconModule,
-        // Atoms
-        SmartMenuButtonModule], exports: [ActionsColumnMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(ActionsColumnModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    ActionsColumnMolecule
-                ],
-                imports: [
-                    CommonModule,
-                    // Materials
-                    MatTableModule,
-                    MatMenuModule,
-                    MatButtonModule,
-                    MatIconModule,
-                    // Atoms
-                    SmartMenuButtonModule,
-                ],
-                exports: [
-                    ActionsColumnMolecule
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionsColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionsColumnMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatTableModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        // Atoms
+                        SmartMenuButtonModule,
+                    ],
+                    exports: [
+                        ActionsColumnMolecule
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-actions-column.js","sources":["../../../../libs/components/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/molecules/actions-column/actions-column.module.ts","../../../../libs/components/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'molecules-actions-column',\n  templateUrl: './actions-column.molecule.html',\n  styleUrls: ['./actions-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class ActionsColumnMolecule<T> {\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  actionItems: ActionItem[] = [];\n\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem, 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(\n    @Optional() private _table: CdkTable<T>,\n    @Optional() @Inject(TEXT_COLUMN_OPTIONS) private _options: TextColumnOptions<T>,\n  ) {\n    this._options ??= {};\n  }\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  onActionItemClick(test) {\n    console.debug(test);\n  }\n}\n","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>操作</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@NgModule({\n  declarations: [\n    ActionsColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    ActionsColumnMolecule\n  ]\n})\nexport class ActionsColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAWa,qBAAqB;IA2BhC,YACsB,MAAmB,EACU,QAA8B;;QAD3D,WAAM,GAAN,MAAM,CAAa;QACU,aAAQ,GAAR,QAAQ,CAAsB;QAjBjF,gBAAW,GAAiB,EAAE,CAAC;QAI/B,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;QAepD,MAAA,IAAI,CAAC,QAAQ,oCAAb,IAAI,CAAC,QAAQ,GAAK,EAAE,EAAC;KACtB;IA/BD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IA0BD,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;KACF;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;KACF;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjC;KACF;IAED,iBAAiB,CAAC,IAAI;QACpB,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KACrB;;0FA1DU,qBAAqB,oDA6BV,mBAAmB;8EA7B9B,qBAAqB,kNAkBrB,YAAY,qHAGZ,UAAU,2HAGV,gBAAgB,8FCnC7B,uUASA;oFDEa,qBAAqB;cAPjC,SAAS;eAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,WAAW,EAAE,gCAAgC;gBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;gBAC7C,aAAa,EAAE,iBAAiB,CAAC,IAAI;gBACrC,eAAe,EAAE,uBAAuB,CAAC,OAAO;aACjD;;sBA6BI,QAAQ;;sBACR,QAAQ;;sBAAI,MAAM;uBAAC,mBAAmB;wBA3BrC,IAAI;kBADP,KAAK;YAWN,WAAW;kBADV,KAAK;YAKN,eAAe;kBADd,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;;;MEPhC,mBAAmB;;sFAAnB,mBAAmB;oDAAnB,mBAAmB;wDAdrB;YACP,YAAY;;YAEZ,cAAc;YACd,aAAa;YACb,eAAe;YACf,aAAa;;YAEb,qBAAqB;SACtB;qFAKU,mBAAmB,mBAhB5B,qBAAqB,aAGrB,YAAY;;QAEZ,cAAc;QACd,aAAa;QACb,eAAe;QACf,aAAa;;QAEb,qBAAqB,aAGrB,qBAAqB;oFAGZ,mBAAmB;cAlB/B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,cAAc;oBACd,aAAa;oBACb,eAAe;oBACf,aAAa;;oBAEb,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;AC3BD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-actions-column.js","sources":["../../../../libs/components/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/molecules/actions-column/actions-column.module.ts","../../../../libs/components/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef, CdkTable, TextColumnOptions, TEXT_COLUMN_OPTIONS } from '@angular/cdk/table';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'molecules-actions-column',\n  templateUrl: './actions-column.molecule.html',\n  styleUrls: ['./actions-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class ActionsColumnMolecule<T> {\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  actionItems: ActionItem[] = [];\n\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem, 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(\n    @Optional() private _table: CdkTable<T>,\n    @Optional() @Inject(TEXT_COLUMN_OPTIONS) private _options: TextColumnOptions<T>,\n  ) {\n    this._options ??= {};\n  }\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  onActionItemClick(test) {\n    console.debug(test);\n  }\n}\n","<ng-container matColumnDef>\n  <th mat-header-cell *matHeaderCellDef>操作</th>\n  <td mat-cell *matCellDef=\"let item\">\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit([$event[0], item])\"\n    ></atoms-smart-menu-button>\n  </td>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@NgModule({\n  declarations: [\n    ActionsColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    ActionsColumnMolecule\n  ]\n})\nexport class ActionsColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵdirectiveInject, ɵɵngDeclareComponent, ChangeDetectionStrategy, ViewEncapsulation, ɵsetClassMetadata, Component, Optional, Input, Output, ViewChild, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Input, Output, ViewChild, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, MatTableModule } from '@angular/material/table';
-import { MatCheckbox, MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxModule } from '@angular/material/checkbox';
-import { CdkTable, CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import * as i3 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS } from '@angular/material/checkbox';
+import * as i1 from '@angular/cdk/table';
+import { CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
 
 class CheckboxColumnMolecule {
     constructor(_table) {
@@ -37,41 +40,44 @@ class CheckboxColumnMolecule {
         }
     }
 }
-CheckboxColumnMolecule.ɵfac = function CheckboxColumnMolecule_Factory(t) { return new (t || CheckboxColumnMolecule)(ɵɵdirectiveInject(CdkTable, 8)); };
-CheckboxColumnMolecule.ɵcmp = ɵɵ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: MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: MatCellDef, selector: "[matCellDef]" }, { type: MatCell, selector: "mat-cell, td[mat-cell]" }, { type: 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: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵ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: 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 }]
+            }] } });
 
 class CheckboxColumnModule {
 }
-CheckboxColumnModule.ɵfac = function CheckboxColumnModule_Factory(t) { return new (t || CheckboxColumnModule)(); };
-CheckboxColumnModule.ɵmod = ɵɵdefineNgModule({ type: CheckboxColumnModule });
-CheckboxColumnModule.ɵinj = ɵɵdefineInjector({ providers: [
+CheckboxColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnModule, declarations: [CheckboxColumnMolecule], imports: [CommonModule,
+        // Materials
+        MatTableModule,
+        MatCheckboxModule], exports: [CheckboxColumnMolecule] });
+CheckboxColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnModule, providers: [
         { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
     ], imports: [[
             CommonModule,
@@ -79,30 +85,26 @@ CheckboxColumnModule.ɵinj = ɵɵdefineInjector({ providers: [
             MatTableModule,
             MatCheckboxModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(CheckboxColumnModule, { declarations: [CheckboxColumnMolecule], imports: [CommonModule,
-        // Materials
-        MatTableModule,
-        MatCheckboxModule], exports: [CheckboxColumnMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(CheckboxColumnModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    CheckboxColumnMolecule
-                ],
-                imports: [
-                    CommonModule,
-                    // Materials
-                    MatTableModule,
-                    MatCheckboxModule,
-                ],
-                exports: [
-                    CheckboxColumnMolecule
-                ],
-                providers: [
-                    { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CheckboxColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CheckboxColumnMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatTableModule,
+                        MatCheckboxModule,
+                    ],
+                    exports: [
+                        CheckboxColumnMolecule
+                    ],
+                    providers: [
+                        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-checkbox-column.js","sources":["../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions } from '@angular/material/checkbox';\n\nimport { CheckboxColumnMolecule } from './checkbox-column.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    CheckboxColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatCheckboxModule,\n  ],\n  exports: [\n    CheckboxColumnMolecule\n  ],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ]\n})\nexport class CheckboxColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,sBAAsB;IA0BjC,YAAgC,MAAmB;QAAnB,WAAM,GAAN,MAAM,CAAa;QAdnD,kBAAa,GAAG,IAAI,GAAG,EAAU,CAAC;QAGlC,kBAAa,GAAG,IAAI,YAAY,EAAK,CAAC;KAWkB;IAzBxD,IACI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;IACD,IAAI,IAAI,CAAC,IAAY;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;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;KACF;IAED,WAAW;QACT,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC7C;KACF;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACjC;KACF;;4FAhDU,sBAAsB;+EAAtB,sBAAsB,mNAiBtB,YAAY,qHAGZ,UAAU,2HAGV,gBAAgB,8FCjC7B,uRASA;oFDCa,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;;;MEPhC,oBAAoB;;wFAApB,oBAAoB;qDAApB,oBAAoB;0DAJpB;QACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;KACxG,YAXQ;YACP,YAAY;;YAEZ,cAAc;YACd,iBAAiB;SAClB;qFAQU,oBAAoB,mBAf7B,sBAAsB,aAGtB,YAAY;;QAEZ,cAAc;QACd,iBAAiB,aAGjB,sBAAsB;oFAMb,oBAAoB;cAjBhC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;gBACD,SAAS,EAAE;oBACT,EAAC,OAAO,EAAE,4BAA4B,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,MAAM,EAA+B,EAAC;iBACxG;aACF;;;ACzBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-checkbox-column.js","sources":["../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule, MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxDefaultOptions } from '@angular/material/checkbox';\n\nimport { CheckboxColumnMolecule } from './checkbox-column.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    CheckboxColumnMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatTableModule,\n    MatCheckboxModule,\n  ],\n  exports: [\n    CheckboxColumnMolecule\n  ],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ]\n})\nexport class CheckboxColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,92 +1,59 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgForOf, CommonModule } from '@angular/common';
-import { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { Component, Input, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ng-atomic/components/atoms/chips-input';
+import { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';
 import { FormControl } from '@ngneat/reactive-forms';
-import { MatChipList, MatChip, MatChipRemove, MatChipInput, MatChipsModule } from '@angular/material/chips';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
-import { MatInputModule } from '@angular/material/input';
 
 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 = ɵɵ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: MatChipList, selector: "mat-chip-list", inputs: ["aria-orientation", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "selectable", "tabIndex", "errorStateMatcher"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: 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: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatChipRemove, selector: "[matChipRemove]" }, { type: MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputSeparatorKeyCodes", "placeholder", "id", "matChipInputFor", "matChipInputAddOnBlur", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵ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
+            }] } });
 
 class ChipsInputFieldModule {
 }
-ChipsInputFieldModule.ɵfac = function ChipsInputFieldModule_Factory(t) { return new (t || ChipsInputFieldModule)(); };
-ChipsInputFieldModule.ɵmod = ɵɵdefineNgModule({ type: ChipsInputFieldModule });
-ChipsInputFieldModule.ɵinj = ɵɵ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) && ɵɵsetNgModuleScope(ChipsInputFieldModule, { declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        MatChipsModule,
-        MatIconModule,
-        MatInputModule], exports: [ChipsInputFieldMolecule] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵ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
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.js","sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"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","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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAWa,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;KATJ;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,MAAM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;KACzF;IAKD,GAAG,CAAC,KAAwB;QAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;KACxB;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;KAC7C;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;KAC7C;;8FAnCU,uBAAuB;gFAAvB,uBAAuB,+HCXpC,gcAaA;oFDFa,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;;;MEMK,qBAAqB;;0FAArB,qBAAqB;sDAArB,qBAAqB;0DAZvB;YACP,YAAY;YACZ,mBAAmB;;YAEnB,cAAc;YACd,aAAa;YACb,cAAc;SACf;qFAKU,qBAAqB,mBAd9B,uBAAuB,aAGvB,YAAY;QACZ,mBAAmB;;QAEnB,cAAc;QACd,aAAa;QACb,cAAc,aAGd,uBAAuB;oFAGd,qBAAqB;cAhBjC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;oBAEnB,cAAc;oBACd,aAAa;oBACb,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,uBAAuB;iBACxB;aACF;;;ACvBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.js","sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"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","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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAU,CAAC;QAGpC,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;AAE7B,KAAA;;qHARY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+HCVpC,+FACA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDSa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;;AAEjD,iBAAA,CAAA;8BAIC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;MEGK,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,YAAY;;AAEZ,QAAA,gBAAgB,aAGhB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGd,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;AACjB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}