@ng-atomic/components 18.2.1 → 18.5.0

package/molecules/actions-column/actions-column.molecule.d.ts

@@ -29,11 +29,12 @@ export declare class ActionsColumnMoleculeStore extends InjectableComponent {
     readonly headerText: import("@angular/core").InputSignal<string>;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    readonly sticky: import("@angular/core").InputSignal<boolean>;
     readonly style: import("@angular/core").Signal<{
         width: string;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMoleculeStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
     private _table;
@@ -45,5 +46,5 @@ export declare class ActionsColumnMolecule extends NgAtomicComponent implements
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule, "molecules-actions-column", never, {}, {}, never, never, true, [{ directive: typeof ActionsColumnMoleculeStore; inputs: { "headerText": "headerText"; "name": "name"; "itemActions": "itemActions"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule, "molecules-actions-column", never, {}, {}, never, never, true, [{ directive: typeof ActionsColumnMoleculeStore; inputs: { "headerText": "headerText"; "name": "name"; "itemActions": "itemActions"; "sticky": "sticky"; }; outputs: {}; }]>;
 }

package/molecules/checkbox-column/checkbox-column.molecule.d.ts

@@ -2,18 +2,26 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
 import { OnInit, OnDestroy } from '@angular/core';
 import { MatCheckbox } from '@angular/material/checkbox';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 declare enum ActionId {
     CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click",
     HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click"
 }
-export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit, OnDestroy {
+export declare class CheckboxColumnMoleculeStore<T> extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
-    private _table;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
     readonly isHidden: import("@angular/core").InputSignal<(item: T) => false>;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly sticky: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMoleculeStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxColumnMoleculeStore<any>, never, never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit, OnDestroy {
+    static readonly ActionId: typeof ActionId;
+    protected store: CheckboxColumnMoleculeStore<any>;
+    private _table;
     readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
     readonly cell: import("@angular/core").Signal<CdkCellDef>;
     readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
@@ -26,6 +34,6 @@ export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent impleme
     protected onHeaderCheckboxClick(item: T, event: Event): void;
     protected onCheckboxClick(item: T, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnMolecule<any>, "molecules-checkbox-column", never, {}, {}, never, never, true, [{ directive: typeof CheckboxColumnMoleculeStore; inputs: { "name": "name"; "selection": "selection"; "isHidden": "isHidden"; "width": "width"; "sticky": "sticky"; }; outputs: {}; }]>;
 }
 export {};

package/molecules/list-item/index.d.ts

@@ -0,0 +1 @@
+export * from './list-item.molecule';

package/molecules/list-item/list-item.molecule.d.ts

@@ -0,0 +1,50 @@
+import { Action, Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class LinePipe {
+    protected dataAccessor: import("@ng-atomic/common/pipes/data-accessor").DataAccessor<unknown>;
+    transform(value: any): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LinePipe, "itemToLines", true>;
+}
+declare enum ActionId {
+    CLICK_ITEM = "[@ng-atomic/components/molecules/list] Click Item",
+    ITEM_BUTTON_CLICK = "[@ng-atomic/components/molecules/list] Item Button Click"
+}
+export declare class ListItemMoleculeStore<T> extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            items: any[];
+            itemActions: Actions;
+            groupedBy: string;
+            groupKeys: string[];
+            itemActionsType: "menu" | "dispatch";
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
+            items: any[];
+            itemActions: Actions;
+            groupedBy: string;
+            groupKeys: string[];
+            itemActionsType: "menu" | "dispatch";
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        items: any[];
+        itemActions: Actions;
+        groupedBy: string;
+        groupKeys: string[];
+        itemActionsType: "menu" | "dispatch";
+    }>;
+    readonly item: import("@angular/core").InputSignal<T>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly itemActionsType: import("@angular/core").InputSignal<"menu" | "dispatch">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemMoleculeStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListItemMoleculeStore<any>, "molecules-list-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "itemActionsType": { "alias": "itemActionsType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class ListItemMolecule<T> extends NgAtomicComponent {
+    protected readonly store: ListItemMoleculeStore<any>;
+    protected onItemActionsClick(item: T, $event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemMolecule<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemMolecule<any>, "molecules-list-item", never, {}, {}, never, never, true, [{ directive: typeof ListItemMoleculeStore; inputs: { "actions": "actions"; "item": "item"; "itemActionsType": "itemActionsType"; }; outputs: {}; }]>;
+}
+export {};

package/molecules/molecules.module.d.ts

@@ -12,6 +12,9 @@ export declare class NgAtomicMoleculesModule {
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/header").HeaderMolecule>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/list-item").ListItemMolecule<unknown>>>;
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/loading-box").LoadingBoxMolecule>>;
@@ -27,3 +30,25 @@ export declare class NgAtomicMoleculesModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicMoleculesModule, never, [typeof i1.MatChipsModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicMoleculesModule>;
 }
+export declare function provideMolecules(): (import("@angular/core").Provider | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/actions-column").ActionsColumnMolecule>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/chips-input-field").ChipsInputFieldMolecule>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/header").HeaderMolecule>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/list-item").ListItemMolecule<unknown>>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/loading-box").LoadingBoxMolecule>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/navigation-list-item").NavigationListItemMolecule>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/text-input-field").TextInputFieldMolecule>>;
+})[];

package/molecules/smart-column/smart-column.molecule.d.ts

@@ -1,26 +1,51 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { EventEmitter, OnInit, OnDestroy, InjectionToken } from '@angular/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class SmartColumnTemplateStore<T> {
+export type EditableResolver = (value: any, name: string) => boolean;
+export declare const EDITABLE_RESOLVER: InjectionToken<EditableResolver>;
+export declare function provideEditableResolver(resolverFactory: () => EditableResolver): {
+    provide: InjectionToken<EditableResolver>;
+    useFactory: () => EditableResolver;
+};
+export declare class EditablePipe {
+    readonly resolver: EditableResolver;
+    transform(value: any, name: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditablePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<EditablePipe, "editable", true>;
+}
+declare enum ActionId {
+    UPDATE_VALUE = "[@ng-atomic/components/molecules/smart-column] update value"
+}
+export declare class SmartColumnMoleculeStore<T> extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    readonly dataAccessor: import("@ng-atomic/common/pipes/data-accessor").DataAccessor<unknown>;
+    readonly index: import("@angular/core").InputSignal<number>;
     readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
+    readonly sticky: import("@angular/core").InputSignal<boolean>;
+    readonly headerText: import("@angular/core").InputSignal<string>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly editable: import("@angular/core").InputSignal<boolean>;
     readonly tooltipText: import("@angular/core").WritableSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnTemplateStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnTemplateStore<any>, never, never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    isNumeric(value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMoleculeStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnMoleculeStore<any>, never, never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit, OnDestroy {
-    protected store: SmartColumnTemplateStore<any>;
+    protected store: SmartColumnMoleculeStore<any>;
     private _table;
-    readonly headerText: import("@angular/core").InputSignal<string>;
-    readonly name: import("@angular/core").InputSignal<string>;
     readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
     readonly cell: import("@angular/core").Signal<CdkCellDef>;
     readonly headerCell: import("@angular/core").Signal<CdkHeaderCellDef>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
+    onNgModelChange(item: any, event: {
+        target: HTMLInputElement;
+    }): void;
     headerClick: EventEmitter<void>;
     protected copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule, "molecules-smart-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof SmartColumnTemplateStore; inputs: { "sort": "sort"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule, "molecules-smart-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof SmartColumnMoleculeStore; inputs: { "index": "index"; "sort": "sort"; "sticky": "sticky"; "headerText": "headerText"; "name": "name"; "editable": "editable"; }; outputs: {}; }]>;
 }
+export {};

package/molecules/tree-column/tree-column.molecule.d.ts

@@ -6,9 +6,13 @@ export declare class TreeColumnMoleculeStore {
     readonly headerText: import("@angular/core").InputSignal<string>;
     readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
     readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
+    re: any;
     readonly width: import("@angular/core").InputSignal<number>;
+    readonly sticky: import("@angular/core").InputSignal<boolean>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly tooltipText: import("@angular/core").WritableSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMoleculeStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     protected store: TreeColumnMoleculeStore;
@@ -16,5 +20,5 @@ export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     text: string;
     copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; "width": "width"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; "width": "width"; "sticky": "sticky"; "name": "name"; }; outputs: {}; }]>;
 }

