@ng-atomic/components 1.6.0 → 2.0.1

package/fesm2015/ng-atomic-components-organisms-heading.js

@@ -1,48 +1,48 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgSwitch, NgSwitchDefault, NgTemplateOutlet, NgSwitchCase, CommonModule } from '@angular/common';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class HeadingOrganism {
     constructor() {
         this.level = 1;
     }
 }
-HeadingOrganism.ɵfac = function HeadingOrganism_Factory(t) { return new (t || HeadingOrganism)(); };
-HeadingOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-rpT5:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-rpT5)}"], directives: [{ type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(HeadingOrganism, [{
-        type: Component,
-        args: [{
-                selector: 'organisms-heading',
-                templateUrl: './heading.organism.html',
-                styleUrls: ['./heading.organism.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, { level: [{
-            type: Input
-        }] }); })();
+HeadingOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-72Bn: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-72Bn)}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-heading',
+                    templateUrl: './heading.organism.html',
+                    styleUrls: ['./heading.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { level: [{
+                type: Input
+            }] } });
 
 class HeadingModule {
 }
-HeadingModule.ɵfac = function HeadingModule_Factory(t) { return new (t || HeadingModule)(); };
-HeadingModule.ɵmod = ɵɵdefineNgModule({ type: HeadingModule });
-HeadingModule.ɵinj = ɵɵdefineInjector({ imports: [[
+HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingModule, declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] });
+HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingModule, imports: [[
             CommonModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(HeadingModule, { declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(HeadingModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    HeadingOrganism
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    HeadingOrganism
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HeadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        HeadingOrganism
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        HeadingOrganism
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-organisms-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-heading.js","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,eAAe;IAN5B;QAQE,UAAK,GAA0B,CAAC,CAAC;KAClC;;8EAHY,eAAe;wEAAf,eAAe,qFCR5B,6oBASe;oFDDF,eAAe;cAN3B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,WAAW,EAAE,yBAAyB;gBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;gBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAGC,KAAK;kBADJ,KAAK;;;MEQK,aAAa;;0EAAb,aAAa;8CAAb,aAAa;kDAPf;YACP,YAAY;SACb;qFAKU,aAAa,mBATtB,eAAe,aAGf,YAAY,aAGZ,eAAe;oFAGN,aAAa;cAXzB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,eAAe;iBAChB;aACF;;;AChBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-heading.js","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAA0B,CAAC,CAAC;AAClC,KAAA;;6GAHY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,qFCR5B,6oBASe,EAAA,MAAA,EAAA,CAAA,4NAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,WAAW,EAAE,yBAAyB;oBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;oBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;8BAGC,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEQK,aAAa,CAAA;;2GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EATtB,YAAA,EAAA,CAAA,eAAe,CAGf,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAPf,OAAA,EAAA,CAAA;YACP,YAAY;AACb,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-menu.js

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { NgForOf, CommonModule } from '@angular/common';
-import { MatSelectionList, MatListOption, MatListIconCssMatStyler, MatListModule } from '@angular/material/list';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { MatLine } from '@angular/material/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/core';
 
 class MenuOrganism {
     constructor() {
@@ -11,46 +14,45 @@ class MenuOrganism {
         this.actionItemClick = new EventEmitter();
     }
 }
-MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
-MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-Xeyq:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-Xeyq:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-Xeyq:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-Xeyq);color:var(--color-SCOPED-IN-menu-Xeyq);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-Xeyq);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuOrganism, [{
-        type: Component,
-        args: [{
-                selector: 'organisms-menu',
-                templateUrl: './menu.organism.html',
-                styleUrls: ['./menu.organism.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, { actionItems: [{
-            type: Input
-        }], actionItemClick: [{
-            type: Output
-        }] }); })();
+MenuOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-N5uo: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-N5uo: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-N5uo: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-N5uo);color:var(--color-SCOPED-IN-menu-N5uo);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-N5uo);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], components: [{ type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-menu',
+                    templateUrl: './menu.organism.html',
+                    styleUrls: ['./menu.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { actionItems: [{
+                type: Input
+            }], actionItemClick: [{
+                type: Output
+            }] } });
 
 class MenuModule {
 }
-MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
-MenuModule.ɵmod = ɵɵdefineNgModule({ type: MenuModule });
-MenuModule.ɵinj = ɵɵdefineInjector({ imports: [[
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, declarations: [MenuOrganism], imports: [CommonModule,
+        MatListModule,
+        MatIconModule], exports: [MenuOrganism] });
+MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, imports: [[
             CommonModule,
             MatListModule,
             MatIconModule
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuOrganism], imports: [CommonModule,
-        MatListModule,
-        MatIconModule], exports: [MenuOrganism] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [MenuOrganism],
-                imports: [
-                    CommonModule,
-                    MatListModule,
-                    MatIconModule
-                ],
-                exports: [MenuOrganism]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MenuOrganism],
+                    imports: [
+                        CommonModule,
+                        MatListModule,
+                        MatIconModule
+                    ],
+                    exports: [MenuOrganism]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-organisms-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-menu.js","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;qEAAZ,YAAY,+ICTzB,mUASqB;oFDAR,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MECI,UAAU;;oEAAV,UAAU;2CAAV,UAAU;+CAPZ;YACP,YAAY;YACZ,aAAa;YACb,aAAa;SACd;qFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;QACZ,aAAa;QACb,aAAa,aAEL,YAAY;oFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACdD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-menu.js","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\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-organisms-navigator.js

@@ -1,10 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
-import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
-import { NgIf, CommonModule } from '@angular/common';
-import { MatButton, MatButtonModule } from '@angular/material/button';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { SmartMenuButtonAtom, SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class NavigatorOrganism {
     constructor() {
@@ -14,35 +19,41 @@ class NavigatorOrganism {
         this.actionItemClick = new EventEmitter();
     }
 }
-NavigatorOrganism.ɵfac = function NavigatorOrganism_Factory(t) { return new (t || NavigatorOrganism)(); };
-NavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height:64px;--height-SCOPED-IN-navigator-EYd0:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-navigator-EYd0)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}:host div{justify-content:center}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: 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: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(NavigatorOrganism, [{
-        type: Component,
-        args: [{
-                selector: 'organisms-navigator',
-                templateUrl: './navigator.organism.html',
-                styleUrls: ['./navigator.organism.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-            }]
-    }], null, { canBack: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }], description: [{
-            type: Input
-        }], actionItems: [{
-            type: Input
-        }], backButtonClick: [{
-            type: Output
-        }], actionItemClick: [{
-            type: Output
-        }] }); })();
+NavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-cE0l: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-cE0l)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { 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"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-navigator',
+                    templateUrl: './navigator.organism.html',
+                    styleUrls: ['./navigator.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { canBack: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], actionItems: [{
+                type: Input
+            }], backButtonClick: [{
+                type: Output
+            }], actionItemClick: [{
+                type: Output
+            }] } });
 
 class NavigatorModule {
 }
