@ng-atomic/components 17.14.0 → 18.0.0

package/molecules/chips-input-field/chips-input-field.molecule.d.ts

@@ -1,4 +1,5 @@
 import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';
+import { OnInit } from '@angular/core';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { FormControl } from '@angular/forms';
@@ -54,7 +55,7 @@ export declare class ChipsInputFieldMoleculeStore extends InjectableComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputFieldMoleculeStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputFieldMoleculeStore, "molecules-chips-input-field", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class ChipsInputFieldMolecule extends NgAtomicComponent {
+export declare class ChipsInputFieldMolecule extends NgAtomicComponent implements OnInit {
     private readonly destroyRef;
     private readonly cd;
     protected readonly chipsManager: ChipsManager;

package/molecules/file-input-field/file-input-field.molecule.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
@@ -7,7 +7,7 @@ declare enum ActionId {
     FILE_SELECTED = "[@ng-atomic/components/molecules/file-input-field] File selected",
     CANCEL = "[@ng-atomic/components/molecules/file-input-field] Cancel"
 }
-export declare class FileInputFieldStore {
+export declare class FileInputFieldStore implements OnInit {
     readonly control: import("@angular/core").InputSignal<FormControl<any>>;
     readonly control$: import("rxjs").Observable<FormControl<any>>;
     readonly controlValue$: import("rxjs").Observable<any>;

package/molecules/molecules.module.d.ts

@@ -5,7 +5,7 @@ export declare class NgAtomicMoleculesModule {
         ngModule: typeof NgAtomicMoleculesModule;
         providers: (import("@angular/core").Provider | {
             provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/actions-column").ActionsColumnMolecule<unknown>>>;
+            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>>;

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

@@ -1,5 +1,5 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class SmartColumnTemplateStore<T> {
@@ -8,7 +8,7 @@ export declare class SmartColumnTemplateStore<T> {
     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>;
 }
-export declare class SmartColumnMolecule<T> extends NgAtomicComponent {
+export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit {
     protected store: SmartColumnTemplateStore<any>;
     private _table;
     readonly headerText: import("@angular/core").InputSignal<string>;
@@ -21,6 +21,6 @@ export declare class SmartColumnMolecule<T> extends NgAtomicComponent {
     ngOnDestroy(): void;
     headerClick: EventEmitter<void>;
     protected copied(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "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 ɵ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: {}; }]>;
 }

package/organisms/graphql-editor/graphql-editor.organism.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { EditorState } from '@codemirror/state';
 import { FormControl } from '@angular/forms';
 import { Action } from '@ng-atomic/core';
@@ -12,7 +12,7 @@ export declare enum ActionId {
     EXECUTE = "execute",
     SAVE = "save"
 }
-export declare class GraphqlEditorOrganism extends NgAtomicComponent {
+export declare class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {
     private readonly schema$;
     control: FormControl<string>;
     state: EditorState;

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

@@ -1,6 +1,6 @@
-import { ElementRef, NgZone, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, NgZone, OnChanges, SimpleChanges, OnInit, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MermaidSectionOrganism implements OnChanges {
+export declare class MermaidSectionOrganism implements OnChanges, OnInit, AfterViewInit {
     private ngZone;
     constructor(ngZone: NgZone);
     view: ElementRef<HTMLElement>;

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

@@ -4,18 +4,18 @@ import * as i0 from "@angular/core";
 export declare class NavigatorOrganismStore extends InjectableComponent {
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
-            title: string;
+            title: string | undefined;
             startActions: Actions;
             endActions: Actions;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
-            title: string;
+            title: string | undefined;
             startActions: Actions;
             endActions: Actions;
         }>;
     };
     protected readonly config: import("@angular/core").Signal<{
-        title: string;
+        title: string | undefined;
         startActions: Actions;
         endActions: Actions;
     }>;

package/organisms/stripe-input-section/stripe-input-section.organism.d.ts

@@ -37,7 +37,7 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
                 name: import("@angular/forms").FormControl<string>;
                 paymentMethodType: import("@angular/forms").FormControl<string>;
             }>;
-            clientSecret: string;
+            clientSecret: string | null;
             appearance: Appearance;
             linkOptions: StripeLinkAuthenticationElementOptions;
             addressOptions: StripeAddressElementOptions;
@@ -58,7 +58,7 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
                 name: import("@angular/forms").FormControl<string>;
                 paymentMethodType: import("@angular/forms").FormControl<string>;
             }>;
-            clientSecret: string;
+            clientSecret: string | null;
             appearance: Appearance;
             linkOptions: StripeLinkAuthenticationElementOptions;
             addressOptions: StripeAddressElementOptions;
@@ -80,7 +80,7 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
             name: import("@angular/forms").FormControl<string>;
             paymentMethodType: import("@angular/forms").FormControl<string>;
         }>;
-        clientSecret: string;
+        clientSecret: string | null;
         appearance: Appearance;
         linkOptions: StripeLinkAuthenticationElementOptions;
         addressOptions: StripeAddressElementOptions;
@@ -117,18 +117,18 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
     readonly _elementsOptions: import("@angular/core").Signal<{
         clientSecret: string;
         mode?: never;
-        fonts?: (import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource)[];
+        fonts?: Array<import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource>;
         locale?: import("@stripe/stripe-js").StripeElementLocale;
         appearance?: Appearance;
-        loader?: "always" | "auto" | "never";
+        loader?: "auto" | "always" | "never";
         customerOptions?: import("@stripe/stripe-js").CustomerOptions;
     } | {
         clientSecret: string;
         mode?: "payment" | "setup" | "subscription";
         currency?: string;
         amount?: number;
-        setupFutureUsage?: "off_session" | "on_session";
-        setup_future_usage?: "off_session" | "on_session";
+        setupFutureUsage?: "off_session" | "on_session" | null;
+        setup_future_usage?: "off_session" | "on_session" | null;
         captureMethod?: "manual" | "automatic";
         capture_method?: "manual" | "automatic";
         onBehalfOf?: string;
@@ -144,7 +144,7 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
             };
             us_bank_account?: {
                 financial_connections?: {
-                    permissions?: ("balances" | "ownership" | "payment_method" | "transactions")[];
+                    permissions?: Array<"balances" | "ownership" | "payment_method" | "transactions">;
                 };
                 verification_method?: "automatic" | "instant";
             };
@@ -155,16 +155,16 @@ export declare class StripeInputSectionOrganismStore extends InjectableComponent
             };
             us_bank_account?: {
                 financial_connections?: {
-                    permissions?: ("balances" | "ownership" | "payment_method" | "transactions")[];
+                    permissions?: Array<"balances" | "ownership" | "payment_method" | "transactions">;
                 };
                 verification_method?: "automatic" | "instant";
             };
         };
         externalPaymentMethodTypes?: string[];
-        fonts?: (import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource)[];
+        fonts?: Array<import("@stripe/stripe-js").CssFontSource | import("@stripe/stripe-js").CustomFontSource>;
         locale?: import("@stripe/stripe-js").StripeElementLocale;
         appearance?: Appearance;
-        loader?: "always" | "auto" | "never";
+        loader?: "auto" | "always" | "never";
         customerOptions?: import("@stripe/stripe-js").CustomerOptions;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<StripeInputSectionOrganismStore, never>;

package/organisms/terminal/terminal.organism.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, AfterViewInit } from '@angular/core';
 import { Terminal } from 'xterm';
 import * as i0 from "@angular/core";
-export declare class TerminalOrganism {
+export declare class TerminalOrganism implements AfterViewInit {
     terminal: ElementRef<HTMLDivElement>;
     xterm: Terminal | null;
     ngAfterViewInit(): Promise<void>;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -17,7 +17,7 @@ export declare class FlatNode {
 export declare enum ActionId {
     CHANGE_QUERY = "[@ng-atomic/components/organisms/tree-section] Change Query"
 }
-export declare class TreeSectionOrganism {
+export declare class TreeSectionOrganism implements OnInit {
     flatNodeMap: Map<FlatNode, Node>;
     nestedNodeMap: Map<Node, FlatNode>;
     getLevel: (node: FlatNode) => number;

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

@@ -1,4 +1,4 @@
-import { ElementRef, PipeTransform } from '@angular/core';
+import { ElementRef, PipeTransform, AfterViewInit } from '@angular/core';
 import { YouTubePlayer } from '@angular/youtube-player';
 import * as i0 from "@angular/core";
 export declare class VideoSectionOrganismStore {
@@ -23,7 +23,7 @@ export declare class StreamDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<StreamDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<StreamDirective, "[stream]", never, { "stream": { "alias": "stream"; "required": false; }; }, {}, never, never, true, never>;
 }
-export declare class VideoSectionOrganism {
+export declare class VideoSectionOrganism implements AfterViewInit {
     protected readonly store: VideoSectionOrganismStore;
     protected readonly width: import("@angular/core").WritableSignal<number>;
     protected readonly el: ElementRef<any>;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@ng-atomic/components",
-  "version": "17.14.0",
+  "version": "18.0.0",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/material": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@angular/animations": "^18.0.0",
+    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@angular/material": "^18.0.0",
+    "@angular/router": "^18.0.0",
     "@codemirror/autocomplete": "^6.0.0",
     "@codemirror/commands": "^6.0.0",
     "@codemirror/lang-html": "^6.0.0",
@@ -17,12 +17,11 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "17.14.0",
-    "@nx-ddd/core": "17.14.0",
+    "@ng-atomic/common": "18.0.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",
-    "dayjs": "1.11.10",
+    "dayjs": "1.11.12",
     "gql-query-builder": "^3.8.0",
     "graphql": "^16.0.0",
     "lodash-es": "^4.17.15",

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

@@ -39,7 +39,7 @@ export declare class IndexPageStore extends InjectableComponent {
             type: string;
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             tableChildrenKey: any;
             navStartActions: import("@ng-atomic/core").Action<any>[];
             navEndActions: Actions;
@@ -57,7 +57,7 @@ export declare class IndexPageStore extends InjectableComponent {
             type: string;
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             tableChildrenKey: any;
             navStartActions: import("@ng-atomic/core").Action<any>[];
             navEndActions: Actions;
@@ -67,68 +67,68 @@ export declare class IndexPageStore extends InjectableComponent {
     static provideItemsFromRepository(): import("@angular/core").Provider;
     static provideSideAppNavStartActions(): import("@angular/core").Provider;
     static Initializer: {
-        provide<SI extends (store: IndexPageStore) => void | Promise<void>>(initializer: SI): {
-            provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide<SI extends (store: IndexPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
             useValue: {
                 key: new () => IndexPageStore;
-                initializer: (store: IndexPageStore) => void | Promise<void>;
+                initializer: (store: IndexPageStore) => Promise<void> | void;
             };
             multi: boolean;
         }[];
-        inject(): ((store: IndexPageStore) => void | Promise<void>)[];
+        inject(): ((store: IndexPageStore) => Promise<void> | void)[];
         initializeStore(store: IndexPageStore): Promise<void>;
     };
     static provideFormInitializer(): {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideFormValueStorageInitializer(): {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideItemsLengthInitializer(): ({
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexLengthPipe)[];
     static provideItemsMapperInitializer(): ({
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexPipe)[];
     static provideDefaultInitializer(): ({
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[] | ({
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexLengthPipe)[] | ({
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => IndexPageStore;
-            initializer: (store: IndexPageStore) => void | Promise<void>;
+            initializer: (store: IndexPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[] | typeof IndexPipe)[])[];
@@ -154,7 +154,7 @@ export declare class IndexPageStore extends InjectableComponent {
         type: string;
         selection: SelectionModel<string>;
         highlight: SelectionModel<string>;
-        form: AbstractControl<any, any>;
+        form: AbstractControl;
         tableChildrenKey: any;
         navStartActions: import("@ng-atomic/core").Action<any>[];
         navEndActions: Actions;

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

@@ -18,22 +18,22 @@ export declare class ColumnsPageStore extends InjectableComponent {
         }>;
     };
     static readonly Initializer: {
-        provide<SI extends (store: ColumnsPageStore) => void | Promise<void>>(initializer: SI): {
-            provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        provide<SI extends (store: ColumnsPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
             useValue: {
                 key: new () => ColumnsPageStore;
-                initializer: (store: ColumnsPageStore) => void | Promise<void>;
+                initializer: (store: ColumnsPageStore) => Promise<void> | void;
             };
             multi: boolean;
         }[];
-        inject(): ((store: ColumnsPageStore) => void | Promise<void>)[];
+        inject(): ((store: ColumnsPageStore) => Promise<void> | void)[];
         initializeStore(store: ColumnsPageStore): Promise<void>;
     };
     static provideSideAppNavStartActionsInitializer: () => {
-        provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => ColumnsPageStore;
-            initializer: (store: ColumnsPageStore) => void | Promise<void>;
+            initializer: (store: ColumnsPageStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];

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

@@ -24,7 +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<{
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             formFlatExcludes: string[];
             entityId: string;
             entity: any;
@@ -36,7 +36,7 @@ export declare class FormPageStore<T> extends InjectableComponent {
             fieldMap: FormFieldMap;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             formFlatExcludes: string[];
             entityId: string;
             entity: any;
@@ -49,46 +49,46 @@ export declare class FormPageStore<T> extends InjectableComponent {
         }>;
     };
     static Initializer: {
-        provide<SI extends (store: FormPageStore<unknown>) => void | Promise<void>>(initializer: SI): {
-            provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide<SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
             useValue: {
                 key: new () => FormPageStore<unknown>;
-                initializer: (store: FormPageStore<unknown>) => void | Promise<void>;
+                initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
             };
             multi: boolean;
         }[];
-        inject(): ((store: FormPageStore<unknown>) => void | Promise<void>)[];
+        inject(): ((store: FormPageStore<unknown>) => Promise<void> | void)[];
         initializeStore(store: FormPageStore<unknown>): Promise<void>;
     };
-    static provideInitializer: <SI extends (store: FormPageStore<unknown>) => void | Promise<void>>(initializer: SI) => {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+    static provideInitializer: <SI extends (store: FormPageStore<unknown>) => Promise<void> | void>(initializer: SI) => {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => FormPageStore<unknown>;
-            initializer: (store: FormPageStore<unknown>) => void | Promise<void>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideDefaultInitializer: () => {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => FormPageStore<unknown>;
-            initializer: (store: FormPageStore<unknown>) => void | Promise<void>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideNavStartActionsInitializer: () => {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => FormPageStore<unknown>;
-            initializer: (store: FormPageStore<unknown>) => void | Promise<void>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideSideAppNavStartActionsInitializer: () => {
-        provide: InjectionToken<(store: any) => void | Promise<void>>;
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => FormPageStore<unknown>;
-            initializer: (store: FormPageStore<unknown>) => void | Promise<void>;
+            initializer: (store: FormPageStore<unknown>) => Promise<void> | void;
         };
         multi: boolean;
     }[];
@@ -97,7 +97,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<{
-        form: AbstractControl<any, any>;
+        form: AbstractControl;
         formFlatExcludes: string[];
         entityId: string;
         entity: any;
@@ -128,7 +128,9 @@ export declare class FormPageStore<T> extends InjectableComponent {
         icon?: string;
         color?: string;
         children?: Action<any>[];
-        meta?: any;
+        meta?: {
+            componentId?: string | number | null;
+        } | any;
     }[]>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormPageStore<any>, never>;