ngx-render-material-forms 1.2.3 → 1.2.5

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

@@ -2532,8 +2532,8 @@ class MaterialSelectComponent extends MaterialComponent {
         this._onDestroy = new Subject();
         // Variables to track pagination
         this.pageNumber = 1;
-        this.pageSize = 3;
-        this.totalPages = 3;
+        this.pageSize = 20;
+        this.totalPages = 0;
         this.searchQuery = '';
         this.holy = '';
         this.grail = '';
@@ -2588,10 +2588,12 @@ class MaterialSelectComponent extends MaterialComponent {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
             const scrollElement = event.target;
             const trackHeight = scrollElement.scrollHeight - scrollElement.offsetHeight;
+            console.log('productsloadingFlagScroll=>', this.productsloadingFlag);
             if (this.productsloadingFlag && Math.floor(scrollElement.scrollTop / trackHeight * 100) > 50) {
                 this.productsloadingFlag = false;
-                if (this.pageNumber < this.totalPages && this.totalPages > 1) {
+                if (this.pageNumber < this.totalPages) {
                     this.pageNumber = this.pageNumber + 1;
+                    console.log('this.pageNumber', this.pageNumber, this.totalPages);
                     this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
                 }
             }
@@ -2621,7 +2623,12 @@ class MaterialSelectComponent extends MaterialComponent {
         const enpageSize = this.scrumble(pageSize);
         const ensearchQuery = this.scrumble(searchQuery);
         const enactive = this.scrumble(onlyActive);
-        const endescription = this.scrumble(includeDescription);
+        // const endescription = this.scrumble(includeDescription);
+        // Scrumble and handle the includeDescription parameter
+        let endescription = this.scrumble(includeDescription);
+        if (!endescription) {
+            endescription = this.scrumble(false); // Set to 'false' if undefined, null, or blank
+        }
         const baseUrlMapping = {
             'localhost': 'http://localhost:58504',
             'lincoln.vartopia.com': 'https://lincoln-api.vartopia.com',
@@ -2634,7 +2641,7 @@ class MaterialSelectComponent extends MaterialComponent {
         const baseApiUrl = baseUrlMapping[hostname] || null;
         this.http.get(`${baseApiUrl}/api/VendorFormBuilder/GetVendorProducts?vendorId=${envendorId}&pageNumber=${enpageNumber}&pageSize=${enpageSize}&search=${ensearchQuery}&onlyActive=${enactive}&includeDescription=${endescription}`, { headers }).subscribe(response => {
             if (response && response.code === 200) {
-                this.totalPages = response.data.dataSource;
+                this.totalPages = response?.data?.dataSource?.totalPages;
                 if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
                     const transformedData = this.transformResponseData(response.data.dataSource);
                     // Process the transformed data
@@ -2647,6 +2654,8 @@ class MaterialSelectComponent extends MaterialComponent {
                 setTimeout(() => {
                     this.productsloadingFlag = true;
                 }, 1000);
+                console.log('productsloadingFlag', this.productsloadingFlag);
+                console.log('totalPage=>', this.totalPages);
             }
         });
     }