ngx-render-material-forms 1.5.5 → 1.5.7

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

@@ -2562,6 +2562,8 @@ class MaterialSelectComponent extends MaterialComponent {
         this.productsloadingFlag = false;
         this.searching = false;
         this.productList = [];
+        this.selectedValue = '';
+        this.searchItem = "";
         // Variable to hold the reference to the current panel element
         this.currentPanelElement = null;
         this.openCounter = 1;
@@ -2576,6 +2578,7 @@ class MaterialSelectComponent extends MaterialComponent {
     clearProducts() {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
             this.onClearAll();
+            this.searchItem = "";
         }
     }
     scrumble(msg) {
@@ -2706,16 +2709,14 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.productsloadingFlag = true;
                     setTimeout(() => {
                         const ele = this.selectElem?.panel?.nativeElement;
-                        const trackHeight = ele.scrollHeight - ele.offsetHeight;
-                        const middlePosition = trackHeight / 2 - 50;
-                        ele.scrollTo({ top: middlePosition, behavior: 'auto' });
-                        // if (ele) {
-                        //   const trackHeight = ele.scrollHeight - ele.offsetHeight
-                        //   const middlePosition = trackHeight / 2 - 50;
-                        //   ele.scrollTo({ top: middlePosition, behavior: 'auto' });
-                        // } else {
-                        //   console.log('Panel element is not available yet.');
-                        // }
+                        if (ele) {
+                            const trackHeight = ele.scrollHeight - ele.offsetHeight;
+                            const middlePosition = trackHeight / 2 - 50;
+                            ele.scrollTo({ top: middlePosition, behavior: 'auto' });
+                        }
+                        else {
+                            console.log('Panel element is not available yet.');
+                        }
                     }, 250);
                 }
             }
@@ -2767,6 +2768,7 @@ class MaterialSelectComponent extends MaterialComponent {
             this.searchQuery = '';
             this.searching = false;
             this.productList = [];
+            this.selectedValue = '';
             this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
         }
     }
@@ -2778,20 +2780,25 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.pageSize = 20;
                     this.searchQuery = '';
                     this.searching = false;
+                    this.selectedValue = this.getValue();
+                    if (this.searchItem?.length > 0) {
+                        this.websiteMultiFilterCtrl.setValue(this.searchItem);
+                        this.ref.detectChanges();
+                    }
                     //this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
                     this.registerPanelScrollEvent(this.selectElem);
                 }
                 else {
                     this.removePanelScrollEvent();
                     this.searching = false;
-                    let selectedValue = this.getValue();
-                    if (selectedValue?.toString().length == '' || this.searchQuery == '' || this.productList?.length === 0) {
-                        this.productList = [];
-                        this.pageNumber = 1;
-                        this.pageSize = 20;
-                        this.searchQuery = '';
-                        this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
-                    }
+                    // this.selectedValue = this.getValue();
+                    // if (this.selectedValue?.toString().length == 0) {
+                    //   this.productList = [];
+                    //   this.pageNumber = 1;
+                    //   this.pageSize = 20;
+                    //   this.searchQuery = '';
+                    //   this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
+                    // }
                 }
             });
         }
@@ -2817,6 +2824,7 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.productList = [];
                     this.searching = true;
                     this.searchQuery = searchQuery;
+                    this.searchItem = searchQuery;
                     this.loadData(this.pageNumber, this.pageSize, searchQuery);
                 }
             });