@ng-atomic/components 5.4.2 → 5.6.0

package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs

@@ -1,11 +1,10 @@
-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/legacy-list';
-import { MatLegacyListModule } from '@angular/material/legacy-list';
-import * as i3 from '@ng-atomic/components/molecules/navigation-list-item';
-import { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { NavigationListItemMolecule } from '@ng-atomic/components/molecules/navigation-list-item';
 
 class NavigationListOrganism {
     constructor() {
@@ -14,47 +13,23 @@ class NavigationListOrganism {
     }
 }
 NavigationListOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigationListOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-Os4e: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-Os4e: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-Os4e: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-Os4e);color:var(--color-SCOPED-IN-navigation-list-Os4e);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-navigation-list-Os4e);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatLegacySelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.NavigationListItemMolecule, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NavigationListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigationListOrganism, isStandalone: true, selector: "organisms-navigation-list", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-7aqh: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-7aqh: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-7aqh: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-7aqh);color:var(--color-SCOPED-IN-navigation-list-7aqh);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-navigation-list-7aqh);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: NavigationListItemMolecule, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigationListOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-navigation-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-Os4e: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-Os4e: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-Os4e: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-Os4e);color:var(--color-SCOPED-IN-navigation-list-Os4e);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-navigation-list-Os4e);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
+            args: [{ selector: 'organisms-navigation-list', standalone: true, imports: [
+                        CommonModule,
+                        MatListModule,
+                        NavigationListItemMolecule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-navigation-list-7aqh: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-navigation-list-7aqh: var(--secondary-color);--color: white;--color-SCOPED-IN-navigation-list-7aqh: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-navigation-list-7aqh);color:var(--color-SCOPED-IN-navigation-list-7aqh);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-navigation-list-7aqh);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], action: [{
                 type: Output
             }] } });
 
-class NavigationListModule {
-}
-NavigationListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigationListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NavigationListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: NavigationListModule, declarations: [NavigationListOrganism], imports: [CommonModule,
-        // Materials
-        MatLegacyListModule,
-        // Molecules
-        NavigationListItemModule], exports: [NavigationListOrganism] });
-NavigationListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigationListModule, imports: [CommonModule,
-        // Materials
-        MatLegacyListModule,
-        // Molecules
-        NavigationListItemModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigationListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NavigationListOrganism],
-                    imports: [
-                        CommonModule,
-                        // Materials
-                        MatLegacyListModule,
-                        // Molecules
-                        NavigationListItemModule,
-                    ],
-                    exports: [NavigationListOrganism]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NavigationListModule, NavigationListOrganism };
+export { NavigationListOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-navigation-list.mjs.map

package/fesm2015/ng-atomic-components-organisms-navigation-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigation-list',\n  templateUrl: './navigation-list.organism.html',\n  styleUrls: ['./navigation-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListOrganism {\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n}\n","<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';\nimport { NavigationListItemModule } from '@ng-atomic/components/molecules/navigation-list-item';\n\nimport { NavigationListOrganism } from './navigation-list.organism';\n\n@NgModule({\n  declarations: [NavigationListOrganism],\n  imports: [\n    CommonModule,\n    // Materials\n    MatListModule,\n    // Molecules\n    NavigationListItemModule,\n  ],\n  exports: [NavigationListOrganism]\n})\nexport class NavigationListModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatListModule"],"mappings":";;;;;;;;;MASa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KACrC;;mHANY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,gICTnC,mPAMqB,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDGR,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACE,2BAA2B,EAAA,eAAA,EAGpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mPAAA,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,CAAA;8BAI/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEKI,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kHAApB,oBAAoB,EAAA,YAAA,EAAA,CAVhB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAEnC,YAAY;;QAEZA,mBAAa;;QAEb,wBAAwB,aAEhB,sBAAsB,CAAA,EAAA,CAAA,CAAA;AAErB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAR7B,YAAY;;QAEZA,mBAAa;;QAEb,wBAAwB,CAAA,EAAA,CAAA,CAAA;2FAIf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,mBAAa;;wBAEb,wBAAwB;AACzB,qBAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC,CAAA;;;ACjBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-navigation-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/navigation-list.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/navigation-list/ng-atomic-components-organisms-navigation-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { Action } from '@ng-atomic/common/models';\nimport { NavigationListItemMolecule } from '@ng-atomic/components/molecules/navigation-list-item';\n\n@Component({\n  selector: 'organisms-navigation-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatListModule,\n    NavigationListItemMolecule,\n  ],\n  templateUrl: './navigation-list.organism.html',\n  styleUrls: ['./navigation-list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListOrganism {\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n}\n","<mat-selection-list [multiple]=\"false\">\n  <molecules-navigation-list-item\n    *ngFor=\"let _action of actions\" \n    [action]=\"_action\"\n    (click)=\"action.emit(_action)\"\n  ></molecules-navigation-list-item>\n</mat-selection-list>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAkBa,sBAAsB,CAAA;AAZnC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KACrC;;mHANY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,oJClBnC,mPAMqB,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIjB,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,yQACb,0BAA0B,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMjB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,aAAa;wBACb,0BAA0B;AAC3B,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mPAAA,EAAA,MAAA,EAAA,CAAA,4wBAAA,CAAA,EAAA,CAAA;8BAI/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AEtBT;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-navigator.mjs

@@ -1,13 +1,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 i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import * as i2 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i3 from '@ng-atomic/components/atoms/smart-menu-button';
-import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
-import { MatLegacyButtonModule } from '@angular/material/legacy-button';
-import { MatIconModule } from '@angular/material/icon';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 
 class NavigatorOrganism {
     constructor() {
@@ -17,10 +16,16 @@ class NavigatorOrganism {
     }
 }
 NavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { startActions: "startActions", endActions: "endActions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-Jlt8: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-Jlt8)}: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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: NavigatorOrganism, isStandalone: true, selector: "organisms-navigator", inputs: { startActions: "startActions", endActions: "endActions" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-yc8R: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-yc8R)}: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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-Jlt8: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-Jlt8)}: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"] }]
