@ng-atomic/components 18.2.0 → 18.4.0

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

@@ -0,0 +1,166 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { DATA_ACCESSOR, defaultDataAccessor, DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { InjectableComponent, _computed, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import { KeysPipe } from '@ng-atomic/common/pipes/keys';
+import { GroupedByPipe } from '@ng-atomic/common/pipes/grouped-by';
+import { ActionsPipe } from '@ng-atomic/common/pipes/actions';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { ListItemMoleculeStore } from '@ng-atomic/components/molecules/list-item';
+import * as i2 from '@angular/material/divider';
+
+var ListOrganismStore_1;
+var ActionId;
+(function (ActionId) {
+    ActionId["CLICK_ITEM"] = "[@ng-atomic/components/organisms/list] Click Item";
+    ActionId["ITEM_BUTTON_CLICK"] = "[@ng-atomic/components/organisms/list] Item Button Click";
+})(ActionId || (ActionId = {}));
+let ListOrganismStore = class ListOrganismStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = ListOrganismStore_1.Config.inject();
+        this.items = input([]);
+        this.itemActions = input([]);
+        this.groupedBy = input();
+        this.groupKeys = input();
+        this.itemActionsType = input(_computed(() => this.config().itemActionsType));
+    }
+    static { ListOrganismStore_1 = this; }
+    static { this.ActionId = ActionId; }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            items: [],
+            itemActions: [],
+            groupedBy: '',
+            groupKeys: [],
+            itemActionsType: 'menu'
+        });
+    }, ['components', 'organisms', 'list']); }
+    static provideItemActionsTypeConfig() {
+        return ListOrganismStore_1.Config.provide(() => {
+            return (config, context) => ({
+                ...config,
+                itemActionsType: (context.breakpoint === 'xSmall' ? 'dispatch' : 'menu')
+            });
+        });
+    }
+    static provideDefault() {
+        return [
+            ListOrganismStore_1.Config.provide(),
+            ListOrganismStore_1.provideItemActionsTypeConfig(),
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ListOrganismStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ListOrganismStore, isStandalone: true, inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, groupedBy: { classPropertyName: "groupedBy", publicName: "groupedBy", isSignal: true, isRequired: false, transformFunction: null }, groupKeys: { classPropertyName: "groupKeys", publicName: "groupKeys", isSignal: true, isRequired: false, transformFunction: null }, itemActionsType: { classPropertyName: "itemActionsType", publicName: "itemActionsType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+ListOrganismStore = ListOrganismStore_1 = __decorate([
+    TokenizedType()
+], ListOrganismStore);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ListOrganismStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+class ListOrganism extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(ListOrganismStore);
+        this.dataAccessor = inject(DATA_ACCESSOR, { optional: true }) ?? defaultDataAccessor;
+        this.trackById = (_, item) => this.dataAccessor(item, 'id');
+    }
+    static { this.ActionId = ActionId; }
+    onItemClick(item) {
+        this.dispatch({ id: ActionId.CLICK_ITEM, payload: item });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ListOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ListOrganism, isStandalone: true, selector: "organisms-list", usesInheritance: true, hostDirectives: [{ directive: ListOrganismStore, inputs: ["items", "items", "itemActions", "itemActions", "groupedBy", "groupedBy", "groupKeys", "groupKeys", "itemActionsType", "itemActionsType"] }], ngImport: i0, template: `
+  @if (store.groupedBy()) {
+    <mat-list>
+      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {
+        <div mat-subheader>{{ key }}</div>
+        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { 
+          <molecules-list-item  
+            [item]="item"
+            [actions]="store.itemActions() | resolveActions:item"
+            (click)="onItemClick(item)"
+            injectable
+          />
+          <mat-divider />
+        }
+      }
+    </mat-list>
+  } @else {
+    <mat-list>
+      @for (item of store.items(); track item.id) {
+        <molecules-list-item  
+          [item]="item"
+          [actions]="store.itemActions() | resolveActions:item"
+          (click)="onItemClick(item)"
+          (action)="dispatch($event)"
+          injectable
+        />
+        <mat-divider />
+      }
+    </mat-list>
+  }
+  `, isInline: true, styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%;overflow:scroll}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "directive", type: i1.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: GroupedByPipe, name: "groupedBy" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "directive", type: ListItemMoleculeStore, selector: "molecules-list-item", inputs: ["item", "actions", "itemActionsType"] }, { kind: "pipe", type: ActionsPipe, name: "resolveActions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ListOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-list', standalone: true, imports: [
+                        NgTemplateOutlet,
+                        MatListModule,
+                        DataAccessorPipe,
+                        GroupedByPipe,
+                        KeysPipe,
+                        SmartMenuButtonAtom,
+                        ListItemMoleculeStore,
+                        ActionsPipe,
+                    ], template: `
+  @if (store.groupedBy()) {
+    <mat-list>
+      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {
+        <div mat-subheader>{{ key }}</div>
+        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { 
+          <molecules-list-item  
+            [item]="item"
+            [actions]="store.itemActions() | resolveActions:item"
+            (click)="onItemClick(item)"
+            injectable
+          />
+          <mat-divider />
+        }
+      }
+    </mat-list>
+  } @else {
+    <mat-list>
+      @for (item of store.items(); track item.id) {
+        <molecules-list-item  
+          [item]="item"
+          [actions]="store.itemActions() | resolveActions:item"
+          (click)="onItemClick(item)"
+          (action)="dispatch($event)"
+          injectable
+        />
+        <mat-divider />
+      }
+    </mat-list>
+  }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: ListOrganismStore,
+                            inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys', 'itemActionsType'],
+                        },
+                    ], styles: [":host{display:block}:host{display:block;flex-direction:unset;font-size:14px;height:100%;overflow:scroll}:host mat-list .mdc-list-group__subheader{font-size:14px;line-height:1em;margin:.75rem 16px}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionId, ListOrganism, ListOrganismStore };
+//# sourceMappingURL=ng-atomic-components-organisms-list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-list.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/list/list.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/list/ng-atomic-components-organisms-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { DATA_ACCESSOR, defaultDataAccessor } from '@ng-atomic/common/pipes/data-accessor';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\nimport { _computed, Actions, InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { KeysPipe } from '@ng-atomic/common/pipes/keys';\nimport { GroupedByPipe } from '@ng-atomic/common/pipes/grouped-by';\nimport { MatButtonModule } from '@angular/material/button';\nimport { ActionsPipe } from '@ng-atomic/common/pipes/actions';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { makeConfig } from '@ng-atomic/common/services/ui';\nimport { ListItemMoleculeStore } from '@ng-atomic/components/molecules/list-item';\n\nexport enum ActionId {\n  CLICK_ITEM = '[@ng-atomic/components/organisms/list] Click Item',\n  ITEM_BUTTON_CLICK = '[@ng-atomic/components/organisms/list] Item Button Click',\n}\n\n@TokenizedType()\n@Directive({standalone: true})\nexport class ListOrganismStore<T> extends InjectableComponent {\n  static readonly ActionId = ActionId;\n  static readonly Config = makeConfig(() => {\n    return () => ({\n      items: <any[]>[],\n      itemActions: <Actions>[],\n      groupedBy: '',\n      groupKeys: <string[]>[],\n      itemActionsType: <'menu' | 'dispatch'>'menu'\n    });\n  }, ['components', 'organisms', 'list']);\n\n  static provideItemActionsTypeConfig() {\n    return ListOrganismStore.Config.provide(() => {\n      return (config, context) => ({\n        ...config,\n        itemActionsType: (context.breakpoint === 'xSmall' ? 'dispatch' : 'menu')\n      });\n    });\n  }\n  static provideDefault() {\n    return [\n      ListOrganismStore.Config.provide(),\n      ListOrganismStore.provideItemActionsTypeConfig(),\n    ];\n  }\n\n  readonly config = ListOrganismStore.Config.inject();\n  readonly items = input<T[]>([]);\n  readonly itemActions = input<Actions>([]);\n  readonly groupedBy = input<string>();\n  readonly groupKeys = input<string[]>();\n  readonly itemActionsType = input(_computed(() => this.config().itemActionsType));\n}\n\n@Component({\n  selector: 'organisms-list',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    MatListModule,\n    DataAccessorPipe,\n    GroupedByPipe,\n    KeysPipe,\n    SmartMenuButtonAtom,\n    ListItemMoleculeStore,\n    ActionsPipe,\n  ],\n  template: `\n  @if (store.groupedBy()) {\n    <mat-list>\n      @for (key of store.groupKeys() ?? (store.items() | groupedBy:store.groupedBy() | keys); track key) {\n        <div mat-subheader>{{ key }}</div>\n        @for (item of ((store.items() ?? [] | groupedBy:store.groupedBy())?.[key] ?? []); track item.id) { \n          <molecules-list-item  \n            [item]=\"item\"\n            [actions]=\"store.itemActions() | resolveActions:item\"\n            (click)=\"onItemClick(item)\"\n            injectable\n          />\n          <mat-divider />\n        }\n      }\n    </mat-list>\n  } @else {\n    <mat-list>\n      @for (item of store.items(); track item.id) {\n        <molecules-list-item  \n          [item]=\"item\"\n          [actions]=\"store.itemActions() | resolveActions:item\"\n          (click)=\"onItemClick(item)\"\n          (action)=\"dispatch($event)\"\n          injectable\n        />\n        <mat-divider />\n      }\n    </mat-list>\n  }\n  `,\n  styleUrls: ['./list.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: ListOrganismStore,\n      inputs: ['items', 'itemActions', 'groupedBy', 'groupKeys', 'itemActionsType'],\n    },\n  ],\n})\nexport class ListOrganism<T> extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected readonly store = inject(ListOrganismStore);\n  protected readonly dataAccessor = inject(DATA_ACCESSOR, {optional: true}) ?? defaultDataAccessor;\n  protected readonly trackById = (_: number, item: T) => this.dataAccessor(item, 'id');\n\n  protected onItemClick(item: T) {\n    this.dispatch({id: ActionId.CLICK_ITEM, payload: item});\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-organisms-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-1ErS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-1ErS: 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-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 }); }
 }
 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-1ErS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-1ErS: 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-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"] }]
         }] });
 
 /**

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-TNfV: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-TNfV: 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-TNfV)}: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-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 }); }
 }
 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-TNfV: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-TNfV: 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-TNfV)}: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-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"] }]
         }] });
 
 /**

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

@@ -1,47 +1,53 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { viewChild, input, effect, Component, ChangeDetectionStrategy } from '@angular/core';
 import mermaid from 'mermaid';
+import * as d3 from 'd3';
+import { computedAsync } from 'ngxtension/computed-async';
 
 class MermaidSectionOrganism {
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-    }
-    ngOnInit() {
-        mermaid.initialize({
-        // securityLevel: 
+    constructor() {
+        this.view = viewChild.required('view');
+        this.src = input();
+        this.config = input({
+            theme: 'default',
+        });
+        this.svg = computedAsync(() => {
+            return mermaid.render('graphDiv', this.src()).then(({ svg }) => svg);
+        });
+        effect(() => {
+            this.view().nativeElement.innerHTML = this.svg();
+            // max-width: 100% にするために <svg> の width を 100% にする
+            const svgElement = this.view().nativeElement.querySelector('svg');
+            svgElement.removeAttribute('style');
+            this.initializeZoom();
         });
     }
-    ngAfterViewInit() {
-        this.renderMermaid();
-    }
-    ngOnChanges(changes) {
-        if (changes['mermaid']) {
-            this.renderMermaid();
-            // this.ngZone.runOutsideAngular(() => this.renderMermaid());
-        }
+    ngOnInit() {
+        mermaid.initialize(this.config());
     }
-    renderMermaid() {
-        mermaid.render('graphDiv', this.mermaid, this.view.nativeElement).then(({ svg }) => {
-            this.view.nativeElement.innerHTML = svg;
+    initializeZoom() {
+        const svgs = d3.select(this.view().nativeElement).selectAll("svg");
+        svgs.each(function () {
+            const svg = d3.select(this);
+            svg.html("<g>" + svg.html() + "</g>");
+            const inner = svg.select("g");
+            const zoom = d3.zoom().on("zoom", function (event) {
+                inner.attr("transform", event.transform);
+            });
+            svg.call(zoom);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MermaidSectionOrganism, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MermaidSectionOrganism, isStandalone: true, selector: "organisms-mermaid-section", inputs: { mermaid: "mermaid" }, viewQueries: [{ propertyName: "view", first: true, predicate: ["view"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
-    <pre #view></pre>
-  `, isInline: true, styles: [":host{display:block}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}:host pre{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MermaidSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: MermaidSectionOrganism, isStandalone: true, selector: "organisms-mermaid-section", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "view", first: true, predicate: ["view"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div #view></div>
+  `, isInline: true, styles: [":host{display:block}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}:host div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}:host div svg{max-width:100%;width:100%;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MermaidSectionOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-mermaid-section', standalone: true, imports: [CommonModule], template: `
-    <pre #view></pre>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}:host pre{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { view: [{
-                type: ViewChild,
-                args: ['view', { static: true }]
-            }], mermaid: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'organisms-mermaid-section', standalone: true, imports: [], template: `
+    <div #view></div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}:host{display:flex;justify-content:center;align-items:center;width:100%;height:100%}:host div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}:host div svg{max-width:100%;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-mermaid-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/mermaid-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Input, NgZone, OnChanges, SimpleChanges, ViewChild, OnInit, AfterViewInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport mermaid from 'mermaid';\n\n@Component({\n  selector: 'organisms-mermaid-section',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <pre #view></pre>\n  `,\n  styleUrls: ['./mermaid-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MermaidSectionOrganism implements OnChanges, OnInit, AfterViewInit {\n  constructor(\n    private ngZone: NgZone,\n  ) { }\n\n  @ViewChild('view', { static: true })\n  view: ElementRef<HTMLElement>;\n\n  @Input()\n  mermaid!: string;\n\n  ngOnInit() {\n    mermaid.initialize({\n      // securityLevel: \n    });\n  }\n\n  ngAfterViewInit() {\n    this.renderMermaid();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['mermaid']) {\n      this.renderMermaid()\n      // this.ngZone.runOutsideAngular(() => this.renderMermaid());\n    }\n  }\n\n  private renderMermaid() {\n    mermaid.render('graphDiv', this.mermaid, this.view.nativeElement).then(({svg}) => {\n      this.view.nativeElement.innerHTML = svg;\n    });\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAca,sBAAsB,CAAA;AACjC,IAAA,WAAA,CACU,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;KACnB;IAQL,QAAQ,GAAA;QACN,OAAO,CAAC,UAAU,CAAC;;AAElB,SAAA,CAAC,CAAC;KACJ;IAED,eAAe,GAAA;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE,CAAA;;SAErB;KACF;IAEO,aAAa,GAAA;QACnB,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,GAAG,EAAC,KAAI;YAC/E,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,GAAG,CAAC;AAC1C,SAAC,CAAC,CAAC;KACJ;8GAhCU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EANvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0NAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAHS,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAOX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,cACzB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EACb,QAAA,EAAA,CAAA;;GAET,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,0NAAA,CAAA,EAAA,CAAA;2EAQ/C,IAAI,EAAA,CAAA;sBADH,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAInC,OAAO,EAAA,CAAA;sBADN,KAAK;;;ACtBR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-mermaid-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/mermaid-section.organism.ts","../../../../../packages/@ng-atomic/components/src/lib/organisms/mermaid-section/ng-atomic-components-organisms-mermaid-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, input, effect, viewChild } from '@angular/core';\nimport mermaid, { MermaidConfig } from 'mermaid';\nimport * as d3 from 'd3';\nimport { computedAsync } from 'ngxtension/computed-async';\n\n@Component({\n  selector: 'organisms-mermaid-section',\n  standalone: true,\n  imports: [],\n  template: `\n    <div #view></div>\n  `,\n  styleUrls: ['./mermaid-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MermaidSectionOrganism {\n  readonly view = viewChild.required<ElementRef<HTMLElement>>('view');\n  readonly src = input<string>();\n  readonly config = input<MermaidConfig>({\n    theme: 'default',\n  });\n  readonly svg = computedAsync(() => {\n    return mermaid.render('graphDiv', this.src()).then(({svg}) => svg);\n  });\n\n  constructor() {\n    effect(() => {\n      this.view().nativeElement.innerHTML = this.svg();\n      // max-width: 100% にするために <svg> の width を 100% にする\n      const svgElement = this.view().nativeElement.querySelector('svg');\n      svgElement.removeAttribute('style');\n      this.initializeZoom();\n    });\n  }\n\n  ngOnInit() {\n    mermaid.initialize(this.config());\n  }\n\n  private initializeZoom() {\n    const svgs = d3.select(this.view().nativeElement).selectAll(\"svg\");\n    svgs.each(function() {\n      const svg = d3.select(this);\n      svg.html(\"<g>\" + svg.html() + \"</g>\");\n      const inner = svg.select(\"g\");\n      const zoom = d3.zoom().on(\"zoom\", function(event) {\n        inner.attr(\"transform\", event.transform);\n      });\n      svg.call(zoom);\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-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-IoSF: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-IoSF: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-IoSF) var(--vertical-padding-SCOPED-IN-messages-section-IoSF);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-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 }); }
 }
 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-IoSF: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-IoSF: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-IoSF) var(--vertical-padding-SCOPED-IN-messages-section-IoSF);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-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"] }]
         }], 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-cWbV: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-cWbV: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-cWbV: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-cWbV: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-cWbV: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-cWbV: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-cWbV);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-cWbV);--background-color: var(--background-color-SCOPED-IN-navigation-list-cWbV);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-cWbV);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-cWbV);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-cWbV);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-cWbV)}\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-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 }); }
 }
 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-cWbV: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-cWbV: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-cWbV: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-cWbV: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-cWbV: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-cWbV: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-cWbV);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-cWbV);--background-color: var(--background-color-SCOPED-IN-navigation-list-cWbV);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-cWbV);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-cWbV);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-cWbV);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-cWbV)}\n"] }]
+                    ], 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"] }]
         }] });
 
 /**

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

@@ -10,12 +10,40 @@ import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-butt
 import { makeConfig } from '@ng-atomic/common/services/ui';
 
 var NavigatorOrganismStore_1;
+function resolveActions(actions) {
+    if (Array.isArray(actions)) {
+        return actions.map((actionOrArray) => {
+            if (Array.isArray(actionOrArray) && actionOrArray.length) {
+                return {
+                    id: 'menu',
+                    name: 'menu',
+                    icon: 'menu',
+                    children: actionOrArray,
+                };
+            }
+            return { ...actionOrArray };
+        });
+    }
+    else if (typeof actions === 'function') {
+        const factoryResult = actions();
+        return Array.isArray(factoryResult) && factoryResult?.length ? [
+            {
+                id: 'menu',
+                name: 'menu',
+                icon: 'menu',
+                children: factoryResult,
+            }
+        ] : [];
+    }
+}
 let NavigatorOrganismStore = class NavigatorOrganismStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.config = NavigatorOrganismStore_1.Config.inject();
         this.startActions = input(_computed(() => this.config().startActions));
+        this.resolvedStartActions = input(_computed(() => resolveActions(this.startActions())));
         this.endActions = input(_computed(() => this.config().endActions));
+        this.resolvedEndActions = input(_computed(() => resolveActions(this.endActions())));
         this.title = input(_computed(() => this.config().title));
     }
     static { NavigatorOrganismStore_1 = this; }
@@ -27,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 }, 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 }); }
+    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 }); }
 };
 NavigatorOrganismStore = NavigatorOrganismStore_1 = __decorate([
     TokenizedType()
@@ -45,9 +73,9 @@ class NavigatorOrganism extends NgAtomicComponent {
     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>
-      @if((store.startActions())?.length) {
-        <atoms-smart-menu-button
-          [actions]="store.startActions()"
+      @for (action of store.resolvedStartActions(); track action) {
+        <atoms-menu-button
+          [action]="action"
           (action)="dispatch($event)"
         />
       }
@@ -60,15 +88,14 @@ class NavigatorOrganism extends NgAtomicComponent {
       }
     </div>
     <div>
-      @if((store.endActions())?.length) {
-        <atoms-smart-menu-button
-          [actions]="store.endActions()"
+      @for (action of store.resolvedEndActions(); track action) {
+        <atoms-menu-button
+          [action]="action"
           (action)="dispatch($event)"
         />
       }
     </div>
-  </mat-toolbar>
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-pP9E: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-pP9E: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-pP9E: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-pP9E: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-pP9E: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-pP9E: 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-pP9E);color:var(--on-background-color-SCOPED-IN-navigator-pP9E)}: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-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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NavigatorOrganism, decorators: [{
             type: Component,
@@ -80,9 +107,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                     ], template: `
   <mat-toolbar color="primary">
     <div>
-      @if((store.startActions())?.length) {
-        <atoms-smart-menu-button
-          [actions]="store.startActions()"
+      @for (action of store.resolvedStartActions(); track action) {
+        <atoms-menu-button
+          [action]="action"
           (action)="dispatch($event)"
         />
       }
@@ -95,20 +122,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       }
     </div>
     <div>
-      @if((store.endActions())?.length) {
-        <atoms-smart-menu-button
-          [actions]="store.endActions()"
+      @for (action of store.resolvedEndActions(); track action) {
+        <atoms-menu-button
+          [action]="action"
           (action)="dispatch($event)"
         />
       }
     </div>
-  </mat-toolbar>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: NavigatorOrganismStore,
-                            inputs: ['startActions', 'endActions', 'title'],
+                            inputs: [
+                                'startActions',
+                                'endActions',
+                                'title',
+                            ],
                         }
-                    ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-pP9E: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-pP9E: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-pP9E: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-pP9E: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-pP9E: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-pP9E: 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-pP9E);color:var(--on-background-color-SCOPED-IN-navigator-pP9E)}: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-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"] }]
         }] });
 
 /**

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, 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\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: [{ id: 'menu', icon: 'menu', name: 'menu' }] as Actions,\n      endActions: [] as Actions,\n    });\n  }, ['components', 'organisms', 'navigator']);\n  protected readonly config = NavigatorOrganismStore.Config.inject(); \n  readonly startActions = input(_computed(() => this.config().startActions));\n  readonly endActions = input(_computed(() => this.config().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      @if((store.startActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.startActions()\"\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      @if((store.endActions())?.length) {\n        <atoms-smart-menu-button\n          [actions]=\"store.endActions()\"\n          (action)=\"dispatch($event)\"\n        />\n      }\n    </div>\n  </mat-toolbar>\n  `,\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: NavigatorOrganismStore,\n      inputs: ['startActions', 'endActions', 'title'],\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, 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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"}