svelte-common 6.15.1 → 6.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "6.15.1",
+  "version": "6.15.3",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -55,9 +55,9 @@
   "devDependencies": {
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/exec": "^6.0.3",
-    "@semantic-release/github": "^10.1.6",
+    "@semantic-release/github": "^10.1.7",
     "@semantic-release/release-notes-generator": "^14.0.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0-next.6",
     "ava": "^6.1.3",
     "c8": "^10.1.2",
     "documentation": "^14.0.3",
@@ -66,18 +66,18 @@
     "semantic-release": "^24.1.0",
     "stylelint": "^16.8.2",
     "stylelint-config-standard": "^36.0.1",
-    "svelte": "^5.0.0-next.225",
+    "svelte": "^5.0.0-next.238",
     "testcafe": "^3.6.2",
     "typescript": "^5.5.4",
-    "vite": "^5.4.1",
+    "vite": "^5.4.2",
     "vite-plugin-compression2": "^1.2.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0-next.0"
   },
   "optionalDependencies": {
-    "mf-hosting-cloudflare": "^1.0.6",
-    "mf-hosting-frontend": "^3.2.3"
+    "mf-hosting-cloudflare": "^1.0.7",
+    "mf-hosting-frontend": "^3.2.4"
   },
   "repository": {
     "type": "git",

package/src/index.svelte

@@ -1,4 +1,4 @@
-<script context="module">
+<script module>
   import Bytes from "./components/Bytes.svelte";
   import Duration from "./components/Duration.svelte";
   import DateTime from "./components/DateTime.svelte";

package/src/pagination.mjs

@@ -63,7 +63,7 @@ export class Pagination {
     const applySorter = sorter => {
       this.#sorter = sorter;
       this.fireSubscriptions();
-      };
+    };
 
     if (sorter?.subscribe) {
       this.#unsubscribeFilter = sorter.subscribe(applySorter);
@@ -165,6 +165,15 @@ export class Pagination {
     return Array.isArray(this.#data) ? this.#data.length : this.#data.size;
   }
 
+  /**
+   *
+   * @param {number} page 1...
+   * @returns {[number,number]}
+   */
+  itemRangeOnPage(page) {
+    return [(this.page - 1) * this.itemsPerPage, this.page * this.itemsPerPage];
+  }
+
   /**
    * @return {number}
    */
@@ -181,9 +190,10 @@ export class Pagination {
     return this.#itemsPerPage;
   }
 
-  get filteredItems()
-  {
-    let items = Array.isArray(this.#data) ? this.#data : [...this.#data.values()];
+  get filteredItems() {
+    let items = Array.isArray(this.#data)
+      ? this.#data
+      : [...this.#data.values()];
 
     if (this.filter) {
       return items.filter(this.filter);
@@ -199,11 +209,7 @@ export class Pagination {
       data = data.sort(this.sorter);
     }
 
-    const n = this.page - 1;
-
-    yield* data
-      .slice(n * this.itemsPerPage, (n + 1) * this.itemsPerPage)
-      [Symbol.iterator]();
+    yield* data.slice(...this.itemRangeOnPage(this.page))[Symbol.iterator]();
   }
 
   /**

package/types/pagination.d.mts

@@ -46,6 +46,12 @@ export class Pagination {
      * @return {number}
      */
     get numberOfItems(): number;
+    /**
+     *
+     * @param {number} page 1...
+     * @returns {[number,number]}
+     */
+    itemRangeOnPage(page: number): [number, number];
     /**
      * @return {number}
      */