@smartsoft001/crud-shell-angular 2.93.0 → 2.95.0

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

@@ -290,39 +290,31 @@ const getCrudError = (entity) => createSelector(getCrudState(entity), (state) =>
 class CrudFacade {
     store;
     config;
+    loaded;
+    loading;
+    selected;
+    multiSelected;
+    list;
+    filter;
+    totalCount;
+    links;
+    error;
     constructor(store, config) {
         this.store = store;
         this.config = config;
         if (NgrxStoreService.store) {
             this.store = NgrxStoreService.store;
         }
-    }
-    get loaded() {
-        return toSignal(this.store.pipe(select$1(getCrudLoaded(this.config.entity))));
-    }
-    get loading() {
-        return toSignal(this.store.pipe(select$1(getCrudLoaded(this.config.entity)), map((l) => !l)));
-    }
-    get selected() {
-        return toSignal(this.store.pipe(select$1(getCrudSelected(this.config.entity))));
-    }
-    get multiSelected() {
-        return toSignal(this.store.pipe(select$1(getCrudMultiSelected(this.config.entity))));
-    }
-    get list() {
-        return toSignal(this.store.pipe(select$1(getCrudList(this.config.entity))));
-    }
-    get filter() {
-        return toSignal(this.store.pipe(select$1(getCrudFilter(this.config.entity))));
-    }
-    get totalCount() {
-        return toSignal(this.store.pipe(select$1(getCrudTotalCount(this.config.entity))));
-    }
-    get links() {
-        return toSignal(this.store.pipe(select$1(getCrudLinks(this.config.entity))));
-    }
-    get error() {
-        return toSignal(this.store.pipe(select$1(getCrudError(this.config.entity))));
+        // Initialize all signals in the constructor (injection context)
+        this.loaded = toSignal(this.store.pipe(select$1(getCrudLoaded(this.config.entity))));
+        this.loading = toSignal(this.store.pipe(select$1(getCrudLoaded(this.config.entity)), map((l) => !l)));
+        this.selected = toSignal(this.store.pipe(select$1(getCrudSelected(this.config.entity))));
+        this.multiSelected = toSignal(this.store.pipe(select$1(getCrudMultiSelected(this.config.entity))));
+        this.list = toSignal(this.store.pipe(select$1(getCrudList(this.config.entity))));
+        this.filter = toSignal(this.store.pipe(select$1(getCrudFilter(this.config.entity))));
+        this.totalCount = toSignal(this.store.pipe(select$1(getCrudTotalCount(this.config.entity))));
+        this.links = toSignal(this.store.pipe(select$1(getCrudLinks(this.config.entity))));
+        this.error = toSignal(this.store.pipe(select$1(getCrudError(this.config.entity))));
     }
     create(item) {
         this.store.dispatch(create(this.config.entity, item));
@@ -1434,8 +1426,8 @@ class GroupComponent extends BaseComponent$1 {
     styleService = inject(StyleService);
     elementRef = inject(ElementRef);
     groupService = inject((CrudListGroupService));
-    groups = input(...(ngDevMode ? [undefined, { debugName: "groups" }] : []));
-    listOptions = input(...(ngDevMode ? [undefined, { debugName: "listOptions" }] : []));
+    groups = input(null, ...(ngDevMode ? [{ debugName: "groups" }] : []));
+    listOptions = input(null, ...(ngDevMode ? [{ debugName: "listOptions" }] : []));
     change(val, item, force = false) {
         const groups = this.groups();
         if (groups) {
@@ -2704,7 +2696,7 @@ class ListStandardComponent extends CrudListPageBaseComponent {
     @if (groups && !isSearch()) {
       <smart-crud-group
         [groups]="groups"
-        [listOptions]="listOptions()"
+        [listOptions]="listOptions() || null"
       ></smart-crud-group>
     }
   `, isInline: true, dependencies: [{ kind: "component", type: FiltersConfigComponent, selector: "smart-crud-filters-config" }, { kind: "component", type: ListComponent$1, selector: "smart-list", inputs: ["options"] }, { kind: "component", type: GroupComponent, selector: "smart-crud-group", inputs: ["groups", "listOptions"] }] });
@@ -2725,7 +2717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
     @if (groups && !isSearch()) {
       <smart-crud-group
         [groups]="groups"
-        [listOptions]="listOptions()"
+        [listOptions]="listOptions() || null"
       ></smart-crud-group>
     }
   `,
@@ -2783,17 +2775,13 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
     config = inject((CrudFullConfig));
     searchService = inject(CrudSearchService);
     _cleanMultiSelected$ = new Subject();
-    pageOptions;
-    listOptions;
-    links;
+    pageOptions = signal(null, ...(ngDevMode ? [{ debugName: "pageOptions" }] : []));
+    listOptions = signal(null, ...(ngDevMode ? [{ debugName: "listOptions" }] : []));
+    links = this.facade.links;
     filter = this.facade.filter;
     topTpl = viewChild('topTpl', ...(ngDevMode ? [{ debugName: "topTpl" }] : []));
     contentTpl = viewChild('contentTpl', ...(ngDevMode ? [{ debugName: "contentTpl" }] : []));
     dynamicContents = viewChildren(DynamicContentDirective, ...(ngDevMode ? [{ debugName: "dynamicContents" }] : []));
-    constructor() {
-        super();
-        this.links = this.facade.links();
-    }
     refreshProperties() {
         this.baseComponentRef.setInput('listOptions', this.listOptions());
     }
@@ -2851,7 +2839,7 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
         }
         this.facade.read(newFilter);
         const endButtons = this.getEndButtons();
-        this.pageOptions = computed(() => ({
+        this.pageOptions.set({
             title: this.config.title || '',
             search: this.config.search
                 ? {
@@ -2867,7 +2855,7 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
                 }
                 : undefined,
             endButtons: endButtons,
-        }), ...(ngDevMode ? [{ debugName: "pageOptions" }] : []));
+        });
         const compiledComponents = await this.dynamicComponentLoader.getComponentsWithFactories({
             components: [
                 ...(this.config.details &&
@@ -2975,7 +2963,7 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
                     getFilter: () => {
                         return this.filter() || {};
                     },
-                    getLinks: () => this.links,
+                    getLinks: () => this.links(),
                 },
             }),
             sort: this.config.sort,
@@ -3020,7 +3008,7 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
                             setTimeout(async () => {
                                 this.listOptions.update((val) => ({
                                     ...val,
-                                    select: val.select === 'multi' ? undefined : 'multi',
+                                    select: val?.select === 'multi' ? undefined : 'multi',
                                 }));
                                 if (this.menuService.openedEnd)
                                     await this.menuService.closeEnd();
@@ -3083,13 +3071,13 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: ListComponent, isStandalone: true, selector: "smart-crud-list-page", viewQueries: [{ propertyName: "topTpl", first: true, predicate: ["topTpl"], descendants: true, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "dynamicContents", predicate: DynamicContentDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
-    @if (filter()) {
+    @if (filter() && pageOptions()) {
       <smart-page [options]="pageOptions()">
         <div #topTpl></div>
 
-        @if (template() === 'default') {
+        @if (template() === 'default' && listOptions()) {
           <smart-crud-list-standard-page [listOptions]="listOptions()">
             <ng-container [ngTemplateOutlet]="contentTpl"></ng-container>
           </smart-crud-list-standard-page>
@@ -3108,11 +3096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                     selector: 'smart-crud-list-page',
                     imports: [PageComponent, ListStandardComponent, NgTemplateOutlet],
                     template: `
-    @if (filter()) {
+    @if (filter() && pageOptions()) {
       <smart-page [options]="pageOptions()">
         <div #topTpl></div>
 
-        @if (template() === 'default') {
+        @if (template() === 'default' && listOptions()) {
           <smart-crud-list-standard-page [listOptions]="listOptions()">
             <ng-container [ngTemplateOutlet]="contentTpl"></ng-container>
           </smart-crud-list-standard-page>
@@ -3125,7 +3113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
     }
   `,
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 const PAGES = [
     ItemComponent,