package/organisms/list/index.d.ts

@@ -0,0 +1 @@
+export * from './list.organism';

package/organisms/{smart-list/smart-list.organism.d.ts → list/list.organism.d.ts}

@@ -1,10 +1,10 @@
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare enum ActionId {
-    CLICK_ITEM = "[@ng-atomic/components/organisms/smart-list] Click Item",
-    ITEM_BUTTON_CLICK = "[@ng-atomic/components/organisms/smart-list] Item Button Click"
+    CLICK_ITEM = "[@ng-atomic/components/organisms/list] Click Item",
+    ITEM_BUTTON_CLICK = "[@ng-atomic/components/organisms/list] Item Button Click"
 }
-export declare class SmartListOrganismStore<T> extends InjectableComponent {
+export declare class ListOrganismStore<T> extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
@@ -23,6 +23,7 @@ export declare class SmartListOrganismStore<T> extends InjectableComponent {
         }>;
     };
     static provideItemActionsTypeConfig(): import("@angular/core").Provider;
+    static provideDefault(): import("@angular/core").Provider[];
     readonly config: import("@angular/core").Signal<{
         items: any[];
         itemActions: Actions;
@@ -35,16 +36,15 @@ export declare class SmartListOrganismStore<T> extends InjectableComponent {
     readonly groupedBy: import("@angular/core").InputSignal<string>;
     readonly groupKeys: import("@angular/core").InputSignal<string[]>;
     readonly itemActionsType: import("@angular/core").InputSignal<"menu" | "dispatch">;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartListOrganismStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SmartListOrganismStore<any>, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "itemActionsType": { "alias": "itemActionsType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListOrganismStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListOrganismStore<any>, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "itemActionsType": { "alias": "itemActionsType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class SmartListOrganism<T> extends NgAtomicComponent {
+export declare class ListOrganism<T> extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
-    protected readonly store: SmartListOrganismStore<any>;
+    protected readonly store: ListOrganismStore<any>;
     protected readonly dataAccessor: import("@ng-atomic/common/pipes/data-accessor").DataAccessor<any>;
-    protected readonly trackById: (_: number, item: T) => string;
+    protected readonly trackById: (_: number, item: T) => any;
     protected onItemClick(item: T): void;
-    protected onItemActionsClick(item: T, $event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartListOrganism<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartListOrganism<any>, "organisms-smart-list", never, {}, {}, never, never, true, [{ directive: typeof SmartListOrganismStore; inputs: { "items": "items"; "itemActions": "itemActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "itemActionsType": "itemActionsType"; }; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListOrganism<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListOrganism<any>, "organisms-list", never, {}, {}, never, never, true, [{ directive: typeof ListOrganismStore; inputs: { "items": "items"; "itemActions": "itemActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "itemActionsType": "itemActionsType"; }; outputs: {}; }]>;
 }

package/organisms/mermaid-section/mermaid-section.organism.d.ts

@@ -1,14 +1,14 @@
-import { ElementRef, NgZone, OnChanges, SimpleChanges, OnInit, AfterViewInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { MermaidConfig } from 'mermaid';
 import * as i0 from "@angular/core";
-export declare class MermaidSectionOrganism implements OnChanges, OnInit, AfterViewInit {
-    private ngZone;
-    constructor(ngZone: NgZone);
-    view: ElementRef<HTMLElement>;
-    mermaid: string;
+export declare class MermaidSectionOrganism {
+    readonly view: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    readonly src: import("@angular/core").InputSignal<string>;
+    readonly config: import("@angular/core").InputSignal<MermaidConfig>;
+    readonly svg: import("@angular/core").Signal<string>;
+    constructor();
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    private renderMermaid;
+    private initializeZoom;
     static ɵfac: i0.ɵɵFactoryDeclaration<MermaidSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MermaidSectionOrganism, "organisms-mermaid-section", never, { "mermaid": { "alias": "mermaid"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MermaidSectionOrganism, "organisms-mermaid-section", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/organisms/navigator/navigator.organism.d.ts

@@ -1,4 +1,4 @@
-import { Actions, InjectableComponent } from '@ng-atomic/core';
+import { Action, Actions, InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class NavigatorOrganismStore extends InjectableComponent {
@@ -6,27 +6,30 @@ export declare class NavigatorOrganismStore extends InjectableComponent {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             title: string | undefined;
             startActions: Actions;
-            endActions: Actions;
+            endActions: Actions | Action[][];
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
             title: string | undefined;
             startActions: Actions;
-            endActions: Actions;
+            endActions: Actions | Action[][];
         }>;
     };
     protected readonly config: import("@angular/core").Signal<{
         title: string | undefined;
         startActions: Actions;
-        endActions: Actions;
+        endActions: Actions | Action[][];
     }>;
     readonly startActions: import("@angular/core").InputSignal<Actions>;
-    readonly endActions: import("@angular/core").InputSignal<Actions>;
+    readonly resolvedStartActions: import("@angular/core").Signal<Action<any>[]>;
+    readonly endActions: import("@angular/core").InputSignal<Action<any>[][] | Actions>;
+    readonly resolvedEndActions: import("@angular/core").Signal<Action<any>[]>;
     readonly title: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigatorOrganismStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavigatorOrganismStore, "organisms-navigator", never, { "startActions": { "alias": "startActions"; "required": false; "isSignal": true; }; "endActions": { "alias": "endActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class NavigatorOrganism extends NgAtomicComponent {
     protected readonly store: NavigatorOrganismStore;
+    trackByFn: (_: number, action: Action) => Action<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigatorOrganism, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavigatorOrganism, "organisms-navigator", never, {}, {}, never, ["*"], true, [{ directive: typeof NavigatorOrganismStore; inputs: { "startActions": "startActions"; "endActions": "endActions"; "title": "title"; }; outputs: {}; }]>;
 }

package/organisms/organisms.module.d.ts

@@ -47,7 +47,7 @@ export declare class NgAtomicOrganismsModule {
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/navigation-list").NavigationListOrganism>>;
         } | {
             provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/smart-list").SmartListOrganism<unknown>>>;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/list").ListOrganism<unknown>>>;
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/slider-input-section").SliderInputSectionOrganism>>;
@@ -57,9 +57,64 @@ export declare class NgAtomicOrganismsModule {
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/textarea-section").TextareaSectionOrganism>>;
-        })[];
+        })[][];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicOrganismsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicOrganismsModule, never, [typeof i1.MarkdownModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicOrganismsModule>;
 }
+export declare function provideOrganisms(): (import("@angular/core").Provider | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/action-input-section").ActionInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/action-buttons-section").ActionButtonsSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/file-input-section").FileInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/grid-toolbar").GridToolbarOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/paginator").PaginatorOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/password-input-section").PasswordInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/select-input-section").SelectInputSectionOrganism<unknown>>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/stripe-input-section").StripeInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/table").TableOrganism<object>>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/navigator").NavigatorOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/number-input-section").NumberInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/menu-header").MenuHeaderOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/menu-footer").MenuFooterOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/navigation-list").NavigationListOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/list").ListOrganism<unknown>>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/slider-input-section").SliderInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/text-input-section").TextInputSectionOrganism>>;
+} | {
+    provide: any;
+    useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/organisms/textarea-section").TextareaSectionOrganism>>;
+})[];

