@ng-atomic/components 16.3.1 → 17.0.0

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

@@ -68,7 +68,7 @@ class NavigatorOrganism extends NgAtomicComponent {
       }
     </div>
   </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-S13a: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-S13a: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-S13a: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-S13a: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-S13a: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-S13a: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-S13a);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-S13a);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-pFdT: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-pFdT: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-pFdT: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-pFdT: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-pFdT: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-pFdT: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-pFdT);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-pFdT);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NavigatorOrganismStore,
                             inputs: ['startActions', 'endActions', 'title'],
                         }
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-S13a: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-S13a: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-S13a: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-S13a: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-S13a: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-S13a: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-S13a);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-S13a);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-pFdT: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-pFdT: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-pFdT: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-pFdT: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-pFdT: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-pFdT: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{--mat-toolbar-container-background-color: var(--background-color-SCOPED-IN-navigator-pFdT);--mat-toolbar-container-text-color: var(--on-background-color-SCOPED-IN-navigator-pFdT);display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs

@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-WFEm: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-WFEm) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-WFEm)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-Fcbw: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-Fcbw) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-Fcbw)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NumberInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-WFEm: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-WFEm) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-WFEm)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-Fcbw: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-Fcbw) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-Fcbw)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs

@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
       [type]="store.actionButtonType()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-NVhG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-PtW5: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-PtW5) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-PtW5)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PasswordInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-NVhG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-NVhG)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-PtW5: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-PtW5) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-PtW5)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

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

@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
       [actions]="store.actions()"
       (action)="dispatch($event)"
     />
-  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dEVf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-G5tG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-G5tG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-G5tG)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
             type: Component,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SelectInputSectionOrganismStore,
                             inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-dEVf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-dEVf)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-G5tG: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-G5tG) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-G5tG)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs

@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
         this.signInWithGoogleButtonClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-sPmV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-sPmV);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-S4qj: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S4qj);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
                         CommonModule,
                         MatButtonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-sPmV: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-sPmV);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-S4qj: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-S4qj);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

package/fesm2022/ng-atomic-components-organisms-table.mjs

@@ -331,7 +331,7 @@ class TableOrganism extends NgAtomicComponent {
     ></tr>
     <div class="mat-row" *matNoDataRow>No Data</div>
   </table>
-  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-zaVQ: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-zaVQ: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-zaVQ: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-zaVQ)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-zaVQ) - var(--cell-SCOPED-IN-smart-table-zaVQ) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-zaVQ) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-zaVQ) * 2)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-i5mv: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-i5mv: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-i5mv: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-i5mv)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-i5mv) - var(--cell-SCOPED-IN-smart-table-i5mv) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-i5mv) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-i5mv) * 2)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatRecycleRows, selector: "mat-table[recycleRows], table[mat-table][recycleRows]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selection"] }, { kind: "component", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["headerText", "name"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -414,7 +414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TableOrganismStore,
                             inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],
                         },
