ngx-render-material-forms 1.9.1 → 1.9.3

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

@@ -3510,12 +3510,18 @@ class AddOnProductsComponent {
     handleDropdownFilter() {
         const searchQuery = this.form.controls.searchProductName?.value?.trim(); // Trim to remove blank spaces
         const levelOneId = this.form.controls.dropdownLevel1?.value?.id;
+        this.loadingFlag = false; // Disable scroll-based loading during search
+        if (this.firstscrollableDiv) {
+            this.firstscrollableDiv.nativeElement.scrollTop = 0; // Reset scroll position
+        }
         if ((searchQuery && searchQuery !== '') || (levelOneId && levelOneId !== null && levelOneId !== undefined)) {
             this.searchQuery = this.form.controls.searchProductName?.value;
             this.levelOneId = this.form.controls.dropdownLevel1.value?.id;
             this.levelTwoId = this.form.controls.dropdownLevel2.value?.id;
             this.levelThreeId = this.form.controls.dropdownLevel3.value?.id;
             this.levelFourId = this.form.controls.dropdownLevel4.value?.id;
+            this.pageNumber = 1;
+            this.pageSize = 20;
             this.getProducts(false);
         }
     }
@@ -3747,7 +3753,7 @@ class AddOnProductsComponent {
                 const existingProductValues = new Set(this.dataSource.data.map(product => product.value));
                 const uniqueNewData = data.filter(product => !existingProductValues.has(product.value));
                 if (this.dataSource.data.length > 0 && flag) {
-                    //data.forEach(item => this.dataSource.data.push(item));
+                    // data.forEach(item => this.dataSource.data.push(item));
                     this.dataSource.data = [...this.dataSource.data, ...uniqueNewData];
                 }
                 else {
@@ -3756,7 +3762,7 @@ class AddOnProductsComponent {
                 this.loadingFlag = true;
                 setTimeout(() => {
                     const middlePosition = this.trackHeight / 2 - 50;
-                    if (this.firstscrollableDiv && this.firstscrollableDiv.nativeElement) {
+                    if (this.firstscrollableDiv && this.firstscrollableDiv.nativeElement && flag) {
                         this.firstscrollableDiv.nativeElement.scrollTo({ top: middlePosition, behavior: 'auto' });
                     }
                 }, 250);
@@ -4188,7 +4194,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
 <ng-template #noDataMessage>
   <div class="no-data-message" *ngIf="isCustomerCountryFiltered && emptyArray">
     <span>
-      No Product found with selected Customer country.
+      No Product found with the selected Customer country.
     </span>
   </div>
 </ng-template>
@@ -4248,7 +4254,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
 
         </mat-card-content>
         <mat-card-actions *ngIf="instance.hasAddButton() && instance.component.addAnotherPosition !== 'top'">
-          <button mat-raised-button color="primary" (click)="addAnother()">
+          <button mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray)">
             <mat-icon>add</mat-icon>
             {{instance.component.addAnother || 'Add Another'}}
           </button>
@@ -4330,7 +4336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 <ng-template #noDataMessage>
   <div class="no-data-message" *ngIf="isCustomerCountryFiltered && emptyArray">
     <span>
-      No Product found with selected Customer country.
+      No Product found with the selected Customer country.
     </span>
   </div>
 </ng-template>
@@ -4390,7 +4396,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 mat-raised-button color="primary" (click)="addAnother()">
+          <button mat-raised-button color="primary" (click)="addAnother()" *ngIf="!(isCustomerCountryFiltered && emptyArray)">
             <mat-icon>add</mat-icon>
             {{instance.component.addAnother || 'Add Another'}}
           </button>