ngx-render-material-forms 1.9.5 → 1.9.7

package/fesm2020/ngx-render-material-forms.js

@@ -1071,6 +1071,12 @@ ButtonComponent.MaterialComponent = MaterialButtonComponent;
 
 class MaterialTextareaComponent extends MaterialComponent {
     ngAfterViewInit() {
+        if (this.element && this.element.nativeElement && this.instance) {
+            // Add custom classes to elements.
+            if (this.instance.component.customClass) {
+                this.element.nativeElement.classList.add(this.instance.component.customClass);
+            }
+        }
         // Attach the element so the wysiwyg will work.
         this.instance.attachElement(this.textarea.nativeElement);
     }
@@ -3002,27 +3008,82 @@ class MaterialSelectComponent extends MaterialComponent {
         }
     }
     updateSecondDropdown(value) {
-        const apiEndPoint = 'ManageVendors/GetReferenceDataItemsByVendorIdAndDataValue';
-        let finalParams = JSON.parse(localStorage.getItem('cascadingDropdownsParams'));
-        if (Array.isArray(finalParams)) {
-            const index = finalParams.findIndex(param => param.key === 'dataValue');
-            if (index !== -1) {
-                // If the object exists, update its value
-                finalParams[index].value = value;
-            }
-            else {
-                // If the object doesn't exist, add it to the array
-                finalParams.push({ key: 'dataValue', value: value });
-            }
-            this.commonService.initializeApiPath(apiEndPoint, finalParams).subscribe(response => {
-                if (response && response.code === 200) {
-                    this.secondDropdownItems = response.data;
-                    this.commonService.setDropdownItems(this.secondDropdownItems);
+        const paramsData = JSON.parse(localStorage.getItem('cascadingDropdownsParamsone'));
+        const vendorId = this.getValueByKey(paramsData, 'vendorId');
+        const dealId = this.getValueByKey(paramsData, 'dealId');
+        const isEdit = this.getValueByKey(paramsData, 'isEdit');
+        let finalParams;
+        this.instance?.parent?.components?.length && this.instance.parent.components.forEach(items => {
+            if (this.checkVendorRefItems(items)) {
+                const apiEndPoint = items?.component?.selectValues;
+                if (apiEndPoint != '') {
+                    var parameters = [
+                        {
+                            "key": "userId",
+                            "value": JSON.parse(localStorage.getItem('currentUser')).UserId
+                        },
+                        {
+                            "key": "vendorId",
+                            "value": vendorId
+                        },
+                        {
+                            "key": "loginUserId",
+                            "value": JSON.parse(localStorage.getItem('currentUser')).UserId
+                        },
+                        {
+                            "key": "country",
+                            "value": typeof value === 'string' ? value.trim() : ''
+                        },
+                        {
+                            "key": "dataValue",
+                            "value": typeof value === 'string' ? value.trim() : ''
+                        },
+                        {
+                            "key": "dealId",
+                            "value": dealId
+                        },
+                        {
+                            "key": "isEdit",
+                            "value": isEdit
+                        },
+                        {
+                            "key": "referenceListName",
+                            "value": items?.component?.key
+                        },
+                        {
+                            "key": "referenceListFieldName",
+                            "value": this.instance?.component?.key
+                        }
+                    ];
+                    finalParams = parameters?.filter(f1 => items?.component?.data?.headers.some(f2 => f1.key === f2.key));
+                    if (Array.isArray(finalParams)) {
+                        const index = finalParams.findIndex(param => param.key === 'dataValue');
+                        if (index !== -1) {
+                            // If the object exists, update its value
+                            finalParams[index].value = value;
+                        }
+                        else {
+                            // If the object doesn't exist, add it to the array
+                            finalParams.push({ key: 'dataValue', value: value });
+                        }
+                        this.commonService.initializeApiPath(apiEndPoint, finalParams).subscribe(response => {
+                            if (response && response.code === 200) {
+                                this.secondDropdownItems = response.data;
+                                this.commonService.setDropdownItems(this.secondDropdownItems);
+                            }
+                        });
+                    }
                 }
-            });
-        }
+            }
+        });
     }
     ngAfterViewInit() {
+        if (this.element && this.element.nativeElement && this.instance) {
+            // Add custom classes to elements.
+            if (this.instance.component.customClass) {
+                this.element.nativeElement.classList.add(this.instance.component.customClass);
+            }
+        }
         this.selectElem.openedChange.subscribe(async (isOpen) => {
             let i = 0;
             if (isOpen) {
@@ -3907,10 +3968,15 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         }
         return '';
     }
-    // ngOnInit(): void {
-    // }
+    ngOnInit() {
+        if (this.element && this.element.nativeElement && this.instance) {
+            // Add custom classes to elements.
+            if (this.instance.component.customClass) {
+                this.element.nativeElement.classList.add(this.instance.component.customClass);
+            }
+        }
+    }
     setInstance(instance) {
-        //const newProductPickerFlag = instance?.component?.attributes;
         const checkAttribute = instance?.component?.attributes;
         this.showNewProductPicker = this.commonService.checkIsAttributeTrue(checkAttribute, "newproductpicker");
         this.showCategory = this.commonService.checkIsAttributeTrue(checkAttribute, "showCategory");
@@ -4250,7 +4316,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
 
         </mat-card-content>
         <mat-card-actions *ngIf="instance.hasAddButton() && instance.component.addAnotherPosition !== 'top'">
-          <button class = "picker2new-btn" mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray) && !showNewProductPicker">
+          <button class = "picker2new-btn" mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray && !showNewProductPicker)">
             <mat-icon>add</mat-icon>
             {{instance.component.addAnother || 'Add Another'}}
           </button>
@@ -4392,7 +4458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
         </mat-card-content>
         <mat-card-actions *ngIf="instance.hasAddButton() && instance.component.addAnotherPosition !== 'top'">
-          <button class = "picker2new-btn" mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray) && !showNewProductPicker">
+          <button class = "picker2new-btn" mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray && !showNewProductPicker)">
             <mat-icon>add</mat-icon>
             {{instance.component.addAnother || 'Add Another'}}
           </button>