-                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-zaVQ: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-zaVQ: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-zaVQ: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-zaVQ)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-zaVQ) - var(--cell-SCOPED-IN-smart-table-zaVQ) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-zaVQ) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-zaVQ) * 2)}\n"] }]
+                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-i5mv: var(--width);--cell: 8px;--cell-SCOPED-IN-smart-table-i5mv: var(--cell);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-i5mv: var(--column-vertical-padding)}:host{position:relative;display:block;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-i5mv)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width-SCOPED-IN-smart-table-i5mv) - var(--cell-SCOPED-IN-smart-table-i5mv) * 4);height:3em;padding-left:calc(var(--cell-SCOPED-IN-smart-table-i5mv) * 2);padding-right:calc(var(--cell-SCOPED-IN-smart-table-i5mv) * 2)}\n"] }]
         }], propDecorators: { onCheckboxClick: [] } });
 
 /**

package/fesm2022/ng-atomic-components-organisms-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/table/index.helpers.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { omitBy } from \"lodash-es\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm>>;\n\nexport function buildColumns(columns: (string | Actions)[]): Column[] {\n  return columns.map(column => {\n    if (typeof column === 'string') {\n      if (column === '__actions') {\n        return {\n          type: 'actions',\n          name: 'actions',\n          visible: true,\n          width: 80,\n        }\n      } if (column === '__checkbox') {\n        return {\n          type: 'checkbox',\n          name: 'checkbox',\n          visible: true,\n          width: 80,\n        }\n      } else {\n        return {\n          type: 'text',\n          name: column,\n          visible: true,\n          width: 80,\n        };\n      }      \n    } else {\n      return {\n        type: 'actions',\n        name: 'actions',\n        visible: true,\n        width: 80,\n        actions: wrapActions(column),\n      };\n    }\n  }); \n}\n\n\n\n@Injectable({ providedIn: 'root' })\nexport class IndexTemplateFormBuilder {\n  sort = inject(SortService);\n  pagination = inject(PaginationService)\n  fb = inject(FormBuilder);\n\n  static buildColumns = buildColumns;\n\n  build({\n    query = undefined,\n    sort = {},\n    page = {},\n    columns = [],\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: Column[],\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: this.pagination.build(page),\n      sort: this.sort.build(sort),\n      columns: this.buildColumnsForm(columns),\n    }));\n  }\n\n  buildColumnsForm(columns: Column[]) {\n    return this.fb.array(columns.map(column => {\n      switch (column.type) {\n        case 'text':\n          return this.fb.group({\n            type: this.fb.control({value: 'text' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TextColumnForm;\n        case 'checkbox':\n          return this.fb.group({\n            type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n            name: this.fb.control({value: 'checkbox', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as CheckboxColumnForm;\n        case 'actions':\n          return this.fb.group({\n            type: this.fb.control({value: 'actions' as const, disabled: true}),\n            name: this.fb.control({value: 'actions', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n            actions: this.fb.control(column.actions),\n          }) as ActionsColumnForm;\n        default:\n          throw new Error(`Unknown column type: ${(column as any).type}`);\n      }\n    }));\n  }\n}\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexTemplateFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']),\n  query = undefined,\n}: {\n  columns?: Column[],\n  query?: string,\n} = {}) {\n  return inject(IndexTemplateFormBuilder).build({\n    columns,\n    query,\n  });\n}\n","import { ChangeDetectionStrategy, Component, Directive, Pipe, PipeTransform, computed, effect, inject, input } from '@angular/core';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\nimport { get } from 'lodash-es';\nimport { flattenExcludeDayjs } from '@nx-ddd/core/util/walk-obj';\nimport { IndexTemplateFormBuilder } from './index.helpers';\nimport { Column, Sort } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\n\n@Pipe({name: 'resolveColumns', standalone: true, pure: true})\nexport class ResolveColumnsPipe implements PipeTransform {\n  transform(columns: string[]): {type: 'key' | 'actions' | 'checkbox', name: string, payload?: any}[] {\n    const data = columns.map((column, i) => {\n      if (typeof column === 'string') {\n        if (column === '__checkbox') return {type: 'checkbox', name: `__checkbox_${i}`};\n        if (column === '__actions') return {type: 'actions', name: `__actions_${i}`};\n        return {type: 'key', name: column};\n      }\n      return {type: 'actions', name: `__actions_${i}`, payload: column};\n    });\n    return data as any;\n  }\n}\n\n@Pipe({name: 'map', standalone: true, pure: true})\nexport class MapPipe<T> implements PipeTransform {\n  transform(itemOrItems: T | T[], path: string): any | any[] {\n    if (Array.isArray(itemOrItems)) return itemOrItems.map(item => get(item, path));\n    return get(itemOrItems, path);\n  }\n}\n\n@Pipe({name: 'autoColumns', standalone: true, pure: true})\nexport class AutoColumnsPipe<T> implements PipeTransform {\n  transform(items: T[]): string[] {\n    const keys = new Set<string>();\n    items.slice(0, 1).forEach(item => {\n      const obj = flattenExcludeDayjs(item);\n      Object.keys(obj).forEach(key => keys.add(key));\n    })\n    return [...keys, '__actions'];\n  }\n}\n\n@Pipe({name: 'sort', standalone: true, pure: true})\nexport class SortPipe {\n  transform<T>(column: Column, sort: Sort): 'asc' | 'desc' | 'none' {\n    return sort.key === column.name ? sort.order : 'none';\n  }\n}\n\n@Pipe({name: 'columns', standalone: true, pure: true})\nexport class ColumnsPipe {\n  transform<T>(columns: Column[]): Column[] {\n    return columns.filter(item => item.visible).map((column, i) => ({\n      ...column,\n      name: ['checkbox', 'actions'].includes(column.type) ? `${column.name}_${i}` : column.name,\n    }));\n  }\n}\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\n  readonly domainPipe = inject(DomainPipe);\n  readonly form = input(inject(IndexTemplateFormBuilder).build());\n  readonly itemActions = input<Actions>([]);\n  readonly selection = input(new SelectionModel<string>(true, []));\n  readonly highlight = input(new SelectionModel<string>(true, [])); \n  readonly childrenKey = input('children');\n  readonly items = input<T[]>([]);\n  readonly dataSource = computed(() => new MatTableDataSource<T>(this.items()));\n\n  readonly formValue = computedRawValue(() => this.form());\n  readonly sort = computed(() => this.formValue()?.sort ?? {key: '', order: 'asc'}, {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n  readonly columns = computed(() => {\n    return new ColumnsPipe().transform((this.formValue()?.columns ?? []) as Column[]).map(column => {\n      if (column.name.startsWith('__tree_')) {\n        return {\n          ...column,\n          type: 'tree',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      } else if (column.type === 'actions') {\n        return {\n          ...column,\n          actions: column.actions ?? this.itemActions(),\n          type: 'actions',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        }\n      } else {\n        return {\n          ...column,\n          headerText: this.domainPipe.transform(column?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\n  }, { equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });\n  readonly columnNames = computed(() => this.columns().map(column => column.name), {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n\n  constructor() {\n    super();\n    effect(() => {\n      console.debug('highlight', this.highlight());\n    });\n  }\n}\n\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\n}\n\n@Component({\n  selector: 'organisms-table',\n  standalone: true,\n  imports: [\n    NgClass,\n    DomainPipe,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n    ResolveColumnsPipe,\n    MapPipe,\n    AutoColumnsPipe,\n    SortPipe,\n    ColumnsPipe,\n  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\n  >\n    @for (column of store.columns(); track column.name; let i = $index) {\n      @switch (column.type) {\n        @case ('checkbox') {\n          <molecules-checkbox-column\n            [name]=\"column.name\"\n            [selection]=\"store.selection()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case ('actions') {\n          <molecules-actions-column\n            [name]=\"column.name\"\n            [itemActions]=\"column.actions\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case('tree') {\n          <molecules-tree-column\n            [name]=\"column.name\"\n            [headerText]=\"column.headerText\"\n            [sort]=\"column.sort\"\n            (headerClick)=\"onHeaderClick(column.name)\"\n          />\n        }\n        @default {\n          <molecules-smart-column\n            [name]=\"column.name\"\n            [headerText]=\"column.headerText\"\n            [sort]=\"column.sort\"\n            (headerClick)=\"onHeaderClick(column.name)\"\n          />\n        }\n      }\n    }\n    <tr mat-header-row *matHeaderRowDef=\"store.columnNames(); sticky: true\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let item; columns: store.columnNames();\"\n      [ngClass]=\"{ highlight: store.highlight().isSelected(item.id) }\"\n    ></tr>\n    <div class=\"mat-row\" *matNoDataRow>No Data</div>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],\n    },\n  ],\n  host: {class: 'organism'},\n})\nexport class TableOrganism<Item extends object> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(TableOrganismStore);\n\n  @Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK)\n  protected onCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n  }\n\n  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-table.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/table/index.helpers.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/table.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/table/ng-atomic-components-organisms-table.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { omitBy } from \"lodash-es\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  name: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm>>;\n\nexport function buildColumns(columns: (string | Actions)[]): Column[] {\n  return columns.map(column => {\n    if (typeof column === 'string') {\n      if (column === '__actions') {\n        return {\n          type: 'actions',\n          name: 'actions',\n          visible: true,\n          width: 80,\n        }\n      } if (column === '__checkbox') {\n        return {\n          type: 'checkbox',\n          name: 'checkbox',\n          visible: true,\n          width: 80,\n        }\n      } else {\n        return {\n          type: 'text',\n          name: column,\n          visible: true,\n          width: 80,\n        };\n      }      \n    } else {\n      return {\n        type: 'actions',\n        name: 'actions',\n        visible: true,\n        width: 80,\n        actions: wrapActions(column),\n      };\n    }\n  }); \n}\n\n\n\n@Injectable({ providedIn: 'root' })\nexport class IndexTemplateFormBuilder {\n  sort = inject(SortService);\n  pagination = inject(PaginationService)\n  fb = inject(FormBuilder);\n\n  static buildColumns = buildColumns;\n\n  build({\n    query = undefined,\n    sort = {},\n    page = {},\n    columns = [],\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: Column[],\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: this.pagination.build(page),\n      sort: this.sort.build(sort),\n      columns: this.buildColumnsForm(columns),\n    }));\n  }\n\n  buildColumnsForm(columns: Column[]) {\n    return this.fb.array(columns.map(column => {\n      switch (column.type) {\n        case 'text':\n          return this.fb.group({\n            type: this.fb.control({value: 'text' as const, disabled: true}),\n            name: this.fb.control({value: column.name, disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as TextColumnForm;\n        case 'checkbox':\n          return this.fb.group({\n            type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n            name: this.fb.control({value: 'checkbox', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n          }) as CheckboxColumnForm;\n        case 'actions':\n          return this.fb.group({\n            type: this.fb.control({value: 'actions' as const, disabled: true}),\n            name: this.fb.control({value: 'actions', disabled: true}),\n            visible: this.fb.control(column.visible),\n            width: this.fb.control(80),\n            actions: this.fb.control(column.actions),\n          }) as ActionsColumnForm;\n        default:\n          throw new Error(`Unknown column type: ${(column as any).type}`);\n      }\n    }));\n  }\n}\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexTemplateFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']),\n  query = undefined,\n}: {\n  columns?: Column[],\n  query?: string,\n} = {}) {\n  return inject(IndexTemplateFormBuilder).build({\n    columns,\n    query,\n  });\n}\n","import { ChangeDetectionStrategy, Component, Directive, Pipe, PipeTransform, computed, effect, inject, input } from '@angular/core';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DomainPipe } from '@ng-atomic/common/pipes/domain';\nimport { ActionsColumnMolecule } from '@ng-atomic/components/molecules/actions-column';\nimport { CheckboxColumnMolecule } from '@ng-atomic/components/molecules/checkbox-column';\nimport { SmartColumnMolecule } from '@ng-atomic/components/molecules/smart-column';\nimport { Actions, Effect, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { TreeColumnMolecule } from '@ng-atomic/components/molecules/tree-column';\nimport { get } from 'lodash-es';\nimport { flattenExcludeDayjs } from '@nx-ddd/core/util/walk-obj';\nimport { IndexTemplateFormBuilder } from './index.helpers';\nimport { Column, Sort } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\n\n@Pipe({name: 'resolveColumns', standalone: true, pure: true})\nexport class ResolveColumnsPipe implements PipeTransform {\n  transform(columns: string[]): {type: 'key' | 'actions' | 'checkbox', name: string, payload?: any}[] {\n    const data = columns.map((column, i) => {\n      if (typeof column === 'string') {\n        if (column === '__checkbox') return {type: 'checkbox', name: `__checkbox_${i}`};\n        if (column === '__actions') return {type: 'actions', name: `__actions_${i}`};\n        return {type: 'key', name: column};\n      }\n      return {type: 'actions', name: `__actions_${i}`, payload: column};\n    });\n    return data as any;\n  }\n}\n\n@Pipe({name: 'map', standalone: true, pure: true})\nexport class MapPipe<T> implements PipeTransform {\n  transform(itemOrItems: T | T[], path: string): any | any[] {\n    if (Array.isArray(itemOrItems)) return itemOrItems.map(item => get(item, path));\n    return get(itemOrItems, path);\n  }\n}\n\n@Pipe({name: 'autoColumns', standalone: true, pure: true})\nexport class AutoColumnsPipe<T> implements PipeTransform {\n  transform(items: T[]): string[] {\n    const keys = new Set<string>();\n    items.slice(0, 1).forEach(item => {\n      const obj = flattenExcludeDayjs(item);\n      Object.keys(obj).forEach(key => keys.add(key));\n    })\n    return [...keys, '__actions'];\n  }\n}\n\n@Pipe({name: 'sort', standalone: true, pure: true})\nexport class SortPipe implements PipeTransform {\n  transform<T>(column: Column, sort: Sort): 'asc' | 'desc' | 'none' {\n    return sort.key === column.name ? sort.order : 'none';\n  }\n}\n\n@Pipe({name: 'columns', standalone: true, pure: true})\nexport class ColumnsPipe implements PipeTransform {\n  transform<T>(columns: Column[]): Column[] {\n    return columns.filter(item => item.visible).map((column, i) => ({\n      ...column,\n      name: ['checkbox', 'actions'].includes(column.type) ? `${column.name}_${i}` : column.name,\n    }));\n  }\n}\n\n@TokenizedType()\n@Directive({\n  standalone: true,\n  selector: 'organisms-table',\n  providers: [DomainPipe],\n})\nexport class TableOrganismStore<T> extends InjectableComponent {\n  readonly domainPipe = inject(DomainPipe);\n  readonly form = input(inject(IndexTemplateFormBuilder).build());\n  readonly itemActions = input<Actions>([]);\n  readonly selection = input(new SelectionModel<string>(true, []));\n  readonly highlight = input(new SelectionModel<string>(true, [])); \n  readonly childrenKey = input('children');\n  readonly items = input<T[]>([]);\n  readonly dataSource = computed(() => new MatTableDataSource<T>(this.items()));\n\n  readonly formValue = computedRawValue(() => this.form());\n  readonly sort = computed(() => this.formValue()?.sort ?? {key: '', order: 'asc'}, {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n  readonly columns = computed(() => {\n    return new ColumnsPipe().transform((this.formValue()?.columns ?? []) as Column[]).map(column => {\n      if (column.name.startsWith('__tree_')) {\n        return {\n          ...column,\n          type: 'tree',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      } else if (column.type === 'actions') {\n        return {\n          ...column,\n          actions: column.actions ?? this.itemActions(),\n          type: 'actions',\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        }\n      } else {\n        return {\n          ...column,\n          headerText: this.domainPipe.transform(column?.name),\n          sort: this.sort().key === column.name ? this.sort().order : 'none',\n        };\n      }\n    });\n  }, { equal: (a, b) => JSON.stringify(a) === JSON.stringify(b) });\n  readonly columnNames = computed(() => this.columns().map(column => column.name), {\n    equal: (a, b) => JSON.stringify(a) === JSON.stringify(b),\n  });\n\n  constructor() {\n    super();\n    effect(() => {\n      console.debug('highlight', this.highlight());\n    });\n  }\n}\n\nenum ActionId {\n  CHECKBOX_CLICK = '[@ng-atomic/components/organisms/checkbox-column] Checkbox Click',\n  HEADER_CLICK = '[@ng-atomic/components/organisms/table] Header Click',\n}\n\n@Component({\n  selector: 'organisms-table',\n  standalone: true,\n  imports: [\n    NgClass,\n    DomainPipe,\n    MatTableModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatIconModule,\n    ActionsColumnMolecule,\n    CheckboxColumnMolecule,\n    SmartColumnMolecule,\n    TreeColumnMolecule,\n    ResolveColumnsPipe,\n    MapPipe,\n    AutoColumnsPipe,\n    SortPipe,\n    ColumnsPipe,\n  ],\n  template: `\n  <table\n    mat-table\n    recycleRows\n    matSort\n    matSortDisableClear\n    matSortDirection=\"desc\"\n    [dataSource]=\"store.dataSource()\"\n  >\n    @for (column of store.columns(); track column.name; let i = $index) {\n      @switch (column.type) {\n        @case ('checkbox') {\n          <molecules-checkbox-column\n            [name]=\"column.name\"\n            [selection]=\"store.selection()\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case ('actions') {\n          <molecules-actions-column\n            [name]=\"column.name\"\n            [itemActions]=\"column.actions\"\n            (action)=\"dispatch($event)\"\n          />\n        }\n        @case('tree') {\n          <molecules-tree-column\n            [name]=\"column.name\"\n            [headerText]=\"column.headerText\"\n            [sort]=\"column.sort\"\n            (headerClick)=\"onHeaderClick(column.name)\"\n          />\n        }\n        @default {\n          <molecules-smart-column\n            [name]=\"column.name\"\n            [headerText]=\"column.headerText\"\n            [sort]=\"column.sort\"\n            (headerClick)=\"onHeaderClick(column.name)\"\n          />\n        }\n      }\n    }\n    <tr mat-header-row *matHeaderRowDef=\"store.columnNames(); sticky: true\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let item; columns: store.columnNames();\"\n      [ngClass]=\"{ highlight: store.highlight().isSelected(item.id) }\"\n    ></tr>\n    <div class=\"mat-row\" *matNoDataRow>No Data</div>\n  </table>\n  `,\n  styleUrls: ['./table.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: TableOrganismStore,\n      inputs: ['form', 'itemActions', 'selection', 'items', 'childrenKey', 'highlight'],\n    },\n  ],\n  host: {class: 'organism'},\n})\nexport class TableOrganism<Item extends object> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(TableOrganismStore);\n\n  @Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK)\n  protected onCheckboxClick(item: Item) {\n    this.dispatch({id: ActionId.CHECKBOX_CLICK, payload: item});\n  }\n\n  protected onHeaderClick(column: string) {\n    this.dispatch({id: ActionId.HEADER_CLICK, payload: column});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs

@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-YViR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-JhNT: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-JhNT) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-JhNT)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-smart-menu-button", inputs: ["actions", "type"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
             type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-YViR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-YViR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-JhNT: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-JhNT) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-JhNT)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-smart-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs

@@ -52,7 +52,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-mDjA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-mDjA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-I4HX: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-I4HX);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
             type: Component,
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: TextareaSectionOrganismStore,
                             inputs: ['appearance', 'label', 'rows', 'placeholder', 'floatLabel', 'hint', 'control', 'actions'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-mDjA: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-mDjA);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-I4HX: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-I4HX);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-smart-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs

@@ -64,7 +64,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
     </div>
     <mat-divider />
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-4bLj: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-4bLj: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-4bLj: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-4bLj: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-4bLj: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-4bLj: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-4bLj)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-4bLj)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-x4Xn: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-x4Xn: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-x4Xn: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-x4Xn: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-x4Xn: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-x4Xn: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-x4Xn)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-x4Xn)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
             type: Component,
@@ -115,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: ThreadMessagesSectionOrganismStore,
                             inputs: ['comments', 'noCommentMessage', 'commentActions']
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-4bLj: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-4bLj: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-4bLj: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-4bLj: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-4bLj: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-4bLj: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-4bLj)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-4bLj)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-x4Xn: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-x4Xn: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-x4Xn: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-x4Xn: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-x4Xn: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-x4Xn: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-x4Xn)}:host .message{padding:8px 16px}:host .message .header{display:flex;justify-content:flex-start;align-items:center;padding:8px 0;box-sizing:border-box;gap:8px}:host .message .header .name{font-size:14px;font-weight:700}:host .message .header .description{display:flex;justify-content:flex-start;gap:4px;font-size:12px}:host .message .header img{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-SCOPED-IN-%COMP%-x4Xn)}:host .message .content{font-size:14px;padding-bottom:24px;box-sizing:border-box}:host .message .bottom.actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}:host .message .bottom.actions button{height:32px;padding:0 8px;--mdc-outlined-button-label-text-size: 12px}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-video-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-video-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/video-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/ng-atomic-components-organisms-video-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, PLATFORM_ID, Pipe, ViewChild, inject, input, signal, viewChild } from '@angular/core';\nimport { CommonModule, NgIf, NgSwitch, isPlatformBrowser } from '@angular/common';\nimport { YouTubePlayer } from '@angular/youtube-player';\nimport { filter, interval } from 'rxjs';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Directive({ standalone: true })\nexport class VideoSectionOrganismStore {\n  readonly src = input<string | MediaStream>();\n  readonly autoplay = input(true);\n}\n\n@Pipe({standalone: true, name: 'videoId'})\nexport class VideoIdPipe {\n  transform(src: string) {\n    return new URL(src).searchParams.get('v') ?? '';\n  }\n}\n\n@Pipe({standalone: true, name: 'videoType'})\nexport class VideoTypePipe {\n  transform(src: string | MediaStream) {\n    if (src instanceof MediaStream) return 'stream';\n    if (src.includes('youtube')) return 'youtube';\n    return 'video';\n  }\n}\n@Directive({ standalone: true, selector: '[stream]' })\nexport class StreamDirective {\n  protected el = inject(ElementRef);\n\n  @Input()\n  set stream(stream: MediaStream) {\n    this.el.nativeElement.srcObject = stream;\n  }\n}\n\n@Component({\n  selector: 'organisms-video-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    VideoIdPipe,\n    VideoTypePipe,\n    YouTubePlayer,\n    StreamDirective,\n    NgSwitch,\n    NgIf,\n  ],\n  template: `\n  @if (store.src() && isPlatformBrowser) {\n    @switch (store.src() | videoType) {\n      @case ('youtube') {@defer {\n        @if (store.src() | videoId) {\n          <youtube-player [videoId]=\"store.src() | videoId\" />\n        }\n      } }\n      @case ('stream') { @defer {\n        <video #video controls width=\"100%\" [stream]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n      } }\n      @case ('video') { @defer {\n        <video #video controls width=\"100%\" playsinline [src]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n      } }\n    }\n  }\n  `,\n  styleUrls: ['./video-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: VideoSectionOrganismStore,\n      inputs: ['src', 'autoplay'],\n    },\n  ]\n})\nexport class VideoSectionOrganism {\n  protected readonly store = inject(VideoSectionOrganismStore);\n  protected readonly width = signal(0);\n  protected readonly el = inject(ElementRef);\n  protected readonly platformId = inject(PLATFORM_ID);\n  protected readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n\n  readonly youtubePlayer = viewChild(YouTubePlayer);\n  readonly youtubePlayer$ = toObservable(this.youtubePlayer);\n  readonly video = viewChild<ElementRef<HTMLVideoElement>>('video');\n\n  videoHeight: number | undefined;\n  videoWidth: number | undefined;\n\n  readonly interval$ = interval(100);\n\n  ngAfterViewInit(): void {\n    if (this.isPlatformBrowser) {\n      this.youtubePlayer$.pipe(\n        filter((player) => !!player),\n      ).subscribe((player) => {\n        player.width = '100%' as never as number;\n      });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-video-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/video-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/video-section/ng-atomic-components-organisms-video-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, PLATFORM_ID, Pipe, ViewChild, inject, input, signal, viewChild, PipeTransform } from '@angular/core';\nimport { CommonModule, NgIf, NgSwitch, isPlatformBrowser } from '@angular/common';\nimport { YouTubePlayer } from '@angular/youtube-player';\nimport { filter, interval } from 'rxjs';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Directive({ standalone: true })\nexport class VideoSectionOrganismStore {\n  readonly src = input<string | MediaStream>();\n  readonly autoplay = input(true);\n}\n\n@Pipe({standalone: true, name: 'videoId'})\nexport class VideoIdPipe implements PipeTransform {\n  transform(src: string) {\n    return new URL(src).searchParams.get('v') ?? '';\n  }\n}\n\n@Pipe({standalone: true, name: 'videoType'})\nexport class VideoTypePipe implements PipeTransform {\n  transform(src: string | MediaStream) {\n    if (src instanceof MediaStream) return 'stream';\n    if (src.includes('youtube')) return 'youtube';\n    return 'video';\n  }\n}\n@Directive({ standalone: true, selector: '[stream]' })\nexport class StreamDirective {\n  protected el = inject(ElementRef);\n\n  @Input()\n  set stream(stream: MediaStream) {\n    this.el.nativeElement.srcObject = stream;\n  }\n}\n\n@Component({\n  selector: 'organisms-video-section',\n  standalone: true,\n  imports: [\n    CommonModule,\n    VideoIdPipe,\n    VideoTypePipe,\n    YouTubePlayer,\n    StreamDirective,\n    NgSwitch,\n    NgIf,\n  ],\n  template: `\n  @if (store.src() && isPlatformBrowser) {\n    @switch (store.src() | videoType) {\n      @case ('youtube') {@defer {\n        @if (store.src() | videoId) {\n          <youtube-player [videoId]=\"store.src() | videoId\" />\n        }\n      } }\n      @case ('stream') { @defer {\n        <video #video controls width=\"100%\" [stream]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n      } }\n      @case ('video') { @defer {\n        <video #video controls width=\"100%\" playsinline [src]=\"store.src()\" [autoplay]=\"store.autoplay()\"></video>\n      } }\n    }\n  }\n  `,\n  styleUrls: ['./video-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: VideoSectionOrganismStore,\n      inputs: ['src', 'autoplay'],\n    },\n  ]\n})\nexport class VideoSectionOrganism {\n  protected readonly store = inject(VideoSectionOrganismStore);\n  protected readonly width = signal(0);\n  protected readonly el = inject(ElementRef);\n  protected readonly platformId = inject(PLATFORM_ID);\n  protected readonly isPlatformBrowser = isPlatformBrowser(this.platformId);\n\n  readonly youtubePlayer = viewChild(YouTubePlayer);\n  readonly youtubePlayer$ = toObservable(this.youtubePlayer);\n  readonly video = viewChild<ElementRef<HTMLVideoElement>>('video');\n\n  videoHeight: number | undefined;\n  videoWidth: number | undefined;\n\n  readonly interval$ = interval(100);\n\n  ngAfterViewInit(): void {\n    if (this.isPlatformBrowser) {\n      this.youtubePlayer$.pipe(\n        filter((player) => !!player),\n      ).subscribe((player) => {\n        player.width = '100%' as never as number;\n      });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-pages-_index.mjs

@@ -113,7 +113,7 @@ class IndexPage extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-KEfR: var(--page-width-lv3);--primary-color-SCOPED-IN-index-KEfR: var(--primary-color);--on-primary-color-SCOPED-IN-index-KEfR: var(--on-primary-color);--surface-color-SCOPED-IN-index-KEfR: var(--surface-color);--on-surface-color-SCOPED-IN-index-KEfR: var(--on-surface-color);--on-background-color-SCOPED-IN-index-KEfR: var(--on-background-color);--background-color-SCOPED-IN-index-KEfR: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-KEfR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-KEfR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-KEfR);--surface-color: var(--surface-color-SCOPED-IN-index-KEfR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-KEfR);--background-color: var(--background-color-SCOPED-IN-index-KEfR);--on-background-color: var(--on-background-color-SCOPED-IN-index-KEfR)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-X0EI: var(--page-width-lv3);--primary-color-SCOPED-IN-index-X0EI: var(--primary-color);--on-primary-color-SCOPED-IN-index-X0EI: var(--on-primary-color);--surface-color-SCOPED-IN-index-X0EI: var(--surface-color);--on-surface-color-SCOPED-IN-index-X0EI: var(--on-surface-color);--on-background-color-SCOPED-IN-index-X0EI: var(--on-background-color);--background-color-SCOPED-IN-index-X0EI: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-X0EI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-X0EI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-X0EI);--surface-color: var(--surface-color-SCOPED-IN-index-X0EI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-X0EI);--background-color: var(--background-color-SCOPED-IN-index-X0EI);--on-background-color: var(--on-background-color-SCOPED-IN-index-X0EI)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: IndexTemplate, selector: "templates-index" }] }); }
 }
 __decorate([
     Effect(IndexTemplate.ActionId.BACK),
@@ -154,7 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
       (action)="dispatch($event)"
     />
   </frames-router-outlet>
-  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-KEfR: var(--page-width-lv3);--primary-color-SCOPED-IN-index-KEfR: var(--primary-color);--on-primary-color-SCOPED-IN-index-KEfR: var(--on-primary-color);--surface-color-SCOPED-IN-index-KEfR: var(--surface-color);--on-surface-color-SCOPED-IN-index-KEfR: var(--on-surface-color);--on-background-color-SCOPED-IN-index-KEfR: var(--on-background-color);--background-color-SCOPED-IN-index-KEfR: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-KEfR)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-KEfR);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-KEfR);--surface-color: var(--surface-color-SCOPED-IN-index-KEfR);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-KEfR);--background-color: var(--background-color-SCOPED-IN-index-KEfR);--on-background-color: var(--on-background-color-SCOPED-IN-index-KEfR)}\n"] }]
+  `, hostDirectives: [IndexPageStore], styles: [":host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-X0EI: var(--page-width-lv3);--primary-color-SCOPED-IN-index-X0EI: var(--primary-color);--on-primary-color-SCOPED-IN-index-X0EI: var(--on-primary-color);--surface-color-SCOPED-IN-index-X0EI: var(--surface-color);--on-surface-color-SCOPED-IN-index-X0EI: var(--on-surface-color);--on-background-color-SCOPED-IN-index-X0EI: var(--on-background-color);--background-color-SCOPED-IN-index-X0EI: var(--background-color)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-X0EI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-X0EI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-X0EI);--surface-color: var(--surface-color-SCOPED-IN-index-X0EI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-X0EI);--background-color: var(--background-color-SCOPED-IN-index-X0EI);--on-background-color: var(--on-background-color-SCOPED-IN-index-X0EI)}\n"] }]
         }], propDecorators: { back: [], checkboxClick: [], itemClick: [] } });
 
 /**

package/fesm2022/ng-atomic-components-pages-form.mjs

@@ -123,7 +123,7 @@ class FormPage extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-jyWw: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-jyWw: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-jyWw: var(--page-width-lv3);--primary-color-SCOPED-IN-form-jyWw: var(--primary-color);--on-primary-color-SCOPED-IN-form-jyWw: var(--on-primary-color);--surface-color-SCOPED-IN-form-jyWw: var(--surface-color);--on-surface-color-SCOPED-IN-form-jyWw: var(--on-surface-color);--on-background-color-SCOPED-IN-form-jyWw: var(--on-background-color);--background-color-SCOPED-IN-form-jyWw: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-jyWw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-jyWw);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-jyWw);--surface-color: var(--surface-color-SCOPED-IN-form-jyWw);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-jyWw);--background-color: var(--background-color-SCOPED-IN-form-jyWw);--on-background-color: var(--on-background-color-SCOPED-IN-form-jyWw)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vRFc: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vRFc: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vRFc: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vRFc: var(--primary-color);--on-primary-color-SCOPED-IN-form-vRFc: var(--on-primary-color);--surface-color-SCOPED-IN-form-vRFc: var(--surface-color);--on-surface-color-SCOPED-IN-form-vRFc: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vRFc: var(--on-background-color);--background-color-SCOPED-IN-form-vRFc: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vRFc)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vRFc);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vRFc);--surface-color: var(--surface-color-SCOPED-IN-form-vRFc);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vRFc);--background-color: var(--background-color-SCOPED-IN-form-vRFc);--on-background-color: var(--on-background-color-SCOPED-IN-form-vRFc)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet" }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
 }
 __decorate([
     Effect(FormTemplate.ActionId.BACK),
@@ -169,7 +169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                                 'formFlatExcludes',
                             ],
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-jyWw: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-jyWw: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-jyWw: var(--page-width-lv3);--primary-color-SCOPED-IN-form-jyWw: var(--primary-color);--on-primary-color-SCOPED-IN-form-jyWw: var(--on-primary-color);--surface-color-SCOPED-IN-form-jyWw: var(--surface-color);--on-surface-color-SCOPED-IN-form-jyWw: var(--on-surface-color);--on-background-color-SCOPED-IN-form-jyWw: var(--on-background-color);--background-color-SCOPED-IN-form-jyWw: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-jyWw)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-jyWw);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-jyWw);--surface-color: var(--surface-color-SCOPED-IN-form-jyWw);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-jyWw);--background-color: var(--background-color-SCOPED-IN-form-jyWw);--on-background-color: var(--on-background-color-SCOPED-IN-form-jyWw)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-vRFc: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-vRFc: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-vRFc: var(--page-width-lv3);--primary-color-SCOPED-IN-form-vRFc: var(--primary-color);--on-primary-color-SCOPED-IN-form-vRFc: var(--on-primary-color);--surface-color-SCOPED-IN-form-vRFc: var(--surface-color);--on-surface-color-SCOPED-IN-form-vRFc: var(--on-surface-color);--on-background-color-SCOPED-IN-form-vRFc: var(--on-background-color);--background-color-SCOPED-IN-form-vRFc: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-vRFc)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-vRFc);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-vRFc);--surface-color: var(--surface-color-SCOPED-IN-form-vRFc);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-vRFc);--background-color: var(--background-color-SCOPED-IN-form-vRFc);--on-background-color: var(--on-background-color-SCOPED-IN-form-vRFc)}\n"] }]
         }], propDecorators: { back: [], fileSelected: [] } });
 
 /**

package/fesm2022/ng-atomic-components-templates-_index.mjs

@@ -235,7 +235,7 @@ class IndexTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-zbvI: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zbvI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zbvI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zbvI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zbvI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zbvI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zbvI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zbvI: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zbvI: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zbvI);--navigator-background-color-SCOPED-IN-index-zbvI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--navigator-on-background-color-SCOPED-IN-index-zbvI: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zbvI: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zbvI: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zbvI);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-zbvI);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zbvI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zbvI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--surface-color: var(--surface-color-SCOPED-IN-index-zbvI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zbvI);--background-color: var(--background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--on-background-color-SCOPED-IN-index-zbvI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zbvI)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-0znU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-0znU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-0znU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-0znU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-0znU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-0znU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-0znU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-0znU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-0znU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-0znU);--navigator-background-color-SCOPED-IN-index-0znU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-0znU);--navigator-on-background-color-SCOPED-IN-index-0znU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-0znU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-0znU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-0znU);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-0znU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-0znU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-0znU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-0znU);--surface-color: var(--surface-color-SCOPED-IN-index-0znU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-0znU);--background-color: var(--background-color-SCOPED-IN-index-0znU);--on-background-color: var(--on-background-color-SCOPED-IN-index-0znU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-0znU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-0znU)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: SmartListOrganism, selector: "organisms-smart-list" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(TableOrganism.ActionId.HEADER_CLICK),
@@ -375,7 +375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                         }
                     ], providers: [
                         QueryResolverService,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-zbvI: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-zbvI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-zbvI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-zbvI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-zbvI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-zbvI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-zbvI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-zbvI: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-zbvI: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-zbvI);--navigator-background-color-SCOPED-IN-index-zbvI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--navigator-on-background-color-SCOPED-IN-index-zbvI: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-zbvI: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-zbvI: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-zbvI);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-zbvI);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-zbvI)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-zbvI);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-zbvI);--surface-color: var(--surface-color-SCOPED-IN-index-zbvI);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-zbvI);--background-color: var(--background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--on-background-color-SCOPED-IN-index-zbvI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-zbvI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-zbvI)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-index-0znU: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-index-0znU: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-index-0znU: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-index-0znU: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-index-0znU: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-index-0znU: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-index-0znU: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-index-0znU: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-0znU: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-index-0znU);--navigator-background-color-SCOPED-IN-index-0znU: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-index-0znU);--navigator-on-background-color-SCOPED-IN-index-0znU: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-index-0znU: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-index-0znU: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-index-0znU);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-index-0znU);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-index-0znU)}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-0znU);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-0znU);--surface-color: var(--surface-color-SCOPED-IN-index-0znU);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-0znU);--background-color: var(--background-color-SCOPED-IN-index-0znU);--on-background-color: var(--on-background-color-SCOPED-IN-index-0znU)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-index-0znU);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-0znU)}\n"] }]
         }], propDecorators: { onTableHeaderClick: [], onCheckboxClickItem: [], onItemClicked: [], onItemButtonClicked: [], back: [] } });
 
 /**

package/fesm2022/ng-atomic-components-templates-background.mjs

@@ -19,13 +19,13 @@ class BackgroundTemplate {
         this.store = inject(BackgroundTemplateStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-T8rf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-T8rf: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-T8rf);color:var(--on-background-color-SCOPED-IN-background-T8rf)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: BackgroundTemplate, isStandalone: true, selector: "templates-background", hostDirectives: [{ directive: BackgroundTemplateStore }], ngImport: i0, template: ``, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-zp91: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-zp91: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-zp91);color:var(--on-background-color-SCOPED-IN-background-zp91)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: BackgroundTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-background', standalone: true, imports: [], template: ``, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         BackgroundTemplateStore,
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-T8rf: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-T8rf: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-T8rf);color:var(--on-background-color-SCOPED-IN-background-T8rf)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--background-color: #000000;--background-color-SCOPED-IN-background-zp91: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-background-zp91: var(--on-background-color)}:host{width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-background-zp91);color:var(--on-background-color-SCOPED-IN-background-zp91)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-entrance.mjs

@@ -82,7 +82,7 @@ class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-csB6: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-csB6: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-csB6: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-csB6);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-csB6)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-nN6p: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-nN6p: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-nN6p: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-nN6p);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-nN6p)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
@@ -129,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: EntranceTemplateStore,
                             inputs: ['form', 'actions', 'title'],
                         },
-                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-csB6: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-csB6: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-csB6: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-csB6);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-csB6)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-nN6p: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-nN6p: var(--background-color);--page-width-lv1-SCOPED-IN-entrance-nN6p: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-nN6p);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-nN6p)}\n"] }]
         }] });
 
 /**