chrv-components 1.11.6 → 1.11.8

package/fesm2022/chrv-components.mjs

@@ -2646,7 +2646,8 @@ class ChrPaginatorComponent {
         this.pageChange = output();
         this.pageSize = input(20);
         this.pageSizeChange = output();
-        this.dataSize = computed(() => this.instance?.totalItems ?? 0);
+        this.instance = signal(undefined);
+        this.dataSize = computed(() => this.instance()?.totalItems ?? 0);
         this.currentlyShownSize = computed(() => {
             const mult = this.page() * this.pageSize();
             return mult > this.dataSize() ? this.dataSize() : mult;
@@ -2678,8 +2679,7 @@ class ChrPaginatorComponent {
         this.isFirstPage = computed(() => this.page() == 1);
         this.setPageSize = (pageSize) => {
             this.setPage(1);
-            if (this.instance)
-                this.instance.itemsPerPage = pageSize;
+            //if (this.instance) this.instance.itemsPerPage = pageSize;
             this.dataService.set(`${this.id()}_pagesize`, pageSize);
             this.pageSizeChange.emit(pageSize);
         };
@@ -2687,15 +2687,18 @@ class ChrPaginatorComponent {
             return this.setPageSize(event.target.value);
         };
         this.isLastPage = computed(() => {
-            if (!this.instance?.totalItems)
+            if (!this.instance()?.totalItems)
                 return false;
             return this.page() >= Math.ceil(this.dataSize() / this.pageSize());
         });
         // public pageSize = () => this.instance.itemsPerPage;
-        this.lastPage = computed(() => this.instance?.totalItems ? Math.ceil(this.dataSize() / this.pageSize()) : 1);
+        this.lastPage = computed(() => this.instance()?.totalItems
+            ? Math.ceil(this.dataSize() / this.pageSize())
+            : 1);
     }
-    ngAfterContentChecked() {
-        this.instance = this.service.getInstance(`${this.id()}`);
+    ngAfterContentInit() {
+        const paginationInstance = this.service.getInstance(`${this.id()}`);
+        this.instance.set(paginationInstance);
     }
     ngOnInit() {
         this.dataService