@ng-atomic/components 18.2.1 → 18.5.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,29 +1,33 @@
-import { EventEmitter, SimpleChanges, AfterViewInit, OnChanges } from '@angular/core';
+import { AfterViewInit, OnChanges } 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 { Action, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class MessagesTemplate implements AfterViewInit, OnChanges {
-    title: string;
-    navStartActions: Action[];
-    navEndActions: Action[];
-    messages: {
+export declare class MessagesTemplateStore {
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly navStartActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly navEndActions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly messages: import("@angular/core").InputSignal<{
         role: string;
         content: string;
-    }[];
-    actions: Action[];
-    placeholder: string;
-    isMessageCreating: false | string;
-    form: FormGroup<{
+    }[]>;
+    readonly actions: import("@angular/core").InputSignal<Action<any>[]>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly isMessageCreating: import("@angular/core").InputSignal<string | false>;
+    readonly form: import("@angular/core").InputSignal<FormGroup<{
         name: FormControl<string>;
         description: FormControl<string>;
         message: FormControl<string>;
-    }>;
-    action: EventEmitter<Action<any>>;
-    scrollFrame: ScrollFrame;
+    }>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MessagesTemplateStore, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesTemplateStore, never, never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isMessageCreating": { "alias": "isMessageCreating"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export declare class MessagesTemplate extends NgAtomicComponent implements AfterViewInit, OnChanges {
+    protected readonly store: MessagesTemplateStore;
+    readonly scroll: import("@angular/core").Signal<ScrollFrame>;
+    constructor();
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagesTemplate, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MessagesTemplate, "templates-messages", never, {}, {}, never, never, true, [{ directive: typeof MessagesTemplateStore; inputs: { "title": "title"; "navStartActions": "navStartActions"; "navEndActions": "navEndActions"; "messages": "messages"; "actions": "actions"; "placeholder": "placeholder"; "isMessageCreating": "isMessageCreating"; "form": "form"; }; outputs: {}; }]>;
 }

package/templates/templates.module.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+/** @deprecated use `provideTemplates` */
 export declare class NgAtomicTemplatesModule {
     static forRoot(): {
         ngModule: typeof NgAtomicTemplatesModule;
@@ -23,9 +24,31 @@ export declare class NgAtomicTemplatesModule {
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/templates/menu").MenuTemplate>>;
-        })[];
+        })[][];
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<NgAtomicTemplatesModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgAtomicTemplatesModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgAtomicTemplatesModule>;
 }
+export declare function provideTemplates(): ({
+    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/columns").ColumnsTemplate>>;
+} | import("@angular/core").Provider | {
+    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>>;
+})[];

package/esm2022/frames/scroll-v2/scroll.frame.mjs

@@ -1,46 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ScrollFrame {
-    isScrollBottom() {
-        const contents = this.contents.nativeElement;
-        return contents.scrollHeight - contents.scrollTop === contents.clientHeight;
-    }
-    scrollToBottom() {
-        this.contents.nativeElement.scrollTop = this.contents.nativeElement.scrollHeight;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: ScrollFrame, isStandalone: true, selector: "frames-scroll", viewQueries: [{ propertyName: "contents", first: true, predicate: ["contents"], descendants: true, static: true }], ngImport: i0, template: `
-  <div class="top">
-    <ng-content select=[top]></ng-content>
-  </div>
-  <div class="contents" #contents>
-    <ng-content></ng-content>
-    <!-- <ng-content select=[contents]></ng-content> -->
-  </div>
-  <div class="bottom">
-    <ng-content select=[bottom]></ng-content>
-  </div>
-  `, isInline: true, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-b5Ej: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-b5Ej: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-b5Ej: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-b5Ej: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-b5Ej);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-b5Ej);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ScrollFrame, decorators: [{
-            type: Component,
-            args: [{ selector: 'frames-scroll', standalone: true, imports: [
-                        CommonModule,
-                    ], template: `
-  <div class="top">
-    <ng-content select=[top]></ng-content>
-  </div>
-  <div class="contents" #contents>
-    <ng-content></ng-content>
-    <!-- <ng-content select=[contents]></ng-content> -->
-  </div>
-  <div class="bottom">
-    <ng-content select=[bottom]></ng-content>
-  </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--height: 100%;--height-SCOPED-IN-scroll-b5Ej: var(--height);--top-height: 56px;--top-height-SCOPED-IN-scroll-b5Ej: var(--top-height);--bottom-height: 56px;--bottom-height-SCOPED-IN-scroll-b5Ej: var(--bottom-height);--contents-gap: 16px;--contents-gap-SCOPED-IN-scroll-b5Ej: var(--contents-gap)}:host{display:flex;width:100%;flex-direction:column;justify-content:space-between;height:var(--height-SCOPED-IN-scroll-b5Ej);overflow:hidden}:host .top{height:fit-content;transition:.5s height;touch-action:none}:host .contents{display:flex;flex:auto;flex-direction:column;gap:var(--contents-gap-SCOPED-IN-scroll-b5Ej);transition:.5s height;overflow:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch}:host .contents::-webkit-scrollbar{display:none}:host .bottom{height:fit-content}\n"] }]
-        }], propDecorators: { contents: [{
-                type: ViewChild,
-                args: ['contents', { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL3Njcm9sbC12Mi9zY3JvbGwuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUF1QjFGLE1BQU0sT0FBTyxXQUFXO0lBS3RCLGNBQWM7UUFDWixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztRQUM3QyxPQUFPLFFBQVEsQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDLFNBQVMsS0FBSyxRQUFRLENBQUMsWUFBWSxDQUFDO0lBQzlFLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztJQUNuRixDQUFDOzhHQVpVLFdBQVc7a0dBQVgsV0FBVyw2TEFmWjs7Ozs7Ozs7Ozs7R0FXVCxvMkJBYkMsWUFBWTs7MkZBaUJILFdBQVc7a0JBckJ2QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTtxQkFDYixZQUNTOzs7Ozs7Ozs7OztHQVdULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUtyQyxRQUFRO3NCQURqQixTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1zY3JvbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwidG9wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVt0b3BdPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50c1wiICNjb250ZW50cz5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPCEtLSA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXT48L25nLWNvbnRlbnQ+IC0tPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1bYm90dG9tXT48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zY3JvbGwuZnJhbWUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsRnJhbWUge1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRzJywge3N0YXRpYzogdHJ1ZX0pXG4gIHByb3RlY3RlZCBjb250ZW50czogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgaXNTY3JvbGxCb3R0b20oKSB7XG4gICAgY29uc3QgY29udGVudHMgPSB0aGlzLmNvbnRlbnRzLm5hdGl2ZUVsZW1lbnQ7XG4gICAgcmV0dXJuIGNvbnRlbnRzLnNjcm9sbEhlaWdodCAtIGNvbnRlbnRzLnNjcm9sbFRvcCA9PT0gY29udGVudHMuY2xpZW50SGVpZ2h0O1xuICB9XG5cbiAgc2Nyb2xsVG9Cb3R0b20oKSB7XG4gICAgdGhpcy5jb250ZW50cy5uYXRpdmVFbGVtZW50LnNjcm9sbFRvcCA9IHRoaXMuY29udGVudHMubmF0aXZlRWxlbWVudC5zY3JvbGxIZWlnaHQ7XG4gIH1cbn1cbiJdfQ==

package/esm2022/organisms/smart-list/index.mjs

@@ -1,2 +0,0 @@
-export * from './smart-list.organism';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvc21hcnQtbGlzdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zbWFydC1saXN0Lm9yZ2FuaXNtJztcbiJdfQ==

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

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