@ng-atomic/components 2.0.1 → 3.2.0

package/fesm2015/ng-atomic-components-frames-smart-menu.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+const _c0 = ["next"];
+const _c1 = [[["", "menu", ""]], [["", "contents", ""]]];
+const _c2 = ["[menu]", "[contents]"];
+class SmartMenuFrame {
+    constructor() {
+        this.isMainHidden = false;
+        this.label = 'root';
+        this.minNextWidth = 360;
+    }
+    get page() {
+        var _a, _b;
+        const page = (_b = (_a = this.outlet) === null || _a === void 0 ? void 0 : _a.activatedRouteData) === null || _b === void 0 ? void 0 : _b['page'];
+        return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;
+    }
+}
+SmartMenuFrame.ɵfac = function SmartMenuFrame_Factory(t) { return new (t || SmartMenuFrame)(); };
+SmartMenuFrame.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuFrame, selectors: [["frames-smart-menu"]], viewQuery: function SmartMenuFrame_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.next = _t.first);
+        }
+    }, hostVars: 1, hostBindings: function SmartMenuFrame_HostBindings(rf, ctx) {
+        if (rf & 2) {
+            i0.ɵɵattribute("is-main-hidden", ctx.isMainHidden);
+        }
+    }, inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, ngContentSelectors: _c2, decls: 6, vars: 0, consts: [[1, "menu"], ["menu", ""], [1, "contents"], ["contents", ""]], template: function SmartMenuFrame_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef(_c1);
+            i0.ɵɵelementStart(0, "div", 0, 1);
+            i0.ɵɵprojection(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 2, 3);
+            i0.ɵɵprojection(5, 1);
+            i0.ɵɵelementEnd();
+        }
+    }, styles: ["[_nghost-%COMP%]{--gap: 1px;--gap-SCOPED-IN-smart-menu-EaUg: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EaUg: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EaUg: var(--contents-background)}[_nghost-%COMP%]{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-EaUg);gap:var(--gap-SCOPED-IN-smart-menu-EaUg);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EaUg)}[_nghost-%COMP%]   .contents[_ngcontent-%COMP%]{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EaUg)}[_nghost-%COMP%]   .contents.menu[_ngcontent-%COMP%]{overflow:hidden;justify-content:flex-end}[_nghost-%COMP%]   .contents.contents[_ngcontent-%COMP%]{overflow:visible;justify-content:flex-start}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuFrame, [{
+            type: Component,
+            args: [{ selector: 'frames-smart-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>", styles: [":host{--gap: 1px;--gap-SCOPED-IN-smart-menu-EaUg: var(--gap);--background: #ccc;--background-SCOPED-IN-smart-menu-EaUg: var(--background);--contents-background: transparent;--contents-background-SCOPED-IN-smart-menu-EaUg: var(--contents-background)}:host{position:relative;display:flex;justify-content:flex-start;grid-gap:var(--gap-SCOPED-IN-smart-menu-EaUg);gap:var(--gap-SCOPED-IN-smart-menu-EaUg);width:-moz-fit-content;width:fit-content;height:100%;background:var(--background-SCOPED-IN-smart-menu-EaUg)}:host .contents{display:flex;max-width:-moz-fit-content;max-width:fit-content;height:100%;background:var(--contents-background-SCOPED-IN-smart-menu-EaUg)}:host .contents.menu{overflow:hidden;justify-content:flex-end}:host .contents.contents{overflow:visible;justify-content:flex-start}\n"] }]
+        }], null, { isMainHidden: [{
+                type: HostBinding,
+                args: ['attr.is-main-hidden']
+            }], label: [{
+                type: Input
+            }], outlet: [{
+                type: Input
+            }], minNextWidth: [{
+                type: Input
+            }], next: [{
+                type: ViewChild,
+                args: ['next', { static: true }]
+            }] });
+})();
+
+class SmartMenuModule {
+}
+SmartMenuModule.ɵfac = function SmartMenuModule_Factory(t) { return new (t || SmartMenuModule)(); };
+SmartMenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartMenuModule });
+SmartMenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [SmartMenuFrame],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [SmartMenuFrame]
+                }]
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartMenuModule, { declarations: [SmartMenuFrame], imports: [CommonModule], exports: [SmartMenuFrame] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SmartMenuFrame, SmartMenuModule };
+//# sourceMappingURL=ng-atomic-components-frames-smart-menu.mjs.map

