@ng-atomic/components 18.4.0 → 18.6.0

package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs

@@ -76,7 +76,7 @@ class ActionButtonsSectionOrganism extends NgAtomicComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-bmDR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ 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: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-YmIP: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-YmIP: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-YmIP);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"], dependencies: [{ 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: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionButtonsSectionOrganism, decorators: [{
             type: Component,
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: ActionButtonsSectionOrganismStore,
                             inputs: ['actions', 'type'],
                         }
-                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-bmDR: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-bmDR);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
+                    ], styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-action-buttons-section-YmIP: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-YmIP: var(--horizontal-padding)}:host{display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-YmIP);box-sizing:border-box}:host button{width:100%;height:48px;text-wrap:nowrap}\n"] }]
         }] });
 
 /**

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

@@ -39,7 +39,7 @@ class ActionInputSectionOrganism extends NgAtomicComponent {
       [hint]="store.hint()"
       (action)="dispatch($event)"
     ></molecules-action-input-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-ZmGd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-ZmGd);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-X7fS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-X7fS);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: ActionInputFieldMolecule, selector: "molecules-action-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "actions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ActionInputSectionOrganism, decorators: [{
             type: Component,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: ActionInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'actions', 'hint'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-ZmGd: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-ZmGd);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-input-section-X7fS: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-input-section-X7fS);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }] });
 
 /**

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

@@ -11,14 +11,14 @@ class CardInputSectionOrganism {
         this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-kQOs: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-kQOs);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CardInputSectionOrganism, isStandalone: true, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-OnRi: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OnRi);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CardInputSectionOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-card-input-section', standalone: true, imports: [
                         CommonModule,
                         TextInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-kQOs: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-kQOs);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-OnRi: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-OnRi);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { control: [{
                 type: Input
             }], label: [{

package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs

@@ -19,7 +19,7 @@ class CvcAndExpInputSectionOrganism {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-KVjw: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-KVjw);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: CvcAndExpInputSectionOrganism, isStandalone: true, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-DSkp: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-DSkp);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: TextInputFieldMolecule, selector: "molecules-text-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: CvcAndExpInputSectionOrganism, decorators: [{
             type: Component,
@@ -27,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         CommonModule,
                         SelectInputFieldMolecule,
                         TextInputFieldMolecule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-KVjw: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-KVjw);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-DSkp: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-DSkp);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }] } });

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

@@ -45,7 +45,7 @@ class DateInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-AwtL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL)}: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: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-xR3o: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-xR3o) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-xR3o)}: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: DateInputFieldMolecule, selector: "molecules-date-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateInputSectionOrganism, decorators: [{
             type: Component,
@@ -70,7 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DateInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'actions'],
                         }
-                    ], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-AwtL: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-AwtL)}: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"] }]
+                    ], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-section-xR3o: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-xR3o) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-input-section-xR3o)}: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-date-range-input-section.mjs

@@ -44,7 +44,7 @@ class DateRangeInputSectionOrganism extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO)}: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: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4)}: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: DateRangeInputFieldMolecule, selector: "molecules-date-range-input-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DateRangeInputSectionOrganism, decorators: [{
             type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DateRangeInputSectionOrganismStore,
                             inputs: ['label', 'hint', 'control', 'actions']
                         }
-                    ], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-OxoO)}: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"] }]
+                    ], host: { class: 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-date-range-input-section-Yqw4)}: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-definition-list.mjs

@@ -31,7 +31,7 @@ class DefinitionListOrganism extends NgAtomicComponent {
       <dt>支払金額</dt> <dd>¥2,000</dd> -->
     </dl>
   </section>
-  `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-aoaI: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-aoaI);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DefinitionListOrganism, decorators: [{
             type: Component,
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DefinitionListOrganismStore,
                             inputs: ['label'],
                         },
-                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-Z9HY);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-Z9HY);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
+                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI: var(--mdc-outlined-text-field-label-text-color);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-aoaI: var(--mat-form-field-outlined-label-text-populated-size)}:host{width:100%;padding:0 16px;box-sizing:border-box}:host mat-label{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI);font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-definition-list-aoaI);font-weight:400}:host dl{display:flex;flex-wrap:wrap;width:100%;font-size:.9em}:host dl ::ng-deep>mat-divider{width:100%;height:6px}:host dl ::ng-deep>dt{float:left;width:50%;color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-aoaI);line-height:1.5em}:host dl ::ng-deep>dd{text-align:right;width:50%;height:1.5em;margin-inline-start:0;line-height:1.5em}\n"] }]
         }] });
 
 /**

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

@@ -55,7 +55,7 @@ class FileInputSectionOrganism extends NgAtomicComponent {
     [placeholder]="store.placeholder()"
     (action)="dispatch($event)"
   />
-  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-jfpa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-jfpa);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-Y6Bc: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-Y6Bc);box-sizing:border-box}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: FileInputFieldMolecule, selector: "molecules-file-input-field" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(FileInputFieldMolecule.ActionId.FILE_SELECTED),
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: FileInputSectionOrganismStore,
                             inputs: ['control', 'label', 'placeholder', 'hint', 'progress'],
                         }
-                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-jfpa: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-jfpa);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{display:block;--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-file-input-section-Y6Bc: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-file-input-section-Y6Bc);box-sizing:border-box}:host mat-form-field{width:100%}\n"] }]
         }], propDecorators: { onFileSelected: [], onCancel: [] } });
 
 /**

package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs

@@ -26,7 +26,7 @@ class GridCardsSectionOrganism extends NgAtomicComponent {
   @for (item of items(); track item.id) {
     <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
   }
-  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-Z8Ha),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-Z8Ha)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-h67z: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-h67z: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-h67z: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-h67z: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-h67z),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-h67z)}\n"], dependencies: [{ kind: "component", type: GridItemMolecule, selector: "molecules-grid-item", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: GridCardsSectionOrganism, decorators: [{
             type: Component,
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   @for (item of items(); track item.id) {
     <molecules-grid-item [item]="item" (click)="onItemClick(item)" />
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-Z8Ha: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-Z8Ha: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-Z8Ha),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-Z8Ha)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--item-width: 240px;--item-width-SCOPED-IN-grid-cards-section-h67z: var(--item-width);--item-height: auto;--item-height-SCOPED-IN-grid-cards-section-h67z: var(--item-height);--primary-color: #444;--primary-color-SCOPED-IN-grid-cards-section-h67z: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-cards-section-h67z: var(--on-surface-color)}:host{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width-SCOPED-IN-grid-cards-section-h67z),1fr));grid-gap:16px;padding:16px;box-sizing:border-box;width:100%;height:100%;font-size:10px}:host molecules-grid-item{height:var(--item-height-SCOPED-IN-grid-cards-section-h67z)}\n"] }]
         }] });
 
 /**

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

@@ -30,7 +30,7 @@ class HeadingOrganism {
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-K0if: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K0if)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-vcFs: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-vcFs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HeadingOrganism, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
     }
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-K0if: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-K0if)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-vcFs: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-vcFs)}\n"] }]
         }], propDecorators: { level: [{
                 type: Input
             }] } });

package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs

@@ -31,7 +31,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
     <span>{{ store.version }}</span>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-Gj8w: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-Gj8w: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-842U: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-842U: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuFooterOrganism, decorators: [{
             type: Component,
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         {
                             directive: MenuFooterOrganismStore,
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-Gj8w: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-Gj8w: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-842U: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-842U: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-organisms-menu-header.mjs

@@ -56,7 +56,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
       <path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
     </svg>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-FmgG: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-FmgG: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-FmgG)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-JJ7d: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-JJ7d: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-JJ7d)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
             type: Component,
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: MenuHeaderOrganismStore,
                             inputs: ['title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-FmgG: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-FmgG: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-FmgG)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-JJ7d: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-JJ7d: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-JJ7d)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"] }]
         }] });
 
 /**

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

@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
       <div class="pulse-container"><div class="dot-pulse"></div></div>
     </div>
   </div>
-  `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-s7Se: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-s7Se: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-s7Se) var(--vertical-padding-SCOPED-IN-messages-section-s7Se);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-679W: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-679W: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-679W) var(--vertical-padding-SCOPED-IN-messages-section-679W);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
             type: Component,
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   </div>
   `, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-s7Se: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-s7Se: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-s7Se) var(--vertical-padding-SCOPED-IN-messages-section-s7Se);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-679W: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-679W: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-679W) var(--vertical-padding-SCOPED-IN-messages-section-679W);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
         }], propDecorators: { messages: [{
                 type: Input
             }], isMessageCreating: [{

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

@@ -53,7 +53,7 @@ class NavigationListOrganism extends NgAtomicComponent {
       </mat-nav-list>
     }
   }
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-GOkg: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-GOkg: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-GOkg: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-GOkg: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-GOkg: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-GOkg: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-GOkg);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-GOkg);--background-color: var(--background-color-SCOPED-IN-navigation-list-GOkg);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-GOkg);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-GOkg);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-GOkg);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-GOkg)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-E1iv: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-E1iv: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-E1iv: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-E1iv: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-E1iv: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-E1iv: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-E1iv);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-E1iv);--background-color: var(--background-color-SCOPED-IN-navigation-list-E1iv);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-E1iv);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-E1iv);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-E1iv);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-E1iv)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { 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", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigationListOrganism, decorators: [{
             type: Component,
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: NavigationListOrganismStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-GOkg: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-GOkg: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-GOkg: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-GOkg: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-GOkg: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-GOkg: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-GOkg);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-GOkg);--background-color: var(--background-color-SCOPED-IN-navigation-list-GOkg);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-GOkg);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-GOkg);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-GOkg);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-GOkg)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-E1iv: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-E1iv: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-E1iv: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-E1iv: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-E1iv: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-E1iv: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-E1iv);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-E1iv);--background-color: var(--background-color-SCOPED-IN-navigation-list-E1iv);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-E1iv);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-E1iv);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-E1iv);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-E1iv)}\n"] }]
         }] });
 
 /**

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

@@ -1,12 +1,12 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, computed, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import * as i1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { InjectableComponent, _computed, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
-import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
+import { MenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';
 import { makeConfig } from '@ng-atomic/common/services/ui';
 
 var NavigatorOrganismStore_1;
@@ -17,7 +17,7 @@ function resolveActions(actions) {
                 return {
                     id: 'menu',
                     name: 'menu',
-                    icon: 'menu',
+                    icon: 'more_vert',
                     children: actionOrArray,
                 };
             }
@@ -30,7 +30,7 @@ function resolveActions(actions) {
             {
                 id: 'menu',
                 name: 'menu',
-                icon: 'menu',
+                icon: 'more_vert',
                 children: factoryResult,
             }
         ] : [];
@@ -41,9 +41,9 @@ let NavigatorOrganismStore = class NavigatorOrganismStore extends InjectableComp
         super(...arguments);
         this.config = NavigatorOrganismStore_1.Config.inject();
         this.startActions = input(_computed(() => this.config().startActions));
-        this.resolvedStartActions = input(_computed(() => resolveActions(this.startActions())));
+        this.resolvedStartActions = computed(() => resolveActions(this.startActions()));
         this.endActions = input(_computed(() => this.config().endActions));
-        this.resolvedEndActions = input(_computed(() => resolveActions(this.endActions())));
+        this.resolvedEndActions = computed(() => resolveActions(this.endActions()));
         this.title = input(_computed(() => this.config().title));
     }
     static { NavigatorOrganismStore_1 = this; }
@@ -55,7 +55,7 @@ let NavigatorOrganismStore = class NavigatorOrganismStore extends InjectableComp
         });
     }, ['components', 'organisms', 'navigator']); }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigatorOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: NavigatorOrganismStore, isStandalone: true, selector: "organisms-navigator", inputs: { startActions: { classPropertyName: "startActions", publicName: "startActions", isSignal: true, isRequired: false, transformFunction: null }, resolvedStartActions: { classPropertyName: "resolvedStartActions", publicName: "resolvedStartActions", isSignal: true, isRequired: false, transformFunction: null }, endActions: { classPropertyName: "endActions", publicName: "endActions", isSignal: true, isRequired: false, transformFunction: null }, resolvedEndActions: { classPropertyName: "resolvedEndActions", publicName: "resolvedEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: NavigatorOrganismStore, isStandalone: true, selector: "organisms-navigator", inputs: { startActions: { classPropertyName: "startActions", publicName: "startActions", isSignal: true, isRequired: false, transformFunction: null }, endActions: { classPropertyName: "endActions", publicName: "endActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 NavigatorOrganismStore = NavigatorOrganismStore_1 = __decorate([
     TokenizedType()
@@ -68,16 +68,14 @@ class NavigatorOrganism extends NgAtomicComponent {
     constructor() {
         super(...arguments);
         this.store = inject(NavigatorOrganismStore);
+        this.trackByFn = (_, action) => action;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigatorOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: NavigatorOrganism, isStandalone: true, selector: "organisms-navigator", usesInheritance: true, hostDirectives: [{ directive: NavigatorOrganismStore, inputs: ["startActions", "startActions", "endActions", "endActions", "title", "title"] }], ngImport: i0, template: `
   <mat-toolbar color="primary">
     <div>
-      @for (action of store.resolvedStartActions(); track action) {
-        <atoms-menu-button
-          [action]="action"
-          (action)="dispatch($event)"
-        />
+      @for (action of store.resolvedStartActions(); track trackByFn($index, action) ) {
+        <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
       }
     </div>
     <div>
@@ -88,14 +86,11 @@ class NavigatorOrganism extends NgAtomicComponent {
       }
     </div>
     <div>
-      @for (action of store.resolvedEndActions(); track action) {
-        <atoms-menu-button
-          [action]="action"
-          (action)="dispatch($event)"
-        />
+      @for (action of store.resolvedEndActions(); track trackByFn($index, action)) {
+        <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-LMSd: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-LMSd: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-LMSd: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-LMSd: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-LMSd: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-LMSd: 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-LMSd);color:var(--on-background-color-SCOPED-IN-navigator-LMSd)}: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, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-s9NO: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-s9NO: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-s9NO: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-s9NO: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-s9NO: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-s9NO: 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-s9NO);color:var(--on-background-color-SCOPED-IN-navigator-s9NO)}: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: "directive", type: MenuButtonAtomStore, selector: "atoms-smart-menu-button, atoms-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
@@ -103,15 +98,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         MatButtonModule,
                         MatIconModule,
                         MatToolbarModule,
-                        SmartMenuButtonAtom,
+                        MenuButtonAtomStore
                     ], template: `
   <mat-toolbar color="primary">
     <div>
-      @for (action of store.resolvedStartActions(); track action) {
-        <atoms-menu-button
-          [action]="action"
-          (action)="dispatch($event)"
-        />
+      @for (action of store.resolvedStartActions(); track trackByFn($index, action) ) {
+        <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
       }
     </div>
     <div>
@@ -122,11 +114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       }
     </div>
     <div>
-      @for (action of store.resolvedEndActions(); track action) {
-        <atoms-menu-button
-          [action]="action"
-          (action)="dispatch($event)"
-        />
+      @for (action of store.resolvedEndActions(); track trackByFn($index, action)) {
+        <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
       }
     </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
@@ -138,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'title',
                             ],
                         }
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-LMSd: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-LMSd: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-LMSd: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-LMSd: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-LMSd: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-LMSd: 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-LMSd);color:var(--on-background-color-SCOPED-IN-navigator-LMSd)}: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-s9NO: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-s9NO: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-s9NO: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-s9NO: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-s9NO: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-s9NO: 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-s9NO);color:var(--on-background-color-SCOPED-IN-navigator-s9NO)}: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-navigator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Action, Actions, ActionsFactory, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nfunction resolveActions<T = any>(actions: ActionsFactory | Action[] | Action[][]): Action<T>[] {\n  if (Array.isArray(actions)) {\n    return actions.map((actionOrArray) => {\n      if (Array.isArray(actionOrArray) && actionOrArray.length) {\n        return {\n          id: 'menu',\n          name: 'menu',\n          icon: 'menu',\n          children: actionOrArray,\n        };\n      }\n      return {...actionOrArray};\n    });\n  } else if (typeof actions === 'function') {\n    const factoryResult = actions();\n    return Array.isArray(factoryResult) && factoryResult?.length ? [\n      {\n        id: 'menu',\n        name: 'menu',\n        icon: 'menu',\n        children: factoryResult,\n      }\n    ] : [];\n  }\n}\n\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-navigator' })\nexport class NavigatorOrganismStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      title: undefined as string | undefined,\n      startActions: <Actions>[{ id: 'menu', icon: 'menu', name: 'menu' }],\n      endActions: <Actions | Action[][]>[],\n    });\n  }, ['components', 'organisms', 'navigator']);\n  protected readonly config = NavigatorOrganismStore.Config.inject(); \n  readonly startActions = input(_computed(() => this.config().startActions));\n  readonly resolvedStartActions = input(_computed(() => resolveActions(this.startActions())));\n  readonly endActions = input(_computed(() => this.config().endActions));\n  readonly resolvedEndActions = input<(Action[] | Action)[]>(_computed(() => resolveActions(this.endActions())));\n  readonly title = input(_computed(() => this.config().title));\n}\n\n@Component({\n  selector: 'organisms-navigator',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    SmartMenuButtonAtom,\n  ],\n  template: `\n  <mat-toolbar color=\"primary\">\n    <div>\n      @for (action of store.resolvedStartActions(); track action) {\n        <atoms-menu-button\n          [action]=\"action\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n    <div>\n      @if (store.title()) {\n        <span>{{ store.title() }}</span>\n      } @else {\n        <ng-content />\n      }\n    </div>\n    <div>\n      @for (action of store.resolvedEndActions(); track action) {\n        <atoms-menu-button\n          [action]=\"action\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n  `,\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: NavigatorOrganismStore,\n      inputs: [\n        'startActions',\n        'endActions',\n        'title',\n      ],\n    }\n  ]\n})\nexport class NavigatorOrganism extends NgAtomicComponent {\n  protected readonly store = inject(NavigatorOrganismStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-organisms-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, Directive, inject, input } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Action, Actions, ActionsFactory, InjectableComponent, TokenizedType, _computed } from '@ng-atomic/core';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MenuButtonAtomStore } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\n\nfunction resolveActions<T = any>(actions: ActionsFactory | Action[] | Action[][]): Action<T>[] {\n  if (Array.isArray(actions)) {\n    return actions.map((actionOrArray) => {\n      if (Array.isArray(actionOrArray) && actionOrArray.length) {\n        return {\n          id: 'menu',\n          name: 'menu',\n          icon: 'more_vert',\n          children: actionOrArray,\n        };\n      }\n      return {...actionOrArray};\n    });\n  } else if (typeof actions === 'function') {\n    const factoryResult = actions();\n    return Array.isArray(factoryResult) && factoryResult?.length ? [\n      {\n        id: 'menu',\n        name: 'menu',\n        icon: 'more_vert',\n        children: factoryResult,\n      }\n    ] : [];\n  }\n}\n\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'organisms-navigator' })\nexport class NavigatorOrganismStore extends InjectableComponent {\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      title: undefined as string | undefined,\n      startActions: <Actions>[{ id: 'menu', icon: 'menu', name: 'menu' }],\n      endActions: <Actions | Action[][]>[],\n    });\n  }, ['components', 'organisms', 'navigator']);\n  protected readonly config = NavigatorOrganismStore.Config.inject(); \n  readonly startActions = input(_computed(() => this.config().startActions));\n  readonly resolvedStartActions = computed(() => resolveActions(this.startActions()));\n  readonly endActions = input(_computed(() => this.config().endActions));\n  readonly resolvedEndActions = computed(() => resolveActions(this.endActions()));\n  readonly title = input(_computed(() => this.config().title));\n}\n\n@Component({\n  selector: 'organisms-navigator',\n  standalone: true,\n  imports: [\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    MenuButtonAtomStore\n  ],\n  template: `\n  <mat-toolbar color=\"primary\">\n    <div>\n      @for (action of store.resolvedStartActions(); track trackByFn($index, action) ) {\n        <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n      }\n    </div>\n    <div>\n      @if (store.title()) {\n        <span>{{ store.title() }}</span>\n      } @else {\n        <ng-content />\n      }\n    </div>\n    <div>\n      @for (action of store.resolvedEndActions(); track trackByFn($index, action)) {\n        <atoms-menu-button [action]=\"action\" (action)=\"dispatch($event)\" injectable/>\n      }\n    </div>\n  `,\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: NavigatorOrganismStore,\n      inputs: [\n        'startActions',\n        'endActions',\n        'title',\n      ],\n    }\n  ]\n})\nexport class NavigatorOrganism extends NgAtomicComponent {\n  protected readonly store = inject(NavigatorOrganismStore);\n  trackByFn = (_: number, action: Action) => action;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
       (action)="dispatch($event)"
     />
   }
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-gdTZ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-gdTZ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-gdTZ)}: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, atoms-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-6lpe: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-6lpe) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-6lpe)}: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, atoms-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
             type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: NumberInputSectionOrganismStore,
                             inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
                         }
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-gdTZ: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-gdTZ) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-gdTZ)}: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-6lpe: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-6lpe) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-6lpe)}: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"] }]
         }] });
 
 /**