svelte-common 4.19.6 → 4.19.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "4.19.6",
+  "version": "4.19.7",
   "publishConfig": {
     "access": "public"
   },
@@ -42,7 +42,7 @@
     "@sveltejs/vite-plugin-svelte": "^1.0.5",
     "ava": "^4.3.3",
     "documentation": "^14.0.0",
-    "mf-styling": "^1.7.13",
+    "mf-styling": "^1.7.14",
     "npm-pkgbuild": "^10.14.8",
     "semantic-release": "^19.0.5",
     "stylelint": "^14.11.0",

package/src/sorting.mjs

@@ -20,13 +20,13 @@ export function toggleOrderBy(orderBy) {
 }
 
 /**
- * Add sortable toggle button to a node.
- * Synchronizes store value with node "aria-sort" attribute.
+ * Add sortable toggle button to a th node.
+ * Synchronizes store value with th nodes "aria-sort" attribute.
  * @param {Node} the header node
  * @param {WritableStore} to keep in sync with sorting properties
  */
 export function sortable(th, store) {
-  store.subscribe(orderBy =>
+  const storeSubscription = store.subscribe(orderBy =>
     th.setAttribute("aria-sort", orderBy[th.id] || SORT_NONE)
   );
 
@@ -37,7 +37,6 @@ export function sortable(th, store) {
   const button = document.createElement("button");
   button.setAttribute("aria-label", `toggle sort of ${th.id}`);
   button.setAttribute("class", "alter-sorting");
-
   button.onclick = () => {
     const orderBy = {};
 
@@ -63,6 +62,12 @@ export function sortable(th, store) {
   };
 
   th.appendChild(button);
+
+  return {
+    destroy() {
+      storeSubscription();
+    }
+  };
 }
 
 /**

package/src/util.mjs

@@ -96,7 +96,10 @@ function liveDuration(seconds) {
 */
 
 /**
- * Create a store where all the object keys are prefixed.
+ * Create a derived store where all the object keys are prefixed.
+ * ```
+ * { a: 1, b: 2 } -> { prefix_a: 1 prefix_b: 2 }
+ * ```
  * @param {WriteableStore} store
  * @param {string} prefix
  * @returns {WriteableStore}