@ng-atomic/components 18.2.0 → 18.4.0

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,24 +6,26 @@ 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").InputSignal<Action<any>[]>;
+    readonly endActions: import("@angular/core").InputSignal<Action<any>[][] | Actions>;
+    readonly resolvedEndActions: import("@angular/core").InputSignal<(Action<any> | 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavigatorOrganismStore, "organisms-navigator", never, { "startActions": { "alias": "startActions"; "required": false; "isSignal": true; }; "resolvedStartActions": { "alias": "resolvedStartActions"; "required": false; "isSignal": true; }; "endActions": { "alias": "endActions"; "required": false; "isSignal": true; }; "resolvedEndActions": { "alias": "resolvedEndActions"; "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;

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>>;

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: {}; }]>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "18.2.0",
+  "version": "18.4.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "^18.0.0",
@@ -17,7 +17,7 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "18.2.0",
+    "@ng-atomic/common": "18.4.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",
@@ -83,12 +83,6 @@
       "esm": "./esm2022/pages/ng-atomic-components-pages.mjs",
       "default": "./fesm2022/ng-atomic-components-pages.mjs"
     },
-    "./sheets": {
-      "types": "./sheets/index.d.ts",
-      "esm2022": "./esm2022/sheets/ng-atomic-components-sheets.mjs",
-      "esm": "./esm2022/sheets/ng-atomic-components-sheets.mjs",
-      "default": "./fesm2022/ng-atomic-components-sheets.mjs"
-    },
     "./templates": {
       "types": "./templates/index.d.ts",
       "esm2022": "./esm2022/templates/ng-atomic-components-templates.mjs",
@@ -191,23 +185,35 @@
       "esm": "./esm2022/frames/overlay/ng-atomic-components-frames-overlay.mjs",
       "default": "./fesm2022/ng-atomic-components-frames-overlay.mjs"
     },
+    "./frames/progress-bar": {
+      "types": "./frames/progress-bar/index.d.ts",
+      "esm2022": "./esm2022/frames/progress-bar/ng-atomic-components-frames-progress-bar.mjs",
+      "esm": "./esm2022/frames/progress-bar/ng-atomic-components-frames-progress-bar.mjs",
+      "default": "./fesm2022/ng-atomic-components-frames-progress-bar.mjs"
+    },
     "./frames/router-outlet": {
       "types": "./frames/router-outlet/index.d.ts",
       "esm2022": "./esm2022/frames/router-outlet/ng-atomic-components-frames-router-outlet.mjs",
       "esm": "./esm2022/frames/router-outlet/ng-atomic-components-frames-router-outlet.mjs",
       "default": "./fesm2022/ng-atomic-components-frames-router-outlet.mjs"
     },
+    "./frames/scroll-v2": {
+      "types": "./frames/scroll-v2/index.d.ts",
+      "esm2022": "./esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs",
+      "esm": "./esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs",
+      "default": "./fesm2022/ng-atomic-components-frames-scroll-v2.mjs"
+    },
     "./frames/scroll": {
       "types": "./frames/scroll/index.d.ts",
       "esm2022": "./esm2022/frames/scroll/ng-atomic-components-frames-scroll.mjs",
       "esm": "./esm2022/frames/scroll/ng-atomic-components-frames-scroll.mjs",
       "default": "./fesm2022/ng-atomic-components-frames-scroll.mjs"
     },
