svelte-common 4.18.2 → 4.19.1

package/README.md

@@ -34,6 +34,8 @@ or the [live example](https://arlac77.github.io/components/svelte-common/example
     *   [Parameters](#parameters-2)
 *   [sorter](#sorter)
     *   [Parameters](#parameters-3)
+*   [keyPrefixStore](#keyprefixstore)
+    *   [Parameters](#parameters-4)
 
 ## initializeServiceWorker
 
@@ -79,6 +81,17 @@ Generate a sort function for a given sort-by set.
 
 Returns **[Function](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function)** sorter
 
+## keyPrefixStore
+
+Create a store where all the object keys are prefixed.
+
+### Parameters
+
+*   `store` **WriteableStore** 
+*   `prefix` **[string](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String)** 
+
+Returns **WriteableStore** 
+
 # install
 
 With [npm](http://npmjs.org) do:

package/package.json

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

package/src/sorting.mjs

@@ -22,7 +22,7 @@ export function toggleOrderBy(orderBy) {
 /**
  * Add sortable toggle button with img element to a node.
  * Synchronizes store value with node "aria-sort" attribute.
- * @param {Node} th header node
+ * @param {Node} the header node
  * @param {WritableStore} to keep in sync with sorting properties
  */
 export function sortable(th, store) {
@@ -33,7 +33,7 @@ export function sortable(th, store) {
   const button = document.createElement("button");
   button.setAttribute("aria-label", `sortable ${th.id}`);
   const img = document.createElement("img");
-  img.setAttribute("alt", "sorting order indicator");
+  //img.setAttribute("alt", "sorting order indicator");
 
   button.appendChild(img);
 
@@ -53,7 +53,11 @@ export function sortable(th, store) {
           }
         }
 
-        orderBy[peer.id] = sort;
+        if (sort === SORT_NONE) {
+          delete orderBy[peer.id];
+        } else {
+          orderBy[peer.id] = sort;
+        }
       }
     }
     store.set(orderBy);

package/src/util.mjs

@@ -96,7 +96,7 @@ function liveDuration(seconds) {
 */
 
 /**
- * Create a store where al the object keys are prefixed
+ * Create a store where all the object keys are prefixed.
  * @param {WriteableStore} store
  * @param {string} prefix
  * @returns {WriteableStore}
@@ -105,12 +105,16 @@ export function keyPrefixStore(store, prefix) {
   const subscriptions = new Set();
 
   let forwardSubscription;
+  let forwardObject;
 
   return {
     set: object =>
       store.set(
-        Object.fromEntries(
-          Object.entries(object).map(([k, v]) => [prefix + k, v])
+        Object.assign(
+          forwardObject,
+          Object.fromEntries(
+            Object.entries(object).map(([k, v]) => [prefix + k, v])
+          )
         )
       ),
 
@@ -118,12 +122,13 @@ export function keyPrefixStore(store, prefix) {
       subscriptions.add(s);
 
       if (!forwardSubscription) {
-        forwardSubscription = store.subscribe(prefixedKeyObject => {
+        forwardSubscription = store.subscribe(o => {
+          forwardObject = o;
           const object =
-            prefixedKeyObject === undefined
+            forwardObject === undefined
               ? {}
               : Object.fromEntries(
-                  Object.entries(prefixedKeyObject)
+                  Object.entries(forwardObject)
                     .filter(([k, v]) => k.startsWith(prefix))
                     .map(([k, v]) => [k.substring(prefix.length), v])
                 );