@wavemaker/app-ng-runtime 11.14.1-next.28343 → 11.14.1-rc.236

package/components/data/list/fesm2022/index.mjs

@@ -561,8 +561,10 @@ class ListComponent extends StylableComponent {
             this.allowpagesizechange = nv;
         }
         else if (key === 'pagesizeoptions') {
-            this.pagesizeoptions = nv;
-            this.setDefaultPageSize(nv);
+            this.prevPagesizeoptions = this.sanitizeCommaSeparatedIntegers(ov);
+            this.pagesizeoptions = this.sanitizeCommaSeparatedIntegers(nv);
+            if (this.allowpagesizechange)
+                this.setDefaultPageSize(nv);
         }
         else {
             super.onPropertyChange(key, nv, ov);
@@ -579,6 +581,10 @@ class ListComponent extends StylableComponent {
                 nv = this.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b)[0];
                 this.pagesize = nv;
             }
+            if (this.isPageSizeOptionsChanged()) {
+                this.dataNavigator.defaultPageSizeOptions = this.pagesizeoptions?.split(',').map(Number).sort((a, b) => a - b) || [];
+                this.dataNavigator.pageSizeOptions = [...this.dataNavigator.defaultPageSizeOptions];
+            }
         }
         this.updatedPageSize = nv;
         this.dataNavigator.updatedPageSize = nv;
@@ -587,6 +593,31 @@ class ListComponent extends StylableComponent {
         };
         this.dataNavigator.widget.maxResults = nv;
         this.dataNavigator.maxResults = nv;
+        if (this.datasource) {
+            this.datasource.maxResults = this.pagesize || this.datasource.maxResults;
+        }
+    }
+    isPageSizeOptionsChanged() {
+        return !isEqual(this.prevPagesizeoptions, this.pagesizeoptions);
+    }
+    selectPageSize(pagesize) {
+        if (!this.allowpagesizechange && !pagesize)
+            return;
+        if (pagesize < this.dataNavigator.pageSizeOptions[0] || pagesize > this.dataNavigator.pageSizeOptions[this.dataNavigator.pageSizeOptions.length - 1]
+            || !this.dataNavigator.pageSizeOptions.includes(Number(pagesize))) {
+            pagesize = this.dataNavigator.pageSizeOptions[0];
+        }
+        this.dataNavigator.onPageSizeChange(undefined, pagesize);
+    }
+    sanitizeCommaSeparatedIntegers(input) {
+        if (!input)
+            return "";
+        const uniqueNumbers = Array.from(new Set(input
+            .split(",")
+            .map(v => v.trim())
+            .filter(v => /^-?\d+$/.test(v))
+            .map(v => Math.abs(parseInt(v, 10)))));
+        return uniqueNumbers.join(",");
     }
     onItemClick(evt, $listItem) {
         let selectCount;