package/organisms/table/index.d.ts

@@ -1,3 +1,4 @@
 /** @deprecated use instead `'@ng-atomic/common/services/form/_index` */
 export * from '@ng-atomic/common/services/form/_index';
+export * from './table.helpers';
 export * from './table.organism';

package/organisms/table/table.helpers.d.ts

@@ -1,3 +1,3 @@
 import { MatTreeFlatDataSource } from '@angular/material/tree';
 import { FlatTreeControl } from '@angular/cdk/tree';
-export declare function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], key?: string): MatTreeFlatDataSource<any, any, any>;
+export declare function buildTreeFlatDataSource<T = any>(treeControl: FlatTreeControl<T>, data: T[], getChildren?: (node: T) => T[]): MatTreeFlatDataSource<any, any, any>;

package/organisms/table/table.organism.d.ts

@@ -4,6 +4,7 @@ import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core
 import { SelectionModel } from '@angular/cdk/collections';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MatTreeFlatDataSource } from '@angular/material/tree';
 import * as i0 from "@angular/core";
 declare enum ActionId {
     CHECKBOX_CLICK = "[@ng-atomic/components/organisms/checkbox-column] Checkbox Click",
@@ -29,6 +30,8 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
     }>;
     readonly draggable: import("@angular/core").InputSignal<boolean>;
     readonly domainPipe: DomainPipe;
