@ng-atomic/components 19.0.0-preview.8 → 19.1.1

package/pages/_index/index.d.ts

@@ -1 +1,344 @@
-export * from './index.page';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import * as _ng_atomic_core from '@ng-atomic/core';
+import { InjectableComponent, TypeOrTypeFactory, Actions, NgAtomicComponent } from '@ng-atomic/core';
+import * as _angular_core from '@angular/core';
+import { Signal, InjectionToken, Injector, Provider } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SelectionModel } from '@angular/cdk/collections';
+import { ItemsMap } from '@ng-atomic/components/templates/_index';
+import { IndexPipe } from '@ng-atomic/common/pipes/index';
+import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
+import { IndexLengthPipe } from '@ng-atomic/common/pipes/index-length';
+import { SheetService } from '@ng-atomic/common/services/sheets';
+import { FormFieldMap } from '@ng-atomic/common/pipes/smart-field';
+
+declare function injectHighlight(key: string): Signal<SelectionModel<string>>;
+type FilterFunc = (item: {
+    id: string;
+}) => boolean;
+declare function provideFilterFunc(useFactory: () => FilterFunc): {
+    provide: InjectionToken<(injector?: Injector) => FilterFunc>;
+    useFactory: () => (injector?: Injector) => FilterFunc;
+};
+declare function injectFilterFunc(): FilterFunc;
+declare enum ActionId {
+    BACK = "[@ng-atomic/components:pages/index] Back",
+    CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] CheckboxClick",
+    HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] HeaderCheckboxClick",
+    TABLE_HEADER_CLICK = "[@ng-atomic/components/pages/index] TableHeaderClick",
+    TABLE_CHECKBOX_CLICK = "[@ng-atomic/components/pages/index] TableCheckboxClick",
+    ADD = "[@ng-atomic/components/pages/index] Add",
+    DETAIL = "[@ng-atomic/components/pages/index] Detail",
+    CLOSE = "[@ng-atomic/components/pages/index] Close",
+    LIST_ITEM_BUTTON_CLICKED = "[@ng-atomic/components/pages/index] ListItemButtonClick",
+    TOGGLE_QUERY_FORM = "[@ng-atomic/components/pages/index] ToggleQueryForm"
+}
+declare function toggleAllSelection(selection: SelectionModel<string>, items: {
+    id: string;
+}[]): SelectionModel<string>;
+declare function recoveryFormValue(form: AbstractControl, key?: string): void;
+declare function createToggleNavModeAction(navMode: 'expanded' | 'collapsed'): {
+    id: ActionId;
+    icon: string;
+};
+declare class IndexPageStore<T> extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly DI: {
+        provide: (typeOrComponent: Parameters<(typeOrFactory: TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        }>[0]) => (Provider | {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        })[];
+        provideConfig: (useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            style: Partial<CSSStyleDeclaration>;
+            groupedBy: string;
+            groupKeys: any[];
+            items: any[];
+            itemsMap: ItemsMap<any>;
+            itemActions: Actions;
+            itemsMapper: (items: any[]) => any[];
+            itemsLength: number;
+            filterFunc: FilterFunc;
+            title: string;
+            type: "list" | "table" | "grid";
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+            form: AbstractControl;
+            tableChildrenKey: any;
+            navStartActions: _ng_atomic_core.Action<any>[];
+            navEndActions: Actions;
+        }>, label?: string) => Provider;
+        injectConfig: () => Signal<{
+            style: Partial<CSSStyleDeclaration>;
+            groupedBy: string;
+            groupKeys: any[];
+            items: any[];
+            itemsMap: ItemsMap<any>;
+            itemActions: Actions;
+            itemsMapper: (items: any[]) => any[];
+            itemsLength: number;
+            filterFunc: FilterFunc;
+            title: string;
+            type: "list" | "table" | "grid";
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+            form: AbstractControl;
+            tableChildrenKey: any;
+            navStartActions: _ng_atomic_core.Action<any>[];
+            navEndActions: Actions;
+        }>;
+        provideInitializer: <SI extends (store: IndexPageStore<unknown>) => Promise<void> | void>(initializer: SI) => {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => IndexPageStore<unknown>;
+                initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        initialize: (store: IndexPageStore<unknown>) => Promise<void>;
+        provideComponent: (typeOrFactory: TypeOrTypeFactory<any>) => {
+            provide: any;
+            useValue: () => Promise<_angular_core.Type<any>>;
+        };
+        Initializer: {
+            provide<SI extends (store: IndexPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
+                provide: InjectionToken<(store: any) => Promise<void> | void>;
+                useValue: {
+                    key: new () => IndexPageStore<unknown>;
+                    initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+                };
+                multi: boolean;
+            }[];
+            inject(): ((store: IndexPageStore<unknown>) => Promise<void> | void)[];
+            initializeStore(store: IndexPageStore<unknown>): Promise<void>;
+        };
+        Config: {
+            provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+                style: Partial<CSSStyleDeclaration>;
+                groupedBy: string;
+                groupKeys: any[];
+                items: any[];
+                itemsMap: ItemsMap<any>;
+                itemActions: Actions;
+                itemsMapper: (items: any[]) => any[];
+                itemsLength: number;
+                filterFunc: FilterFunc;
+                title: string;
+                type: "list" | "table" | "grid";
+                selection: SelectionModel<string>;
+                highlight: SelectionModel<string>;
+                form: AbstractControl;
+                tableChildrenKey: any;
+                navStartActions: _ng_atomic_core.Action<any>[];
+                navEndActions: Actions;
+            }>, label?: string): Provider;
+            inject(): Signal<{
+                style: Partial<CSSStyleDeclaration>;
+                groupedBy: string;
+                groupKeys: any[];
+                items: any[];
+                itemsMap: ItemsMap<any>;
+                itemActions: Actions;
+                itemsMapper: (items: any[]) => any[];
+                itemsLength: number;
+                filterFunc: FilterFunc;
+                title: string;
+                type: "list" | "table" | "grid";
+                selection: SelectionModel<string>;
+                highlight: SelectionModel<string>;
+                form: AbstractControl;
+                tableChildrenKey: any;
+                navStartActions: _ng_atomic_core.Action<any>[];
+                navEndActions: Actions;
+            }>;
+        };
+    };
+    static readonly Config: {
+        provide: (useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            style: Partial<CSSStyleDeclaration>;
+            groupedBy: string;
+            groupKeys: any[];
+            items: any[];
+            itemsMap: ItemsMap<any>;
+            itemActions: Actions;
+            itemsMapper: (items: any[]) => any[];
+            itemsLength: number;
+            filterFunc: FilterFunc;
+            title: string;
+            type: "list" | "table" | "grid";
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+            form: AbstractControl;
+            tableChildrenKey: any;
+            navStartActions: _ng_atomic_core.Action<any>[];
+            navEndActions: Actions;
+        }>, label?: string) => Provider;
+        inject: () => Signal<{
+            style: Partial<CSSStyleDeclaration>;
+            groupedBy: string;
+            groupKeys: any[];
+            items: any[];
+            itemsMap: ItemsMap<any>;
+            itemActions: Actions;
+            itemsMapper: (items: any[]) => any[];
+            itemsLength: number;
+            filterFunc: FilterFunc;
+            title: string;
+            type: "list" | "table" | "grid";
+            selection: SelectionModel<string>;
+            highlight: SelectionModel<string>;
+            form: AbstractControl;
+            tableChildrenKey: any;
+            navStartActions: _ng_atomic_core.Action<any>[];
+            navEndActions: Actions;
+        }>;
+    };
+    static provideDefault(): Provider[][];
+    static provideDefaultInitializer(): Provider[][];
+    static provideDefaultEffects(): Provider[];
+    static provideDefaultConfig(): Provider[];
+    static provideTypeConfig(): Provider;
+    static provideItemsFromRepository(): Provider;
+    static provideItemActionsConfig(): Provider;
+    static provideSideAppNavStartActions(): Provider;
+    static Initializer: {
+        provide<SI extends (store: IndexPageStore<unknown>) => Promise<void> | void>(initializer: SI): {
+            provide: InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => IndexPageStore<unknown>;
+                initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: IndexPageStore<unknown>) => Promise<void> | void)[];
+        initializeStore(store: IndexPageStore<unknown>): Promise<void>;
+    };
+    static provideFormInitializer(): {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideFormValueStorageInitializer(): {
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideItemsLengthInitializer(): ({
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[] | typeof IndexLengthPipe)[];
+    static provideItemsMapperInitializer(): ({
+        provide: InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => IndexPageStore<unknown>;
+            initializer: (store: IndexPageStore<unknown>) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[] | typeof IndexPipe)[];
+    static provideDisplayedItemsPaginationInitializer(): Provider;
+    static provideColumnsInitializer(useFactory: () => string[]): Provider[];
+    static provideItemsInitializer(itemsFactory: () => any[]): Provider[];
+    static provideToggleQueryFormNavEndActions(): Provider[];
+    static provideBackEffect(): Provider;
+    static provideDetailEffect(): Provider;
+    static provideAddEffect(): Provider;
+    static provideCheckboxClickEffect(): Provider;
+    static provideTableHeaderClickEffect(): Provider;
+    static provideSideNavEffects(): Provider;
+    static provideHeaderCheckboxClickEffect(): Provider;
+    static provideAutoTogglePageInitializer(): Provider[];
+    readonly config: Signal<{
+        style: Partial<CSSStyleDeclaration>;
+        groupedBy: string;
+        groupKeys: any[];
+        items: any[];
+        itemsMap: ItemsMap<any>;
+        itemActions: Actions;
+        itemsMapper: (items: any[]) => any[];
+        itemsLength: number;
+        filterFunc: FilterFunc;
+        title: string;
+        type: "list" | "table" | "grid";
+        selection: SelectionModel<string>;
+        highlight: SelectionModel<string>;
+        form: AbstractControl;
+        tableChildrenKey: any;
+        navStartActions: _ng_atomic_core.Action<any>[];
+        navEndActions: Actions;
+    }>;
+    readonly style: _angular_core.InputSignal<Partial<CSSStyleDeclaration>>;
+    readonly route: ActivatedRoute;
+    readonly groupedBy: _angular_core.InputSignal<string>;
+    readonly groupKeys: _angular_core.InputSignal<any[]>;
+    readonly type: _angular_core.InputSignal<"grid" | "table" | "list">;
+    readonly items: _angular_core.InputSignal<any[]>;
+    readonly itemsMap: _angular_core.InputSignal<ItemsMap<any>>;
+    readonly itemActions: _angular_core.InputSignal<Actions>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly form: _angular_core.InputSignal<AbstractControl<any, any>>;
+    readonly selection: _angular_core.InputSignal<SelectionModel<string>>;
+    readonly highlight: _angular_core.InputSignal<SelectionModel<string>>;
+    readonly navStartActions: _angular_core.InputSignal<_ng_atomic_core.Action<any>[]>;
+    readonly navEndActions: _angular_core.InputSignal<Actions>;
+    readonly filterFunc: _angular_core.InputSignal<FilterFunc>;
+    readonly itemsMapper: _angular_core.InputSignal<(items: any[]) => any[]>;
+    readonly tableChildrenKey: _angular_core.InputSignal<any>;
+    readonly itemsLength: _angular_core.InputSignal<number>;
+    readonly displayedItems: _angular_core.InputSignal<any[]>;
+    readonly selectedIds: Signal<string[]>;
+    readonly selected: Signal<any[]>;
+    readonly isAllSelected: Signal<boolean>;
+    readonly skip: Signal<boolean>;
+    readonly fb: FormBuilder;
+    readonly queryForm: _angular_core.InputSignal<FormGroup<any>>;
+    readonly queryFormFieldMap: _angular_core.InputSignal<FormFieldMap>;
+    readonly queryFormDisplayed: _angular_core.InputSignal<boolean>;
+    readonly navMode: _angular_core.InputSignal<"expanded" | "collapsed">;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexPageStore<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IndexPageStore<any>, never, never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; "groupedBy": { "alias": "groupedBy"; "required": false; "isSignal": true; }; "groupKeys": { "alias": "groupKeys"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemsMap": { "alias": "itemsMap"; "required": false; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "filterFunc": { "alias": "filterFunc"; "required": false; "isSignal": true; }; "itemsMapper": { "alias": "itemsMapper"; "required": false; "isSignal": true; }; "tableChildrenKey": { "alias": "tableChildrenKey"; "required": false; "isSignal": true; }; "itemsLength": { "alias": "itemsLength"; "required": false; "isSignal": true; }; "displayedItems": { "alias": "displayedItems"; "required": false; "isSignal": true; }; "queryForm": { "alias": "queryForm"; "required": false; "isSignal": true; }; "queryFormFieldMap": { "alias": "queryFormFieldMap"; "required": false; "isSignal": true; }; "queryFormDisplayed": { "alias": "queryFormDisplayed"; "required": false; "isSignal": true; }; "navMode": { "alias": "navMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class IndexPageDashboardStore extends InjectableComponent {
+    static provideComponent: <T>(factory: TypeOrTypeFactory<T>) => {
+        provide: any;
+        useValue: () => Promise<_angular_core.Type<T>>;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexPageDashboardStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IndexPageDashboardStore, "ng-dashboard", never, {}, {}, never, never, true, never>;
+}
+declare class IndexPageDashboard extends NgAtomicComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexPageDashboard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexPageDashboard, "ng-dashboard", never, {}, {}, never, never, true, never>;
+}
+declare class IndexPage extends NgAtomicComponent {
+    protected store: IndexPageStore<any>;
+    protected router: Router;
+    protected sheet: SheetService;
+    protected back(): void;
+    protected close(): void;
+    protected itemClick(item: {
+        id: string;
+    }): void;
+    protected onHeaderCheckboxClick(item: {
+        id: string;
+    }): void;
+    protected onItemButtonClicked(item: any): void;
+    protected onTableHeaderClick(payload: any): void;
+    protected onCheckboxClick(payload: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexPage, "pages-index", never, {}, {}, never, never, true, [{ directive: typeof IndexPageStore; inputs: { "items": "items"; "itemsMap": "itemsMap"; "displayedItems": "displayedItems"; }; outputs: {}; }]>;
+}
+
+export { IndexPage, IndexPageDashboard, IndexPageDashboardStore, IndexPageStore, createToggleNavModeAction, injectFilterFunc, injectHighlight, provideFilterFunc, recoveryFormValue, toggleAllSelection };

package/pages/blank/index.d.ts

@@ -1,3 +1,13 @@
-export * from './blank.page';
-export * from './blank.route';
-export * from './blank.routes';
+import * as i0 from '@angular/core';
+import { Route, Routes } from '@angular/router';
+
+declare class BlankPage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlankPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlankPage, "pages-blank", never, {}, {}, never, never, true, never>;
+}
+
+declare const BLANK_ROUTE: Route;
+
+declare const routes: Routes;
+
+export { BLANK_ROUTE, BlankPage, routes };

package/pages/columns/index.d.ts

@@ -1 +1,66 @@
-export * from './columns.page';
+import * as _angular_core from '@angular/core';
+import * as _ng_atomic_common_services_ui from '@ng-atomic/common/services/ui';
+import { AbstractControl } from '@angular/forms';
+import { InjectableComponent, Actions, NgAtomicComponent } from '@ng-atomic/core';
+
+declare enum ActionId {
+    BACK = "[@ng-atomic/components/pages/columns] Back",
+    CLOSE = "[@ng-atomic/components/pages/columns] Close"
+}
+declare class ColumnsPageStore extends InjectableComponent {
+    static readonly ActionId: typeof ActionId;
+    static readonly Config: {
+        provide(useFactory?: _ng_atomic_common_services_ui.ReducerFactory<{
+            title: string;
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>, label?: string): _angular_core.Provider;
+        inject(): _angular_core.Signal<{
+            title: string;
+            navStartActions: Actions;
+            navEndActions: Actions;
+        }>;
+    };
+    static readonly Initializer: {
+        provide<SI extends (store: ColumnsPageStore) => Promise<void> | void>(initializer: SI): {
+            provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+            useValue: {
+                key: new () => ColumnsPageStore;
+                initializer: (store: ColumnsPageStore) => Promise<void> | void;
+            };
+            multi: boolean;
+        }[];
+        inject(): ((store: ColumnsPageStore) => Promise<void> | void)[];
+        initializeStore(store: ColumnsPageStore): Promise<void>;
+    };
+    static provideSideAppNavStartActionsInitializer: () => {
+        provide: _angular_core.InjectionToken<(store: any) => Promise<void> | void>;
+        useValue: {
+            key: new () => ColumnsPageStore;
+            initializer: (store: ColumnsPageStore) => Promise<void> | void;
+        };
+        multi: boolean;
+    }[];
+    static provideDefault(): _angular_core.Provider[];
+    readonly config: _angular_core.Signal<{
+        title: string;
+        navStartActions: Actions;
+        navEndActions: Actions;
+    }>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly navStartActions: _angular_core.InputSignal<Actions>;
+    readonly navEndActions: _angular_core.InputSignal<Actions>;
+    readonly form: _angular_core.InputSignal<AbstractControl<any, any>>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnsPageStore, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ColumnsPageStore, "pages-columns", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "navStartActions": { "alias": "navStartActions"; "required": false; "isSignal": true; }; "navEndActions": { "alias": "navEndActions"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class ColumnsPage extends NgAtomicComponent {
+    protected store: ColumnsPageStore;
+    protected back(): void;
+    protected close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnsPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnsPage, "pages-columns", never, {}, {}, never, never, true, [{ directive: typeof ColumnsPageStore; inputs: { "form": "form"; }; outputs: {}; }]>;
+}
+
+export { ColumnsPage, ColumnsPageStore };