svelte-common 6.2.6 → 6.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "6.2.6",
+  "version": "6.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -15,7 +15,10 @@
     "component",
     "svelte",
     "vite",
-    "web"
+    "web",
+    "sorting",
+    "filtering",
+    "paginator"
   ],
   "contributors": [
     {
@@ -49,7 +52,7 @@
     "ava": "^5.3.1",
     "c8": "^8.0.0",
     "documentation": "^14.0.2",
-    "mf-styling": "^2.0.5",
+    "mf-styling": "^3.0.0",
     "npm-pkgbuild": "^11.8.14",
     "semantic-release": "^21.0.7",
     "stylelint": "^15.10.1",

package/src/pagination.mjs

@@ -73,9 +73,15 @@ export class Pagination {
    * @param {number} n
    */
   set page(n) {
-    if (this.#page !== n && n >= 1 && n <= this.numberOfPages) {
-      this.#page = n;
-      this.#subscriptions.forEach(subscription => subscription(this));
+    if(n < 0) {
+      n = this.numberOfPages + n + 1;
+    }
+
+    if (this.#page !== n) {
+      if (n >= 1 && n <= this.numberOfPages) {
+        this.#page = n;
+        this.#subscriptions.forEach(subscription => subscription(this));
+      }
     }
   }
 
@@ -165,6 +171,7 @@ export class Pagination {
           } else {
             a.onclick = e => {
               e.preventDefault();
+              e.stopPropagation();
               this.page = targetPage;
             };
           }

package/src/sorting.mjs

@@ -94,14 +94,10 @@ export function sorter(sortBy, getters) {
             let av = getter(a, key);
             let bv = getter(b, key);
 
-            if (av === undefined) {
-              return bv === undefined ? 0 : -rev;
-            }
-            if (bv === undefined) {
-              return rev;
-            }
-
             switch (typeof av) {
+              case "undefined":
+                return bv === undefined ? 0 : -rev;
+
               case "string":
                 switch (typeof bv) {
                   case "number":
@@ -111,6 +107,9 @@ export function sorter(sortBy, getters) {
                 }
             }
 
+            if (bv === undefined) {
+              return rev;
+            }
             if (av instanceof Date) {
               av = av.getTime();
             }