@ng-atomic/components 3.1.0 → 3.2.5

package/esm2020/templates/smart-index/smart-index.template.mjs

@@ -6,8 +6,17 @@ import * as i1 from "@ng-atomic/components/frames/scroll";
 import * as i2 from "@ng-atomic/components/organisms/back-navigator";
 import * as i3 from "@ng-atomic/components/frames/auto-layout";
 import * as i4 from "@ng-atomic/components/organisms/smart-table";
-import * as i5 from "@ng-atomic/components/organisms/paginator";
-import * as i6 from "@angular/common";
+import * as i5 from "@angular/common";
+import * as i6 from "@ng-atomic/components/organisms/paginator";
+function SmartIndexTemplate_organisms_paginator_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "organisms-paginator", 4);
+    i0.ɵɵlistener("pageChange", function SmartIndexTemplate_organisms_paginator_4_Template_organisms_paginator_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.pageChange.emit($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("control", ctx_r0.queryControl)("page", ctx_r0.page)("pageSizeOptions", ctx_r0.pageSizeOptions)("placeholder", ctx_r0.queryPlaceholder);
+} }
 export class Page {
     static fromObj(event = { pageSize: 50, pageIndex: 0, length: 100 }) {
         return Object.assign(new Page(), event);
@@ -46,48 +55,64 @@ export class SmartIndexTemplate {
         this.tableHeaderClick = new EventEmitter();
     }
 }
-SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-M3Wm: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], components: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "patientsSize", "pageSize", "actionItems", "selectedIdSet", "sortKey", "sortOrder"], outputs: ["actionItemClick", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { type: i5.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartIndexTemplate, decorators: [{
-            type: Component,
-            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-M3Wm: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
-        }], propDecorators: { canBack: [{
-                type: Input
-            }], queryControl: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], actionItems: [{
-                type: Input
-            }], menuActionItems: [{
-                type: Input
-            }], properties: [{
-                type: Input
-            }], selectedIdSet: [{
-                type: Input
-            }], sortKey: [{
-                type: Input
-            }], sortOrder: [{
-                type: Input
-            }], page: [{
-                type: Input
-            }], pageSizeOptions: [{
-                type: Input
-            }], queryPlaceholder: [{
-                type: Input
-            }], actionItemClick: [{
-                type: Output
-            }], backButtonClick: [{
-                type: Output
-            }], checkboxClick: [{
-                type: Output
-            }], pageChange: [{
-                type: Output
-            }], tableHeaderClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXhELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7QUFJckQsTUFBTSxPQUFPLElBQUk7SUFDZixNQUFNLENBQUMsT0FBTyxDQUFDLFFBQW1CLEVBQUMsUUFBUSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUM7UUFDekUsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksSUFBSSxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLEdBQUc7UUFDTCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxLQUFLLENBQUMsR0FBdUI7UUFDM0IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsR0FBRyxHQUFHLEVBQUMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7Q0FDRjtBQVNELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFVRSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBR2hCLGlCQUFZLEdBQUcsSUFBSSxXQUFXLEVBQVUsQ0FBQztRQUd6QyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBTW5CLFVBQUssR0FBUSxFQUFFLENBQUM7UUFHaEIsZ0JBQVcsR0FBaUIsRUFBRSxDQUFDO1FBRy9CLG9CQUFlLEdBQWlCLEVBQUUsQ0FBQztRQUduQyxlQUFVLEdBQWlCLEVBQUUsQ0FBQztRQUc5QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFTbEMsU0FBSSxHQUFlO1lBQ2pCLFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUM7UUFHRixvQkFBZSxHQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFHN0MscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBR3RCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdyQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHckMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBR3RDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBYSxDQUFDO1FBRzNDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FFL0M7O2dIQS9EWSxrQkFBa0I7b0dBQWxCLGtCQUFrQixncEJDaEMvQiw0a0NBK0JnQjs0RkRDSCxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTs4QkFLM0IsT0FBTztzQkFETixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBUU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLGVBQWU7c0JBRGQsTUFBTTtnQkFJUCxlQUFlO3NCQURkLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNO2dCQUlQLFVBQVU7c0JBRFQsTUFBTTtnQkFJUCxnQkFBZ0I7c0JBRGYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IEFjdGlvbkl0ZW0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuZXhwb3J0IGludGVyZmFjZSBQYWdlIGV4dGVuZHMgUGFnZUV2ZW50IHsgfVxuXG5leHBvcnQgY2xhc3MgUGFnZSB7XG4gIHN0YXRpYyBmcm9tT2JqKGV2ZW50OiBQYWdlRXZlbnQgPSB7cGFnZVNpemU6IDUwLCBwYWdlSW5kZXg6IDAsIGxlbmd0aDogMTAwfSk6IFBhZ2Uge1xuICAgIHJldHVybiBPYmplY3QuYXNzaWduKG5ldyBQYWdlKCksIGV2ZW50KTtcbiAgfVxuXG4gIGdldCBzdGFydCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLnBhZ2VJbmRleCAqIHRoaXMucGFnZVNpemU7XG4gIH1cblxuICBnZXQgZW5kKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWluKCh0aGlzLnBhZ2VJbmRleCArIDEpICogdGhpcy5wYWdlU2l6ZSwgdGhpcy5sZW5ndGgpO1xuICB9XG5cbiAgcGF0Y2gob2JqOiBQYXJ0aWFsPFBhZ2VFdmVudD4pOiBQYWdlIHtcbiAgICByZXR1cm4gUGFnZS5mcm9tT2JqKHsuLi50aGlzLCAuLi5vYmp9KTtcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleFRlbXBsYXRlPFQ+IHtcblxuICBASW5wdXQoKVxuICBjYW5CYWNrID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICB0aXRsZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaXRlbXM6IFRbXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIGFjdGlvbkl0ZW1zOiBBY3Rpb25JdGVtW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBtZW51QWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHByb3BlcnRpZXM6IChrZXlvZiBUKVtdID0gIFtdO1xuXG4gIEBJbnB1dCgpXG4gIHNlbGVjdGVkSWRTZXQgPSBuZXcgU2V0PHN0cmluZz4oKTtcblxuICBASW5wdXQoKVxuICBzb3J0S2V5Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRPcmRlcj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwYWdlPzogUGFnZUV2ZW50ID0ge1xuICAgIHBhZ2VJbmRleDogMCxcbiAgICBwYWdlU2l6ZTogMjAsXG4gICAgbGVuZ3RoOiAxMDAsXG4gIH07XG5cbiAgQElucHV0KClcbiAgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXSA9IFs1LCAxMCwgMjUsIDEwMF07XG5cbiAgQElucHV0KClcbiAgcXVlcnlQbGFjZWhvbGRlciA9ICcnO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb25JdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICB0YWJsZUhlYWRlckNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbn1cbiIsIjxmcmFtZXMtc2Nyb2xsPlxuICA8b3JnYW5pc21zLWJhY2stbmF2aWdhdG9yXG4gICAgW2NhbkJhY2tdPVwiY2FuQmFja1wiXG4gICAgW3RpdGxlXT1cInRpdGxlXCJcbiAgICBbZGVzY3JpcHRpb25dPVwiZGVzY3JpcHRpb25cIlxuICAgIFthY3Rpb25JdGVtc109XCJtZW51QWN0aW9uSXRlbXNcIlxuICAgIChhY3Rpb25JdGVtQ2xpY2spPVwiYWN0aW9uSXRlbUNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgKGJhY2tCdXR0b25DbGljayk9XCJiYWNrQnV0dG9uQ2xpY2suZW1pdCgpXCJcbiAgICBuYXZpZ2F0b3JcbiAgPjwvb3JnYW5pc21zLWJhY2stbmF2aWdhdG9yPlxuICA8ZnJhbWVzLWF1dG8tbGF5b3V0IHZlcnRpY2FsIGNvbnRlbnRzPlxuICAgIDxvcmdhbmlzbXMtc21hcnQtdGFibGVcbiAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICBbYWN0aW9uSXRlbXNdPVwiYWN0aW9uSXRlbXNcIlxuICAgICAgW2NvbHVtbnNdPVwicHJvcGVydGllc1wiXG4gICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgIFtzb3J0S2V5XT1cInNvcnRLZXlcIlxuICAgICAgW3NvcnRPcmRlcl09XCJzb3J0T3JkZXJcIlxuICAgICAgKGFjdGlvbkl0ZW1DbGljayk9XCJhY3Rpb25JdGVtQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgIChjaGVja2JveENsaWNrKT1cImNoZWNrYm94Q2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgIChoZWFkZXJDbGljayk9XCJ0YWJsZUhlYWRlckNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvb3JnYW5pc21zLXNtYXJ0LXRhYmxlPlxuICAgIDxvcmdhbmlzbXMtcGFnaW5hdG9yXG4gICAgICAqbmdJZj1cInBhZ2VcIlxuICAgICAgW2NvbnRyb2xdPVwicXVlcnlDb250cm9sXCJcbiAgICAgIFtwYWdlXT1cInBhZ2VcIlxuICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJwYWdlU2l6ZU9wdGlvbnNcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInF1ZXJ5UGxhY2Vob2xkZXJcIlxuICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgID48L29yZ2FuaXNtcy1wYWdpbmF0b3I+XG4gIDwvZnJhbWVzLWF1dG8tbGF5b3V0PlxuPC9mcmFtZXMtc2Nyb2xsPiJdfQ==
+SmartIndexTemplate.ɵfac = function SmartIndexTemplate_Factory(t) { return new (t || SmartIndexTemplate)(); };
+SmartIndexTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartIndexTemplate, selectors: [["templates-smart-index"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", queryControl: "queryControl", title: "title", description: "description", items: "items", actionItems: "actionItems", menuActionItems: "menuActionItems", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange", tableHeaderClick: "tableHeaderClick" }, decls: 5, vars: 11, consts: [["navigator", "", 3, "canBack", "title", "description", "actionItems", "actionItemClick", "backButtonClick"], ["vertical", "", "contents", ""], [3, "items", "actionItems", "columns", "selectedIdSet", "sortKey", "sortOrder", "actionItemClick", "checkboxClick", "headerClick"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange", 4, "ngIf"], [3, "control", "page", "pageSizeOptions", "placeholder", "pageChange"]], template: function SmartIndexTemplate_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-back-navigator", 0);
+        i0.ɵɵlistener("actionItemClick", function SmartIndexTemplate_Template_organisms_back_navigator_actionItemClick_1_listener($event) { return ctx.actionItemClick.emit($event); })("backButtonClick", function SmartIndexTemplate_Template_organisms_back_navigator_backButtonClick_1_listener() { return ctx.backButtonClick.emit(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "frames-auto-layout", 1)(3, "organisms-smart-table", 2);
+        i0.ɵɵlistener("actionItemClick", function SmartIndexTemplate_Template_organisms_smart_table_actionItemClick_3_listener($event) { return ctx.actionItemClick.emit($event); })("checkboxClick", function SmartIndexTemplate_Template_organisms_smart_table_checkboxClick_3_listener($event) { return ctx.checkboxClick.emit($event); })("headerClick", function SmartIndexTemplate_Template_organisms_smart_table_headerClick_3_listener($event) { return ctx.tableHeaderClick.emit($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, SmartIndexTemplate_organisms_paginator_4_Template, 1, 4, "organisms-paginator", 3);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("canBack", ctx.canBack)("title", ctx.title)("description", ctx.description)("actionItems", ctx.menuActionItems);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("items", ctx.items)("actionItems", ctx.actionItems)("columns", ctx.properties)("selectedIdSet", ctx.selectedIdSet)("sortKey", ctx.sortKey)("sortOrder", ctx.sortOrder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.page);
+    } }, directives: [i1.ScrollFrame, i2.BackNavigatorOrganism, i3.AutoLayoutFrame, i4.SmartTableOrganism, i5.NgIf, i6.PaginatorOrganism], styles: ["[_nghost-%COMP%]{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-d2TN: var(--navigator-height)}[_nghost-%COMP%]{width:100%;height:100%;background:white;display:block}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{--gap: 0;--vertical-padding: 0}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartIndexTemplate, [{
+        type: Component,
+        args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    [description]=\"description\"\n    [actionItems]=\"menuActionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-navigator>\n  <frames-auto-layout vertical contents>\n    <organisms-smart-table\n      [items]=\"items\"\n      [actionItems]=\"actionItems\"\n      [columns]=\"properties\"\n      [selectedIdSet]=\"selectedIdSet\"\n      [sortKey]=\"sortKey\"\n      [sortOrder]=\"sortOrder\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n      (headerClick)=\"tableHeaderClick.emit($event)\"\n    ></organisms-smart-table>\n    <organisms-paginator\n      *ngIf=\"page\"\n      [control]=\"queryControl\"\n      [page]=\"page\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [placeholder]=\"queryPlaceholder\"\n      (pageChange)=\"pageChange.emit($event)\"\n    ></organisms-paginator>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-d2TN: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+    }], null, { canBack: [{
+            type: Input
+        }], queryControl: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], description: [{
+            type: Input
+        }], items: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], menuActionItems: [{
+            type: Input
+        }], properties: [{
+            type: Input
+        }], selectedIdSet: [{
+            type: Input
+        }], sortKey: [{
+            type: Input
+        }], sortOrder: [{
+            type: Input
+        }], page: [{
+            type: Input
+        }], pageSizeOptions: [{
+            type: Input
+        }], queryPlaceholder: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }], backButtonClick: [{
+            type: Output
+        }], checkboxClick: [{
+            type: Output
+        }], pageChange: [{
+            type: Output
+        }], tableHeaderClick: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7O0lDbUJqRCw4Q0FPQztJQURDLDRNQUFjLDhCQUF1QixJQUFDO0lBQ3ZDLGlCQUFzQjs7O0lBTHJCLDZDQUF3QixxQkFBQSwyQ0FBQSx3Q0FBQTs7QURqQjlCLE1BQU0sT0FBTyxJQUFJO0lBQ2YsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFtQixFQUFDLFFBQVEsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDO1FBQ3pFLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksRUFBRSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsS0FBSyxDQUFDLEdBQXVCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFDLEdBQUcsSUFBSSxFQUFFLEdBQUcsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUN6QyxDQUFDO0NBQ0Y7QUFTRCxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBVUUsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUdoQixpQkFBWSxHQUFHLElBQUksV0FBVyxFQUFVLENBQUM7UUFHekMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQU1uQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLGdCQUFXLEdBQWlCLEVBQUUsQ0FBQztRQUcvQixvQkFBZSxHQUFpQixFQUFFLENBQUM7UUFHbkMsZUFBVSxHQUFpQixFQUFFLENBQUM7UUFHOUIsa0JBQWEsR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBU2xDLFNBQUksR0FBZTtZQUNqQixTQUFTLEVBQUUsQ0FBQztZQUNaLFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLEdBQUc7U0FDWixDQUFDO1FBR0Ysb0JBQWUsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRzdDLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUd0QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFHckMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3JDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUd0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUczQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBRS9DOztvRkEvRFksa0JBQWtCO3FFQUFsQixrQkFBa0I7UUNoQy9CLHFDQUFlLGtDQUFBO1FBTVgsMklBQW1CLGdDQUE0QixJQUFDLHdIQUM3QiwwQkFBc0IsSUFETztRQUdqRCxpQkFBMkI7UUFDNUIsNkNBQXNDLCtCQUFBO1FBUWxDLHdJQUFtQixnQ0FBNEIsSUFBQyx1SEFDL0IsOEJBQTBCLElBREssbUhBRWpDLGlDQUE2QixJQUZJO1FBR2pELGlCQUF3QjtRQUN6QixtR0FPdUI7UUFDekIsaUJBQXFCLEVBQUE7O1FBNUJuQixlQUFtQjtRQUFuQixxQ0FBbUIsb0JBQUEsZ0NBQUEsb0NBQUE7UUFVakIsZUFBZTtRQUFmLGlDQUFlLGdDQUFBLDJCQUFBLG9DQUFBLHdCQUFBLDRCQUFBO1FBV2QsZUFBVTtRQUFWLCtCQUFVOzt1RkRTSixrQkFBa0I7Y0FQOUIsU0FBUzsyQkFDRSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO2dCQUszQixPQUFPO2tCQUROLEtBQUs7WUFJTixZQUFZO2tCQURYLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixXQUFXO2tCQURWLEtBQUs7WUFJTixlQUFlO2tCQURkLEtBQUs7WUFJTixVQUFVO2tCQURULEtBQUs7WUFJTixhQUFhO2tCQURaLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixJQUFJO2tCQURILEtBQUs7WUFRTixlQUFlO2tCQURkLEtBQUs7WUFJTixnQkFBZ0I7a0JBRGYsS0FBSztZQUlOLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGVBQWU7a0JBRGQsTUFBTTtZQUlQLGFBQWE7a0JBRFosTUFBTTtZQUlQLFVBQVU7a0JBRFQsTUFBTTtZQUlQLGdCQUFnQjtrQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYWdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wYWdpbmF0b3InO1xuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL21vZGVscyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0BuZ25lYXQvcmVhY3RpdmUtZm9ybXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2UgZXh0ZW5kcyBQYWdlRXZlbnQgeyB9XG5cbmV4cG9ydCBjbGFzcyBQYWdlIHtcbiAgc3RhdGljIGZyb21PYmooZXZlbnQ6IFBhZ2VFdmVudCA9IHtwYWdlU2l6ZTogNTAsIHBhZ2VJbmRleDogMCwgbGVuZ3RoOiAxMDB9KTogUGFnZSB7XG4gICAgcmV0dXJuIE9iamVjdC5hc3NpZ24obmV3IFBhZ2UoKSwgZXZlbnQpO1xuICB9XG5cbiAgZ2V0IHN0YXJ0KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMucGFnZUluZGV4ICogdGhpcy5wYWdlU2l6ZTtcbiAgfVxuXG4gIGdldCBlbmQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTWF0aC5taW4oKHRoaXMucGFnZUluZGV4ICsgMSkgKiB0aGlzLnBhZ2VTaXplLCB0aGlzLmxlbmd0aCk7XG4gIH1cblxuICBwYXRjaChvYmo6IFBhcnRpYWw8UGFnZUV2ZW50Pik6IFBhZ2Uge1xuICAgIHJldHVybiBQYWdlLmZyb21PYmooey4uLnRoaXMsIC4uLm9ian0pO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zbWFydC1pbmRleCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbWFydC1pbmRleC50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTbWFydEluZGV4VGVtcGxhdGU8VD4ge1xuXG4gIEBJbnB1dCgpXG4gIGNhbkJhY2sgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBxdWVyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgYWN0aW9uSXRlbXM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG1lbnVBY3Rpb25JdGVtczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQE91dHB1dCgpXG4gIGFjdGlvbkl0ZW1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgYmFja0J1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICBjaGVja2JveENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxQYWdlRXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHRhYmxlSGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxufVxuIiwiPGZyYW1lcy1zY3JvbGw+XG4gIDxvcmdhbmlzbXMtYmFjay1uYXZpZ2F0b3JcbiAgICBbY2FuQmFja109XCJjYW5CYWNrXCJcbiAgICBbdGl0bGVdPVwidGl0bGVcIlxuICAgIFtkZXNjcmlwdGlvbl09XCJkZXNjcmlwdGlvblwiXG4gICAgW2FjdGlvbkl0ZW1zXT1cIm1lbnVBY3Rpb25JdGVtc1wiXG4gICAgKGFjdGlvbkl0ZW1DbGljayk9XCJhY3Rpb25JdGVtQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAoYmFja0J1dHRvbkNsaWNrKT1cImJhY2tCdXR0b25DbGljay5lbWl0KClcIlxuICAgIG5hdmlnYXRvclxuICA+PC9vcmdhbmlzbXMtYmFjay1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG9yZ2FuaXNtcy1zbWFydC10YWJsZVxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIFthY3Rpb25JdGVtc109XCJhY3Rpb25JdGVtc1wiXG4gICAgICBbY29sdW1uc109XCJwcm9wZXJ0aWVzXCJcbiAgICAgIFtzZWxlY3RlZElkU2V0XT1cInNlbGVjdGVkSWRTZXRcIlxuICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICBbc29ydE9yZGVyXT1cInNvcnRPcmRlclwiXG4gICAgICAoYWN0aW9uSXRlbUNsaWNrKT1cImFjdGlvbkl0ZW1DbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGhlYWRlckNsaWNrKT1cInRhYmxlSGVhZGVyQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICA+PC9vcmdhbmlzbXMtc21hcnQtdGFibGU+XG4gICAgPG9yZ2FuaXNtcy1wYWdpbmF0b3JcbiAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICBbY29udHJvbF09XCJxdWVyeUNvbnRyb2xcIlxuICAgICAgW3BhZ2VdPVwicGFnZVwiXG4gICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicXVlcnlQbGFjZWhvbGRlclwiXG4gICAgICAocGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19

package/fesm2015/ng-atomic-components-atoms-chips-input.mjs

@@ -1,57 +1,44 @@
 import { ENTER, COMMA, SPACE } from '@angular/cdk/keycodes';
 import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { FormControl } from '@ngneat/reactive-forms';
 import { ReplaySubject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+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/chips';
 import { MatChipsModule } from '@angular/material/chips';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/common';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import { ElementsModule } from '@ng-atomic/elements';
-import { BrowserModule } from '@angular/platform-browser';
+import { ReactiveFormsModule } from '@angular/forms';
 
-class ChipsManager {
-    constructor() {
-        this._chips = [];
-    }
-    setValue(value) {
-        this._chips = value.split(' ').filter(chip => !!chip);
-    }
-    getValue() {
-        return this._chips.join(' ');
-    }
-    remove(value) {
-        this._chips = this.chips.filter(chip => chip !== value);
-    }
-    add(chip) {
-        const value = (chip || '').trim();
-        this._chips = [...this.chips, value];
+function ChipsInputAtom_mat_chip_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-chip", 3);
+        i0.ɵɵlistener("removed", function ChipsInputAtom_mat_chip_2_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const chip_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.remove(chip_r2); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementStart(2, "mat-icon", 4);
+        i0.ɵɵtext(3, "cancel");
+        i0.ɵɵelementEnd()();
     }
-    get chips() {
-        return this._chips;
+    if (rf & 2) {
+        const chip_r2 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", chip_r2, " ");
     }
 }
-ChipsManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsManager, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ChipsManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsManager, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsManager, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'any'
-                }]
-        }] });
-
 class ChipsInputAtom {
     constructor(cd, chipsManager) {
         this.cd = cd;
         this.chipsManager = chipsManager;
         this.destroy$ = new ReplaySubject(1);
         this.separators = [ENTER, COMMA, SPACE];
-        this.control = new FormControl();
+        this.control = new FormControl('');
         this.placeholder = '';
     }
     ngOnInit() {
@@ -74,31 +61,41 @@ class ChipsInputAtom {
         this.control.setValue(this.chipsManager.getValue());
     }
 }
-ChipsInputAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: ChipsManager }], target: i0.ɵɵFactoryTarget.Component });
-ChipsInputAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ChipsInputAtom, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, ngImport: i0, template: "<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    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [":host{display:block}\n"], components: [{ type: i2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.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: i2.MatChipRemove, selector: "[matChipRemove]" }, { type: i2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputAtom, decorators: [{
+ChipsInputAtom.ɵfac = function ChipsInputAtom_Factory(t) { return new (t || ChipsInputAtom)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
+ChipsInputAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputAtom, selectors: [["atoms-chips-input"]], inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 4, vars: 5, consts: [["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputAtom_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-chip-list", null, 0);
+            i0.ɵɵtemplate(2, ChipsInputAtom_mat_chip_2_Template, 4, 1, "mat-chip", 1);
+            i0.ɵɵelementStart(3, "input", 2);
+            i0.ɵɵlistener("matChipInputTokenEnd", function ChipsInputAtom_Template_input_matChipInputTokenEnd_3_listener($event) { return ctx.onChiInputTokenEnd($event); });
+            i0.ɵɵelementEnd()();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.chipsManager.chips);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separators)("matChipInputAddOnBlur", true);
+        }
+    }, directives: [i2.MatChipList, i3.NgForOf, i2.MatChip, i4.MatIcon, i2.MatChipRemove, i5.MatInput, i2.MatChipInput], styles: [""], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputAtom, [{
             type: Component,
-            args: [{ selector: 'atoms-chips-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<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    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: ChipsManager }]; }, propDecorators: { separators: [{
+            args: [{ selector: 'atoms-chips-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChipsManager], template: "<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", styles: [""] }]
+        }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { separators: [{
                 type: Input
             }], control: [{
                 type: Input
             }], placeholder: [{
                 type: Input
-            }] } });
+            }] });
+})();
 
