@smartsoft001/crud-shell-angular 2.92.0 → 2.93.0

package/fesm2022/smartsoft001-crud-shell-angular.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, ElementRef, Component, input, Directive, computed, signal, InjectionToken, Pipe, NgModule, viewChild, viewChildren, output, ChangeDetectorRef, effect, Injector } from '@angular/core';
-import { NgrxStoreService, BaseComponent as BaseComponent$1, PopoverService, StyleService, ButtonComponent, MenuService, FormComponent, AccordionComponent, AccordionHeaderComponent, AccordionBodyComponent, ListComponent as ListComponent$1, SharedModule, DetailsComponent, AuthService, CreateDynamicComponent, DynamicComponentLoader, ToastService, DetailsService, DynamicContentDirective, PageComponent, HardwareService, ListMode, FILE_SERVICE_CONFIG, PaginationMode } from '@smartsoft001/angular';
+import { NgrxStoreService, BaseComponent as BaseComponent$1, PopoverService, StyleService, ButtonComponent, MenuService, FormComponent, AccordionComponent, AccordionHeaderComponent, AccordionBodyComponent, ListComponent as ListComponent$1, SharedModule, PaginationMode, DetailsComponent, AuthService, CreateDynamicComponent, DynamicComponentLoader, ToastService, DetailsService, DynamicContentDirective, PageComponent, HardwareService, ListMode, FILE_SERVICE_CONFIG } from '@smartsoft001/angular';
 import { toSignal } from '@angular/core/rxjs-interop';
 import * as i1 from '@ngrx/store';
 import { createFeatureSelector, createSelector, select as select$1 } from '@ngrx/store';
-import { map } from 'rxjs/operators';
+import { map, first } from 'rxjs/operators';
 import { FieldType, getModelOptions, getModelFieldsWithOptions } from '@smartsoft001/models';
 import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { __decorate, __metadata } from 'tslib';
@@ -17,7 +17,8 @@ import { NgComponentOutlet, NgClass, CommonModule, NgTemplateOutlet, Location }
 import * as _ from 'lodash';
 import { DynamicIoDirective, DynamicIoModule } from 'ng-dynamic-component';
 import { HttpClient } from '@angular/common/http';
-import * as i1$1 from '@angular/router';
+import 'reflect-metadata';
+import * as i3 from '@angular/router';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 
 class CrudConfig {
@@ -1784,6 +1785,388 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                 }]
         }] });
 
