@ng-atomic/components 17.9.0 → 17.11.0

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

@@ -6,14 +6,16 @@ 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 { FlatTreeControl } from '@angular/cdk/tree';
 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",
+    TABLE_HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/templates/index] Table Header Checkbox Click",
+    TABLE_CHECKBOX_CLICK = "[@ng-atomic/components/templates/index] Table Checkbox 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 {
@@ -41,8 +43,9 @@ export declare function getType(context: UIContext): "list" | "table";
 export declare class IndexTemplateStore<T extends {
     id: string;
 }> extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             form: FormGroup<{
                 query: import("@angular/forms").FormControl<string>;
                 page: FormGroup<{
@@ -59,25 +62,27 @@ export declare class IndexTemplateStore<T extends {
             toggleActions: Action<any>[];
             gridToolbarActions: Action<any>[];
             tableChildrenKey: string;
+            tableIsHidden: (item: any) => false;
+            tableTreeControl: FlatTreeControl<any, any>;
             itemActions: (item: any) => {
                 id: ActionId;
                 icon: string;
                 payload: any;
             }[];
             items: any[];
+            itemsLength: number;
             title: string;
             description: string;
             navStartActions: Action<any>[];
             navEndActions: any[];
             groupedBy: any;
             groupKeys: any[];
-            type: string;
+            type: "list" | "table" | "grid";
             pageSizeOptions: number[];
-            width: string;
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             form: FormGroup<{
                 query: import("@angular/forms").FormControl<string>;
                 page: FormGroup<{
@@ -94,25 +99,28 @@ export declare class IndexTemplateStore<T extends {
             toggleActions: Action<any>[];
             gridToolbarActions: Action<any>[];
             tableChildrenKey: string;
+            tableIsHidden: (item: any) => false;
+            tableTreeControl: FlatTreeControl<any, any>;
             itemActions: (item: any) => {
                 id: ActionId;
                 icon: string;
                 payload: any;
             }[];
             items: any[];
+            itemsLength: number;
             title: string;
             description: string;
             navStartActions: Action<any>[];
             navEndActions: any[];
             groupedBy: any;
             groupKeys: any[];
-            type: string;
+            type: "list" | "table" | "grid";
             pageSizeOptions: number[];
-            width: string;
             selection: SelectionModel<string>;
             highlight: SelectionModel<string>;
         }>;
     };
+    static provideTypeConfig(): import("@angular/core").Provider;
     readonly config: import("@angular/core").Signal<{
         form: FormGroup<{
             query: import("@angular/forms").FormControl<string>;
@@ -130,21 +138,23 @@ export declare class IndexTemplateStore<T extends {
         toggleActions: Action<any>[];
         gridToolbarActions: Action<any>[];
         tableChildrenKey: string;
+        tableIsHidden: (item: any) => false;
+        tableTreeControl: FlatTreeControl<any, any>;
         itemActions: (item: any) => {
             id: ActionId;
             icon: string;
             payload: any;
         }[];
         items: any[];
+        itemsLength: number;
         title: string;
         description: string;
         navStartActions: Action<any>[];
         navEndActions: any[];
         groupedBy: any;
         groupKeys: any[];
-        type: string;
+        type: "list" | "table" | "grid";
         pageSizeOptions: number[];
-        width: string;
         selection: SelectionModel<string>;
         highlight: SelectionModel<string>;
     }>;
@@ -165,6 +175,8 @@ export declare class IndexTemplateStore<T extends {
     readonly gridToolbarActions: import("@angular/core").InputSignal<Action<any>[]>;
     readonly toggleActions: import("@angular/core").InputSignal<Action<any>[]>;
     readonly tableChildrenKey: import("@angular/core").InputSignal<string>;
+    readonly tableIsHidden: import("@angular/core").InputSignal<(item: any) => false>;
+    readonly tableTreeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
     readonly itemActions: import("@angular/core").InputSignal<(item: any) => {
         id: ActionId;
         icon: string;
@@ -173,12 +185,13 @@ export declare class IndexTemplateStore<T extends {
     readonly title: import("@angular/core").InputSignal<string>;
     readonly description: import("@angular/core").InputSignal<string>;
     readonly items: import("@angular/core").InputSignal<T[]>;
+    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 pageSizeOptions: import("@angular/core").InputSignal<number[]>;
-    readonly type: import("@angular/core").InputSignal<string>;
+    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 form$: import("rxjs").Observable<unknown>;
@@ -201,10 +214,8 @@ export declare class IndexTemplateStore<T extends {
         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>;
+    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>;
 }
 export declare class IndexTemplate<T> extends NgAtomicComponent {
     static ActionId: typeof ActionId;
@@ -215,7 +226,8 @@ export declare class IndexTemplate<T> extends NgAtomicComponent {
     protected onCheckboxClickItem(item: T): void;
     protected onItemClicked(item: T): void;
     protected onItemButtonClicked(item: T): void;
+    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"; "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: {}; }]>;
+    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: {}; }]>;
 }

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

@@ -14,7 +14,7 @@ declare enum ActionId {
 export declare class FormTemplateStore extends InjectableComponent {
     static readonly ActionId: typeof ActionId;
     static readonly Config: {
-        provide: (useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
+        provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             navStartActions: Action<any>[];
             navEndActions: Action<any>[];
             title: string;
@@ -24,8 +24,8 @@ export declare class FormTemplateStore extends InjectableComponent {
             formFlatExcludes: string[];
             actions: Action<any>[];
             fieldMap: FormFieldMap;
-        }, any>, label?: string) => import("@angular/core").Provider;
-        inject: () => import("@angular/core").Signal<{
+        }>, label?: string): import("@angular/core").Provider;
+        inject(): import("@angular/core").Signal<{
             navStartActions: Action<any>[];
             navEndActions: Action<any>[];
             title: string;