@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -0,0 +1,219 @@
+import { Action, Actions, InjectableComponent } from '@ng-atomic/core';
+import { DividerFrame } from '@ng-atomic/components/frames/divider';
+import { SelectionModel } from '@angular/cdk/collections';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { IndexPipe } from '@ng-atomic/common/pipes/index';
+import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare enum ActionId {
+    BACK = "[@ng-atomic/components/templates/index] Back",
+    TABLE_HEADER_CLICK = "[@ng-atomic/components/templates/index] Table Header Click",
+    ITEM_CLICK = "[@ng-atomic/components/templates/index] Item Click",
+    DETAIL = "[@ng-atomic/components/templates/index] Detail",
+    LIST_ITEM_BUTTON_CLICKED = "[@ng-atomic/components/templates/index] List Item Button Clicked",
+    CHECKBOX_CLICK = "[@ng-atomic/components/templates/index] Check Item",
+    TOGGLE_TYPE = "[@ng-atomic/components/templates/index] Toggle Type"
+}
+export interface IndexTemplateConfig<T extends {
+    id: string;
+} = any> {
+    form: FormGroup;
+    gridToolbarActions: Action[];
+    navStartActions: Actions;
+    navEndActions: Actions;
+    itemActions: Actions;
+    title: string;
+    description: string;
+    items: T[];
+    tableChildrenKey: keyof T;
+    groupedBy: keyof T | null;
+    groupKeys: string[];
+    type: 'list' | 'table' | 'grid';
+    toggleActions: Actions;
+    pageSizeOptions: number[];
+    width: string;
+    selection: SelectionModel<string>;
+    highlight: SelectionModel<string>;
+}
+export declare class IndexTemplateStore<T extends {
+    id: string;
+}> extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            form: FormGroup<{
+                query: import("@angular/forms").FormControl<string>;
+                page: FormGroup<{
+                    pageSize: import("@angular/forms").FormControl<number>;
+                    pageIndex: import("@angular/forms").FormControl<number>;
+                    length: import("@angular/forms").FormControl<number>;
+                }>;
+                sort: FormGroup<{
+                    key: import("@angular/forms").FormControl<string>;
+                    order: import("@angular/forms").FormControl<"asc" | "desc">;
+                }>;
+                columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+            }>;
+            toggleActions: Action<any>[];
+            gridToolbarActions: Action<any>[];
+            tableChildrenKey: string;
+            itemActions: (item: any) => {
+                id: ActionId;
+                icon: string;
+                payload: any;
+            }[];
+            items: any[];
+            title: string;
+            description: string;
+            navStartActions: Action<any>[];
+            navEndActions: any[];
+            groupedBy: any;
+            groupKeys: any[];
+            type: string;
+            pageSizeOptions: number[];
+            width: string;
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            form: FormGroup<{
+                query: import("@angular/forms").FormControl<string>;
+                page: FormGroup<{
+                    pageSize: import("@angular/forms").FormControl<number>;
+                    pageIndex: import("@angular/forms").FormControl<number>;
+                    length: import("@angular/forms").FormControl<number>;
+                }>;
+                sort: FormGroup<{
+                    key: import("@angular/forms").FormControl<string>;
+                    order: import("@angular/forms").FormControl<"asc" | "desc">;
+                }>;
+                columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+            }>;
+            toggleActions: Action<any>[];
+            gridToolbarActions: Action<any>[];
+            tableChildrenKey: string;
+            itemActions: (item: any) => {
+                id: ActionId;
+                icon: string;
+                payload: any;
+            }[];
+            items: any[];
+            title: string;
+            description: string;
+            navStartActions: Action<any>[];
+            navEndActions: any[];
+            groupedBy: any;
+            groupKeys: any[];
+            type: string;
+            pageSizeOptions: number[];
+            width: string;
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        form: FormGroup<{
+            query: import("@angular/forms").FormControl<string>;
+            page: FormGroup<{
+                pageSize: import("@angular/forms").FormControl<number>;
+                pageIndex: import("@angular/forms").FormControl<number>;
+                length: import("@angular/forms").FormControl<number>;
+            }>;
+            sort: FormGroup<{
+                key: import("@angular/forms").FormControl<string>;
+                order: import("@angular/forms").FormControl<"asc" | "desc">;
+            }>;
+            columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+        }>;
+        toggleActions: Action<any>[];
+        gridToolbarActions: Action<any>[];
+        tableChildrenKey: string;
+        itemActions: (item: any) => {
+            id: ActionId;
+            icon: string;
+            payload: any;
+        }[];
+        items: any[];
+        title: string;
+        description: string;
+        navStartActions: Action<any>[];
+        navEndActions: any[];
+        groupedBy: any;
+        groupKeys: any[];
+        type: string;
+        pageSizeOptions: number[];
+        width: string;
+        selection: SelectionModel<string>;
+        highlight: SelectionModel<string>;
+    }>;
+    readonly isPlatformServer: boolean;
+    readonly form: import("@angular/core").InputSignal<FormGroup<{
+        query: import("@angular/forms").FormControl<string>;
+        page: FormGroup<{
+            pageSize: import("@angular/forms").FormControl<number>;
+            pageIndex: import("@angular/forms").FormControl<number>;
+            length: import("@angular/forms").FormControl<number>;
+        }>;
+        sort: FormGroup<{
+            key: import("@angular/forms").FormControl<string>;
+            order: import("@angular/forms").FormControl<"asc" | "desc">;
+        }>;
+        columns: import("@angular/forms").FormArray<import("@angular/forms").FormRecord<import("@angular/forms").AbstractControl<any, any>>>;
+    }>>;
+    readonly gridToolbarActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly toggleActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly tableChildrenKey: import("@angular/core").InputSignal<string>;
+    readonly itemActions: import("@angular/core").InputSignal<(item: any) => {
+        id: ActionId;
+        icon: string;
+        payload: any;
+    }[]>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly description: import("@angular/core").InputSignal<string>;
+    readonly items: import("@angular/core").InputSignal<T[]>;
+    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 pageSizeOptions: import("@angular/core").InputSignal<number[]>;
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly selection: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly highlight: import("@angular/core").InputSignal<SelectionModel<string>>;
+    readonly form$: import("rxjs").Observable<unknown>;
+    readonly formValue: import("@angular/core").Signal<Partial<{
+        query: string;
+        page: Partial<{
+            pageSize: number;
+            pageIndex: number;
+            length: number;
+        }>;
+        sort: Partial<{
+            key: string;
+            order: "asc" | "desc";
+        }>;
+        columns: Partial<{
+            [x: string]: any;
+        }>[];
+    }>>;
+    readonly pipes: {
+        index: IndexPipe<any>;
+        indexLength: IndexLengthPipe<any>;
+    };
+    readonly indexItems: import("@angular/core").Signal<any[]>;
+    readonly indexItemsLength: import("@angular/core").Signal<number>;
+    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; }; "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; }; "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>;
+}
+export declare class IndexTemplate<T> extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    protected ActionId: typeof ActionId;
+    protected store: IndexTemplateStore<any>;
+    readonly dividerFrame: import("@angular/core").Signal<DividerFrame>;
+    protected onTableHeaderClick(column: string): void;
+    protected onCheckboxClickItem(item: T): void;
+    protected onItemClicked(item: T): void;
+    protected onItemButtonClicked(item: T): 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"; "form": "form"; "title": "title"; "description": "description"; "items": "items"; "itemActions": "itemActions"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "groupedBy": "groupedBy"; "groupKeys": "groupKeys"; "selection": "selection"; "pageSizeOptions": "pageSizeOptions"; "type": "type"; "highlight": "highlight"; }; outputs: {}; }]>;
+}