-    "./frames/scroll-v2": {
-      "types": "./frames/scroll-v2/index.d.ts",
-      "esm2022": "./esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs",
-      "esm": "./esm2022/frames/scroll-v2/ng-atomic-components-frames-scroll-v2.mjs",
-      "default": "./fesm2022/ng-atomic-components-frames-scroll-v2.mjs"
+    "./frames/side-app": {
+      "types": "./frames/side-app/index.d.ts",
+      "esm2022": "./esm2022/frames/side-app/ng-atomic-components-frames-side-app.mjs",
+      "esm": "./esm2022/frames/side-app/ng-atomic-components-frames-side-app.mjs",
+      "default": "./fesm2022/ng-atomic-components-frames-side-app.mjs"
     },
     "./frames/side-nav": {
       "types": "./frames/side-nav/index.d.ts",
@@ -293,6 +299,12 @@
       "esm": "./esm2022/molecules/header/ng-atomic-components-molecules-header.mjs",
       "default": "./fesm2022/ng-atomic-components-molecules-header.mjs"
     },
+    "./molecules/list-item": {
+      "types": "./molecules/list-item/index.d.ts",
+      "esm2022": "./esm2022/molecules/list-item/ng-atomic-components-molecules-list-item.mjs",
+      "esm": "./esm2022/molecules/list-item/ng-atomic-components-molecules-list-item.mjs",
+      "default": "./fesm2022/ng-atomic-components-molecules-list-item.mjs"
+    },
     "./molecules/loading-box": {
       "types": "./molecules/loading-box/index.d.ts",
       "esm2022": "./esm2022/molecules/loading-box/ng-atomic-components-molecules-loading-box.mjs",
@@ -437,6 +449,12 @@
       "esm": "./esm2022/organisms/image-preview-section/ng-atomic-components-organisms-image-preview-section.mjs",
       "default": "./fesm2022/ng-atomic-components-organisms-image-preview-section.mjs"
     },
+    "./organisms/list": {
+      "types": "./organisms/list/index.d.ts",
+      "esm2022": "./esm2022/organisms/list/ng-atomic-components-organisms-list.mjs",
+      "esm": "./esm2022/organisms/list/ng-atomic-components-organisms-list.mjs",
+      "default": "./fesm2022/ng-atomic-components-organisms-list.mjs"
+    },
     "./organisms/markdown-preview-section": {
       "types": "./organisms/markdown-preview-section/index.d.ts",
       "esm2022": "./esm2022/organisms/markdown-preview-section/ng-atomic-components-organisms-markdown-preview-section.mjs",
@@ -521,12 +539,6 @@
       "esm": "./esm2022/organisms/slider-input-section/ng-atomic-components-organisms-slider-input-section.mjs",
       "default": "./fesm2022/ng-atomic-components-organisms-slider-input-section.mjs"
     },
-    "./organisms/smart-list": {
-      "types": "./organisms/smart-list/index.d.ts",
-      "esm2022": "./esm2022/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs",
-      "esm": "./esm2022/organisms/smart-list/ng-atomic-components-organisms-smart-list.mjs",
-      "default": "./fesm2022/ng-atomic-components-organisms-smart-list.mjs"
-    },
     "./organisms/social-login-section": {
       "types": "./organisms/social-login-section/index.d.ts",
       "esm2022": "./esm2022/organisms/social-login-section/ng-atomic-components-organisms-social-login-section.mjs",
@@ -587,6 +599,12 @@
       "esm": "./esm2022/organisms/toolbar/ng-atomic-components-organisms-toolbar.mjs",
       "default": "./fesm2022/ng-atomic-components-organisms-toolbar.mjs"
     },
+    "./organisms/tree-list": {
+      "types": "./organisms/tree-list/index.d.ts",
+      "esm2022": "./esm2022/organisms/tree-list/ng-atomic-components-organisms-tree-list.mjs",
+      "esm": "./esm2022/organisms/tree-list/ng-atomic-components-organisms-tree-list.mjs",
+      "default": "./fesm2022/ng-atomic-components-organisms-tree-list.mjs"
+    },
     "./organisms/tree-section": {
       "types": "./organisms/tree-section/index.d.ts",
       "esm2022": "./esm2022/organisms/tree-section/ng-atomic-components-organisms-tree-section.mjs",
@@ -635,12 +653,6 @@
       "esm": "./esm2022/pages/terms/ng-atomic-components-pages-terms.mjs",
       "default": "./fesm2022/ng-atomic-components-pages-terms.mjs"
     },
-    "./sheets/actions": {
-      "types": "./sheets/actions/index.d.ts",
-      "esm2022": "./esm2022/sheets/actions/ng-atomic-components-sheets-actions.mjs",
-      "esm": "./esm2022/sheets/actions/ng-atomic-components-sheets-actions.mjs",
-      "default": "./fesm2022/ng-atomic-components-sheets-actions.mjs"
-    },
     "./templates/_index": {
       "types": "./templates/_index/index.d.ts",
       "esm2022": "./esm2022/templates/_index/ng-atomic-components-templates-_index.mjs",