npm - @ng-atomic/components - Versions diffs - 17.7.1 → 17.9.0 - Mend

@ng-atomic/components 17.7.1 → 17.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs CHANGED Viewed

@@ -37,7 +37,7 @@ class NavigationListOrganism extends NgAtomicComponent {
       />
     }
   </mat-selection-list>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-YnAF: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-YnAF: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-YnAF: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-YnAF: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-YnAF: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-YnAF: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-YnAF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-YnAF);--background-color: var(--background-color-SCOPED-IN-navigation-list-YnAF);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-YnAF);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-YnAF);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-YnAF);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-YnAF)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-FabS: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-FabS: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-FabS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-FabS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-FabS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-FabS: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-FabS);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-FabS);--background-color: var(--background-color-SCOPED-IN-navigation-list-FabS);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-FabS);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-FabS);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-FabS);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-FabS)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NavigationListOrganism, decorators: [{
             type: Component,
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: NavigationListOrganismStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-YnAF: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-YnAF: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-YnAF: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-YnAF: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-YnAF: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-YnAF: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-YnAF);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-YnAF);--background-color: var(--background-color-SCOPED-IN-navigation-list-YnAF);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-YnAF);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-YnAF);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-YnAF);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-YnAF)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-FabS: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-FabS: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-FabS: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-FabS: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-FabS: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-FabS: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-FabS);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-FabS);--background-color: var(--background-color-SCOPED-IN-navigation-list-FabS);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-FabS);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-FabS);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-FabS);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-FabS)}\n"] }]
         }] });
 /**

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

@@ -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-Y6Q2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-Y6Q2: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-Y6Q2: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-Y6Q2: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-Y6Q2: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-Y6Q2: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-Y6Q2);color:var(--on-background-color-SCOPED-IN-navigator-Y6Q2)}: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-8QK5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-8QK5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-8QK5: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-8QK5: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-8QK5: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-8QK5: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-8QK5);color:var(--on-background-color-SCOPED-IN-navigator-8QK5)}: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-Y6Q2: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-Y6Q2: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-Y6Q2: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-Y6Q2: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-Y6Q2: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-Y6Q2: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-Y6Q2);color:var(--on-background-color-SCOPED-IN-navigator-Y6Q2)}: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-8QK5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-8QK5: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-8QK5: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-8QK5: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-8QK5: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-8QK5: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-8QK5);color:var(--on-background-color-SCOPED-IN-navigator-8QK5)}: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 CHANGED Viewed

@@ -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-YOYi: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi)}: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-BZw8: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-BZw8) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-BZw8)}: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-YOYi: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-YOYi)}: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-BZw8: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-BZw8) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-BZw8)}: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-paginator.mjs CHANGED Viewed

@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
       [pageSizeOptions]="store.pageSizeOptions()"
       (page)="onPageChange($event)"
     />
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-ePVZ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-ePVZ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-ePVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-ePVZ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-ePVZ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-ePVZ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-ePVZ: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-ePVZ);color:var(--on-background-color-SCOPED-IN-paginator-ePVZ);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-KOHI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-KOHI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-KOHI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-KOHI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-KOHI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-KOHI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-KOHI: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-KOHI);color:var(--on-background-color-SCOPED-IN-paginator-KOHI);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PaginatorOrganism, decorators: [{
             type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: PaginatorOrganismStore,
                             inputs: ['form', 'pageSizeOptions', 'itemLength'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-ePVZ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-ePVZ: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-ePVZ: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-ePVZ: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-ePVZ: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-ePVZ: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-ePVZ: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-ePVZ);color:var(--on-background-color-SCOPED-IN-paginator-ePVZ);min-width:440px}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-KOHI: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-KOHI: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-KOHI: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-KOHI: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-KOHI: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-KOHI: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-KOHI: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-KOHI);color:var(--on-background-color-SCOPED-IN-paginator-KOHI);min-width:440px}\n"] }]
         }] });
 /**

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

@@ -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-gBkN: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN)}: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-9im9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-9im9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-9im9)}: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-gBkN: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-gBkN)}: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-9im9: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-9im9) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-9im9)}: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 CHANGED Viewed

@@ -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-gQhl: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl)}: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-glwf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-glwf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-glwf)}: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-gQhl: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-gQhl)}: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-glwf: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-glwf) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-glwf)}: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-slider-input-section.mjs CHANGED Viewed

@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
         matSliderThumb
       >
     </mat-slider>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-Jsco: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-Jsco);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-HSDb: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HSDb: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HSDb: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-HSDb);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HSDb);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HSDb);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
             type: Component,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: SliderInputSectionOrganismStore,
                             inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-Jsco: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-Jsco);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-Jsco);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-Jsco);transform:scale(.75);transform-origin:top left}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-HSDb: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HSDb: var(--mat-form-field-outlined-label-text-populated-size);--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HSDb: var(--mdc-outlined-text-field-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-HSDb);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-HSDb);color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-slider-input-section-HSDb);transform:scale(.75);transform-origin:top left}\n"] }]
         }] });
 /**

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

@@ -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-Haws: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Haws);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-BVVK: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-BVVK);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-Haws: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Haws);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-BVVK: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-BVVK);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
         }], propDecorators: { signInWithGoogleButtonClick: [{
                 type: Output
             }] } });

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

@@ -39,7 +39,7 @@ function buildColumns(columns) {
                     width: 80,
                 };
             }
-            if (column === '__checkbox') {
+            else if (column === '__checkbox') {
                 return {
                     type: 'checkbox',
                     name: 'checkbox',
@@ -47,12 +47,12 @@ function buildColumns(columns) {
                     width: 80,
                 };
             }
-            else if (column === '__tree') {
+            else if (column.startsWith('__tree')) {
                 return {
                     type: 'tree',
-                    name: 'tree',
+                    name: column.split('__tree_')?.[1] ?? '__tree',
                     visible: true,
-                    width: 80,
+                    width: 200,
                 };
             }
             else {
@@ -75,18 +75,18 @@ function buildColumns(columns) {
         }
     });
 }
-class IndexTemplateFormBuilder {
+class IndexFormBuilder {
     constructor() {
         this.sort = inject(SortService);
         this.pagination = inject(PaginationService);
         this.fb = inject(FormBuilder);
     }
     static { this.buildColumns = buildColumns; }
-    build({ query = undefined, sort = {}, page = {}, columns = [], } = {}) {
+    build({ query = undefined, sort = {}, page, columns = [], } = {}) {
         const omit = (obj) => omitBy(obj, value => value === undefined);
         return this.fb.group(omit({
             query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,
-            page: this.pagination.build(page),
+            page: page ? this.pagination.build(page) : undefined,
             sort: this.sort.build(sort),
             columns: this.buildColumnsForm(columns),
         }));
@@ -129,21 +129,22 @@ class IndexTemplateFormBuilder {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateFormBuilder, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexFormBuilder, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexTemplateFormBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: IndexFormBuilder, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 function injectIndexFormBuilder() {
-    return inject(IndexTemplateFormBuilder);
+    return inject(IndexFormBuilder);
 }
-function injectIndexForm({ columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']), sort = undefined, query = undefined, } = {}) {
-    return inject(IndexTemplateFormBuilder).build({
+function injectIndexForm({ columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']), sort = undefined, query = undefined, page = undefined } = {}) {
+    return inject(IndexFormBuilder).build({
         columns,
         sort,
         query,
+        page,
     });
 }
@@ -160,7 +161,7 @@ let TableOrganismStore = class TableOrganismStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.domainPipe = inject(DomainPipe);
-        this.form = input(inject(IndexTemplateFormBuilder).build());
+        this.form = input(inject(IndexFormBuilder).build());
         this.itemActions = input([]);
         this.selection = input(new SelectionModel(true, []));
         this.highlight = input(new SelectionModel(true, []));
@@ -293,7 +294,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-HrJ1: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-HrJ1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-HrJ1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-HrJ1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-HrJ1: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--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%;background-color:var(--background-color-SCOPED-IN-smart-table-HrJ1);color:var(--on-background-color-SCOPED-IN-smart-table-HrJ1)}: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-HrJ1);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}: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(100% - 32px);height:3em;padding:0 16px}\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", "isHidden"] }, { 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-ZJ54: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ZJ54: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-ZJ54: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-ZJ54: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-ZJ54: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-ZJ54: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-ZJ54: var(--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%;background-color:var(--background-color-SCOPED-IN-smart-table-ZJ54);color:var(--on-background-color-SCOPED-IN-smart-table-ZJ54)}: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-ZJ54);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-ZJ54)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-ZJ54)}: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(100% - 32px);height:3em;padding:0 16px}\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", "isHidden"] }, { 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),
@@ -378,12 +379,12 @@ 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-HrJ1: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-HrJ1: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-HrJ1: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-HrJ1: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-HrJ1: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-HrJ1: var(--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%;background-color:var(--background-color-SCOPED-IN-smart-table-HrJ1);color:var(--on-background-color-SCOPED-IN-smart-table-HrJ1)}: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-HrJ1);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-HrJ1)}: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(100% - 32px);height:3em;padding:0 16px}\n"] }]
+                    ], host: { class: 'organism' }, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-ZJ54: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-ZJ54: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-ZJ54: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-ZJ54: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-ZJ54: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-ZJ54: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-ZJ54: var(--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%;background-color:var(--background-color-SCOPED-IN-smart-table-ZJ54);color:var(--on-background-color-SCOPED-IN-smart-table-ZJ54)}: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-ZJ54);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-ZJ54)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-ZJ54)}: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(100% - 32px);height:3em;padding:0 16px}\n"] }]
         }], propDecorators: { onCheckboxClick: [] } });
 /**
  * Generated bundle index. Do not edit.
  */
