svelte-common 4.19.0 → 4.19.3

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.19.0",
+  "version": "4.19.3",
   "publishConfig": {
     "access": "public"
   },
@@ -39,10 +39,10 @@
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@sveltejs/vite-plugin-svelte": "^1.0.3",
+    "@sveltejs/vite-plugin-svelte": "^1.0.4",
     "ava": "^4.3.3",
     "documentation": "^14.0.0",
-    "mf-styling": "^1.7.7",
+    "mf-styling": "^1.7.8",
     "npm-pkgbuild": "^10.14.8",
     "semantic-release": "^19.0.5",
     "stylelint": "^14.11.0",

package/src/components/Tab.svelte

@@ -0,0 +1,9 @@
+<script>
+  import { getContext } from "svelte";
+
+  export let id;
+
+  const tabs = getContext("TABS");
+</script>
+
+<slot />

package/src/components/Tabs.svelte

@@ -0,0 +1,9 @@
+<script>
+  import { setContext } from "svelte";
+
+  const tabs = {};
+
+  setContext("TABS", tabs);
+</script>
+
+<slot />

package/src/index.svelte

@@ -14,6 +14,8 @@
   import Collapse from "./components/Collapse.svelte";
   import Modal from "./components/Modal.svelte";
   import Peer from "./components/Peer.svelte";
+  import Tabs from "./components/Tabs.svelte";
+  import Tab from "./components/Tab.svelte";
 
   export {
     Bytes,
@@ -30,7 +32,9 @@
     SessionDetails,
     ServerDetails,
     ServiceWorkerDetails,
-    ServiceWorkerRegistrationDetails
+    ServiceWorkerRegistrationDetails,
+    Tabs,
+    Tab
   };
 
   export {
@@ -50,6 +54,6 @@
     SORT_ASCENDING,
     SORT_DESCENDING
   } from "./sorting.mjs";
-  export { filter } from "./filter.mjs";  
+  export { filter } from "./filter.mjs";
   export { initializeServiceWorker } from "./service-worker.mjs";
 </script>

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) {
@@ -31,9 +31,9 @@ export function sortable(th, store) {
   );
 
   const button = document.createElement("button");
-  button.setAttribute("aria-label", `sortable ${th.id}`);
+  button.setAttribute("aria-label", `toggle sort of ${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,7 @@ export function sortable(th, store) {
           }
         }
 
-        if (sort == SORT_NONE) {
+        if (sort === SORT_NONE) {
           delete orderBy[peer.id];
         } else {
           orderBy[peer.id] = sort;
@@ -87,6 +87,7 @@ export function sorter(sortBy, getters = {}) {
           return (a, b) => {
             let av = getter(a);
             let bv = getter(b);
+
             if (av === undefined) {
               return -rev;
             }
@@ -96,11 +97,17 @@ export function sorter(sortBy, getters = {}) {
 
             switch (typeof av) {
               case "string":
-                return typeof bv === "string" ? av.localeCompare(bv) : rev;
+                switch (typeof bv) {
+                  case "number":
+                  case "string":
+                    return av.localeCompare(bv);
+                }
             }
 
             if (av instanceof Date) {
               av = av.getTime();
+            }
+            if (bv instanceof Date) {
               bv = bv.getTime();
             }