package/templates/background/background.template.d.ts

@@ -0,0 +1,11 @@
+import { InjectableComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare class BackgroundTemplateStore extends InjectableComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundTemplateStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundTemplateStore, "templates-background", never, {}, {}, never, never, true, never>;
+}
+export declare class BackgroundTemplate {
+    protected store: BackgroundTemplateStore;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundTemplate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackgroundTemplate, "templates-background", never, {}, {}, never, never, true, [{ directive: typeof BackgroundTemplateStore; inputs: {}; outputs: {}; }]>;
+}

package/templates/background/index.d.ts

@@ -0,0 +1 @@
+export * from './background.template';

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

@@ -1,24 +1,21 @@
-import { EditorState } from '@codemirror/state';
+import { EditorComponent } from '@ng-atomic/components/extras/editor';
 import { NgAtomicComponent } from '@ng-atomic/core';
-import { ReplaySubject } from 'rxjs';
+import { Extension } from '@codemirror/state';
 import * as i0 from "@angular/core";
 declare enum ActionId {
     UPDATE_FILE = "[@matcher/assistant/templates/code-editor] update file"
 }
+export declare class CodeEditorTemplateStore {
+    content: import("@angular/core").ModelSignal<string>;
+    readonly extensions: import("@angular/core").InputSignal<Extension[]>;
+    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>;
+}
 export declare class CodeEditorTemplate extends NgAtomicComponent {
     static ActionId: typeof ActionId;
-    state: EditorState;
-    file$: ReplaySubject<File>;
-    state$: import("rxjs").Observable<EditorState>;
-    set file(value: File | null);
-    get file(): File | null;
-    private _file;
-    keyActions: {
-        key: string;
-        actionId: string;
-    }[];
-    private makeEditorState;
+    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, { "file": { "alias": "file"; "required": false; }; "keyActions": { "alias": "keyActions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeEditorTemplate, "templates-code-editor", never, {}, {}, never, never, true, [{ directive: typeof CodeEditorTemplateStore; inputs: { "content": "content"; "extensions": "extensions"; }; outputs: { "contentChange": "contentChange"; }; }]>;
 }
 export {};

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

@@ -1,5 +1,4 @@
-import { EventEmitter } from '@angular/core';
-import { Action } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { FormGroup, FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 declare enum ActionId {
@@ -7,17 +6,25 @@ declare enum ActionId {
     SIGN_IN_WITH_GOOGLE = "[@ng-atomic/components] Sign In With Google",
     SIGN_IN_WITH_TWITTER = "[@ng-atomic/components] Sign In With Twitter"
 }
-export declare const Actions: Action[];
-export declare class EntranceTemplate {
-    static ActionId: typeof ActionId;
-    protected ActionId: typeof ActionId;
-    form: FormGroup<{
+export declare class EntranceTemplateStore extends InjectableComponent {
+    readonly form: import("@angular/core").InputSignal<FormGroup<{
         email: FormControl<string>;
         password: FormControl<string>;
-    }>;
-    actions: Action<any>[];
-    action: EventEmitter<Action<any>>;
+    }>>;
+    readonly actions: import("@angular/core").InputSignal<{
+        id: ActionId;
+        name: string;
+        icon: string;
+    }[]>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntranceTemplateStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EntranceTemplateStore, "templates-entrance", never, { "form": { "alias": "form"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class EntranceTemplate extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    protected ActionId: typeof ActionId;
+    protected store: EntranceTemplateStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntranceTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntranceTemplate, "templates-entrance", never, { "form": { "alias": "form"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntranceTemplate, "templates-entrance", never, {}, {}, never, never, true, [{ directive: typeof EntranceTemplateStore; inputs: { "form": "form"; "actions": "actions"; "title": "title"; }; outputs: {}; }]>;
 }
 export {};

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

@@ -0,0 +1,78 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
+import { AbstractControl } from '@angular/forms';
+import { Action, InjectableComponent } from '@ng-atomic/core';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+export declare enum ActionId {
+    BACK = "[@ng-atomic/components/templates/form] Back",
+    CREATE = "[@ng-atomic/components/templates/form] Create",
+    UPDATE = "[@ng-atomic/components/templates/form] Update",
+    DELETE = "[@ng-atomic/components/templates/form] Delete",
+    FILE_SELECTED = "[@ng-atomic/components/templates/form] File selected",
+    CANCEL = "[@ng-atomic/components/templates/form] Cancel"
+}
+export declare class FormTemplateStore extends InjectableComponent {
+    static readonly Config: {
+        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+            navStartActions: Action<any>[];
+            navEndActions: Action<any>[];
+            title: string;
+            form: FormGroup<{
+                id: import("@angular/forms").FormControl<string>;
+            }>;
+            formFlatExcludes: string[];
+            actions: Action<any>[];
+            fieldMap: FormFieldMap;
+        }, any>, label?: string) => import("@angular/core").Provider;
+        inject: () => import("@angular/core").Signal<{
+            navStartActions: Action<any>[];
+            navEndActions: Action<any>[];
+            title: string;
+            form: FormGroup<{
+                id: import("@angular/forms").FormControl<string>;
+            }>;
+            formFlatExcludes: string[];
+            actions: Action<any>[];
+            fieldMap: FormFieldMap;
+        }>;
+    };
+    readonly config: import("@angular/core").Signal<{
+        navStartActions: Action<any>[];
+        navEndActions: Action<any>[];
+        title: string;
+        form: FormGroup<{
+            id: import("@angular/forms").FormControl<string>;
+        }>;
+        formFlatExcludes: string[];
+        actions: Action<any>[];
+        fieldMap: FormFieldMap;
+    }>;
+    readonly navStartActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly navEndActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly form: import("@angular/core").InputSignal<FormGroup<{
+        id: import("@angular/forms").FormControl<string>;
+    }>>;
+    readonly formFlatExcludes: import("@angular/core").InputSignal<string[]>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly fieldMap: import("@angular/core").InputSignal<FormFieldMap>;
+    readonly controlEntries: import("@angular/core").Signal<{
+        name: string;
+        control: AbstractControl<any, any>;
+        field: FormFieldMap | import("@ng-atomic/common/pipes/smart-field").FormField<any>;
+    }[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormTemplateStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormTemplateStore, never, never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "formFlatExcludes": { "alias": "formFlatExcludes"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "fieldMap": { "alias": "fieldMap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class FormTemplate extends NgAtomicComponent {
+    static ActionId: typeof ActionId;
+    protected readonly store: FormTemplateStore;
+    protected readonly cd: ChangeDetectorRef;
+    protected dispatchFileInputAction(action: Action, name: string): Promise<void>;
+    ngOnInit(): void;
+    protected back(): 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: {}; }]>;
+}

package/templates/form/index.d.ts

@@ -0,0 +1 @@
+export * from './form.template';

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

@@ -1,12 +1,10 @@
-import { InjectionToken } from '@angular/core';
 import { Action } from '@ng-atomic/core';
 import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class IconButtonMenuTemplateStore extends InjectableComponent {
-    static TOKEN: InjectionToken<unknown>;
-    actions: Action[];
+    readonly actions: 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; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconButtonMenuTemplateStore, "templates-icon-button-menu", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class IconButtonMenuTemplate extends NgAtomicComponent {
     protected store: IconButtonMenuTemplateStore;

package/templates/menu/menu.template.d.ts

@@ -1,16 +1,15 @@
-import { InjectionToken, Type } from '@angular/core';
 import { Action } from '@ng-atomic/core';
 import { InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class MenuTemplateStore extends InjectableComponent {
-    static readonly TOKEN: InjectionToken<Type<MenuTemplateStore>>;
-    actions: Action<string>[];
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly title: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuTemplateStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTemplateStore, "templates-menu", never, { "actions": { "alias": "actions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTemplateStore, "templates-menu", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class MenuTemplate extends NgAtomicComponent {
     protected store: MenuTemplateStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuTemplate, "templates-menu", never, {}, {}, never, never, true, [{ directive: typeof MenuTemplateStore; inputs: { "actions": "actions"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuTemplate, "templates-menu", never, {}, {}, never, never, true, [{ directive: typeof MenuTemplateStore; inputs: { "actions": "actions"; "title": "title"; }; outputs: {}; }]>;
 }

package/templates/messages/messages.template.d.ts

@@ -1,21 +1,29 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, SimpleChanges } from '@angular/core';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';
 import { FormGroup } from '@angular/forms';
 import { FormControl } from '@angular/forms';
 import { Action } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class MessagesTemplate {
+    title: string;
     navStartActions: Action[];
     navEndActions: Action[];
     messages: {
         role: string;
         content: string;
     }[];
+    actions: Action[];
+    placeholder: string;
+    isMessageCreating: false | string;
     form: FormGroup<{
         name: FormControl<string>;
         description: FormControl<string>;
         message: FormControl<string>;
     }>;
     action: EventEmitter<Action<any>>;
+    scrollFrame: ScrollFrame;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagesTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MessagesTemplate, "templates-messages", never, { "navStartActions": { "alias": "navStartActions"; "required": false; }; "navEndActions": { "alias": "navEndActions"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessagesTemplate, "templates-messages", never, { "title": { "alias": "title"; "required": false; }; "navStartActions": { "alias": "navStartActions"; "required": false; }; "navEndActions": { "alias": "navEndActions"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isMessageCreating": { "alias": "isMessageCreating"; "required": false; }; "form": { "alias": "form"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/templates/selection/selection.template.d.ts

@@ -1,4 +1,4 @@
-import { Action } from '@ng-atomic/core';
+import { Action, Actions, InjectableComponent } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i0 from "@angular/core";
@@ -7,17 +7,22 @@ declare enum ActionId {
     SUBMIT = "[@ng-atomic/components/templates/selection] Submit",
     TOGGLE_OPTION = "[@ng-atomic/components/templates/selection-list] Toggle Option"
 }
+export declare class SelectionTemplateStore<T> extends InjectableComponent {
+    readonly navStartActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly navEndActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly itemActions: import("@angular/core").InputSignal<Actions>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly items: import("@angular/core").InputSignal<T[]>;
+    readonly selection: import("@angular/core").InputSignal<SelectionModel<unknown>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionTemplateStore<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionTemplateStore<any>, "templates-selection", never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 export declare class SelectionTemplate<T> extends NgAtomicComponent {
     static ActionId: typeof ActionId;
-    navStartActions: Action[];
-    navEndActions: Action[];
-    actions: Action[];
-    itemActions: (item: T) => Action[];
-    title: string;
-    items: T[];
-    selection: SelectionModel<unknown>;
+    protected store: SelectionTemplateStore<any>;
     protected toggleOption(item: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionTemplate<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionTemplate<any>, "templates-selection", never, { "navStartActions": { "alias": "navStartActions"; "required": false; }; "navEndActions": { "alias": "navEndActions"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "itemActions": { "alias": "itemActions"; "required": false; }; "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionTemplate<any>, "templates-selection", never, {}, {}, never, never, true, [{ directive: typeof SelectionTemplateStore; inputs: { "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "actions": "actions"; "itemActions": "itemActions"; "title": "title"; "items": "items"; "selection": "selection"; }; outputs: {}; }]>;
 }
 export {};

package/templates/settings/index.d.ts

@@ -0,0 +1 @@
+export * from './settings.template';

package/templates/settings/settings.template.d.ts

@@ -0,0 +1,16 @@
+import { Actions, NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+declare enum ActionId {
+    ITEM_CLICK = "[@ng-atomic/components/templates/settings] item click",
+    REMOVE_SERVICE_WORKER = "[@ng-atomic/components/templates/settings] remove service worker"
+}
+export declare class SettingsTemplate extends NgAtomicComponent {
+    static readonly ActionId: typeof ActionId;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly navStartActions: import("@angular/core").InputSignal<Actions>;
+    protected onItemClick(payload: string): void;
+    protected onServiceWorkerRemoved(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsTemplate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SettingsTemplate, "templates-settings", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/templates/templates.module.d.ts

@@ -3,12 +3,24 @@ export declare class NgAtomicTemplatesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicTemplatesModule;
         providers: ({
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/_index").IndexTemplate<unknown>>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/background").BackgroundTemplate>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/form").FormTemplate>>;
+        } | {
+            provide: any;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/entrance").EntranceTemplate>>;
+        } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/icon-button-menu").IconButtonMenuTemplate>>;
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/menu").MenuTemplate>>;
-        })[];
+        } | import("@angular/core").Provider)[];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicTemplatesModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicTemplatesModule, never, never, never>;

package/templates/term/term.template.d.ts

@@ -1,24 +1,25 @@
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 declare enum ActionId {
     BACK = "[@ng-atomic/components/templates/term] Back"
 }
-export declare class TermTemplateStore {
-    readonly navStartActions: {
+export declare class TermTemplateStore extends InjectableComponent {
+    readonly navStartActions: import("@angular/core").InputSignal<{
         id: ActionId;
         name: string;
         icon: string;
-    }[];
-    readonly navEndActions: any[];
+    }[]>;
+    readonly navEndActions: import("@angular/core").InputSignal<any[]>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly src: import("@angular/core").InputSignal<string>;
+    readonly data: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TermTemplateStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TermTemplateStore, never, never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TermTemplateStore, never, never, { "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TermTemplate extends NgAtomicComponent {
     static readonly ActionId: typeof ActionId;
     protected store: TermTemplateStore;
-    title: string;
-    src: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TermTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TermTemplate, "templates-term", never, { "title": { "alias": "title"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, never, true, [{ directive: typeof TermTemplateStore; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TermTemplate, "templates-term", never, {}, {}, never, never, true, [{ directive: typeof TermTemplateStore; inputs: { "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "title": "title"; "src": "src"; "data": "data"; }; outputs: {}; }]>;
 }
 export {};

package/esm2022/organisms/smart-table/ng-atomic-components-organisms-smart-table.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtb3JnYW5pc21zLXNtYXJ0LXRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvb3JnYW5pc21zL3NtYXJ0LXRhYmxlL25nLWF0b21pYy1jb21wb25lbnRzLW9yZ2FuaXNtcy1zbWFydC10YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==