@smartsoft001/crud-shell-angular 2.153.0 → 2.155.0

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

@@ -3040,6 +3040,15 @@ class CrudItemPageBaseComponent extends BaseComponent$1 {
         super();
         this.selected = this.facade.selected;
     }
+    /**
+     * The reactive form of the first rendered `<smart-form>`, or `undefined`
+     * until the form factory has built it. A method rather than a `computed`:
+     * `FormComponent.form` is a plain field assigned asynchronously, so a
+     * computed would cache `undefined` from the first read.
+     */
+    getForm() {
+        return this.formComponents()[0]?.form;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: CrudItemPageBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.3", type: CrudItemPageBaseComponent, isStandalone: true, inputs: { detailsOptions: { classPropertyName: "detailsOptions", publicName: "detailsOptions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, uniqueProvider: { classPropertyName: "uniqueProvider", publicName: "uniqueProvider", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPartialChange: "onPartialChange", onChange: "onChange", onValidChange: "onValidChange" }, viewQueries: [{ propertyName: "contentTpl", first: true, predicate: ["contentTpl"], descendants: true, isSignal: true }, { propertyName: "formComponents", predicate: FormComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
@@ -3451,10 +3460,14 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
     }
     checkFirstInvalid() {
         this.cd.detectChanges();
-        const form = this.template() === 'default'
-            ? this.standardComponents()?.[0]?.formComponents?.[0]?.form
-            : this.baseInstance.formComponents()[0].form;
+        const host = this.template() === 'default'
+            ? this.standardComponents()[0]
+            : this.baseInstance;
+        const form = host?.getForm();
         this.cd.detectChanges();
+        // Nothing has been built yet, so there is nothing valid to submit.
+        if (!form)
+            return true;
         if (form.valid)
             return false;
         const invalidFields = [];
@@ -3511,13 +3524,18 @@ class ItemComponent extends CreateDynamicComponent('crud-item-page') {
       <div class="dynamic-content"></div>
       <div #bottomTpl class="text-xl py-2.5 separator"></div>
     </smart-page>
-  `, isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "smart-page", inputs: ["options", "class"] }, { kind: "component", type: ItemStandardComponent, selector: "smart-crud-item-standard-page" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "smart-page", inputs: ["options", "class"] }, { kind: "component", type: ItemStandardComponent, selector: "smart-crud-item-standard-page" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DynamicContentDirective, selector: ".dynamic-content" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'smart-crud-item-page',
-                    imports: [PageComponent, ItemStandardComponent, NgTemplateOutlet],
+                    imports: [
+                        PageComponent,
+                        ItemStandardComponent,
+                        NgTemplateOutlet,
+                        DynamicContentDirective,
+                    ],
                     changeDetection: ChangeDetectionStrategy.Eager,
                     template: `
     <smart-page [options]="pageOptions()" [class]="config.cssClass || ''">
@@ -3975,13 +3993,18 @@ class ListComponent extends CreateDynamicComponent('crud-list-page') {
         <div class="dynamic-content"></div>
       </smart-page>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "smart-page", inputs: ["options", "class"] }, { kind: "component", type: ListStandardComponent, selector: "smart-crud-list-standard-page" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+  `, isInline: true, dependencies: [{ kind: "component", type: PageComponent, selector: "smart-page", inputs: ["options", "class"] }, { kind: "component", type: ListStandardComponent, selector: "smart-crud-list-standard-page" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: DynamicContentDirective, selector: ".dynamic-content" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'smart-crud-list-page',
-                    imports: [PageComponent, ListStandardComponent, NgTemplateOutlet],
+                    imports: [
+                        PageComponent,
+                        ListStandardComponent,
+                        NgTemplateOutlet,
+                        DynamicContentDirective,
+                    ],
                     changeDetection: ChangeDetectionStrategy.Eager,
                     template: `
     @if (filter() && pageOptions()) {