svelte-common 5.0.2 → 5.0.4

package/README.md

@@ -130,6 +130,7 @@ Returns **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference
 ## Pagination
 
 Pagination support store.
+Pages go from 1 ... numberOfPages
 
 ### Parameters
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "publishConfig": {
     "access": "public"
   },
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "svelte-command": "^1.1.42",
-    "svelte-entitlement": "^1.2.53"
+    "svelte-entitlement": "^1.2.54"
   },
   "devDependencies": {
     "@semantic-release/commit-analyzer": "^10.0.1",
@@ -44,7 +44,7 @@
     "ava": "^5.3.1",
     "c8": "^8.0.0",
     "documentation": "^14.0.2",
-    "mf-styling": "^1.8.1",
+    "mf-styling": "^2.0.0",
     "npm-pkgbuild": "^11.8.9",
     "semantic-release": "^21.0.5",
     "stylelint": "^15.9.0",

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
     )) {
@@ -79,7 +98,6 @@ export class Pagination {
           a.onclick = () => (this.page = targetPage);
         }
         items.push(a);
-        return a;
       };
 
       add("<<", 1, "First Page");