npm - @ng-atomic/components - Versions diffs - 17.14.0 → 18.1.0 - Mend

@ng-atomic/components 17.14.0 → 18.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,15 +1,15 @@
 {
   "name": "@ng-atomic/components",
-  "version": "17.14.0",
+  "version": "18.1.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.1.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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -48,22 +48,22 @@ export declare class IndexTemplateStore<T extends {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             form: FormGroup<{
                 query: import("@angular/forms").FormControl<string>;
-                page: FormGroup<{
+                page: import("@angular/forms").FormGroup<{
                     pageSize: import("@angular/forms").FormControl<number>;
                     pageIndex: import("@angular/forms").FormControl<number>;
                     length: import("@angular/forms").FormControl<number>;
                 }>;
-                sort: FormGroup<{
+                sort: import("@angular/forms").FormGroup<{
                     key: import("@angular/forms").FormControl<string>;
                     order: import("@angular/forms").FormControl<"asc" | "desc">;
                 }>;
-                columns: FormGroup<{
+                columns: import("@angular/forms").FormGroup<{
                     ids: import("@angular/forms").FormControl<string[]>;
-                    map: FormGroup<{}>;
+                    map: import("@angular/forms").FormGroup<{}>;
                 }>;
             }>;
-            toggleActions: Action<any>[];
-            gridToolbarActions: Action<any>[];
+            toggleActions: Action[];
+            gridToolbarActions: Action[];
             tableChildrenKey: string;
             tableIsHidden: (item: any) => false;
             tableTreeControl: FlatTreeControl<any, any>;
@@ -80,30 +80,31 @@ export declare class IndexTemplateStore<T extends {
             navEndActions: any[];
             groupedBy: any;
             groupKeys: any[];
-            type: "list" | "table" | "grid";
+            type: "table" | "list" | "grid";
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
+            queryLabel: string;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
             form: FormGroup<{
                 query: import("@angular/forms").FormControl<string>;
-                page: FormGroup<{
+                page: import("@angular/forms").FormGroup<{
                     pageSize: import("@angular/forms").FormControl<number>;
                     pageIndex: import("@angular/forms").FormControl<number>;
                     length: import("@angular/forms").FormControl<number>;
                 }>;
-                sort: FormGroup<{
+                sort: import("@angular/forms").FormGroup<{
                     key: import("@angular/forms").FormControl<string>;
                     order: import("@angular/forms").FormControl<"asc" | "desc">;
                 }>;
-                columns: FormGroup<{
+                columns: import("@angular/forms").FormGroup<{
                     ids: import("@angular/forms").FormControl<string[]>;
-                    map: FormGroup<{}>;
+                    map: import("@angular/forms").FormGroup<{}>;
                 }>;
             }>;
-            toggleActions: Action<any>[];
-            gridToolbarActions: Action<any>[];
+            toggleActions: Action[];
+            gridToolbarActions: Action[];
             tableChildrenKey: string;
             tableIsHidden: (item: any) => false;
             tableTreeControl: FlatTreeControl<any, any>;
@@ -120,32 +121,33 @@ export declare class IndexTemplateStore<T extends {
             navEndActions: any[];
             groupedBy: any;
             groupKeys: any[];
-            type: "list" | "table" | "grid";
+            type: "table" | "list" | "grid";
             pageSizeOptions: number[];
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
+            queryLabel: string;
         }>;
     };
     static provideTypeConfig(): import("@angular/core").Provider;
     readonly config: import("@angular/core").Signal<{
         form: FormGroup<{
             query: import("@angular/forms").FormControl<string>;
-            page: FormGroup<{
+            page: import("@angular/forms").FormGroup<{
                 pageSize: import("@angular/forms").FormControl<number>;
                 pageIndex: import("@angular/forms").FormControl<number>;
                 length: import("@angular/forms").FormControl<number>;
             }>;
-            sort: FormGroup<{
+            sort: import("@angular/forms").FormGroup<{
                 key: import("@angular/forms").FormControl<string>;
                 order: import("@angular/forms").FormControl<"asc" | "desc">;
             }>;
-            columns: FormGroup<{
+            columns: import("@angular/forms").FormGroup<{
                 ids: import("@angular/forms").FormControl<string[]>;
-                map: FormGroup<{}>;
+                map: import("@angular/forms").FormGroup<{}>;
             }>;
         }>;
-        toggleActions: Action<any>[];
-        gridToolbarActions: Action<any>[];
+        toggleActions: Action[];
+        gridToolbarActions: Action[];
         tableChildrenKey: string;
         tableIsHidden: (item: any) => false;
         tableTreeControl: FlatTreeControl<any, any>;
@@ -162,26 +164,27 @@ export declare class IndexTemplateStore<T extends {
         navEndActions: any[];
         groupedBy: any;
         groupKeys: any[];
-        type: "list" | "table" | "grid";
+        type: "table" | "list" | "grid";
         pageSizeOptions: number[];
         selection: SelectionModel<string>;
         highlight: SelectionModel<string>;
+        queryLabel: string;
     }>;
     readonly isPlatformServer: boolean;
     readonly form: import("@angular/core").InputSignal<FormGroup<{
         query: import("@angular/forms").FormControl<string>;
-        page: FormGroup<{
+        page: import("@angular/forms").FormGroup<{
             pageSize: import("@angular/forms").FormControl<number>;
             pageIndex: import("@angular/forms").FormControl<number>;
             length: import("@angular/forms").FormControl<number>;
         }>;
-        sort: FormGroup<{
+        sort: import("@angular/forms").FormGroup<{
             key: import("@angular/forms").FormControl<string>;
             order: import("@angular/forms").FormControl<"asc" | "desc">;
         }>;
-        columns: FormGroup<{
+        columns: import("@angular/forms").FormGroup<{
             ids: import("@angular/forms").FormControl<string[]>;
-            map: FormGroup<{}>;
+            map: import("@angular/forms").FormGroup<{}>;
         }>;
     }>>;
     readonly gridToolbarActions: import("@angular/core").InputSignal<Action<any>[]>;
@@ -206,6 +209,7 @@ export declare class IndexTemplateStore<T extends {
     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 form$: import("rxjs").Observable<unknown>;
     readonly formValue: import("@angular/core").Signal<Partial<{
         query: string;
@@ -228,7 +232,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; }; }, {}, 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; }; "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>;
 }
 export declare class IndexTemplate<T> extends NgAtomicComponent {
     static ActionId: typeof ActionId;
@@ -242,5 +246,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"; }; outputs: {}; }]>;
+    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: {}; }]>;
 }