@smartbit4all/ng-client 3.1.79 → 3.1.81

package/fesm2020/smartbit4all-ng-client.mjs

@@ -5155,6 +5155,7 @@ class SmartformComponent {
     }
     refresh() {
         this.service.setValuesFromModel();
+        this.service.applyConstraints();
     }
     constructForm() {
         if (!this.smartForm) {
@@ -13370,6 +13371,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         // Contained Widgets
         this.widgets = new WidgetMap();
         this.formWidgets = new WidgetMap();
+        this.useQueryLists = false;
         this.detectChange.subscribe((change) => {
             this.handleChanges(change);
         });
@@ -13391,7 +13393,7 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         }
         this._uuid = uuid;
         if (uuid) {
-            this.widgets.widgets.forEach((ref, key) => {
+            this.getWidgets().widgets.forEach((ref, key) => {
                 if (ref instanceof SmartGridComponent) {
                     ref.uuid = uuid;
                 }
@@ -13443,6 +13445,23 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         this._destroy$.next();
         this._destroy$.complete();
     }
+    getWidgets() {
+        if (this.useQueryLists) {
+            let widgets = new WidgetMap();
+            if (this.getAllGridComponents()) {
+                this.getAllGridComponents()
+                    .filter((grid) => (grid?.smartGrid?.gridIdentifier ? true : false))
+                    .forEach((grid) => widgets.addWidget(grid.smartGrid.gridIdentifier, grid));
+            }
+            if (this.getAllTreeComponents()) {
+                this.getAllTreeComponents()
+                    .filter((tree) => (tree?.smartTreeModel?.identifier ? true : false))
+                    .forEach((tree) => widgets.addWidget(tree.smartTreeModel.identifier, tree));
+            }
+            return widgets;
+        }
+        return this.widgets;
+    }
     initComponentByModel() {
         this.initData();
         this.initActions();
@@ -13452,6 +13471,18 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         if (this.model?.data) {
             this.data = this.model?.data;
         }
+        if (this.useQueryLists) {
+            this.getAllFormComponents()?.forEach((form) => {
+                if (form.getForm()) {
+                    // FormGroup already created -> refresh
+                    form.refresh();
+                }
+                else if (form.smartForm) {
+                    // FormGroup not created yet -> construct
+                    form.constructForm();
+                }
+            });
+        }
     }
     initActions() {
         if (this.model?.actions) {
@@ -13490,15 +13521,21 @@ let SmartComponentApiClient = class SmartComponentApiClient {
             invalidFieldKeys: [],
             invalidFieldNames: [],
         };
-        for (let entry of this.formWidgets.widgets) {
-            let invalidFieldsOfForm = entry[1]?.getInvalidFields();
-            if (invalidFieldsOfForm) {
-                invalidFieldsOfForm.invalidFieldKeys.forEach((key) => aggregatedInvalidFields.invalidFieldKeys.push(key));
-                invalidFieldsOfForm.invalidFieldNames.forEach((key) => aggregatedInvalidFields.invalidFieldNames.push(key));
-            }
+        if (this.useQueryLists) {
+            this.getAllFormComponents()?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
+        }
+        else {
+            this.formWidgets?.widgets?.forEach((form) => this.validateForm(form, aggregatedInvalidFields));
         }
         return aggregatedInvalidFields;
     }
+    validateForm(form, aggregatedInvalidFields) {
+        let invalidFieldsOfForm = form?.getInvalidFields();
+        if (invalidFieldsOfForm) {
+            invalidFieldsOfForm.invalidFieldKeys.forEach((key) => aggregatedInvalidFields.invalidFieldKeys.push(key));
+            invalidFieldsOfForm.invalidFieldNames.forEach((key) => aggregatedInvalidFields.invalidFieldNames.push(key));
+        }
+    }
     //#region UseUiAction
     getAdditionalParams(uiAction) {
         return {
@@ -13557,9 +13594,12 @@ let SmartComponentApiClient = class SmartComponentApiClient {
      * Submits all the registered forms in the SmartComponent
      */
     submitForms(validate) {
-        this.formWidgets?.widgets?.forEach((form) => {
-            form?.submitForm(validate);
-        });
+        if (this.useQueryLists) {
+            this.getAllFormComponents()?.forEach((form) => form?.submitForm(validate));
+        }
+        else {
+            this.formWidgets?.widgets?.forEach((form) => form?.submitForm(validate));
+        }
     }
     addGrid(smartGrid, options, useAsDefaultGrid, componentReference) {
         smartGrid.options = options;
@@ -13567,7 +13607,9 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         smartGrid.uiActionDescriptorService = this.uiActionDescriptorService;
         smartGrid.serviceToUse = this;
         smartGrid.viewContextService = this.viewContext;
-        this.widgets.addWidget(smartGrid.gridIdentifier, componentReference);
+        if (!this.useQueryLists) {
+            this.widgets.addWidget(smartGrid.gridIdentifier, componentReference);
+        }
         if (useAsDefaultGrid) {
             this.smartGrid = smartGrid;
             return this.smartGrid;
@@ -13575,7 +13617,9 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         return smartGrid;
     }
     addForm(smartFormId, smartForm, componentReference) {
-        this.formWidgets.addWidget(smartFormId, componentReference);
+        if (!this.useQueryLists) {
+            this.formWidgets.addWidget(smartFormId, componentReference);
+        }
         // if (this.sendDataChanges && componentReference) {
         //   smartForm.useOnValueChangeEvent = true;
         //   componentReference.sophisticatedValueChange
@@ -13587,12 +13631,13 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         return smartForm;
     }
     setUpDefaultTree(treeId) {
-        this.smartTreeService = new SmarttreeGenericService(this.inject, this.pageName, treeId);
-        this.widgets.addWidget(treeId, this.smartTreeService);
+        this.smartTreeService = this.createTreeService(treeId);
     }
     createTreeService(treeId) {
         const treeService = new SmarttreeGenericService(this.inject, this.pageName, treeId);
-        this.widgets.addWidget(treeId, treeService);
+        if (!this.useQueryLists) {
+            this.widgets.addWidget(treeId, treeService);
+        }
         return treeService;
     }
     addFileUploader(uiActionCode, fileFormats, maxSizeMb, isMultiple) {
@@ -13671,8 +13716,9 @@ let SmartComponentApiClient = class SmartComponentApiClient {
         }
     }
     handleChangeWidgets(changedWidgets) {
+        let widgets = this.getWidgets();
         changedWidgets.forEach((key) => {
-            const reference = this.widgets.get(key);
+            const reference = widgets.get(key);
             if (reference instanceof SmartGridComponent) {
                 reference.refresh();
             }
@@ -13708,14 +13754,19 @@ let SmartComponentApiClient = class SmartComponentApiClient {
     }
     handleDataChange(changes, changeKey) {
         this.setValueDeeply(this.model, changeKey, changes[changeKey]);
-        this.formWidgets.widgets.forEach((formComponent, key) => {
-            if (formComponent === undefined) {
-                console.error(`Provided form reference for ${key} is undefined.`);
-            }
-            else {
-                formComponent.refresh();
-            }
-        });
+        if (this.useQueryLists) {
+            this.getAllFormComponents()?.forEach((form) => form.refresh());
+        }
+        else {
+            this.formWidgets.widgets.forEach((formComponent, key) => {
+                if (formComponent === undefined) {
+                    console.error(`Provided form reference for ${key} is undefined.`);
+                }
+                else {
+                    formComponent.refresh();
+                }
+            });
+        }
     }
     handleLayoutChange(changes, changeKey) {
         let layoutKey = changeKey.split('.')[1];
@@ -13775,9 +13826,18 @@ class SmartComponent extends SmartComponentApiClient {
     ngOnDestroy() {
         this._ngOnDestroy();
     }
+    getAllFormComponents() {
+        return this.formComponents;
+    }
+    getAllGridComponents() {
+        return this.gridComponents;
+    }
+    getAllTreeComponents() {
+        return this.treeComponents;
+    }
 }
 SmartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponent, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Component });
-SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+SmartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: SmartComponent, selector: "ng-component", viewQueries: [{ propertyName: "formComponents", predicate: SmartformComponent, descendants: true }, { propertyName: "gridComponents", predicate: SmartGridComponent, descendants: true }, { propertyName: "treeComponents", predicate: SmarttreeGenericService, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartComponent, decorators: [{
             type: Component,
             args: [{
@@ -13789,7 +13849,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['pageName']
-                }] }]; } });
+                }] }]; }, propDecorators: { formComponents: [{
+                type: ViewChildren,
+                args: [SmartformComponent]
+            }], gridComponents: [{
+                type: ViewChildren,
+                args: [SmartGridComponent]
+            }], treeComponents: [{
+                type: ViewChildren,
+                args: [SmarttreeGenericService]
+            }] } });
 
 class SmartService extends SmartComponentApiClient {
     constructor(inject, auth, pageName) {
@@ -13801,6 +13870,15 @@ class SmartService extends SmartComponentApiClient {
     ngOnDestroy() {
         this._ngOnDestroy();
     }
+    getAllFormComponents() {
+        return this.formComponents;
+    }
+    getAllGridComponents() {
+        return this.gridComponents;
+    }
+    getAllTreeComponents() {
+        return this.treeComponents;
+    }
 }
 SmartService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartService, deps: [{ token: i0.Injector }, { token: SmartAuthService }, { token: 'pageName' }], target: i0.ɵɵFactoryTarget.Injectable });
 SmartService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: SmartService, providedIn: 'root' });
@@ -13815,7 +13893,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['pageName']
-                }] }]; } });
+                }] }]; }, propDecorators: { formComponents: [{
+                type: ViewChildren,
+                args: [SmartformComponent]
+            }], gridComponents: [{
+                type: ViewChildren,
+                args: [SmartGridComponent]
+            }], treeComponents: [{
+                type: ViewChildren,
+                args: [SmarttreeGenericService]
+            }] } });
 
 class SmartComponentLayoutUtility {
     static setParent(layout, parent) {