@ng-atomic/components 18.2.0 → 18.4.0

package/pages/_index/index.page.d.ts

@@ -1,10 +1,12 @@
-import { InjectionToken, Injector, Signal } from '@angular/core';
+import { InjectionToken, Injector, Provider, Signal } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { SelectionModel } from '@angular/cdk/collections';
+import { ItemsMap } from '@ng-atomic/components/templates/_index';
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { IndexPipe } from '@ng-atomic/common/pipes/index';
 import { AbstractControl } from '@angular/forms';
 import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
+import { SheetService } from '@ng-atomic/common/services/sheets';
 import * as i0 from "@angular/core";
 export declare function injectHighlight(key: string): Signal<SelectionModel<string>>;
 type FilterFunc = (item: {
@@ -21,40 +23,51 @@ declare enum ActionId {
     HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] HeaderCheckboxClick",
     ADD = "[@ng-atomic/components/pages/index] Add",
     DETAIL = "[@ng-atomic/components/pages/index] Detail",
-    CLOSE = "[@ng-atomic/components/pages/index] Close"
+    CLOSE = "[@ng-atomic/components/pages/index] Close",
+    LIST_ITEM_BUTTON_CLICKED = "[@ng-atomic/components/pages/index] ListItemButtonClick"
 }
-export declare class IndexPageStore extends InjectableComponent {
+export declare function toggleAllSelection(selection: SelectionModel<string>, items: {
+    id: string;
+}[]): SelectionModel<string>;
+export declare function recoveryFormValue(form: AbstractControl, key?: string): void;
+export declare class IndexPageStore<T> extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             style: {
                 width: string;
             };
+            groupedBy: string;
+            groupKeys: any[];
             items: any[];
+            itemsMap: ItemsMap<any>;
             itemActions: Actions;
             itemsMapper: (items: any[]) => any[];
             itemsLength: number;
             filterFunc: FilterFunc;
             title: string;
-            type: string;
+            type: "list" | "table" | "grid";
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
             form: AbstractControl;
             tableChildrenKey: any;
             navStartActions: import("@ng-atomic/core").Action<any>[];
             navEndActions: Actions;
-        }>, label?: string): import("@angular/core").Provider;
+        }>, label?: string): Provider;
         inject(): Signal<{
             style: {
                 width: string;
             };
+            groupedBy: string;
+            groupKeys: any[];
             items: any[];
+            itemsMap: ItemsMap<any>;
             itemActions: Actions;
             itemsMapper: (items: any[]) => any[];
             itemsLength: number;
             filterFunc: FilterFunc;
             title: string;
-            type: string;
+            type: "list" | "table" | "grid";
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
             form: AbstractControl;
@@ -63,95 +76,102 @@ export declare class IndexPageStore extends InjectableComponent {
             navEndActions: Actions;
         }>;
     };