package/fesm2015/ng-atomic-components-frames-smart-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-frames-smart-menu.mjs","sources":["../../../../libs/components/src/frames/smart-menu/smart-menu.frame.ts","../../../../libs/components/src/frames/smart-menu/smart-menu.frame.html","../../../../libs/components/src/frames/smart-menu/smart-menu.module.ts","../../../../libs/components/src/frames/smart-menu/ng-atomic-components-frames-smart-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Input, ViewChild } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n  selector: 'frames-smart-menu',\n  templateUrl: './smart-menu.frame.html',\n  styleUrls: ['./smart-menu.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SmartMenuFrame {\n  @HostBinding('attr.is-main-hidden')\n  isMainHidden = false;\n\n  @Input()\n  label = 'root';\n\n  @Input()\n  outlet?: RouterOutlet;\n\n  @Input()\n  minNextWidth: number = 360;\n\n  @ViewChild('next', {static: true})\n  next!: ElementRef;\n\n  get page(): string {\n    const page: string = this.outlet?.activatedRouteData?.['page'];\n    return page === 'Blank' ? 'Blank' : this.isMainHidden ? `Next` : `NextWithMainPage`;\n  }\n\n}\n","<div class=\"menu\" #menu>\n  <ng-content select=\"[menu]\"></ng-content>\n</div>\n<div class=\"contents\" #contents>\n  <ng-content select=\"[contents]\"></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SmartMenuFrame } from './smart-menu.frame';\n\n\n\n@NgModule({\n  declarations: [SmartMenuFrame],\n  imports: [\n    CommonModule\n  ],\n  exports: [SmartMenuFrame]\n})\nexport class SmartMenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AAGrB,QAAA,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;AAMf,QAAA,IAAY,CAAA,YAAA,GAAW,GAAG,CAAC;KAU5B;AALC,IAAA,IAAI,IAAI,GAAA;;AACN,QAAA,MAAM,IAAI,GAAW,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,kBAAkB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,MAAM,CAAC,CAAC;QAC/D,OAAO,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,MAAM,GAAG,CAAA,gBAAA,CAAkB,CAAC;KACrF;;4EAnBU,cAAc,GAAA,CAAA,EAAA,CAAA;iEAAd,cAAc,EAAA,SAAA,EAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,SAAA,oBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;;;;;;;;;;;;;YCT3B,EAAwB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACtB,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;YAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;YACN,EAAgC,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AAC9B,YAAA,EAA6C,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;YAC/C,EAAM,CAAA,YAAA,EAAA,CAAA;;;;4EDIO,cAAc,EAAA,CAAA;kBAN1B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,6xBAAA,CAAA,EAAA,CAAA;oBAI/C,YAAY,EAAA,CAAA;sBADX,WAAW;uBAAC,qBAAqB,CAAA;gBAIlC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,SAAS;gBAAC,IAAA,EAAA,CAAA,MAAM,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAA;;;;METtB,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;iEAAf,eAAe,EAAA,CAAA,CAAA;AALjB,eAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;SACb,CAAA,EAAA,CAAA,CAAA;;4EAGU,eAAe,EAAA,CAAA;kBAP3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,cAAc,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,cAAc,CAAC;iBAC1B,CAAA;;;AACY,CAAA,cAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,eAAe,EANX,EAAA,YAAA,EAAA,CAAA,cAAc,CAE3B,EAAA,OAAA,EAAA,CAAA,YAAY,aAEJ,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACX1B;;AAEG;;;;"}

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

@@ -0,0 +1,173 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 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 * as i3 from '@ng-atomic/components/atoms/smart-menu-button';
+import { 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';
+
+function ActionsColumnMolecule_th_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "th", 3);
+        i0.ɵɵtext(1, "\u64CD\u4F5C");
+        i0.ɵɵelementEnd();
+    }
+}
+function ActionsColumnMolecule_td_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "td", 4)(1, "atoms-smart-menu-button", 5);
+        i0.ɵɵlistener("actionItemClick", function ActionsColumnMolecule_td_2_Template_atoms_smart_menu_button_actionItemClick_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.actionItemClick.emit([$event[0], item_r2]); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("actionItems", ctx_r1.actionItems);
+    }
+}
+class ActionsColumnMolecule {
+    constructor(_table, _options) {
+        var _a;
+        this._table = _table;
+        this._options = _options;
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+        (_a = this._options) !== null && _a !== void 0 ? _a : (this._options = {});
+    }
+    get name() {
+        return this._name;
+    }
+    set name(name) {
+        this._name = name;
+        this._syncColumnDefName();
+    }
+    ngOnInit() {
+        this._syncColumnDefName();
+        if (this._table) {
+            this.columnDef.cell = this.cell;
+            this.columnDef.headerCell = this.headerCell;
+            this._table.addColumnDef(this.columnDef);
+        }
+    }
+    ngOnDestroy() {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef);
+        }
+    }
+    _syncColumnDefName() {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    }
+}
+ActionsColumnMolecule.ɵfac = function ActionsColumnMolecule_Factory(t) { return new (t || ActionsColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8), i0.ɵɵdirectiveInject(TEXT_COLUMN_OPTIONS, 8)); };
+ActionsColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionsColumnMolecule, selectors: [["molecules-actions-column"]], viewQuery: function ActionsColumnMolecule_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(CdkColumnDef, 7);
+            i0.ɵɵviewQuery(CdkCellDef, 7);
+            i0.ɵɵviewQuery(CdkHeaderCellDef, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
+        }
+    }, inputs: { name: "name", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "actionItems", "actionItemClick"]], template: function ActionsColumnMolecule_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainerStart(0, 0);
+            i0.ɵɵtemplate(1, ActionsColumnMolecule_th_1_Template, 2, 0, "th", 1);
+            i0.ɵɵtemplate(2, ActionsColumnMolecule_td_2_Template, 2, 1, "td", 2);
+            i0.ɵɵelementContainerEnd();
+        }
+    }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.SmartMenuButtonAtom], styles: [""], encapsulation: 2 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnMolecule, [{
+            type: Component,
+            args: [{ selector: 'molecules-actions-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, 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: [""] }]
+        }], function () {
+        return [{ type: i1.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 }]
+            }] });
+})();
+
+class ActionsColumnModule {
+}
+ActionsColumnModule.ɵfac = function ActionsColumnModule_Factory(t) { return new (t || ActionsColumnModule)(); };
+ActionsColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActionsColumnModule, bootstrap: [ActionsColumnMolecule] });
+ActionsColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatMenuModule,
+            MatButtonModule,
+            MatIconModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionsColumnModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ActionsColumnMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatTableModule,
+                        MatMenuModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        // Atoms
+                        SmartMenuButtonModule,
+                    ],
+                    exports: [ActionsColumnMolecule],
+                    bootstrap: [ActionsColumnMolecule],
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionsColumnModule, { declarations: [ActionsColumnMolecule], imports: [CommonModule,
+            // Materials
+            MatTableModule,
+            MatMenuModule,
+            MatButtonModule,
+            MatIconModule,
+            // Atoms
+            SmartMenuButtonModule], exports: [ActionsColumnMolecule] });
+})();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionsColumnModule, ActionsColumnMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-actions-column.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-actions-column.mjs","sources":["../../../../libs/components/src/molecules/actions-column/actions-column.molecule.html","../../../../libs/components/src/molecules/actions-column/actions-column.molecule.ts","../../../../libs/components/src/molecules/actions-column/actions-column.module.ts","../../../../libs/components/src/molecules/actions-column/ng-atomic-components-molecules-actions-column.ts"],"sourcesContent":["<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 { 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","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';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { ActionsColumnMolecule } from './actions-column.molecule';\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: [ActionsColumnMolecule],\n  bootstrap: [ActionsColumnMolecule],\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.mjs

@@ -0,0 +1,154 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i3 from '@angular/material/checkbox';
+import { MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1 from '@angular/cdk/table';
+import { CdkColumnDef, CdkCellDef, CdkHeaderCellDef } from '@angular/cdk/table';
+
+function CheckboxColumnMolecule_th_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "th", 3);
+    }
+}
+function CheckboxColumnMolecule_td_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "td", 4)(1, "mat-checkbox", 5);
+        i0.ɵɵlistener("click", function CheckboxColumnMolecule_td_2_Template_mat_checkbox_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const item_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.checkboxClick.emit(item_r2); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const item_r2 = ctx.$implicit;
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("checked", ctx_r1.selectedIdSet.has(item_r2.id));
+    }
+}
+class CheckboxColumnMolecule {
+    constructor(_table) {
+        this._table = _table;
+        this.selectedIdSet = new Set();
+        this.checkboxClick = new EventEmitter();
+    }
+    get name() {
+        return this._name;
+    }
+    set name(name) {
+        this._name = name;
+        this._syncColumnDefName();
+    }
+    ngOnInit() {
+        this._syncColumnDefName();
+        if (this._table) {
+            this.columnDef.cell = this.cell;
+            this.columnDef.headerCell = this.headerCell;
+            this._table.addColumnDef(this.columnDef);
+        }
+    }
+    ngOnDestroy() {
+        if (this._table) {
+            this._table.removeColumnDef(this.columnDef);
+        }
+    }
+    _syncColumnDefName() {
+        if (this.columnDef) {
+            this.columnDef.name = this.name;
+        }
+    }
+}
+CheckboxColumnMolecule.ɵfac = function CheckboxColumnMolecule_Factory(t) { return new (t || CheckboxColumnMolecule)(i0.ɵɵdirectiveInject(i1.CdkTable, 8)); };
+CheckboxColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckboxColumnMolecule, selectors: [["molecules-checkbox-column"]], viewQuery: function CheckboxColumnMolecule_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(CdkColumnDef, 7);
+            i0.ɵɵviewQuery(CdkCellDef, 7);
+            i0.ɵɵviewQuery(CdkHeaderCellDef, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.columnDef = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.cell = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerCell = _t.first);
+        }
+    }, inputs: { name: "name", selectedIdSet: "selectedIdSet" }, outputs: { checkboxClick: "checkboxClick" }, decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "checked", "click"]], template: function CheckboxColumnMolecule_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainerStart(0, 0);
+            i0.ɵɵtemplate(1, CheckboxColumnMolecule_th_1_Template, 1, 0, "th", 1);
+            i0.ɵɵtemplate(2, CheckboxColumnMolecule_td_2_Template, 2, 1, "td", 2);
+            i0.ɵɵelementContainerEnd();
+        }
+    }, directives: [i2.MatColumnDef, i2.MatHeaderCellDef, i2.MatHeaderCell, i2.MatCellDef, i2.MatCell, i3.MatCheckbox], styles: [""], encapsulation: 2, changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnMolecule, [{
+            type: Component,
+            args: [{ selector: 'molecules-checkbox-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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: [""] }]
+        }], 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 }]
+            }] });
+})();
+
+class CheckboxColumnModule {
+}
+CheckboxColumnModule.ɵfac = function CheckboxColumnModule_Factory(t) { return new (t || CheckboxColumnModule)(); };
+CheckboxColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckboxColumnModule, bootstrap: [CheckboxColumnMolecule] });
+CheckboxColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+    ], imports: [[
+            CommonModule,
+            // Materials
+            MatTableModule,
+            MatCheckboxModule,
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckboxColumnModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CheckboxColumnMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatTableModule,
+                        MatCheckboxModule,
+                    ],
+                    exports: [CheckboxColumnMolecule],
+                    providers: [
+                        { provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } }
+                    ],
+                    bootstrap: [CheckboxColumnMolecule],
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckboxColumnModule, { declarations: [CheckboxColumnMolecule], imports: [CommonModule,
+            // Materials
+            MatTableModule,
+            MatCheckboxModule], exports: [CheckboxColumnMolecule] });
+})();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxColumnModule, CheckboxColumnMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-checkbox-column.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-checkbox-column.mjs","sources":["../../../../libs/components/src/molecules/checkbox-column/checkbox-column.molecule.html","../../../../libs/components/src/molecules/checkbox-column/checkbox-column.molecule.ts","../../../../libs/components/src/molecules/checkbox-column/checkbox-column.module.ts","../../../../libs/components/src/molecules/checkbox-column/ng-atomic-components-molecules-checkbox-column.ts"],"sourcesContent":["<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 { 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","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: [CheckboxColumnMolecule],\n  providers: [\n    {provide: MAT_CHECKBOX_DEFAULT_OPTIONS, useValue: { clickAction: 'noop' } as MatCheckboxDefaultOptions}\n  ],\n  bootstrap: [CheckboxColumnMolecule],\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.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';
+import { ENTER, COMMA, SPACE } from '@angular/cdk/keycodes';
+import { FormControl } from '@ngneat/reactive-forms';
+import { ReplaySubject, takeUntil } from 'rxjs';
+import * as i1 from '@ng-atomic/common/services/chips-manager';
+import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { ReactiveFormsModule } from '@angular/forms';
+
+function ChipsInputFieldMolecule_mat_chip_5_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r5 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-chip", 5);
+        i0.ɵɵlistener("removed", function ChipsInputFieldMolecule_mat_chip_5_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const chip_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.remove(chip_r3); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementStart(2, "mat-icon", 6);
+        i0.ɵɵtext(3, "cancel");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const chip_r3 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", chip_r3, " ");
+    }
+}
+function ChipsInputFieldMolecule_mat_hint_7_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-hint");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r2.hint);
+    }
+}
+class ChipsInputFieldMolecule {
+    constructor(cd, chipsManager) {
+        this.cd = cd;
+        this.chipsManager = chipsManager;
+        this.appearance = 'outline';
+        this.control = new FormControl('');
+        this.label = 'label';
+        this.hint = 'hint';
+        this.placeholder = 'placeholder';
+        this.separators = [ENTER, COMMA, SPACE];
+        this.destroy$ = new ReplaySubject(1);
+    }
+    ngOnInit() {
+        this.chipsManager.setValue(this.control.value);
+        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+            this.chipsManager.setValue(value);
+            this.cd.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+    onChiInputTokenEnd(event) {
+        this.chipsManager.add(event.value);
+        this.control.setValue(this.chipsManager.getValue());
+        event.input.value = '';
+    }
+    remove(value) {
+        this.chipsManager.remove(value);
+        this.control.setValue(this.chipsManager.getValue());
+    }
+}
+ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
+ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars: 8, consts: [[3, "appearance"], ["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [4, "ngIf"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputFieldMolecule_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "mat-chip-list", null, 1);
+            i0.ɵɵtemplate(5, ChipsInputFieldMolecule_mat_chip_5_Template, 4, 1, "mat-chip", 2);
+            i0.ɵɵelementStart(6, "input", 3);
+            i0.ɵɵlistener("matChipInputTokenEnd", function ChipsInputFieldMolecule_Template_input_matChipInputTokenEnd_6_listener($event) { return ctx.onChiInputTokenEnd($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, ChipsInputFieldMolecule_mat_hint_7_Template, 2, 1, "mat-hint", 4);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(4);
+            i0.ɵɵproperty("appearance", ctx.appearance);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.label);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngForOf", ctx.chipsManager.chips);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separators)("matChipInputAddOnBlur", true);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.hint);
+        }
+    }, directives: [i2.MatFormField, i2.MatLabel, i3.MatChipList, i4.NgForOf, i3.MatChip, i5.MatIcon, i3.MatChipRemove, i6.MatInput, i3.MatChipInput, i4.NgIf, i2.MatHint], styles: ["[_nghost-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%;height:100%}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
+            type: Component,
+            args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-chip-list #chipList>\n    <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n      {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
+        }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { appearance: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], separators: [{
+                type: Input
+            }] });
+})();
+
+class ChipsInputFieldModule {
+}
+ChipsInputFieldModule.ɵfac = function ChipsInputFieldModule_Factory(t) { return new (t || ChipsInputFieldModule)(); };
+ChipsInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsInputFieldModule, bootstrap: [ChipsInputFieldMolecule] });
+ChipsInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatInputModule,
+            // Atoms
+            ChipsInputModule,
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChipsInputFieldMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatChipsModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        // Atoms
+                        ChipsInputModule,
+                    ],
+                    exports: [ChipsInputFieldMolecule],
+                    bootstrap: [ChipsInputFieldMolecule],
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputFieldModule, { declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatInputModule,
+            // Atoms
+            ChipsInputModule], exports: [ChipsInputFieldMolecule] });
+})();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipsInputFieldModule, ChipsInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-chips-input-field.mjs.map