-export { IndexTemplateFormBuilder, TableOrganism, TableOrganismStore, buildColumns, injectIndexForm, injectIndexFormBuilder };
+export { IndexFormBuilder, IndexFormBuilder as IndexTemplateFormBuilder, TableOrganism, TableOrganismStore, buildColumns, injectIndexForm, injectIndexFormBuilder, injectIndexForm as injectIndexTemplateForm, injectIndexFormBuilder as injectIndexTemplateFormBuilder };
 //# sourceMappingURL=ng-atomic-components-organisms-table.mjs.map

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

	@@ -1 +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.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 TreeColumnForm = FormGroup<{\n type: FormControl<'tree'>,\n name: FormControl<string>,\n visible: FormControl<boolean>,\n width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm \| CheckboxColumnForm \| TextColumnForm \| TreeColumnForm>>;\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 if (column === '__tree') {\n return {\n type: 'tree',\n name: 'tree',\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 'tree': {\n return this.fb.group({\n type: this.fb.control({value: 'tree' 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 TreeColumnForm;\n }\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 sort = undefined,\n query = undefined,\n}: {\n columns?: Column[],\n sort?: Partial<SortFormValue>,\n query?: string,\n} = {}) {\n return inject(IndexTemplateFormBuilder).build({\n columns,\n sort,\n query,\n });\n}\n","import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key = 'children') {\n const treeFlattener = new MatTreeFlattener(\n (node: any, level: number) => {\n node.level = level;\n node.isExpandable = (node[key] ?? []).length > 0;\n return node;\n },\n (node) => node.level,\n (node) => node.isExpandable,\n (node) => node[key]\n );\n \n return new MatTreeFlatDataSource(treeControl, treeFlattener, data);\n}","import { ChangeDetectionStrategy, Component, Directive, 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 { IndexTemplateFormBuilder } from './index.helpers';\nimport { Column } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\nimport { ColumnsPipe } from '@ng-atomic/common/pipes/columns';\nimport { ResolveColumnsPipe } from '@ng-atomic/common/pipes/resolve-columns';\nimport { MapPipe } from '@ng-atomic/common/pipes/map';\nimport { AutoColumnsPipe } from '@ng-atomic/common/pipes/auto-columns';\nimport { SortPipe } from '@ng-atomic/common/pipes/sort';\nimport { buildTreeFlatDataSource } from './table.helpers';\nimport { FlatTreeControl } from '@angular/cdk/tree';\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<string>(null);\n readonly items = input<T[]>([]);\n readonly treeControl = input(new FlatTreeControl<any>(n => n.level, n => n.isExpandable));\n readonly dataSource = computed(() => {\n if (this.childrenKey()) {\n return buildTreeFlatDataSource(this.treeControl(), this.items(), this.childrenKey());\n }\n return new MatTableDataSource<T>(this.items());\n });\n readonly isHidden = computed(() => (item: T) => this.treeControl().getLevel(item) === 0);\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\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 [isHidden]=\"store.isHidden()\"\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 [treeControl]=\"store.treeControl()\"\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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"}
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.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 TreeColumnForm = FormGroup<{\n type: FormControl<'tree'>,\n name: FormControl<string>,\n visible: FormControl<boolean>,\n width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm \| CheckboxColumnForm \| TextColumnForm \| TreeColumnForm>>;\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 } else if (column === '__checkbox') {\n return {\n type: 'checkbox',\n name: 'checkbox',\n visible: true,\n width: 80,\n }\n } else if (column.startsWith('__tree')) {\n return {\n type: 'tree',\n name: column.split('__tree_')?.[1] ?? '__tree',\n visible: true,\n width: 200,\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 IndexFormBuilder {\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: page ? this.pagination.build(page) : undefined,\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 'tree': {\n return this.fb.group({\n type: this.fb.control({value: 'tree' 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 TreeColumnForm;\n }\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\n\nexport function injectIndexFormBuilder() {\n return inject(IndexFormBuilder);\n}\n\nexport function injectIndexForm({\n columns = buildColumns(['__checkbox', ...injectProps()(), '__actions']),\n sort = undefined,\n query = undefined,\n page = undefined\n}: {\n columns?: Column[],\n sort?: Partial<SortFormValue>,\n query?: string,\n page?: Partial<PaginationFormValue>,\n} = {}) {\n return inject(IndexFormBuilder).build({\n columns,\n sort,\n query,\n page,\n });\n}\n\nexport {\n IndexFormBuilder as IndexTemplateFormBuilder,\n injectIndexForm as injectIndexTemplateForm,\n injectIndexFormBuilder as injectIndexTemplateFormBuilder,\n};\n","import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';\nimport { FlatTreeControl } from '@angular/cdk/tree';\n\nexport function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key = 'children') {\n const treeFlattener = new MatTreeFlattener(\n (node: any, level: number) => {\n node.level = level;\n node.isExpandable = (node[key] ?? []).length > 0;\n return node;\n },\n (node) => node.level,\n (node) => node.isExpandable,\n (node) => node[key]\n );\n \n return new MatTreeFlatDataSource(treeControl, treeFlattener, data);\n}","import { ChangeDetectionStrategy, Component, Directive, computed, 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 { IndexTemplateFormBuilder } from './index.helpers';\nimport { Column } from '@ng-atomic/common/models';\nimport { computedRawValue } from '@ng-atomic/common/utils';\nimport { NgClass } from '@angular/common';\nimport { ColumnsPipe } from '@ng-atomic/common/pipes/columns';\nimport { ResolveColumnsPipe } from '@ng-atomic/common/pipes/resolve-columns';\nimport { MapPipe } from '@ng-atomic/common/pipes/map';\nimport { AutoColumnsPipe } from '@ng-atomic/common/pipes/auto-columns';\nimport { SortPipe } from '@ng-atomic/common/pipes/sort';\nimport { buildTreeFlatDataSource } from './table.helpers';\nimport { FlatTreeControl } from '@angular/cdk/tree';\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<string>(null);\n readonly items = input<T[]>([]);\n readonly treeControl = input(new FlatTreeControl<any>(n => n.level, n => n.isExpandable));\n readonly dataSource = computed(() => {\n if (this.childrenKey()) {\n return buildTreeFlatDataSource(this.treeControl(), this.items(), this.childrenKey());\n }\n return new MatTableDataSource<T>(this.items());\n });\n readonly isHidden = computed(() => (item: T) => this.treeControl().getLevel(item) === 0);\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\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 [isHidden]=\"store.isHidden()\"\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 [treeControl]=\"store.treeControl()\"\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":["IndexTemplateFormBuilder"],"mappings":"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"}

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

@@ -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-ndu4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4)}: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-yRYI: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-yRYI) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-yRYI)}: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-ndu4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-ndu4)}: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-yRYI: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-yRYI) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-yRYI)}: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 CHANGED Viewed

@@ -51,7 +51,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-V9r6: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-V9r6);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: "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-LQnD: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-LQnD);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: "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,
@@ -80,7 +80,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-V9r6: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-V9r6);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-LQnD: var(--vertical-padding)}:host{display:block;width:100%;position:relative;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-LQnD);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 CHANGED Viewed

@@ -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%-k0YY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-k0YY: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-k0YY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-k0YY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-k0YY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-k0YY: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-k0YY)}: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%-k0YY)}: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%-Aiop: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Aiop: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Aiop: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Aiop: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Aiop: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Aiop: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-Aiop)}: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%-Aiop)}: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%-k0YY: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-k0YY: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-k0YY: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-k0YY: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-k0YY: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-k0YY: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-k0YY)}: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%-k0YY)}: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%-Aiop: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Aiop: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Aiop: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Aiop: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Aiop: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Aiop: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-%COMP%-Aiop)}: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%-Aiop)}: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"] }]
         }] });
 /**