+    readonly dataAccessor: import("@ng-atomic/common/pipes/data-accessor").DataAccessor<unknown>;
+    readonly getChildren: import("@angular/core").Signal<(node: T) => any>;
     readonly form: import("@angular/core").InputSignal<import("@angular/forms").FormGroup<{
         query: import("@angular/forms").FormControl<string>;
         page: import("@angular/forms").FormGroup<{
@@ -51,7 +54,8 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
     readonly childrenKey: import("@angular/core").InputSignal<string>;
     readonly items: import("@angular/core").InputSignal<T[]>;
     readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
-    readonly dataSource: import("@angular/core").Signal<import("@angular/material/tree").MatTreeFlatDataSource<any, any, any> | MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
+    _dataSource: MatTableDataSource<T> | MatTreeFlatDataSource<T, any>;
+    readonly dataSource: import("@angular/core").Signal<MatTreeFlatDataSource<any, any, any> | MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
     readonly isHidden: import("@angular/core").InputSignal<(item: any) => false>;
     readonly formValue: import("@angular/core").Signal<Partial<{
         query: string;
@@ -84,6 +88,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         visible: boolean;
         width: number;
         headerText?: string;
+        sticky?: boolean;
     } | {
         type: string;
         headerText: string;
@@ -92,6 +97,31 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
         visible: boolean;
         width: number;
         sort?: boolean;
+        sticky?: boolean;
+    } | {
+        headerText: any;
+        sort: string;
+        type: "text";
+        name?: string;
+        visible: boolean;
+        width: number;
+        sticky?: boolean;
+    } | {
+        headerText: any;
+        sort: string;
+        type: "checkbox";
+        name?: string;
+        visible: boolean;
+        width: number;
+        sticky?: boolean;
+    } | {
+        headerText: any;
+        sort: string;
+        type: "tree";
+        name?: string;
+        visible: boolean;
+        width: number;
+        sticky?: boolean;
     })[]>;
     readonly columnNames: import("@angular/core").Signal<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableOrganismStore<any>, never>;
@@ -100,6 +130,7 @@ export declare class TableOrganismStore<T> extends InjectableComponent {
 export declare class TableOrganism<Item extends object> extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
     protected store: TableOrganismStore<any>;
+    trackByFunc: (index: number, item: Item) => string;
     protected onCheckboxClick(item: Item): void;
     protected onHeaderCheckboxClick(item: Item): void;
     protected onHeaderClick(column: string): void;

package/organisms/tree-list/index.d.ts

@@ -0,0 +1 @@
+export * from './tree-list.organism';

package/organisms/tree-list/tree-list.organism.d.ts

@@ -0,0 +1,33 @@
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { MatTableDataSource } from '@angular/material/table';
+import { BehaviorSubject } from 'rxjs';
+import { Actions, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare enum ActionId {
+    CLICK_ITEM = "[@ng-atomic/components/organisms/tree-list] Click Item",
+    ITEM_BUTTON_CLICK = "[@ng-atomic/components/organisms/tree-list] Item Button Click"
+}
+export declare class TreeListOrganismStore<T> {
+    static readonly ActionId: typeof ActionId;
+    readonly items: import("@angular/core").InputSignal<T[]>;
+    readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
+    readonly dataAccessor: import("@ng-atomic/common/pipes/data-accessor").DataAccessor<unknown>;
+    readonly childrenKey: import("@angular/core").InputSignal<string>;
+    readonly getChildren: import("@angular/core").Signal<(node: T) => any>;
+    readonly dataSource: import("@angular/core").Signal<import("@angular/material/tree").MatTreeFlatDataSource<any, any, any> | MatTableDataSource<T, import("@angular/material/paginator").MatPaginator>>;
+    readonly data: import("@angular/core").Signal<any[]>;
+    readonly viewChange: BehaviorSubject<{
+        start: number;
+        end: number;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeListOrganismStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeListOrganismStore<any>, never, never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "childrenKey": { "alias": "childrenKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class TreeListOrganism<T> extends NgAtomicComponent {
+    protected readonly store: TreeListOrganismStore<any>;
+    readonly hasChild: import("@angular/core").Signal<(node: T) => boolean>;
+    protected onItemClick(node: T): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeListOrganism<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeListOrganism<any>, "organisms-tree-list", never, {}, {}, never, never, true, [{ directive: typeof TreeListOrganismStore; inputs: { "items": "items"; "childrenKey": "childrenKey"; "treeControl": "treeControl"; }; outputs: {}; }]>;
+}