-class ChipsInputModule extends ElementsModule {
+class ChipsInputModule {
 }
-ChipsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-ChipsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, declarations: [ChipsInputAtom], imports: [BrowserModule,
-        CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        MatChipsModule,
-        MatIconModule,
-        MatInputModule], exports: [ChipsInputAtom] });
-ChipsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, providers: [ChipsManager], imports: [[
-            BrowserModule,
+ChipsInputModule.ɵfac = function ChipsInputModule_Factory(t) { return new (t || ChipsInputModule)(); };
+ChipsInputModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsInputModule, bootstrap: [ChipsInputAtom] });
+ChipsInputModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             ReactiveFormsModule,
             // Materials
@@ -106,12 +103,14 @@ ChipsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versio
             MatIconModule,
             MatInputModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputModule, [{
             type: NgModule,
             args: [{
-                    declarations: [ChipsInputAtom],
+                    declarations: [
+                        ChipsInputAtom
+                    ],
                     imports: [
-                        BrowserModule,
                         CommonModule,
                         ReactiveFormsModule,
                         // Materials
@@ -119,10 +118,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         MatIconModule,
                         MatInputModule,
                     ],
-                    exports: [ChipsInputAtom],
-                    providers: [ChipsManager],
+                    exports: [
+                        ChipsInputAtom
+                    ],
+                    bootstrap: [ChipsInputAtom],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputModule, { declarations: [ChipsInputAtom], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule], exports: [ChipsInputAtom] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-atoms-chips-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../libs/components/atoms/chips-input/chips.manager.ts","../../../../libs/components/atoms/chips-input/chips-input.atom.ts","../../../../libs/components/atoms/chips-input/chips-input.atom.html","../../../../libs/components/atoms/chips-input/chips-input.module.ts","../../../../libs/components/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\n\n@Injectable({\n  providedIn: 'any'\n})\nexport class ChipsManager {\n  private _chips: string[] = [];\n\n  setValue(value: string): void {\n    this._chips = value.split(' ').filter(chip => !!chip);\n  }\n\n  getValue(): string {\n    return this._chips.join(' ');\n  }\n\n  remove(value: string): void {\n    this._chips = this.chips.filter(chip => chip !== value);\n  }\n\n  add(chip: string): void {\n    const value = (chip || '').trim();\n    this._chips = [...this.chips, value];\n  }\n\n  get chips(): string[] {\n    return this._chips;\n  }\n}\n","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from './chips.manager';\n\n@Component({\n  selector: 'atoms-chips-input',\n  templateUrl: './chips-input.atom.html',\n  styleUrls: ['./chips-input.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\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    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { ElementsModule } from '@ng-atomic/elements';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { ChipsInputAtom } from './chips-input.atom';\nimport { ChipsManager } from './chips.manager';\n\n\n\n@NgModule({\n  declarations: [ChipsInputAtom],\n  imports: [\n    BrowserModule,\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [ChipsInputAtom],\n  providers: [ChipsManager],\n})\nexport class ChipsInputModule extends ElementsModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ChipsManager"],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../libs/components/src/atoms/chips-input/chips-input.atom.html","../../../../libs/components/src/atoms/chips-input/chips-input.atom.ts","../../../../libs/components/src/atoms/chips-input/chips-input.module.ts","../../../../libs/components/src/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["<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","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n  selector: 'atoms-chips-input',\n  templateUrl: './chips-input.atom.html',\n  styleUrls: ['./chips-input.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ChipsManager],\n})\nexport class ChipsInputAtom implements OnInit {\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { ChipsInputAtom } from './chips-input.atom';\n\n\n@NgModule({\n  declarations: [\n    ChipsInputAtom\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n  ],\n  exports: [\n    ChipsInputAtom\n  ],\n  bootstrap: [ChipsInputAtom],\n})\nexport class ChipsInputModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-atoms-smart-menu-button.mjs

@@ -1,56 +1,130 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/button';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/material/menu';
+import * as i4 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { ElementsModule } from '@ng-atomic/elements';
-import { BrowserModule } from '@angular/platform-browser';
 
+function SmartMenuButtonAtom_ng_container_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementContainer(0);
+    }
+}
+function SmartMenuButtonAtom_ng_container_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r6 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵelementStart(1, "button", 5);
+        i0.ɵɵlistener("click", function SmartMenuButtonAtom_ng_container_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.actionItemClick.emit([ctx_r5.actionItems[0]]); });
+        i0.ɵɵelementStart(2, "mat-icon");
+        i0.ɵɵtext(3);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx_r1.actionItems[0] == null ? null : ctx_r1.actionItems[0].icon);
+    }
+}
+function SmartMenuButtonAtom_ng_container_3_button_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "button", 7)(1, "mat-icon");
+        i0.ɵɵtext(2, "menu");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        i0.ɵɵnextContext(2);
+        const _r3 = i0.ɵɵreference(5);
+        i0.ɵɵproperty("matMenuTriggerFor", _r3);
+    }
+}
+function SmartMenuButtonAtom_ng_container_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_3_button_1_Template, 3, 1, "button", 6);
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r2.actionItems.length);
+    }
+}
+function SmartMenuButtonAtom_button_6_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r10 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 8);
+        i0.ɵɵlistener("click", function SmartMenuButtonAtom_button_6_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const actionItem_r8 = restoredCtx.$implicit; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.actionItemClick.emit([actionItem_r8]); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const actionItem_r8 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(actionItem_r8.name);
+    }
+}
 class SmartMenuButtonAtom {
     constructor() {
         this.actionItems = [];
         this.actionItemClick = new EventEmitter();
     }
 }
-SmartMenuButtonAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"actionItems.length\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"actionItemClick.emit([actionItems[0]])\">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
+SmartMenuButtonAtom.ɵfac = function SmartMenuButtonAtom_Factory(t) { return new (t || SmartMenuButtonAtom)(); };
+SmartMenuButtonAtom.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartMenuButtonAtom, selectors: [["atoms-smart-menu-button"]], inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 7, vars: 4, consts: [[3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["menu", "matMenu"], ["mat-menu-item", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-icon-button", "", 3, "click"], ["mat-icon-button", "", 3, "matMenuTriggerFor", 4, "ngIf"], ["mat-icon-button", "", 3, "matMenuTriggerFor"], ["mat-menu-item", "", 3, "click"]], template: function SmartMenuButtonAtom_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainerStart(0, 0);
+            i0.ɵɵtemplate(1, SmartMenuButtonAtom_ng_container_1_Template, 1, 0, "ng-container", 1);
+            i0.ɵɵtemplate(2, SmartMenuButtonAtom_ng_container_2_Template, 4, 1, "ng-container", 1);
+            i0.ɵɵtemplate(3, SmartMenuButtonAtom_ng_container_3_Template, 2, 1, "ng-container", 2);
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementStart(4, "mat-menu", null, 3);
+            i0.ɵɵtemplate(6, SmartMenuButtonAtom_button_6_Template, 2, 1, "button", 4);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("ngSwitch", ctx.actionItems.length);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngSwitchCase", 0);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngSwitchCase", 1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngForOf", ctx.actionItems);
+        }
+    }, directives: [i1.NgSwitch, i1.NgSwitchCase, i2.MatButton, i3.MatIcon, i1.NgSwitchDefault, i1.NgIf, i4.MatMenuTrigger, i4.MatMenu, i1.NgForOf, i4.MatMenuItem], styles: ["[_nghost-%COMP%]{display:block;width:100%;height:100%}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonAtom, [{
             type: Component,
             args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"actionItems.length\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"actionItemClick.emit([actionItems[0]])\">\n      <mat-icon>{{ actionItems[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }], propDecorators: { actionItems: [{
+        }], null, { actionItems: [{
                 type: Input
             }], actionItemClick: [{
                 type: Output
-            }] } });
+            }] });
+})();
 
-class SmartMenuButtonModule extends ElementsModule {
+class SmartMenuButtonModule {
 }
-SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [BrowserModule,
-        CommonModule,
-        // Material
-        MatButtonModule,
-        MatIconModule,
-        MatMenuModule], exports: [SmartMenuButtonAtom] });
-SmartMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, imports: [[
-            BrowserModule,
+SmartMenuButtonModule.ɵfac = function SmartMenuButtonModule_Factory(t) { return new (t || SmartMenuButtonModule)(); };
+SmartMenuButtonModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartMenuButtonModule });
+SmartMenuButtonModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Material
             MatButtonModule,
             MatIconModule,
             MatMenuModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartMenuButtonModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartMenuButtonModule, [{
             type: NgModule,
             args: [{
                     declarations: [SmartMenuButtonAtom],
                     imports: [
-                        BrowserModule,
                         CommonModule,
                         // Material
                         MatButtonModule,
@@ -59,7 +133,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ],
                     exports: [SmartMenuButtonAtom]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartMenuButtonModule, { declarations: [SmartMenuButtonAtom], imports: [CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatMenuModule], exports: [SmartMenuButtonAtom] });
+})();
 
 /**
  * Generated bundle index. Do not edit.