@smartsoft001/crud-shell-angular 2.133.0 → 2.135.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, Injector, Directive, ChangeDetectionStrategy, Component, InjectionToken, DestroyRef, signal, input, computed, Pipe, NgModule, ChangeDetectorRef, viewChild, viewChildren, output, effect } from '@angular/core';
+import { Injectable, inject, ElementRef, Injector, Directive, ChangeDetectionStrategy, Component, InjectionToken, DestroyRef, signal, input, computed, Pipe, NgModule, ChangeDetectorRef, viewChild, viewChildren, output, ViewContainerRef, effect } from '@angular/core';
 import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { map, first, filter, take } from 'rxjs/operators';
 import { NgrxStoreService, PaginationMode, BaseComponent as BaseComponent$1, PopoverService, StyleService, ButtonComponent, DateEditComponent, InputFlagComponent, InputIntComponent, InputRadioComponent, InputTextComponent, MenuService, FormComponent, ListComponent as ListComponent$1, IModelLabelProvider, SharedModule, DetailsComponent, AuthService, CreateDynamicComponent, DynamicComponentLoader, ToastService, DetailsService, DynamicContentDirective, PageComponent, HardwareService, ListMode, FILE_SERVICE_CONFIG } from '@smartsoft001/angular';
@@ -3169,13 +3169,15 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
         hideMenuButton: true,
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "pageOptions" }] : /* istanbul ignore next */ []));
-    detailsOptions;
+    detailsOptions = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "detailsOptions" }] : /* istanbul ignore next */ []));
     id;
     formValue;
     formValid = false;
     item;
     formPartialValue;
-    uniqueProvider;
+    uniqueProvider = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uniqueProvider" }] : /* istanbul ignore next */ []));
     set mode(val) {
         this._mode = signal(val, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
@@ -3189,10 +3191,11 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
     ...(ngDevMode ? [{ debugName: "standardComponents" }] : /* istanbul ignore next */ []));
     contentTpl = viewChild('contentTpl', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "contentTpl" }] : /* istanbul ignore next */ []));
-    topTpl = viewChild('topTpl', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "topTpl" }] : /* istanbul ignore next */ []));
-    bottomTpl = viewChild('bottomTpl', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "bottomTpl" }] : /* istanbul ignore next */ []));
+    // Both anchors are plain elements, so they must be read as view containers:
+    // `generateComponents()` drives them with `get`, `createComponent` and
+    // `clear`, and the default read would hand back an `ElementRef`.
+    topTpl = viewChild('topTpl', { ...(ngDevMode ? { debugName: "topTpl" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+    bottomTpl = viewChild('bottomTpl', { ...(ngDevMode ? { debugName: "bottomTpl" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
     dynamicContents = viewChildren(DynamicContentDirective, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dynamicContents" }] : /* istanbul ignore next */ []));
     subscription = new Subscription();
@@ -3202,7 +3205,6 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
         effect(() => {
             this.item = this.facade.selected();
             this.initPageOptions();
-            this.cd.detectChanges();
         });
     }
     refreshProperties() {
@@ -3340,11 +3342,14 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
         this.formValid = val;
     }
     initPageOptions() {
-        this.pageOptions.set({
-            ...this.pageOptions(),
+        // `update` reads the current options without consuming the signal
+        // reactively: this runs inside the constructor effect, and a tracked read
+        // would make the write below re-trigger that effect forever.
+        this.pageOptions.update((options) => ({
+            ...options,
             title: this.getTitle() || '',
             endButtons: this.getButtons(),
-        });
+        }));
     }
     getButtons() {
         const options = getModelOptions(this.config.type);
@@ -3485,7 +3490,7 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ItemComponent, isStandalone: true, selector: "smart-crud-item-page", viewQueries: [{ propertyName: "standardComponents", predicate: ItemStandardComponent, descendants: true, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "topTpl", first: true, predicate: ["topTpl"], descendants: true, isSignal: true }, { propertyName: "bottomTpl", first: true, predicate: ["bottomTpl"], descendants: true, isSignal: true }, { propertyName: "dynamicContents", predicate: DynamicContentDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ItemComponent, isStandalone: true, selector: "smart-crud-item-page", viewQueries: [{ propertyName: "standardComponents", predicate: ItemStandardComponent, descendants: true, isSignal: true }, { propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "topTpl", first: true, predicate: ["topTpl"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "bottomTpl", first: true, predicate: ["bottomTpl"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "dynamicContents", predicate: DynamicContentDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <smart-page [options]="pageOptions()" [class]="config.cssClass || ''">
       <div #topTpl class="text-xl py-2.5 separator"></div>
       @if (template() === 'default') {
@@ -3537,7 +3542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
     </smart-page>
   `,
                 }]
-        }], ctorParameters: () => [], propDecorators: { standardComponents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ItemStandardComponent), { isSignal: true }] }], contentTpl: [{ type: i0.ViewChild, args: ['contentTpl', { isSignal: true }] }], topTpl: [{ type: i0.ViewChild, args: ['topTpl', { isSignal: true }] }], bottomTpl: [{ type: i0.ViewChild, args: ['bottomTpl', { isSignal: true }] }], dynamicContents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => DynamicContentDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { standardComponents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ItemStandardComponent), { isSignal: true }] }], contentTpl: [{ type: i0.ViewChild, args: ['contentTpl', { isSignal: true }] }], topTpl: [{ type: i0.ViewChild, args: ['topTpl', { ...{ read: ViewContainerRef }, isSignal: true }] }], bottomTpl: [{ type: i0.ViewChild, args: ['bottomTpl', { ...{ read: ViewContainerRef }, isSignal: true }] }], dynamicContents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => DynamicContentDirective), { isSignal: true }] }] } });
 
 class CrudListPageBaseComponent extends BaseComponent$1 {
     config = inject((CrudFullConfig));