svelte-common 5.0.3 → 5.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "publishConfig": {
     "access": "public"
   },

package/src/pagination.mjs

@@ -3,16 +3,30 @@
  * Pages go from 1 ... numberOfPages
  */
 export class Pagination {
-  subscriptions = new Set();
-  data;
-  itemsPerPage;
+  #subscriptions = new Set();
+  #data;
+  #itemsPerPage = 1;
   #page = 1;
 
-  constructor(source, itemsPerPage = 10) {
-    this.data = [...source];
+  constructor(data, itemsPerPage = 10) {
+    this.#data = data;
     this.itemsPerPage = itemsPerPage;
   }
 
+  set data(data) {
+    this.#data = data;
+    this.#subscriptions.forEach(subscription => subscription(this));
+  }
+
+  get itemsPerPage() {
+    return this.#itemsPerPage;
+  }
+
+  set itemsPerPage(n) {
+    this.#itemsPerPage = n;
+    this.#subscriptions.forEach(subscription => subscription(this));
+  }
+
   /**
    * Set current page
    * @param {number} n
@@ -20,7 +34,7 @@ export class Pagination {
   set page(n) {
     if (this.#page !== n && n >= 1 && n <= this.numberOfPages) {
       this.#page = n;
-      this.subscriptions.forEach(subscription => subscription(this));
+      this.#subscriptions.forEach(subscription => subscription(this));
     }
   }
 
@@ -32,21 +46,26 @@ export class Pagination {
   }
 
   subscribe(s) {
-    this.subscriptions.add(s);
+    this.#subscriptions.add(s);
 
     s(this);
 
-    return () => this.subscriptions.delete(s);
+    return () => this.#subscriptions.delete(s);
   }
 
   get numberOfPages() {
-    return this.data.length / this.itemsPerPage;
+    return (
+      (Array.isArray(this.#data) ? this.#data.length : this.#data.size) /
+      this.itemsPerPage
+    );
   }
 
   *items() {
     const n = this.page - 1;
 
-    for (const item of this.data.slice(
+    const data = Array.isArray(this.data) ? this.#data : [...this.#data.values()];
+
+    for (const item of data.slice(
       n * this.itemsPerPage,
       (n + 1) * this.itemsPerPage
     )) {