+            args: [{ selector: 'organisms-navigator', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatToolbarModule,
+                        SmartMenuButtonAtom,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-yc8R: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-yc8R)}: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"] }]
         }], propDecorators: { startActions: [{
                 type: Input
             }], endActions: [{
@@ -29,43 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class NavigatorModule {
-}
-NavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: NavigatorModule, declarations: [NavigatorOrganism], imports: [CommonModule,
-        // Material
-        MatLegacyButtonModule,
-        MatIconModule,
-        MatToolbarModule,
-        // Atoms
-        SmartMenuButtonModule], exports: [NavigatorOrganism] });
-NavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorModule, imports: [CommonModule,
-        // Material
-        MatLegacyButtonModule,
-        MatIconModule,
-        MatToolbarModule,
-        // Atoms
-        SmartMenuButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: NavigatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NavigatorOrganism],
-                    imports: [
-                        CommonModule,
-                        // Material
-                        MatLegacyButtonModule,
-                        MatIconModule,
-                        MatToolbarModule,
-                        // Atoms
-                        SmartMenuButtonModule,
-                    ],
-                    exports: [NavigatorOrganism]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NavigatorModule, NavigatorOrganism };
+export { NavigatorOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-navigator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigator/navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/navigator/navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } 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  @Input()\n  startActions: Action[] = [];\n\n  @Input()\n  endActions: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\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 { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\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":["MatButtonModule"],"mappings":";;;;;;;;;;;MASa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAY,CAAA,YAAA,GAAa,EAAE,CAAC;AAG5B,QAAA,IAAU,CAAA,UAAA,GAAa,EAAE,CAAC;AAG1B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KACrC;;8GATY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,8JCT9B,4cAiBA,EAAA,MAAA,EAAA,CAAA,+TAAA,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,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDRa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,+TAAA,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEQI,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAZX,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAE9B,YAAY;;QAEZA,qBAAe;QACf,aAAa;QACb,gBAAgB;;QAEhB,qBAAqB,aAEb,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAVxB,YAAY;;QAEZA,qBAAe;QACf,aAAa;QACb,gBAAgB;;QAEhB,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAIZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,qBAAe;wBACf,aAAa;wBACb,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B,CAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/navigator/navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Action } from '@ng-atomic/common/models';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n@Component({\n  selector: 'organisms-navigator',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    SmartMenuButtonAtom,\n  ],\n  templateUrl: './navigator.organism.html',\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n  @Input()\n  startActions: Action[] = [];\n\n  @Input()\n  endActions: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"startActions.length\"\n      [items]=\"startActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n    <ng-content></ng-content>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      *ngIf=\"endActions.length\"\n      [items]=\"endActions\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAsBa,iBAAiB,CAAA;AAd9B,IAAA,WAAA,GAAA;AAgBE,QAAA,IAAY,CAAA,YAAA,GAAa,EAAE,CAAC;AAG5B,QAAA,IAAU,CAAA,UAAA,GAAa,EAAE,CAAC;AAG1B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KACrC;;8GATY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtB9B,4cAiBA,EAAA,MAAA,EAAA,CAAA,+TAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLI,YAAY,EAAA,EAAA,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,UAAA,EAAA,IAAA,EACZ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,mBAAmB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMV,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;+BACE,qBAAqB,EAAA,UAAA,EACnB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,eAAe;wBACf,aAAa;wBACb,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,+TAAA,CAAA,EAAA,CAAA;8BAI/C,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AE7BT;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-paginator.mjs

@@ -1,29 +1,58 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/material/legacy-paginator';
-import { MatLegacyPaginatorModule } from '@angular/material/legacy-paginator';
-import * as i2 from '@ng-atomic/components/frames/auto-layout';
-import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import * as i3 from '@ng-atomic/components/molecules/chips-input-field';
-import { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
-import { FormControl } from '@angular/forms';
+import * as i1 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
 
 class PaginatorOrganism {
     constructor() {
         this.control = new FormControl('');
+        this.form = new FormGroup({
+            pageIndex: new FormControl(0),
+            pageSize: new FormControl(0),
+            length: new FormControl(0),
+        });
         this.placeholder = '';
         this.pageSizeOptions = [5, 10, 25, 100];
         this.pageChange = new EventEmitter();
     }
+    onPageChange(page) {
+        this.form.patchValue({
+            pageIndex: page.pageIndex,
+            pageSize: page.pageSize,
+            length: page.length,
+        });
+    }
 }
 PaginatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: PaginatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PaginatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", 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    [appearance]=\"'legacy'\"\n    [control]=\"control\"\n    [floatLabel]=\"'always'\"\n    [label]=\"''\"\n    [hint]=\"''\"\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", styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"], dependencies: [{ kind: "component", type: i1.MatLegacyPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["appearance", "control", "floatLabel", "label", "hint", "placeholder", "separators"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PaginatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: PaginatorOrganism, isStandalone: true, selector: "organisms-paginator", inputs: { control: "control", form: "form", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, host: { classAttribute: "organism" }, ngImport: i0, template: `
+    <mat-paginator
+      [length]="page.length"
+      [pageSize]="page.pageSize"
+      [pageSizeOptions]="pageSizeOptions"
+      (page)="onPageChange($event)"
+      aria-label="Select page">
+    </mat-paginator>
+  `, isInline: true, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-paginator', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [appearance]=\"'legacy'\"\n    [control]=\"control\"\n    [floatLabel]=\"'always'\"\n    [label]=\"''\"\n    [hint]=\"''\"\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", styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
+            args: [{ selector: 'organisms-paginator', standalone: true, imports: [
+                        CommonModule,
+                        MatPaginatorModule,
+                    ], template: `
+    <mat-paginator
+      [length]="page.length"
+      [pageSize]="page.pageSize"
+      [pageSizeOptions]="pageSizeOptions"
+      (page)="onPageChange($event)"
+      aria-label="Select page">
+    </mat-paginator>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism' }, styles: [":host frames-auto-layout{--vertical-padding: 0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:100%}:host frames-auto-layout mat-paginator{min-width:440px}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
+            }], form: [{
+                type: Input
             }], placeholder: [{
                 type: Input
             }], page: [{
@@ -34,47 +63,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class PaginatorModule {
-}
-PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: PaginatorModule, declarations: [PaginatorOrganism], imports: [CommonModule,
-        // Materials
-        MatLegacyPaginatorModule,
-        // Frames
-        AutoLayoutModule,
-        // Molecules
-        ChipsInputFieldModule], exports: [PaginatorOrganism] });
-PaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
-        // Materials
-        MatLegacyPaginatorModule,
-        // Frames
-        AutoLayoutModule,
-        // Molecules
-        ChipsInputFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: PaginatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        PaginatorOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Materials
-                        MatLegacyPaginatorModule,
-                        // Frames
-                        AutoLayoutModule,
-                        // Molecules
-                        ChipsInputFieldModule,
-                    ],
-                    exports: [
-                        PaginatorOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { PaginatorModule, PaginatorOrganism };
+export { PaginatorOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-paginator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/paginator/paginator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/paginator/paginator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { FormControl } from '@angular/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    [appearance]=\"'legacy'\"\n    [control]=\"control\"\n    [floatLabel]=\"'always'\"\n    [label]=\"''\"\n    [hint]=\"''\"\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-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":["MatPaginatorModule"],"mappings":";;;;;;;;;;;MAWa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAGtC,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAMjB,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;8GAjBY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,sPCX9B,2fAiBA,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDNa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BACE,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,QACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,QAAA,EAAA,2fAAA,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,CAAA;8BAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;MEAI,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAfxB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,YAAY;;QAEZA,wBAAkB;;QAElB,gBAAgB;;QAEhB,qBAAqB,aAGrB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGR,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAZxB,YAAY;;QAEZA,wBAAkB;;QAElB,gBAAgB;;QAEhB,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAjB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,wBAAkB;;wBAElB,gBAAgB;;wBAEhB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;AAClB,qBAAA;iBACF,CAAA;;;ACxBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-paginator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/paginator/paginator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\n\n@Component({\n  selector: 'organisms-paginator',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatPaginatorModule,\n  ],\n  template: `\n    <mat-paginator\n      [length]=\"page.length\"\n      [pageSize]=\"page.pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      (page)=\"onPageChange($event)\"\n      aria-label=\"Select page\">\n    </mat-paginator>\n  `,\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  form = new FormGroup({\n    pageIndex: new FormControl(0),\n    pageSize: new FormControl(0),\n    length: new FormControl(0),\n  });\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  protected onPageChange(page: PageEvent) {\n    this.form.patchValue({\n      pageIndex: page.pageIndex,\n      pageSize: page.pageSize,\n      length: page.length,\n    });\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MA0Ba,iBAAiB,CAAA;AApB9B,IAAA,WAAA,GAAA;QAuBE,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;AAGtC,QAAA,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,SAAS,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC7B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC5B,YAAA,MAAM,EAAE,IAAI,WAAW,CAAC,CAAC,CAAC;AAC3B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAMjB,QAAA,IAAe,CAAA,eAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAG7C,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAU5C;AARW,IAAA,YAAY,CAAC,IAAe,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YACnB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;AACpB,SAAA,CAAC,CAAC;KACJ;;8GA9BU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAblB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;AAQT,EAAA,CAAA,EAXC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAeT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,SAAS;+BACE,qBAAqB,EAAA,UAAA,EACnB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,kBAAkB;AACnB,qBAAA,EACS,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,MAAA,EAAA,CAAA,wMAAA,CAAA,EAAA,CAAA;8BAKzB,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,MAAM;;;AC/CT;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs

@@ -1,9 +1,8 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@ng-atomic/components/molecules/select-input-field';
-import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';
 
 class SelectInputSectionOrganism {
     constructor() {
@@ -13,10 +12,13 @@ class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-zSSu: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-zSSu);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectInputSectionOrganism, isStandalone: true, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-zvd7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-zvd7);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "appearance", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-select-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-zSSu: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-zSSu);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
+            args: [{ selector: 'organisms-select-input-section', standalone: true, imports: [
+                        CommonModule,
+                        SelectInputFieldMolecule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-zvd7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-zvd7);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], control: [{
@@ -25,35 +27,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }] } });
 