-NavigatorModule.ɵfac = function NavigatorModule_Factory(t) { return new (t || NavigatorModule)(); };
-NavigatorModule.ɵmod = ɵɵdefineNgModule({ type: NavigatorModule });
-NavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
+NavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, declarations: [NavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatToolbarModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [NavigatorOrganism] });
+NavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, imports: [[
             CommonModule,
             // Material
             MatButtonModule,
@@ -51,29 +62,22 @@ NavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
             // Atoms
             SmartMenuButtonModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(NavigatorModule, { declarations: [NavigatorOrganism], imports: [CommonModule,
-        // Material
-        MatButtonModule,
-        MatIconModule,
-        MatToolbarModule,
-        // Atoms
-        SmartMenuButtonModule], exports: [NavigatorOrganism] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(NavigatorModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [NavigatorOrganism],
-                imports: [
-                    CommonModule,
-                    // Material
-                    MatButtonModule,
-                    MatIconModule,
-                    MatToolbarModule,
-                    // Atoms
-                    SmartMenuButtonModule,
-                ],
-                exports: [NavigatorOrganism]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NavigatorOrganism],
+                    imports: [
+                        CommonModule,
+                        // Material
+                        MatButtonModule,
+                        MatIconModule,
+                        MatToolbarModule,
+                        // Atoms
+                        SmartMenuButtonModule,
+                    ],
+                    exports: [NavigatorOrganism]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-organisms-navigator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigator.js","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigator',\n  templateUrl: './navigator.organism.html',\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n  declarations: [NavigatorOrganism],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,iBAAiB;IAN9B;QASE,YAAO,GAAG,IAAI,CAAC;QASf,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG3C,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;KAEvD;;kFApBY,iBAAiB;0EAAjB,iBAAiB,wPCT9B,8hBAiBA;oFDRa,iBAAiB;cAN7B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,WAAW,EAAE,2BAA2B;gBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,OAAO;kBADN,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;;;MEHI,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDAXjB;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB;SACtB;qFAGU,eAAe,mBAZX,iBAAiB,aAE9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;;QAEhB,qBAAqB,aAEb,iBAAiB;oFAEhB,eAAe;cAb3B,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;;oBAEhB,qBAAqB;iBACtB;gBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;aAC7B;;;ACtBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-navigator.js","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigator',\n  templateUrl: './navigator.organism.html',\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n  declarations: [NavigatorOrganism],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\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-organisms-paginator.js

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
-import { AutoLayoutFrame, AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import { ChipsInputFieldMolecule, ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
+import * as i3 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i1 from '@ng-atomic/components/frames/auto-layout';
+import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
+import * as i2 from '@ng-atomic/components/molecules/chips-input-field';
+import { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
 import { FormControl } from '@ngneat/reactive-forms';
 
 class PaginatorOrganism {
@@ -14,34 +17,40 @@ class PaginatorOrganism {
         this.pageChange = new EventEmitter();
     }
 }
-PaginatorOrganism.ɵfac = function PaginatorOrganism_Factory(t) { return new (t || PaginatorOrganism)(); };
-PaginatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: PaginatorOrganism, selector: "organisms-paginator", inputs: { control: "control", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n", styles: [":host frames-auto-layout{--vertical-padding:0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:auto}:host frames-auto-layout mat-paginator{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}"], directives: [{ type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["control", "placeholder"] }, { type: MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: ChangeDetectionStrategy.OnPush });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PaginatorOrganism, [{
-        type: Component,
-        args: [{
-                selector: 'organisms-paginator',
-                templateUrl: './paginator.organism.html',
-                styleUrls: ['./paginator.organism.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { class: 'organism' },
-            }]
-    }], null, { control: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }], page: [{
-            type: Input
-        }], pageSizeOptions: [{
-            type: Input
-        }], pageChange: [{
-            type: Output
-        }] }); })();
+PaginatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PaginatorOrganism, selector: "organisms-paginator", inputs: { control: "control", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n", styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:auto}:host frames-auto-layout mat-paginator{width:-moz-fit-content;width:fit-content}\n"], components: [{ type: i1.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i2.ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["control", "placeholder"] }, { type: i3.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-paginator',
+                    templateUrl: './paginator.organism.html',
+                    styleUrls: ['./paginator.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'organism' },
+                }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
 
 class PaginatorModule {
 }
-PaginatorModule.ɵfac = function PaginatorModule_Factory(t) { return new (t || PaginatorModule)(); };
-PaginatorModule.ɵmod = ɵɵdefineNgModule({ type: PaginatorModule });
-PaginatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
+PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, declarations: [PaginatorOrganism], imports: [CommonModule,
+        // Materials
+        MatPaginatorModule,
+        // Frames
+        AutoLayoutModule,
+        // Molecules
+        ChipsInputFieldModule], exports: [PaginatorOrganism] });
+PaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, imports: [[
             CommonModule,
             // Materials
             MatPaginatorModule,
@@ -50,33 +59,26 @@ PaginatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
             // Molecules
             ChipsInputFieldModule,
         ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(PaginatorModule, { declarations: [PaginatorOrganism], imports: [CommonModule,
-        // Materials
-        MatPaginatorModule,
-        // Frames
-        AutoLayoutModule,
-        // Molecules
-        ChipsInputFieldModule], exports: [PaginatorOrganism] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PaginatorModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    PaginatorOrganism
-                ],
-                imports: [
-                    CommonModule,
-                    // Materials
-                    MatPaginatorModule,
-                    // Frames
-                    AutoLayoutModule,
-                    // Molecules
-                    ChipsInputFieldModule,
-                ],
-                exports: [
-                    PaginatorOrganism
-                ]
-            }]
-    }], null, null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PaginatorOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatPaginatorModule,
+                        // Frames
+                        AutoLayoutModule,
+                        // Molecules
+                        ChipsInputFieldModule,
+                    ],
+                    exports: [
+                        PaginatorOrganism
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-organisms-paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-paginator.js","sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts","../../../../libs/components/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-paginator',\n  templateUrl: './paginator.organism.html',\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  page!: PageEvent;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n  declarations: [\n    PaginatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatPaginatorModule,\n    // Frames\n    AutoLayoutModule,\n    // Molecules\n    ChipsInputFieldModule,\n  ],\n  exports: [\n    PaginatorOrganism\n  ]\n})\nexport class PaginatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAWa,iBAAiB;IAP9B;QAUE,YAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAGtC,gBAAW,GAAG,EAAE,CAAC;QAMjB,oBAAe,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAG7C,eAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;kFAjBY,iBAAiB;0EAAjB,iBAAiB,sPCX9B,wZAcA;oFDHa,iBAAiB;cAP7B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,WAAW,EAAE,2BAA2B;gBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,UAAU;kBADT,MAAM;;;MEAI,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDAbjB;YACP,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB;SACtB;qFAKU,eAAe,mBAfxB,iBAAiB,aAGjB,YAAY;;QAEZ,kBAAkB;;QAElB,gBAAgB;;QAEhB,qBAAqB,aAGrB,iBAAiB;oFAGR,eAAe;cAjB3B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,kBAAkB;;oBAElB,gBAAgB;;oBAEhB,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;ACxBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-paginator.js","sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts","../../../../libs/components/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-paginator',\n  templateUrl: './paginator.organism.html',\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  page!: PageEvent;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n  declarations: [\n    PaginatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatPaginatorModule,\n    // Frames\n    AutoLayoutModule,\n    // Molecules\n    ChipsInputFieldModule,\n  ],\n  exports: [\n    PaginatorOrganism\n  ]\n})\nexport class PaginatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}