+const initialState = {
+    loaded: false,
+};
+const crudReducer = (state, action, entity) => {
+    if (!state) {
+        state = { ...initialState };
+    }
+    switch (action.type) {
+        case `[${entity}] Create`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Create Success`:
+            return {
+                ...state,
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Create Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Create Many`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Create Many Success`:
+            return {
+                ...state,
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Create Many Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Export`:
+            return {
+                ...state,
+                loaded: false,
+            };
+        case `[${entity}] Export Success`:
+            return {
+                ...state,
+                loaded: true,
+            };
+        case `[${entity}] Export Failure`:
+            return {
+                ...state,
+                loaded: true,
+            };
+        case `[${entity}] Read`:
+            return {
+                ...state,
+                loaded: false,
+                filter: action.filter,
+                error: null,
+                totalCount: null,
+                links: null,
+            };
+        case `[${entity}] Read Success`: {
+            let list = [];
+            if (action.filter &&
+                action.filter.offset &&
+                state.list &&
+                action.filter.paginationMode !== PaginationMode.singlePage) {
+                state.list.forEach((i) => {
+                    list.push(i);
+                });
+                list = [...list, ...action.result.data];
+            }
+            else {
+                list = action.result.data;
+            }
+            return {
+                ...state,
+                loaded: true,
+                list,
+                totalCount: action.result.totalCount,
+                links: action.result.links,
+                error: null,
+            };
+        }
+        case `[${entity}] Clear`:
+            return { ...initialState };
+        case `[${entity}] Read Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Select`:
+            return {
+                ...state,
+                loaded: false,
+                selected: null,
+                error: null,
+            };
+        case `[${entity}] Select Success`:
+            return {
+                ...state,
+                loaded: true,
+                selected: action.item,
+                error: null,
+            };
+        case `[${entity}] Select Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] MultiSelect`:
+            return {
+                ...state,
+                multiSelected: [...action.items],
+            };
+        case `[${entity}] Unselect`:
+            return {
+                ...state,
+                loaded: true,
+                selected: null,
+                error: null,
+            };
+        case `[${entity}] Update`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Update Success`:
+            return {
+                ...state,
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Update Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Update partial`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Update partial Success`:
+            return {
+                ...state,
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Update partial Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Update partial many`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Update partial many Success`:
+            return {
+                ...state,
+                multiSelected: [],
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Update partial many Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        case `[${entity}] Delete`:
+            return {
+                ...state,
+                loaded: false,
+                error: null,
+            };
+        case `[${entity}] Delete Success`:
+            return {
+                ...state,
+                loaded: true,
+                error: null,
+            };
+        case `[${entity}] Delete Failure`:
+            return {
+                ...state,
+                loaded: true,
+                error: action.error,
+            };
+        default:
+            return state;
+    }
+};
+function getReducer(entity) {
+    return (state, action) => {
+        return crudReducer(state, action, entity);
+    };
+}
+
+class CrudEffects {
+    actions$;
+    service;
+    config;
+    store;
+    state;
+    constructor(actions$, service, config, store, state) {
+        this.actions$ = actions$;
+        this.service = service;
+        this.config = config;
+        this.store = store;
+        this.state = state;
+    }
+    init() {
+        const metadata = Reflect.getMetadata(this.config.entity, CrudEffects);
+        if (metadata)
+            return;
+        Reflect.defineMetadata(this.config.entity, true, CrudEffects);
+        this.actions$.subscribe((action) => {
+            switch (action.type) {
+                case `[${this.config.entity}] Create`:
+                    this.service
+                        .create(action.item)
+                        .then(() => this.store.dispatch(createSuccess(this.config.entity, action.item)))
+                        .catch((error) => {
+                        this.store.dispatch(createFailure(this.config.entity, action.item, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Create Success`: {
+                    const createState = this.state.getValue()[this.config.entity];
+                    this.store.dispatch(read(this.config.entity, createState.filter ? { ...createState.filter, offset: 0 } : null));
+                    break;
+                }
+                case `[${this.config.entity}] Create Many`:
+                    this.service
+                        .createMany(action.data.items, action.data.options)
+                        .then(() => this.store.dispatch(createManySuccess(this.config.entity, {
+                        items: action.data.items,
+                        options: action.data.options,
+                    })))
+                        .catch((error) => {
+                        this.store.dispatch(createManyFailure(this.config.entity, {
+                            items: action.data.items,
+                            options: action.data.options,
+                        }, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Create Many Success`: {
+                    const createManyState = this.state.getValue()[this.config.entity];
+                    this.store.dispatch(read(this.config.entity, createManyState.filter
+                        ? { ...createManyState.filter, offset: 0 }
+                        : null));
+                    break;
+                }
+                case `[${this.config.entity}] Read`:
+                    this.service
+                        .getList(action.filter)
+                        .then((result) => this.store.dispatch(readSuccess(this.config.entity, action.filter, result)))
+                        .catch((error) => {
+                        this.store.dispatch(readFailure(this.config.entity, action.filter, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Export`:
+                    this.service
+                        .exportList(action.filter, action.format)
+                        .then(() => this.store.dispatch(exportListSuccess(this.config.entity, action.filter)))
+                        .catch((error) => {
+                        this.store.dispatch(exportListFailure(this.config.entity, action.filter, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Select`:
+                    this.service
+                        .getById(action.id)
+                        .then((result) => this.store.dispatch(selectSuccess(this.config.entity, action.id, result)))
+                        .catch((error) => {
+                        this.store.dispatch(selectFailure(this.config.entity, action.id, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Update`:
+                    this.service
+                        .updatePartial(action.item)
+                        .then(() => this.store.dispatch(updateSuccess(this.config.entity, action.item)))
+                        .catch((error) => {
+                        this.store.dispatch(updateFailure(this.config.entity, action.item, error));
+                        this.store.dispatch(read(this.config.entity));
+                    });
+                    break;
+                case `[${this.config.entity}] Update Success`:
+                    this.store
+                        .pipe(select$1(getCrudFilter(this.config.entity)), first())
+                        .subscribe((filter) => {
+                        this.store.dispatch(read(this.config.entity, {
+                            ...filter,
+                            offset: 0,
+                        }));
+                        this.store.dispatch(select(this.config.entity, action.item.id));
+                    });
+                    break;
+                case `[${this.config.entity}] Update partial`:
+                    this.service
+                        .updatePartial(action.item)
+                        .then(() => this.store.dispatch(updatePartialSuccess(this.config.entity, action.item)))
+                        .catch((error) => {
+                        this.store.dispatch(updatePartialFailure(this.config.entity, action.item, error));
+                        this.store.dispatch(read(this.config.entity));
+                    });
+                    break;
+                case `[${this.config.entity}] Update partial Success`:
+                    this.store
+                        .pipe(select$1(getCrudFilter(this.config.entity)), first())
+                        .subscribe((filter) => {
+                        this.store.dispatch(read(this.config.entity, {
+                            ...filter,
+                            offset: 0,
+                        }));
+                        this.store.dispatch(select(this.config.entity, action.item.id));
+                    });
+                    break;
+                case `[${this.config.entity}] Update partial many`:
+                    this.service
+                        .updatePartialMany(action.items)
+                        .then(() => this.store.dispatch(updatePartialManySuccess(this.config.entity, action.items)))
+                        .catch((error) => {
+                        this.store.dispatch(updatePartialManyFailure(this.config.entity, action.items, error));
+                        this.store.dispatch(read(this.config.entity));
+                    });
+                    break;
+                case `[${this.config.entity}] Update partial many Success`:
+                    this.store
+                        .pipe(select$1(getCrudFilter(this.config.entity)), first())
+                        .subscribe((filter) => {
+                        this.store.dispatch(read(this.config.entity, {
+                            ...filter,
+                            offset: 0,
+                        }));
+                    });
+                    break;
+                case `[${this.config.entity}] Delete`:
+                    this.service
+                        .delete(action.id)
+                        .then(() => this.store.dispatch(deleteSuccess(this.config.entity, action.id)))
+                        .catch((error) => {
+                        this.store.dispatch(deleteFailure(this.config.entity, action.id, error));
+                    });
+                    break;
+                case `[${this.config.entity}] Delete Success`:
+                    this.store
+                        .pipe(select$1(getCrudFilter(this.config.entity)), first())
+                        .subscribe((filter) => {
+                        this.store.dispatch(read(this.config.entity, {
+                            ...filter,
+                            offset: 0,
+                        }));
+                    });
+                    break;
+                default:
+                    console.warn(`No effect for action type ${action.type} in entity ${this.config.entity}`);
+                    break;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudEffects, deps: [{ token: i1.ActionsSubject }, { token: CrudService }, { token: CrudConfig }, { token: i1.Store }, { token: i1.State }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudEffects });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudEffects, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.ActionsSubject }, { type: CrudService }, { type: CrudConfig }, { type: i1.Store }, { type: i1.State }] });
+
 class CrudItemPageBaseComponent extends BaseComponent$1 {
     config = inject((CrudFullConfig));
     facade = inject((CrudFacade));
@@ -2751,12 +3134,18 @@ const PAGES = [
     ItemStandardComponent,
 ];
 class CrudFullModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudFullModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    constructor(config, effects) {
+        NgrxStoreService.addReducer(config.entity, config.reducerFactory
+            ? config.reducerFactory()
+            : getReducer(config.entity));
+        effects.init();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudFullModule, deps: [{ token: CrudConfig }, { token: CrudEffects }], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: CrudFullModule, imports: [ItemComponent,
             ListComponent,
             ListStandardComponent,
             ItemStandardComponent, SharedModule,
-            CrudPipesModule, i1$1.RouterModule, FormsModule,
+            CrudPipesModule, i3.RouterModule, FormsModule,
             CommonModule,
             CrudComponentsModule], exports: [ItemComponent,
             ListComponent,
@@ -2767,6 +3156,7 @@ class CrudFullModule {
             CrudListGroupService,
             PageService,
             CrudFacade,
+            CrudEffects,
             CrudListPaginationFactory,
         ], imports: [PAGES, SharedModule,
             CrudPipesModule,
@@ -2801,13 +3191,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                         CrudListGroupService,
                         PageService,
                         CrudFacade,
+                        CrudEffects,
                         CrudListPaginationFactory,
                     ],
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: CrudConfig }, { type: CrudEffects }] });
 
 class CrudCoreModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    constructor(config, effects) {
+        NgrxStoreService.addReducer(config.entity, config.reducerFactory
+            ? config.reducerFactory()
+            : getReducer(config.entity));
+        effects.init();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudCoreModule, deps: [{ token: CrudConfig }, { token: CrudEffects }], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: CrudCoreModule, imports: [SharedModule,
             CrudPipesModule,
             FormsModule,
@@ -2816,6 +3213,7 @@ class CrudCoreModule {
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: CrudCoreModule, providers: [
             CrudService,
             CrudListGroupService,
+            CrudEffects,
             PageService,
             CrudFacade,
             CrudListPaginationFactory,
@@ -2839,12 +3237,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                     providers: [
                         CrudService,
                         CrudListGroupService,
+                        CrudEffects,
                         PageService,
                         CrudFacade,
                         CrudListPaginationFactory,
                     ],
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: CrudConfig }, { type: CrudEffects }] });
 class CrudModule {
     static forFeature(options) {
         return {
@@ -2868,220 +3267,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
             args: [{}]
         }] });
 
-const initialState = {
-    loaded: false,
-};
-const crudReducer = (state, action, entity) => {
-    if (!state) {
-        state = { ...initialState };
-    }
-    switch (action.type) {
-        case `[${entity}] Create`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Create Success`:
-            return {
-                ...state,
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Create Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Create Many`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Create Many Success`:
-            return {
-                ...state,
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Create Many Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Export`:
-            return {
-                ...state,
-                loaded: false,
-            };
-        case `[${entity}] Export Success`:
-            return {
-                ...state,
-                loaded: true,
-            };
-        case `[${entity}] Export Failure`:
-            return {
-                ...state,
-                loaded: true,
-            };
-        case `[${entity}] Read`:
-            return {
-                ...state,
-                loaded: false,
-                filter: action.filter,
-                error: null,
-                totalCount: null,
-                links: null,
-            };
-        case `[${entity}] Read Success`: {
-            let list = [];
-            if (action.filter &&
-                action.filter.offset &&
-                state.list &&
-                action.filter.paginationMode !== PaginationMode.singlePage) {
-                state.list.forEach((i) => {
-                    list.push(i);
-                });
-                list = [...list, ...action.result.data];
-            }
-            else {
-                list = action.result.data;
-            }
-            return {
-                ...state,
-                loaded: true,
-                list,
-                totalCount: action.result.totalCount,
-                links: action.result.links,
-                error: null,
-            };
-        }
-        case `[${entity}] Clear`:
-            return { ...initialState };
-        case `[${entity}] Read Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Select`:
-            return {
-                ...state,
-                loaded: false,
-                selected: null,
-                error: null,
-            };
-        case `[${entity}] Select Success`:
-            return {
-                ...state,
-                loaded: true,
-                selected: action.item,
-                error: null,
-            };
-        case `[${entity}] Select Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] MultiSelect`:
-            return {
-                ...state,
-                multiSelected: [...action.items],
-            };
-        case `[${entity}] Unselect`:
-            return {
-                ...state,
-                loaded: true,
-                selected: null,
-                error: null,
-            };
-        case `[${entity}] Update`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Update Success`:
-            return {
-                ...state,
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Update Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Update partial`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Update partial Success`:
-            return {
-                ...state,
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Update partial Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Update partial many`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Update partial many Success`:
-            return {
-                ...state,
-                multiSelected: [],
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Update partial many Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        case `[${entity}] Delete`:
-            return {
-                ...state,
-                loaded: false,
-                error: null,
-            };
-        case `[${entity}] Delete Success`:
-            return {
-                ...state,
-                loaded: true,
-                error: null,
-            };
-        case `[${entity}] Delete Failure`:
-            return {
-                ...state,
-                loaded: true,
-                error: action.error,
-            };
-        default:
-            return state;
-    }
-};
-function getReducer(entity) {
-    return (state, action) => {
-        return crudReducer(state, action, entity);
-    };
-}
-
 /**
  * Generated bundle index. Do not edit.
  */