-class SelectInputSectionModule {
-}
-SelectInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SelectInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionModule, declarations: [SelectInputSectionOrganism], imports: [CommonModule,
-        // Molecules
-        SelectInputFieldModule], exports: [SelectInputSectionOrganism] });
-SelectInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionModule, imports: [CommonModule,
-        // Molecules
-        SelectInputFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectInputSectionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SelectInputSectionOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Molecules
-                        SelectInputFieldModule,
-                    ],
-                    exports: [
-                        SelectInputSectionOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SelectInputSectionModule, SelectInputSectionOrganism };
+export { SelectInputSectionOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-select-input-section.mjs.map

package/fesm2015/ng-atomic-components-organisms-select-input-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/select-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/select-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/select-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n  selector: 'organisms-select-input-section',\n  templateUrl: './select-input-section.organism.html',\n  styleUrls: ['./select-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>({} as T);\n\n  @Input()\n  options: {name: string, value: T}[] = [];\n  \n}\n","<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\n\nimport { SelectInputSectionOrganism } from './select-input-section.organism';\n\n\n@NgModule({\n  declarations: [\n    SelectInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    SelectInputFieldModule,\n  ],\n  exports: [\n    SelectInputSectionOrganism\n  ]\n})\nexport class SelectInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,0BAA0B,CAAA;AANvC,IAAA,WAAA,GAAA;AASE,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAI,EAAO,CAAC,CAAC;AAGtC,QAAA,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;KAE1C;;uHAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,0ICTvC,wIAIgC,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDKnB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;+BACE,gCAAgC,EAAA,eAAA,EAGzB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEGK,wBAAwB,CAAA;;qHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAXjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;QAEZ,sBAAsB,aAGtB,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YARjC,YAAY;;QAEZ,sBAAsB,CAAA,EAAA,CAAA,CAAA;2FAMb,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-select-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/select-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/select-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { SelectInputFieldMolecule } from '@ng-atomic/components/molecules/select-input-field';\n\n@Component({\n  selector: 'organisms-select-input-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    SelectInputFieldMolecule,\n  ],\n  templateUrl: './select-input-section.organism.html',\n  styleUrls: ['./select-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>({} as T);\n\n  @Input()\n  options: {name: string, value: T}[] = [];\n  \n}\n","<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgBa,0BAA0B,CAAA;AAXvC,IAAA,WAAA,GAAA;AAcE,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAI,EAAO,CAAC,CAAC;AAGtC,QAAA,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;KAE1C;;uHAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EChBvC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wIAIgC,EDK5B,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,wBAAwB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMf,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;AACzB,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;AExBR;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-organisms-smart-list.mjs

@@ -1,15 +1,14 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Optional, Inject, Input, Output, NgModule } from '@angular/core';
-import * as i5 from '@ng-atomic/common/pipes/data-accessor';
+import { EventEmitter, Component, ChangeDetectionStrategy, Optional, Inject, Input, Output } from '@angular/core';
 import { defaultDataAccessor, DATA_ACCESSOR, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/legacy-list';
-import { MatLegacyListModule } from '@angular/material/legacy-list';
-import * as i3 from '@angular/material/core';
-import { MatRippleModule } from '@angular/material/core';
-import * as i4 from '@angular/material/divider';
+import * as i2 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i3 from '@angular/material/divider';
 
 var ActionId;
 (function (ActionId) {
@@ -19,7 +18,6 @@ class SmartListOrganism {
     constructor(dataAccessor) {
         var _a;
         this.dataAccessor = dataAccessor;
-        this.statusAccessor = (data) => data['status'];
         this.items = [];
         this.action = new EventEmitter();
         (_a = this.dataAccessor) !== null && _a !== void 0 ? _a : (this.dataAccessor = defaultDataAccessor);
@@ -45,10 +43,44 @@ class SmartListOrganism {
     }
 }
 SmartListOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListOrganism, deps: [{ token: DATA_ACCESSOR, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SmartListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartListOrganism, selector: "organisms-smart-list", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n      <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\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: "component", type: i2.MatLegacyList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { kind: "component", type: i2.MatLegacyListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i3.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i2.MatLegacyListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: i5.DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartListOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartListOrganism, isStandalone: true, selector: "organisms-smart-list", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: `
+    <mat-list>
+      <ng-container *ngFor="let status of statuses">
+        <div mat-subheader> {{ status }}</div>
+        <ng-container *ngFor="let item of statusMap[status]">
+          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+            <span matListItemTitle>{{ item | dataAccessor:'title' }}</span>
+            <span matListItemLine>{{ item | dataAccessor:'description' }}</span>
+          </mat-list-item>
+          <mat-divider *ngIf="statuses.length === 1"></mat-divider>
+        </ng-container>
+        <mat-divider *ngIf="statuses.length > 1"></mat-divider>
+      </ng-container>
+    </mat-list>
+  `, isInline: true, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i2.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i2.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i2.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-smart-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list>\n  <ng-container *ngFor=\"let status of statuses\">\n    <div mat-subheader> {{ status }}</div>\n    <ng-container *ngFor=\"let item of statusMap[status]\">\n      <mat-list-item lines=\"2\" matRipple (click)=\"onItemClick(item)\">\n        <span mat-line>{{ item | dataAccessor:'__title' }}</span>\n        <span mat-line>{{ item | dataAccessor:'__desc' }}</span>\n      </mat-list-item>\n      <mat-divider *ngIf=\"statuses.length === 1\"></mat-divider>\n    </ng-container>\n    <mat-divider></mat-divider>\n  </ng-container>\n</mat-list>\n", styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"] }]
+            args: [{ selector: 'organisms-smart-list', standalone: true, imports: [
+                        CommonModule,
+                        MatListModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        DataAccessorPipe,
+                    ], template: `
+    <mat-list>
+      <ng-container *ngFor="let status of statuses">
+        <div mat-subheader> {{ status }}</div>
+        <ng-container *ngFor="let item of statusMap[status]">
+          <mat-list-item lines="2" matRipple (click)="onItemClick(item)">
+            <span matListItemTitle>{{ item | dataAccessor:'title' }}</span>
+            <span matListItemLine>{{ item | dataAccessor:'description' }}</span>
+          </mat-list-item>
+          <mat-divider *ngIf="statuses.length === 1"></mat-divider>
+        </ng-container>
+        <mat-divider *ngIf="statuses.length > 1"></mat-divider>
+      </ng-container>
+    </mat-list>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%}:host mat-list-item{cursor:pointer}\n"] }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Optional
@@ -62,40 +94,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class SmartListModule {
-}
-SmartListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, declarations: [SmartListOrganism], imports: [CommonModule,
-        MatLegacyListModule,
-        MatIconModule,
-        MatRippleModule,
-        DataAccessorPipe], exports: [SmartListOrganism] });
-SmartListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, imports: [CommonModule,
-        MatLegacyListModule,
-        MatIconModule,
-        MatRippleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SmartListOrganism,
-                    ],
-                    imports: [
-                        CommonModule,
-                        MatLegacyListModule,
-                        MatIconModule,
-                        MatRippleModule,
-                        DataAccessorPipe,
-                    ],
-                    exports: [
-                        SmartListOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, SmartListModule, SmartListOrganism };
+export { ActionId, SmartListOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-smart-list.mjs.map