ngx-render-material-forms 1.5.1 → 1.5.3

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

@@ -2594,20 +2594,27 @@ class MaterialSelectComponent extends MaterialComponent {
         });
     }
     registerPanelScrollEvent(selectElem) {
-        const panelElement = selectElem?.panel?.nativeElement;
-        panelElement.addEventListener('scroll', this.onScroll.bind(this));
+        if (selectElem && selectElem?.panel) {
+            // const panelElement = selectElem.panel.nativeElement;
+            this.currentPanelElement = selectElem.panel.nativeElement;
+            this.currentPanelElement.addEventListener('scroll', this.onScroll.bind(this));
+        }
     }
     onScroll(event) {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
             const scrollElement = event.target;
+            if (!scrollElement)
+                return; // Ensure scrollElement is not undefined
             const trackHeight = scrollElement.scrollHeight - scrollElement.offsetHeight;
+            if (isNaN(trackHeight) || trackHeight <= 0)
+                return; // Check if trackHeight is valid
             if (this.openCounter < 2) {
                 const retrievedObject = JSON.parse(localStorage.getItem('storageObject'));
                 this.totalPages = Number(retrievedObject?.totalPages);
                 this.productsloadingFlag = true;
                 this.productList = retrievedObject?.dataSource;
             }
-            if (this.productsloadingFlag && Math.floor(scrollElement.scrollTop / trackHeight * 100) > 50) {
+            if (this.productsloadingFlag && Math.floor(scrollElement?.scrollTop / trackHeight * 100) > 50) {
                 this.productsloadingFlag = false;
                 this.openCounter = this.openCounter + 1;
                 if (this.pageNumber < this.totalPages) {
@@ -2692,9 +2699,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.');
+                        }
                     }, 250);
                 }
             }
@@ -2730,6 +2742,9 @@ class MaterialSelectComponent extends MaterialComponent {
     ngOnDestroy() {
         this._onDestroy.next('');
         this._onDestroy.complete();
+        if (this.currentPanelElement) {
+            this.currentPanelElement.removeEventListener('scroll', this.onScroll.bind(this));
+        }
     }
     /*End*/
     setInstance(instance) {
@@ -2761,7 +2776,7 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.removePanelScrollEvent();
                     this.searching = false;
                     let selectedValue = this.getValue();
-                    if ((selectedValue.toString().length == 0 && this.searchQuery == '') || this.productList?.length === 0) {
+                    if (selectedValue?.toString().length == '' || this.searchQuery == '' || this.productList?.length === 0) {
                         this.productList = [];
                         this.pageNumber = 1;
                         this.pageSize = 20;