-    static provideTypeConfig(): import("@angular/core").Provider;
-    static provideItemsFromRepository(): import("@angular/core").Provider;
-    static provideSideAppNavStartActions(): import("@angular/core").Provider;
+    static provideTypeConfig(): Provider;
+    static provideItemsFromRepository(): Provider;
+    static provideItemActionsConfig(): Provider;
+    static provideSideAppNavStartActions(): Provider;
     static Initializer: {
-        provide<SI extends (store: IndexPageStore) => Promise<void> | void>(initializer: SI): {
+        provide<SI extends (store: IndexPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
             provide: InjectionToken<(store: any) => Promise<void> | void>;
             useValue: {
-                key: new () => IndexPageStore;
-                initializer: (store: IndexPageStore) => Promise<void> | void;
+                key: new () => IndexPageStore<unknown>;
+                initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
             };
             multi: boolean;
         }[];
-        inject(): ((store: IndexPageStore) => Promise<void> | void)[];
-        initializeStore(store: IndexPageStore): Promise<void>;
+        inject(): ((store: IndexPageStore<unknown>) => Promise<void> | void)[];
+        initializeStore(store: IndexPageStore<unknown>): Promise<void>;
     };
     static provideFormInitializer(): {
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideFormValueStorageInitializer(): {
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideItemsLengthInitializer(): ({
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexLengthPipe)[];
     static provideItemsMapperInitializer(): ({
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexPipe)[];
+    static provideColumnsInitializer(useFactory: () => string[]): Provider[];
+    static provideItemsInitializer(itemsFactory: () => any[]): Provider[];
     static provideDefaultInitializer(): ({
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[] | ({
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexLengthPipe)[] | ({
         provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
-            key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => Promise<void> | void;
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexPipe)[])[];
-    static provideBackEffect(): import("@angular/core").Provider;
-    static provideDetailEffect(): import("@angular/core").Provider;
-    static provideAddEffect(): import("@angular/core").Provider;
-    static provideCheckboxClickEffect(): import("@angular/core").Provider;
-    static provideTableHeaderClickEffect(): import("@angular/core").Provider;
-    static provideSideNavEffects(): import("@angular/core").Provider;
-    static provideHeaderCheckboxClickEffect(): import("@angular/core").Provider;
-    static provideDefaultEffects(): import("@angular/core").Provider[];
-    static provideDefault(): import("@angular/core").Provider[];
+    static provideBackEffect(): Provider;
+    static provideDetailEffect(): Provider;
+    static provideAddEffect(): Provider;
+    static provideCheckboxClickEffect(): Provider;
+    static provideTableHeaderClickEffect(): Provider;
+    static provideSideNavEffects(): Provider;
+    static provideHeaderCheckboxClickEffect(): Provider;
+    static provideDefaultEffects(): Provider[];
+    static provideDefaultConfig(): Provider[];
+    static provideDefault(): Provider[][];
     readonly config: Signal<{
         style: {
             width: string;
         };
+        groupedBy: string;
+        groupKeys: any[];
         items: any[];
+        itemsMap: ItemsMap<any>;
         itemActions: Actions;
         itemsMapper: (items: any[]) => any[];
         itemsLength: number;
         filterFunc: FilterFunc;
         title: string;
-        type: string;
+        type: "list" | "table" | "grid";
         selection: SelectionModel<string>;
         highlight: SelectionModel<string>;
         form: AbstractControl;
@@ -159,9 +179,15 @@ export declare class IndexPageStore extends InjectableComponent {
         navStartActions: import("@ng-atomic/core").Action<any>[];
         navEndActions: Actions;
     }>;
+    readonly style: import("@angular/core").InputSignal<{
+        width: string;
+    }>;
     readonly route: ActivatedRoute;
-    readonly type: import("@angular/core").InputSignal<string>;
+    readonly groupedBy: import("@angular/core").InputSignal<string>;
+    readonly groupKeys: import("@angular/core").InputSignal<any[]>;
+    readonly type: import("@angular/core").InputSignal<"table" | "list" | "grid">;
     readonly items: import("@angular/core").InputSignal<any[]>;
+    readonly itemsMap: import("@angular/core").InputSignal<ItemsMap<unknown>>;
     readonly itemActions: import("@angular/core").InputSignal<Actions>;
     readonly title: import("@angular/core").InputSignal<string>;
     readonly form: import("@angular/core").InputSignal<AbstractControl<any, any>>;
@@ -177,13 +203,15 @@ export declare class IndexPageStore extends InjectableComponent {
     readonly selectedIds: Signal<string[]>;
     readonly selected: Signal<any[]>;
     readonly isAllSelected: Signal<boolean>;
+    readonly skip: Signal<boolean>;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<IndexPageStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexPageStore, never, never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "filterFunc": { "alias": "filterFunc"; "required": false; "isSignal": true; }; "itemsMapper": { "alias": "itemsMapper"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IndexPageStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexPageStore<any>, never, never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsMap": { "alias": "itemsMap"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "filterFunc": { "alias": "filterFunc"; "required": false; "isSignal": true; }; "itemsMapper": { "alias": "itemsMapper"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class IndexPage extends NgAtomicComponent {
-    protected store: IndexPageStore;
+    protected store: IndexPageStore<any>;
     protected router: Router;
+    protected sheet: SheetService;
     protected back(): void;
     protected close(): void;
     protected itemClick(item: {
@@ -192,7 +220,8 @@ export declare class IndexPage extends NgAtomicComponent {
     protected onCheckboxClick(item: {
         id: string;
     }): void;
+    protected onItemButtonClicked(item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IndexPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IndexPage, "pages-index", never, {}, {}, never, never, true, [{ directive: typeof IndexPageStore; inputs: { "items": "items"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IndexPage, "pages-index", never, {}, {}, never, never, true, [{ directive: typeof IndexPageStore; inputs: { "items": "items"; "itemsMap": "itemsMap"; }; outputs: {}; }]>;
 }
 export {};

package/pages/columns/columns.page.d.ts

@@ -9,10 +9,12 @@ export declare class ColumnsPageStore extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            title: string;
             navStartActions: Actions;
             navEndActions: Actions;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
+            title: string;
             navStartActions: Actions;
             navEndActions: Actions;
         }>;
@@ -38,17 +40,18 @@ export declare class ColumnsPageStore extends InjectableComponent {
         multi: boolean;
     }[];
     static provideDefault(): import("@angular/core").Provider[];
-    readonly title = "Columns";
     readonly config: import("@angular/core").Signal<{
+        title: string;
         navStartActions: Actions;
         navEndActions: Actions;
     }>;
+    readonly title: import("@angular/core").InputSignal<string>;
     readonly navStartActions: import("@angular/core").InputSignal<Actions>;
     readonly navEndActions: import("@angular/core").InputSignal<Actions>;
     readonly form: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsPageStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsPageStore, "pages-columns", never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsPageStore, "pages-columns", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class ColumnsPage extends NgAtomicComponent {
     protected store: ColumnsPageStore;

package/pages/form/form.page.d.ts

@@ -24,6 +24,7 @@ export declare class FormPageStore<T> extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            style: {};
             form: AbstractControl;
             formFlatExcludes: string[];
             entityId: string;
@@ -34,8 +35,10 @@ export declare class FormPageStore<T> extends InjectableComponent {
             title: string;
             actions: Action<any>[];
             fieldMap: FormFieldMap;
+            outletName: string;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
+            style: {};
             form: AbstractControl;
             formFlatExcludes: string[];
             entityId: string;
@@ -46,6 +49,7 @@ export declare class FormPageStore<T> extends InjectableComponent {
             title: string;
             actions: Action<any>[];
             fieldMap: FormFieldMap;
+            outletName: string;
         }>;
     };
     static Initializer: {
@@ -97,6 +101,7 @@ export declare class FormPageStore<T> extends InjectableComponent {
     static provideDefaultEffects(): import("@angular/core").Provider[];
     static provideDefault(): import("@angular/core").Provider[];
     readonly config: import("@angular/core").Signal<{
+        style: {};
         form: AbstractControl;
         formFlatExcludes: string[];
         entityId: string;
@@ -107,7 +112,9 @@ export declare class FormPageStore<T> extends InjectableComponent {
         title: string;
         actions: Action<any>[];
         fieldMap: FormFieldMap;
+        outletName: string;
     }>;
+    readonly style: import("@angular/core").InputSignal<{}>;
     readonly form: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     readonly formFlatExcludes: import("@angular/core").InputSignal<string[]>;
     readonly entityId: import("@angular/core").InputSignal<string>;
@@ -119,6 +126,8 @@ export declare class FormPageStore<T> extends InjectableComponent {
     readonly navStartActions: import("@angular/core").InputSignal<Actions>;
     readonly navEndActions: import("@angular/core").InputSignal<Actions>;
     readonly params: import("@angular/core").Signal<Record<string, string>>;
+    readonly skip: import("@angular/core").Signal<boolean>;
+    readonly outletName: import("@angular/core").InputSignal<string>;
     readonly isValid: import("@angular/core").Signal<boolean>;
     readonly activatedActions: import("@angular/core").Signal<{
         disabled: boolean;
@@ -134,7 +143,7 @@ export declare class FormPageStore<T> extends InjectableComponent {
     }[]>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormPageStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormPageStore<any>, "form-page-store", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormPageStore<any>, "form-page-store", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "entityId": { "alias": "entityId"; "required": false; "isSignal": true; }; "entity": { "alias": "entity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "outletName": { "alias": "outletName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class FormPage extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
@@ -148,6 +157,6 @@ export declare class FormPage extends NgAtomicComponent {
         files: File[];
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormPage, "pages-form", never, {}, {}, never, never, true, [{ directive: typeof FormPageStore; inputs: { "fieldMap": "fieldMap"; "entityId": "entityId"; "entity": "entity"; "mode": "mode"; "navEndActions": "navEndActions"; "actions": "actions"; "title": "title"; "form": "form"; "formFlatExcludes": "formFlatExcludes"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormPage, "pages-form", never, {}, {}, never, never, true, [{ directive: typeof FormPageStore; inputs: { "fieldMap": "fieldMap"; "entityId": "entityId"; "entity": "entity"; "mode": "mode"; "navEndActions": "navEndActions"; "actions": "actions"; "title": "title"; "form": "form"; "formFlatExcludes": "formFlatExcludes"; "outletName": "outletName"; }; outputs: {}; }]>;
 }
 export {};

package/templates/_index/index.template.d.ts

@@ -5,7 +5,7 @@ import { NgAtomicComponent } from '@ng-atomic/core';
 import { UIContext } from '@ng-atomic/common/services/ui';
 import { IndexPipe } from '@ng-atomic/common/pipes/index';
 import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
-import { FormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import * as i0 from "@angular/core";
 export declare enum ActionId {
@@ -40,6 +40,24 @@ export interface IndexTemplateConfig<T extends {
     highlight: SelectionModel<string>;
 }
 export declare function getType(context: UIContext): "list" | "table";
+export interface ItemsMap<T> {
+    [key: string]: {
+        items: T[];
+        itemsLength: number;
+        type?: 'list' | 'table' | 'grid';
+        childrenKey?: string;
+        treeControl?: FlatTreeControl<T>;
+        groupedBy?: string;
+        groupKeys?: string[];
+        itemActions?: Actions;
+        form?: FormGroup;
+        selection?: SelectionModel<string>;
+        highlight?: SelectionModel<string>;
+        tableIsHidden?: (item: T) => boolean;
+        pageSizeOptions?: number[];
+    };
+}
+export declare function convertToItemsMap<T>(items: any): ItemsMap<T>;
 export declare class IndexTemplateStore<T extends {
     id: string;
 }> extends InjectableComponent {
@@ -75,11 +93,13 @@ export declare class IndexTemplateStore<T extends {
             items: any[];
             itemsLength: number;
             title: string;
+            titleControl: FormControl<string>;
+            titleEditable: boolean;
             description: string;
             navStartActions: Action<any>[];
             navEndActions: any[];
-            groupedBy: any;
-            groupKeys: any[];
+            groupedBy: string;
+            groupKeys: string[];
             type: "table" | "list" | "grid";
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
@@ -116,11 +136,13 @@ export declare class IndexTemplateStore<T extends {
             items: any[];
             itemsLength: number;
             title: string;
+            titleControl: FormControl<string>;
+            titleEditable: boolean;
             description: string;
             navStartActions: Action<any>[];
             navEndActions: any[];
-            groupedBy: any;
-            groupKeys: any[];
+            groupedBy: string;
+            groupKeys: string[];
             type: "table" | "list" | "grid";
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
@@ -159,11 +181,13 @@ export declare class IndexTemplateStore<T extends {
         items: any[];
         itemsLength: number;
         title: string;
+        titleControl: FormControl<string>;
+        titleEditable: boolean;
         description: string;
         navStartActions: Action<any>[];
         navEndActions: any[];
-        groupedBy: any;
-        groupKeys: any[];
+        groupedBy: string;
+        groupKeys: string[];
         type: "table" | "list" | "grid";
         pageSizeOptions: number[];
         selection: SelectionModel<string>;
@@ -198,18 +222,23 @@ export declare class IndexTemplateStore<T extends {
         payload: any;
     }[]>;
     readonly title: import("@angular/core").InputSignal<string>;
+    readonly titleControl: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly titleEditable: import("@angular/core").InputSignal<boolean>;
     readonly description: import("@angular/core").InputSignal<string>;
     readonly items: import("@angular/core").InputSignal<T[]>;
+    readonly itemsMap: import("@angular/core").InputSignal<ItemsMap<T>>;
+    readonly itemsMapKeys: import("@angular/core").InputSignal<string[]>;
     readonly itemsLength: import("@angular/core").InputSignal<number>;
     readonly navStartActions: import("@angular/core").InputSignal<Action<any>[]>;
     readonly navEndActions: import("@angular/core").InputSignal<any[]>;
-    readonly groupedBy: import("@angular/core").InputSignal<any>;
-    readonly groupKeys: import("@angular/core").InputSignal<any[]>;
+    readonly groupedBy: import("@angular/core").InputSignal<string>;
+    readonly groupKeys: import("@angular/core").InputSignal<string[]>;
     readonly pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     readonly type: import("@angular/core").InputSignal<"list" | "table" | "grid">;
     readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
     readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
     readonly queryLabel: import("@angular/core").InputSignal<string>;
+    readonly navMode: import("@angular/core").InputSignal<string>;
     readonly form$: import("rxjs").Observable<unknown>;
     readonly formValue: import("@angular/core").Signal<Partial<{
         query: string;
@@ -232,7 +261,7 @@ export declare class IndexTemplateStore<T extends {
         indexLength: IndexLengthPipe<any>;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplateStore<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "queryLabel": { "alias": "queryLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IndexTemplateStore<any>, "templates-index", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "gridToolbarActions": { "alias": "gridToolbarActions"; "required": false; "isSignal": true; }; "toggleActions": { "alias": "toggleActions"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "tableIsHidden": { "alias": "tableIsHidden"; "required": false; "isSignal": true; }; "tableTreeControl": { "alias": "tableTreeControl"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleControl": { "alias": "titleControl"; "required": false; "isSignal": true; }; "titleEditable": { "alias": "titleEditable"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsMap": { "alias": "itemsMap"; "required": false; "isSignal": true; }; "itemsMapKeys": { "alias": "itemsMapKeys"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "queryLabel": { "alias": "queryLabel"; "required": false; "isSignal": true; }; "navMode": { "alias": "navMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class IndexTemplate<T> extends NgAtomicComponent {
     static ActionId: typeof ActionId;
@@ -246,5 +275,5 @@ export declare class IndexTemplate<T> extends NgAtomicComponent {
     protected onHeaderCheckboxClick(): void;
     protected back(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IndexTemplate<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof IndexTemplateStore; inputs: { "gridToolbarActions": "gridToolbarActions"; "tableChildrenKey": "tableChildrenKey"; "tableIsHidden": "tableIsHidden"; "tableTreeControl": "tableTreeControl"; "form": "form"; "title": "title"; "description": "description"; "items": "items"; "itemsLength": "itemsLength"; "itemActions": "itemActions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "selection": "selection"; "pageSizeOptions": "pageSizeOptions"; "type": "type"; "highlight": "highlight"; "queryLabel": "queryLabel"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IndexTemplate<any>, "templates-index", never, {}, {}, never, ["[navDashboard]", "[dashboard]"], true, [{ directive: typeof IndexTemplateStore; inputs: { "gridToolbarActions": "gridToolbarActions"; "tableChildrenKey": "tableChildrenKey"; "tableIsHidden": "tableIsHidden"; "tableTreeControl": "tableTreeControl"; "form": "form"; "title": "title"; "titleControl": "titleControl"; "titleEditable": "titleEditable"; "description": "description"; "items": "items"; "itemsMap": "itemsMap"; "itemsLength": "itemsLength"; "itemActions": "itemActions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "navMode": "navMode"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "selection": "selection"; "pageSizeOptions": "pageSizeOptions"; "type": "type"; "highlight": "highlight"; "queryLabel": "queryLabel"; }; outputs: {}; }]>;
 }

package/templates/code-editor/code-editor.template.d.ts

@@ -1,5 +1,5 @@
+import { Actions, NgAtomicComponent } from '@ng-atomic/core';
 import { EditorComponent } from '@ng-atomic/components/extras/editor';
-import { NgAtomicComponent } from '@ng-atomic/core';
 import { Extension } from '@codemirror/state';
 import * as i0 from "@angular/core";
 declare enum ActionId {
@@ -8,14 +8,17 @@ declare enum ActionId {
 export declare class CodeEditorTemplateStore {
     content: import("@angular/core").ModelSignal<string>;
     readonly extensions: import("@angular/core").InputSignal<Extension[]>;
+    readonly navStartActions: import("@angular/core").InputSignal<Actions>;
+    readonly navEndActions: import("@angular/core").InputSignal<Actions>;
+    readonly title: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CodeEditorTemplateStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CodeEditorTemplateStore, "templates-code-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; }, { "content": "contentChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CodeEditorTemplateStore, "templates-code-editor", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "content": "contentChange"; }, never, never, true, never>;
 }
 export declare class CodeEditorTemplate extends NgAtomicComponent {
     static ActionId: typeof ActionId;
     protected store: CodeEditorTemplateStore;
     readonly editor: import("@angular/core").Signal<EditorComponent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CodeEditorTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CodeEditorTemplate, "templates-code-editor", never, {}, {}, never, never, true, [{ directive: typeof CodeEditorTemplateStore; inputs: { "content": "content"; "extensions": "extensions"; }; outputs: { "contentChange": "contentChange"; }; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeEditorTemplate, "templates-code-editor", never, {}, {}, never, never, true, [{ directive: typeof CodeEditorTemplateStore; inputs: { "content": "content"; "extensions": "extensions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "title": "title"; }; outputs: { "contentChange": "contentChange"; }; }]>;
 }
 export {};

package/templates/entrance/entrance.template.d.ts

@@ -28,6 +28,6 @@ export declare class EntranceTemplate extends NgAtomicComponent {
     protected ActionId: typeof ActionId;
     protected store: EntranceTemplateStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntranceTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntranceTemplate, "templates-entrance", never, {}, {}, never, never, true, [{ directive: typeof EntranceTemplateStore; inputs: { "form": "form"; "actions": "actions"; "title": "title"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntranceTemplate, "templates-entrance", never, {}, {}, never, never, true, [{ directive: typeof EntranceTemplateStore; inputs: { "form": "form"; "actions": "actions"; "title": "title"; "fieldMap": "fieldMap"; }; outputs: {}; }]>;
 }
 export {};

package/templates/form/form.builder.d.ts

@@ -1,21 +1,27 @@
 import { FormGroup } from '@angular/forms';
 import { FormField, FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
 import { AbstractControl } from '@angular/forms';
-import { Action } from '@ng-atomic/core';
+import { Action, InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 declare enum ActionId {
     FILE_SELECTED = "[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] File selected",
     CANCEL = "[@ng-atomic/components:templates/form/ng-atomic-form-section-switcher] Cancel"
 }
-export declare class NgAtomicFormSectionSwitcher extends NgAtomicComponent {
+export declare class NgAtomicFormSectionSwitcherStore extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     readonly name: import("@angular/core").InputSignal<string>;
     readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
     readonly field: import("@angular/core").InputSignal<FormFieldMap | FormField>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFormSectionSwitcherStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgAtomicFormSectionSwitcherStore, "ng-atomic-form-section-switcher", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class NgAtomicFormSectionSwitcher extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    protected readonly store: NgAtomicFormSectionSwitcherStore;
     protected dispatchFileInputAction(action: Action, name: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFormSectionSwitcher, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgAtomicFormSectionSwitcher, "ng-atomic-form-section-switcher", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgAtomicFormSectionSwitcher, "ng-atomic-form-section-switcher", never, {}, {}, never, never, true, [{ directive: typeof NgAtomicFormSectionSwitcherStore; inputs: { "name": "name"; "control": "control"; "field": "field"; }; outputs: {}; }]>;
 }
 export declare class NgAtomicFormSectionBuilder extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
@@ -27,6 +33,7 @@ export declare class NgAtomicFormSectionBuilder extends NgAtomicComponent {
         control: AbstractControl<any, any>;
         field: FormFieldMap | FormField<any>;
     }[]>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicFormSectionBuilder, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgAtomicFormSectionBuilder, "ng-atomic-form-section-builder", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/templates/form/form.template.d.ts

@@ -67,7 +67,8 @@ export declare class FormTemplate extends NgAtomicComponent implements OnInit {
     protected readonly cd: ChangeDetectorRef;
     ngOnInit(): void;
     protected back(): void;
+    protected fileSelected(payload: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplate, "templates-form", never, {}, {}, never, never, true, [{ directive: typeof FormTemplateStore; inputs: { "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "title": "title"; "form": "form"; "formFlatExcludes": "formFlatExcludes"; "actions": "actions"; "fieldMap": "fieldMap"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplate, "templates-form", never, {}, {}, never, ["[dashboard]"], true, [{ directive: typeof FormTemplateStore; inputs: { "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "title": "title"; "form": "form"; "formFlatExcludes": "formFlatExcludes"; "actions": "actions"; "fieldMap": "fieldMap"; }; outputs: {}; }]>;
 }
 export {};

package/templates/icon-button-menu/icon-button-menu.template.d.ts

@@ -3,11 +3,12 @@ import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class IconButtonMenuTemplateStore extends InjectableComponent {
     readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly bottomActions: import("@angular/core").InputSignal<Action<any>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonMenuTemplateStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IconButtonMenuTemplateStore, "templates-icon-button-menu", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconButtonMenuTemplateStore, "templates-icon-button-menu", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "bottomActions": { "alias": "bottomActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class IconButtonMenuTemplate extends NgAtomicComponent {
     protected store: IconButtonMenuTemplateStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonMenuTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonMenuTemplate, "templates-icon-button-menu", never, {}, {}, never, never, true, [{ directive: typeof IconButtonMenuTemplateStore; inputs: { "actions": "actions"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonMenuTemplate, "templates-icon-button-menu", never, {}, {}, never, never, true, [{ directive: typeof IconButtonMenuTemplateStore; inputs: { "actions": "actions"; "bottomActions": "bottomActions"; }; outputs: {}; }]>;
 }