@ng-atomic/components 4.21.1 → 5.0.0

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

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
+import { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -45,11 +45,11 @@ export class SmartIndexTemplate {
         }
     }
 }
-SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-AUUb: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: i4.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "component", type: i5.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: i6.SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: i8.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartIndexTemplate, decorators: [{
+SmartIndexTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SmartIndexTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartIndexTemplate, selector: "templates-smart-index", inputs: { queryControl: "queryControl", title: "title", description: "description", items: "items", itemActions: "itemActions", navStartActions: "navStartActions", navEndActions: "navEndActions", properties: "properties", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder", page: "page", pageSizeOptions: "pageSizeOptions", queryPlaceholder: "queryPlaceholder", device: "device" }, outputs: { action: "action", backButtonClick: "backButtonClick", checkboxClick: "checkboxClick", pageChange: "pageChange" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-A3Iz: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: i4.PaginatorOrganism, selector: "organisms-paginator", inputs: ["control", "placeholder", "page", "pageSizeOptions"], outputs: ["pageChange"] }, { kind: "component", type: i5.SmartTableOrganism, selector: "organisms-smart-table", inputs: ["columns", "items", "itemActions", "pageSize", "selectedIdSet", "sort"], outputs: ["action", "headerClick", "checkboxClick", "pageChange", "itemCheck"] }, { kind: "component", type: i6.SmartListOrganism, selector: "organisms-smart-list", inputs: ["items"], outputs: ["action"] }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: i8.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartIndexTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-AUUb: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
+            args: [{ selector: 'templates-smart-index', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator\n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\" [description]=\"description\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngIf=\"device === 'sp'\">\n      <organisms-smart-list\n        [items]=\"items\"\n        (action)=\"action.emit($event)\"\n      ></organisms-smart-list>\n    </ng-container>\n    <ng-container *ngIf=\"device !== 'sp'\">\n      <organisms-smart-table\n        [items]=\"items\"\n        [itemActions]=\"itemActions\"\n        [columns]=\"properties\"\n        [selectedIdSet]=\"selectedIdSet\"\n        [sortKey]=\"sortKey\"\n        [sortOrder]=\"sortOrder\"\n        (action)=\"action.emit($event)\"\n        (checkboxClick)=\"checkboxClick.emit($event)\"\n        (headerClick)=\"action.emit({id: ActionId.TABLE_HEADER_CLICK, payload: $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    </ng-container>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--navigator-height: 56px;--navigator-height-SCOPED-IN-smart-index-A3Iz: var(--navigator-height)}:host{width:100%;height:100%;background:white;display:block}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}\n"] }]
         }], propDecorators: { queryControl: [{
                 type: Input
             }], title: [{
@@ -89,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
             }], pageChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7Ozs7O0FBRXJELE1BQU0sQ0FBTixJQUFZLFFBR1g7QUFIRCxXQUFZLFFBQVE7SUFDbEIsdUVBQTJELENBQUE7SUFDM0QsbUdBQXVGLENBQUE7QUFDekYsQ0FBQyxFQUhXLFFBQVEsS0FBUixRQUFRLFFBR25CO0FBU0QsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVFZLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFHOUIsaUJBQVksR0FBRyxJQUFJLFdBQVcsQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUczQyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBTW5CLFVBQUssR0FBUSxFQUFFLENBQUM7UUFHaEIsZ0JBQVcsR0FBMEIsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBRzlDLG9CQUFlLEdBQWEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBR3hFLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBRzdCLGVBQVUsR0FBaUIsRUFBRSxDQUFDO1FBRzlCLGtCQUFhLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztRQVNsQyxTQUFJLEdBQWU7WUFDakIsU0FBUyxFQUFFLENBQUM7WUFDWixRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxHQUFHO1NBQ1osQ0FBQztRQUdGLG9CQUFlLEdBQWEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUc3QyxxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFHdEIsV0FBTSxHQUEyQixJQUFJLENBQUM7UUFHdEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHcEMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3JDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUssQ0FBQztRQUd0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztLQU81QztJQUxDLFFBQVEsQ0FBQyxNQUFjO1FBQ3JCLFFBQU8sTUFBTSxDQUFDLEVBQUUsRUFBRTtZQUNoQixPQUFPLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzFDO0lBQ0gsQ0FBQzs7K0dBcEVVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHNuQkNqQi9CLHcyQ0FzQ2dCOzJGRHJCSCxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTs4QkFNM0IsWUFBWTtzQkFEWCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBUU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU07Z0JBSVAsZUFBZTtzQkFEZCxNQUFNO2dCQUlQLGFBQWE7c0JBRFosTUFBTTtnQkFJUCxVQUFVO3NCQURULE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBhZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBCYWNrJyxcbiAgVEFCTEVfSEVBREVSX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBUYWJsZSBIZWFkZXIgQ2xpY2snLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleFRlbXBsYXRlPFQ+IHtcbiAgcHJvdGVjdGVkIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snIH1dO1xuXG4gIEBJbnB1dCgpXG4gIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGV2aWNlOiAnc3AnIHwgJ3RhYmxldCcgfCAncGMnID0gJ3NwJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uKGFjdGlvbjogQWN0aW9uKTogdm9pZCB7XG4gICAgc3dpdGNoKGFjdGlvbi5pZCkge1xuICAgICAgZGVmYXVsdDogcmV0dXJuIHRoaXMuYWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxmcmFtZXMtc2Nyb2xsPlxuICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgIFtzdGFydEFjdGlvbnNdPVwibmF2U3RhcnRBY3Rpb25zXCJcbiAgICBbZW5kQWN0aW9uc109XCJuYXZFbmRBY3Rpb25zXCJcbiAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRldmljZSA9PT0gJ3NwJ1wiPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC1saXN0XG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtc21hcnQtbGlzdD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGV2aWNlICE9PSAnc3AnXCI+XG4gICAgICA8b3JnYW5pc21zLXNtYXJ0LXRhYmxlXG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICAgIFtzb3J0T3JkZXJdPVwic29ydE9yZGVyXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAoaGVhZGVyQ2xpY2spPVwiYWN0aW9uLmVtaXQoe2lkOiBBY3Rpb25JZC5UQUJMRV9IRUFERVJfQ0xJQ0ssIHBheWxvYWQ6ICRldmVudH0pXCJcbiAgICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICAgIDxvcmdhbmlzbXMtcGFnaW5hdG9yXG4gICAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICAgIFtjb250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXG4gICAgICAgIFtwYWdlXT1cInBhZ2VcIlxuICAgICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJxdWVyeVBsYWNlaG9sZGVyXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic21hcnQtaW5kZXgudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL3RlbXBsYXRlcy9zbWFydC1pbmRleC9zbWFydC1pbmRleC50ZW1wbGF0ZS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L3NtYXJ0LWluZGV4LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsZUFBZSxJQUFJLFNBQVMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRWxGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7Ozs7OztBQUVyRCxNQUFNLENBQU4sSUFBWSxRQUdYO0FBSEQsV0FBWSxRQUFRO0lBQ2xCLHVFQUEyRCxDQUFBO0lBQzNELG1HQUF1RixDQUFBO0FBQ3pGLENBQUMsRUFIVyxRQUFRLEtBQVIsUUFBUSxRQUduQjtBQVNELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRWSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBRzlCLGlCQUFZLEdBQUcsSUFBSSxXQUFXLENBQVMsRUFBRSxDQUFDLENBQUM7UUFHM0MsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQU1uQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLGdCQUFXLEdBQTBCLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUc5QyxvQkFBZSxHQUFhLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUd4RSxrQkFBYSxHQUFhLEVBQUUsQ0FBQztRQUc3QixlQUFVLEdBQWlCLEVBQUUsQ0FBQztRQUc5QixrQkFBYSxHQUFHLElBQUksR0FBRyxFQUFVLENBQUM7UUFTbEMsU0FBSSxHQUFlO1lBQ2pCLFNBQVMsRUFBRSxDQUFDO1lBQ1osUUFBUSxFQUFFLEVBQUU7WUFDWixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUM7UUFHRixvQkFBZSxHQUFhLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFHN0MscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBR3RCLFdBQU0sR0FBMkIsSUFBSSxDQUFDO1FBR3RDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR3BDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUdyQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFLLENBQUM7UUFHdEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7S0FPNUM7SUFMQyxRQUFRLENBQUMsTUFBYztRQUNyQixRQUFPLE1BQU0sQ0FBQyxFQUFFLEVBQUU7WUFDaEIsT0FBTyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7OytHQXBFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixzbkJDakIvQix3MkNBc0NnQjsyRkRyQkgsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7OEJBTTNCLFlBQVk7c0JBRFgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLO2dCQUlOLGFBQWE7c0JBRFosS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQVFOLGVBQWU7c0JBRGQsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxNQUFNO2dCQUlQLGVBQWU7c0JBRGQsTUFBTTtnQkFJUCxhQUFhO3NCQURaLE1BQU07Z0JBSVAsVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMZWdhY3lQYWdlRXZlbnQgYXMgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGVnYWN5LXBhZ2luYXRvcic7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9tb2RlbHMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAbmduZWF0L3JlYWN0aXZlLWZvcm1zJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBCYWNrJyxcbiAgVEFCTEVfSEVBREVSX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NtYXJ0LWluZGV4XSBUYWJsZSBIZWFkZXIgQ2xpY2snLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtc21hcnQtaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vc21hcnQtaW5kZXgudGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NtYXJ0LWluZGV4LnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbn0pXG5leHBvcnQgY2xhc3MgU21hcnRJbmRleFRlbXBsYXRlPFQ+IHtcbiAgcHJvdGVjdGVkIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgQElucHV0KClcbiAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIG5hdlN0YXJ0QWN0aW9uczogQWN0aW9uW10gPSBbeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snIH1dO1xuXG4gIEBJbnB1dCgpXG4gIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG5cbiAgQElucHV0KClcbiAgcHJvcGVydGllczogKGtleW9mIFQpW10gPSAgW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0ZWRJZFNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNvcnRLZXk/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc29ydE9yZGVyPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHBhZ2U/OiBQYWdlRXZlbnQgPSB7XG4gICAgcGFnZUluZGV4OiAwLFxuICAgIHBhZ2VTaXplOiAyMCxcbiAgICBsZW5ndGg6IDEwMCxcbiAgfTtcblxuICBASW5wdXQoKVxuICBwYWdlU2l6ZU9wdGlvbnM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgMTAwXTtcblxuICBASW5wdXQoKVxuICBxdWVyeVBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgZGV2aWNlOiAnc3AnIHwgJ3RhYmxldCcgfCAncGMnID0gJ3NwJztcblxuICBAT3V0cHV0KClcbiAgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxBY3Rpb24+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGJhY2tCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KClcbiAgY2hlY2tib3hDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VD4oKTtcblxuICBAT3V0cHV0KClcbiAgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUV2ZW50PigpO1xuXG4gIG9uQWN0aW9uKGFjdGlvbjogQWN0aW9uKTogdm9pZCB7XG4gICAgc3dpdGNoKGFjdGlvbi5pZCkge1xuICAgICAgZGVmYXVsdDogcmV0dXJuIHRoaXMuYWN0aW9uLmVtaXQoYWN0aW9uKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxmcmFtZXMtc2Nyb2xsPlxuICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgIFtzdGFydEFjdGlvbnNdPVwibmF2U3RhcnRBY3Rpb25zXCJcbiAgICBbZW5kQWN0aW9uc109XCJuYXZFbmRBY3Rpb25zXCJcbiAgICAoYWN0aW9uKT1cIm9uQWN0aW9uKCRldmVudClcIlxuICAgIG5hdmlnYXRvclxuICA+XG4gICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInRpdGxlXCIgW2Rlc2NyaXB0aW9uXT1cImRlc2NyaXB0aW9uXCI+PC9tb2xlY3VsZXMtaGVhZGVyPlxuICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWwgY29udGVudHM+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRldmljZSA9PT0gJ3NwJ1wiPlxuICAgICAgPG9yZ2FuaXNtcy1zbWFydC1saXN0XG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICA+PC9vcmdhbmlzbXMtc21hcnQtbGlzdD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGV2aWNlICE9PSAnc3AnXCI+XG4gICAgICA8b3JnYW5pc21zLXNtYXJ0LXRhYmxlXG4gICAgICAgIFtpdGVtc109XCJpdGVtc1wiXG4gICAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICAgIFtjb2x1bW5zXT1cInByb3BlcnRpZXNcIlxuICAgICAgICBbc2VsZWN0ZWRJZFNldF09XCJzZWxlY3RlZElkU2V0XCJcbiAgICAgICAgW3NvcnRLZXldPVwic29ydEtleVwiXG4gICAgICAgIFtzb3J0T3JkZXJdPVwic29ydE9yZGVyXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKGNoZWNrYm94Q2xpY2spPVwiY2hlY2tib3hDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgICAoaGVhZGVyQ2xpY2spPVwiYWN0aW9uLmVtaXQoe2lkOiBBY3Rpb25JZC5UQUJMRV9IRUFERVJfQ0xJQ0ssIHBheWxvYWQ6ICRldmVudH0pXCJcbiAgICAgID48L29yZ2FuaXNtcy1zbWFydC10YWJsZT5cbiAgICAgIDxvcmdhbmlzbXMtcGFnaW5hdG9yXG4gICAgICAgICpuZ0lmPVwicGFnZVwiXG4gICAgICAgIFtjb250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXG4gICAgICAgIFtwYWdlXT1cInBhZ2VcIlxuICAgICAgICBbcGFnZVNpemVPcHRpb25zXT1cInBhZ2VTaXplT3B0aW9uc1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJxdWVyeVBsYWNlaG9sZGVyXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwicGFnZUNoYW5nZS5lbWl0KCRldmVudClcIlxuICAgICAgPjwvb3JnYW5pc21zLXBhZ2luYXRvcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG48L2ZyYW1lcy1zY3JvbGw+Il19

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

@@ -8,12 +8,12 @@ import * as i1 from '@ng-atomic/common/services/chips-manager';
 import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
+import * as i3 from '@angular/material/legacy-chips';
+import { MatLegacyChipsModule } from '@angular/material/legacy-chips';
 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 * as i5 from '@angular/material/legacy-input';
+import { MatLegacyInputModule } from '@angular/material/legacy-input';
 import { ReactiveFormsModule } from '@angular/forms';
 
 class ChipsInputAtom {
@@ -45,9 +45,9 @@ class ChipsInputAtom {
         this.control.setValue(this.chipsManager.getValue());
     }
 }
-ChipsInputAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component });
-ChipsInputAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: ChipsInputAtom, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, providers: [ChipsManager], 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    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputAtom, decorators: [{
+ChipsInputAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputAtom, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component });
+ChipsInputAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ChipsInputAtom, selector: "atoms-chips-input", inputs: { separators: "separators", control: "control", placeholder: "placeholder" }, providers: [ChipsManager], 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    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatLegacyChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i3.MatLegacyChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i3.MatLegacyChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatLegacyChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputAtom, decorators: [{
             type: Component,
             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" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, propDecorators: { separators: [{
@@ -60,20 +60,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
 
 class ChipsInputModule {
 }
-ChipsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChipsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputModule, bootstrap: [ChipsInputAtom], declarations: [ChipsInputAtom], imports: [CommonModule,
+ChipsInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ChipsInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputModule, bootstrap: [ChipsInputAtom], declarations: [ChipsInputAtom], imports: [CommonModule,
         ReactiveFormsModule,
         // Materials
-        MatChipsModule,
+        MatLegacyChipsModule,
         MatIconModule,
-        MatInputModule], exports: [ChipsInputAtom] });
-ChipsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputModule, imports: [CommonModule,
+        MatLegacyInputModule], exports: [ChipsInputAtom] });
+ChipsInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputModule, imports: [CommonModule,
         ReactiveFormsModule,
         // Materials
-        MatChipsModule,
+        MatLegacyChipsModule,
         MatIconModule,
-        MatInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: ChipsInputModule, decorators: [{
+        MatLegacyInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ChipsInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -83,9 +83,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                         CommonModule,
                         ReactiveFormsModule,
                         // Materials
-                        MatChipsModule,
+                        MatLegacyChipsModule,
                         MatIconModule,
-                        MatInputModule,
+                        MatLegacyInputModule,
                     ],
                     exports: [
                         ChipsInputAtom

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["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","<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 { 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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"}
+{"version":3,"file":"ng-atomic-components-atoms-chips-input.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/chips-input.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/chips-input/ng-atomic-components-atoms-chips-input.ts"],"sourcesContent":["import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { Component, OnInit, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';\nimport { MatLegacyChipInputEvent as MatChipInputEvent } from '@angular/material/legacy-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","<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 { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatLegacyChipsModule as MatChipsModule } from '@angular/material/legacy-chips';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-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":["MatChipsModule","MatInputModule"],"mappings":"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"}

package/fesm2015/ng-atomic-components-atoms-icon.mjs

@@ -7,21 +7,21 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 class IconAtom {
+    set name(_name) {
+        this.name$.next(_name);
+    }
+    ;
     constructor(registry) {
         this.registry = registry;
         this.name$ = new ReplaySubject(1);
         this.hasSvgIcon$ = this.name$.pipe(switchMap((name) => this.registry.getNamedSvgIcon(name)), map(svgIcon => !!svgIcon), catchError(() => of(false)));
     }
-    set name(_name) {
-        this.name$.next(_name);
-    }
-    ;
 }
-IconAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
-IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: IconAtom, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-zThF: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zThF)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zThF)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IconAtom, decorators: [{
+IconAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, deps: [{ token: i1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.Component });
+IconAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: IconAtom, selector: "atoms-icon", inputs: { name: "name", color: "color" }, host: { properties: { "style.--color": "this.color" } }, ngImport: i0, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-4Du5: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-4Du5)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-4Du5)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
-            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-zThF: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-zThF)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-zThF)}\n"] }]
+            args: [{ selector: 'atoms-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n", styles: [":host{display:block;--color: inherit;--color-SCOPED-IN-icon-4Du5: var(--color)}:host mat-icon{color:var(--color-SCOPED-IN-icon-4Du5)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-4Du5)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], color: [{
@@ -33,14 +33,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
 
 class IconModule {
 }
-IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: IconModule, declarations: [IconAtom], imports: [CommonModule,
+IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: IconModule, declarations: [IconAtom], imports: [CommonModule,
         // Material
         MatIconModule], exports: [IconAtom] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IconModule, imports: [CommonModule,
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconModule, imports: [CommonModule,
         // Material
         MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2015/ng-atomic-components-atoms-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-icon.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/icon/ng-atomic-components-atoms-icon.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input,  HostBinding } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { catchError, map, Observable, of, ReplaySubject, switchMap } from 'rxjs';\n\n\n@Component({\n  selector: 'atoms-icon',\n  templateUrl: './icon.atom.html',\n  styleUrls: ['./icon.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconAtom {\n\n  name$ = new ReplaySubject<string>(1);\n  hasSvgIcon$: Observable<boolean> = this.name$.pipe(\n    switchMap((name: string) => this.registry.getNamedSvgIcon(name)),\n    map(svgIcon => !!svgIcon),\n    catchError(() => of(false)),\n  );\n\n  @Input()\n  set name(_name: string) {\n    this.name$.next(_name)\n  };\n\n  @HostBinding('style.--color')\n  @Input()\n  color?: string;\n\n  constructor(private registry: MatIconRegistry) { }\n\n}\n","<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { IconAtom } from './icon.atom';\n\n\n\n@NgModule({\n  declarations: [\n    IconAtom\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatIconModule,\n  ],\n  exports: [\n    IconAtom\n  ]\n})\nexport class IconModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAWa,QAAQ,CAAA;AAkBnB,IAAA,WAAA,CAAoB,QAAyB,EAAA;AAAzB,QAAA,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAiB;QAhB7C,IAAA,CAAA,KAAK,GAAG,IAAI,aAAa,CAAS,CAAC,CAAC,CAAC;QACrC,IAAW,CAAA,WAAA,GAAwB,IAAI,CAAC,KAAK,CAAC,IAAI,CAChD,SAAS,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAChE,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EACzB,UAAU,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAC5B,CAAC;KAWgD;IATlD,IACI,IAAI,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACvB;;;qGAZU,QAAQ,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAR,QAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,qJCXrB,2KAOA,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDIa,QAAQ,EAAA,UAAA,EAAA,CAAA;kBANpB,SAAS;+BACE,YAAY,EAAA,eAAA,EAGL,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2KAAA,EAAA,MAAA,EAAA,CAAA,wOAAA,CAAA,EAAA,CAAA;sGAY3C,IAAI,EAAA,CAAA;sBADP,KAAK;gBAON,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;;;MENK,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAV,UAAU,EAAA,YAAA,EAAA,CAXnB,QAAQ,CAAA,EAAA,OAAA,EAAA,CAGR,YAAY;;QAEZ,aAAa,aAGb,QAAQ,CAAA,EAAA,CAAA,CAAA;AAGC,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YARnB,YAAY;;QAEZ,aAAa,CAAA,EAAA,CAAA,CAAA;2FAMJ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,QAAQ;AACT,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,QAAQ;AACT,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-atoms-icon.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/icon/icon.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/icon/ng-atomic-components-atoms-icon.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input,  HostBinding } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { catchError, map, Observable, of, ReplaySubject, switchMap } from 'rxjs';\n\n\n@Component({\n  selector: 'atoms-icon',\n  templateUrl: './icon.atom.html',\n  styleUrls: ['./icon.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IconAtom {\n\n  name$ = new ReplaySubject<string>(1);\n  hasSvgIcon$: Observable<boolean> = this.name$.pipe(\n    switchMap((name: string) => this.registry.getNamedSvgIcon(name)),\n    map(svgIcon => !!svgIcon),\n    catchError(() => of(false)),\n  );\n\n  @Input()\n  set name(_name: string) {\n    this.name$.next(_name)\n  };\n\n  @HostBinding('style.--color')\n  @Input()\n  color?: string;\n\n  constructor(private registry: MatIconRegistry) { }\n\n}\n","<mat-icon\n  *ngIf=\"hasSvgIcon$ | async\"\n  [svgIcon]=\"name$ | async\"\n></mat-icon>\n<mat-icon\n  *ngIf=\"!(hasSvgIcon$ | async)\"\n>{{ name$ | async }}</mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { IconAtom } from './icon.atom';\n\n\n\n@NgModule({\n  declarations: [\n    IconAtom\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatIconModule,\n  ],\n  exports: [\n    IconAtom\n  ]\n})\nexport class IconModule { }\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-atoms-smart-menu-button.mjs

@@ -2,12 +2,12 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 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/legacy-button';
+import { MatLegacyButtonModule } from '@angular/material/legacy-button';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4 from '@angular/material/menu';
-import { MatMenuModule } from '@angular/material/menu';
+import * as i4 from '@angular/material/legacy-menu';
+import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
 
 class SmartMenuButtonAtom {
     constructor() {
@@ -16,9 +16,9 @@ class SmartMenuButtonAtom {
         this.trackByItemId = (index, item) => item.id;
     }
 }
-SmartMenuButtonAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
+SmartMenuButtonAtom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SmartMenuButtonAtom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.MatLegacyButton, 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"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatLegacyMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatLegacyMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatLegacyMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonAtom, decorators: [{
             type: Component,
             args: [{ selector: 'atoms-smart-menu-button', changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }], propDecorators: { items: [{
@@ -29,27 +29,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
 
 class SmartMenuButtonModule {
 }
-SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [CommonModule,
+SmartMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, declarations: [SmartMenuButtonAtom], imports: [CommonModule,
         // Material
-        MatButtonModule,
+        MatLegacyButtonModule,
         MatIconModule,
-        MatMenuModule], exports: [SmartMenuButtonAtom] });
-SmartMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonModule, imports: [CommonModule,
+        MatLegacyMenuModule], exports: [SmartMenuButtonAtom] });
+SmartMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, imports: [CommonModule,
         // Material
-        MatButtonModule,
+        MatLegacyButtonModule,
         MatIconModule,
-        MatMenuModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartMenuButtonModule, decorators: [{
+        MatLegacyMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartMenuButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SmartMenuButtonAtom],
                     imports: [
                         CommonModule,
                         // Material
-                        MatButtonModule,
+                        MatLegacyButtonModule,
                         MatIconModule,
-                        MatMenuModule,
+                        MatLegacyMenuModule,
                     ],
                     exports: [SmartMenuButtonAtom]
                 }]

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'atoms-smart-menu-button',\n  templateUrl: './smart-menu-button.atom.html',\n  styleUrls: ['./smart-menu-button.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n  @Input()\n  items: ActionItem[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackByItemId = (index: number, item: ActionItem): string => item.id;\n}\n","<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n  declarations: [SmartMenuButtonAtom],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-atoms-smart-menu-button.mjs","sources":["../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.atom.html","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/smart-menu-button.module.ts","../../../../../packages/@ng-atomic/components/src/atoms/smart-menu-button/ng-atomic-components-atoms-smart-menu-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'atoms-smart-menu-button',\n  templateUrl: './smart-menu-button.atom.html',\n  styleUrls: ['./smart-menu-button.atom.scss'],\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartMenuButtonAtom {\n  @Input()\n  items: ActionItem[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n  trackByItemId = (index: number, item: ActionItem): string => item.id;\n}\n","<ng-container [ngSwitch]=\"items?.length ?? 0\">\n  <ng-container *ngSwitchCase=\"0\"></ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <button mat-icon-button (click)=\"action.emit(items[0])\">\n      <mat-icon>{{ items[0]?.icon }}</mat-icon>\n    </button>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"items.length\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n  </ng-container>\n</ng-container>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let item of items; trackBy: trackByItemId\"\n    mat-menu-item \n    (click)=\"action.emit(item)\"\n  >{{ item.name }}</button>\n</mat-menu>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\n\nimport { SmartMenuButtonAtom } from './smart-menu-button.atom';\n\n\n@NgModule({\n  declarations: [SmartMenuButtonAtom],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatMenuModule,\n  ],\n  exports: [SmartMenuButtonAtom]\n})\nexport class SmartMenuButtonModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatButtonModule","MatMenuModule"],"mappings":"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"}

package/fesm2015/ng-atomic-components-frames-auto-layout.mjs

@@ -4,19 +4,19 @@ import { CommonModule } from '@angular/common';
 
 class AutoLayoutFrame {
 }
-AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-idyo: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-idyo: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-idyo);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-idyo) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutFrame, decorators: [{
+AutoLayoutFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-skRc: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-skRc: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-skRc);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-skRc) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-idyo: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-idyo: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-idyo);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-idyo) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+            args: [{ selector: 'frames-auto-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-skRc: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-skRc: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-skRc);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-skRc) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 
 class AutoLayoutModule {
 }
-AutoLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AutoLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutModule, declarations: [AutoLayoutFrame], imports: [CommonModule], exports: [AutoLayoutFrame] });
-AutoLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: AutoLayoutModule, decorators: [{
+AutoLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AutoLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, declarations: [AutoLayoutFrame], imports: [CommonModule], exports: [AutoLayoutFrame] });
+AutoLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: AutoLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2015/ng-atomic-components-frames-card.mjs

@@ -1,28 +1,28 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
+import * as i1 from '@angular/material/legacy-card';
+import { MatLegacyCardModule } from '@angular/material/legacy-card';
 import { CommonModule } from '@angular/common';
 
 class CardFrame {
 }
-CardFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: CardFrame, selector: "frames-card", ngImport: i0, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardFrame, decorators: [{
+CardFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: CardFrame, selector: "frames-card", ngImport: i0, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i1.MatLegacyCard, selector: "mat-card", exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}\n"] }]
         }] });
 
 class CardModule {
 }
-CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: CardModule, declarations: [CardFrame], imports: [CommonModule,
+CardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: CardModule, declarations: [CardFrame], imports: [CommonModule,
         // Material
-        MatCardModule], exports: [CardFrame] });
-CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardModule, imports: [CommonModule,
+        MatLegacyCardModule], exports: [CardFrame] });
+CardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, imports: [CommonModule,
         // Material
-        MatCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: CardModule, decorators: [{
+        MatLegacyCardModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: CardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
                     imports: [
                         CommonModule,
                         // Material
-                        MatCardModule,
+                        MatLegacyCardModule,
                     ],
                     exports: [
                         CardFrame

package/fesm2015/ng-atomic-components-frames-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.html","../../../../../packages/@ng-atomic/components/src/frames/card/card.module.ts","../../../../../packages/@ng-atomic/components/src/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDCRtB,gDAA8C,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDQjC,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;MEcpC,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAV,UAAU,EAAA,YAAA,EAAA,CAXnB,SAAS,CAAA,EAAA,OAAA,EAAA,CAGT,YAAY;;QAEZ,aAAa,aAGb,SAAS,CAAA,EAAA,CAAA,CAAA;AAGA,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YARnB,YAAY;;QAEZ,aAAa,CAAA,EAAA,CAAA,CAAA;2FAMJ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,SAAS;AACV,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,SAAS;AACV,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-frames-card.mjs","sources":["../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.ts","../../../../../packages/@ng-atomic/components/src/frames/card/card.frame.html","../../../../../packages/@ng-atomic/components/src/frames/card/card.module.ts","../../../../../packages/@ng-atomic/components/src/frames/card/ng-atomic-components-frames-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyCardModule as MatCardModule } from '@angular/material/legacy-card';\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatCardModule"],"mappings":";;;;;;MAQa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDCRtB,gDAA8C,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDQjC,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,iKAAA,CAAA,EAAA,CAAA;;;MEcpC,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAV,UAAU,EAAA,YAAA,EAAA,CAXnB,SAAS,CAAA,EAAA,OAAA,EAAA,CAGT,YAAY;;QAEZA,mBAAa,aAGb,SAAS,CAAA,EAAA,CAAA,CAAA;AAGA,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YARnB,YAAY;;QAEZA,mBAAa,CAAA,EAAA,CAAA,CAAA;2FAMJ,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,SAAS;AACV,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,mBAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,SAAS;AACV,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-frames-drawer.mjs

@@ -26,11 +26,11 @@ class DrawerFrame {
         }, 0);
     }
 }
-DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-s4E9: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-s4E9: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-s4E9)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DrawerFrame, decorators: [{
+DrawerFrame.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DrawerFrame.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DrawerFrame, selector: "frames-drawer", inputs: { isOpen: "isOpen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: MatDrawer, descendants: true }], ngImport: i0, template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-1Syf: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-1Syf: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-1Syf)}:host mat-drawer-content{width:100%}\n"], dependencies: [{ kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-s4E9: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-s4E9: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-s4E9)}:host mat-drawer-content{width:100%}\n"] }]
+            args: [{ selector: 'frames-drawer', template: "<mat-drawer-container [autosize]=\"false\">\n  <mat-drawer #drawer mode=\"side\">\n    <ng-content select=[drawer]></ng-content>\n  </mat-drawer>\n\n  <mat-drawer-content>\n    <ng-content select=[contents]></ng-content>\n  </mat-drawer-content>\n  \n</mat-drawer-container>", styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-1Syf: var(--content-width);--height: 100vh;--height-SCOPED-IN-drawer-1Syf: var(--height)}:host{height:var(--height-SCOPED-IN-drawer-1Syf)}:host mat-drawer-content{width:100%}\n"] }]
         }], propDecorators: { drawer: [{
                 type: ViewChild,
                 args: [MatDrawer]
@@ -40,12 +40,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImpor
 
 class DrawerModule {
 }
-DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: DrawerModule, declarations: [DrawerFrame], imports: [CommonModule,
+DrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, declarations: [DrawerFrame], imports: [CommonModule,
         MatSidenavModule], exports: [DrawerFrame] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DrawerModule, imports: [CommonModule,
+DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, imports: [CommonModule,
         MatSidenavModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: DrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [DrawerFrame],