svelte-common 4.19.1 → 4.19.4

package/README.md

@@ -66,8 +66,9 @@ Synchronizes store value with node "aria-sort" attribute.
 
 ### Parameters
 
-*   `th` **[Node](https://developer.mozilla.org/docs/Web/API/Node/nextSibling)** header node
+*   `th`  
 *   `store`  
+*   `the` **[Node](https://developer.mozilla.org/docs/Web/API/Node/nextSibling)** header node
 *   `to` **WritableStore** keep in sync with sorting properties
 
 ## sorter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "4.19.1",
+  "version": "4.19.4",
   "publishConfig": {
     "access": "public"
   },
@@ -39,15 +39,15 @@
     "@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.11",
     "npm-pkgbuild": "^10.14.8",
     "semantic-release": "^19.0.5",
     "stylelint": "^14.11.0",
     "stylelint-config-standard": "^28.0.0",
-    "svelte": "^3.49.0",
+    "svelte": "^3.50.0",
     "testcafe": "^2.0.0",
     "vite": "^3.0.9"
   },

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

@@ -20,7 +20,7 @@ export function toggleOrderBy(orderBy) {
 }
 
 /**
- * Add sortable toggle button with img element to a node.
+ * Add sortable toggle button to a node.
  * Synchronizes store value with node "aria-sort" attribute.
  * @param {Node} the header node
  * @param {WritableStore} to keep in sync with sorting properties
@@ -31,11 +31,8 @@ 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");
-
-  button.appendChild(img);
+  button.setAttribute("aria-label", `toggle sort of ${th.id}`);
+  button.setAttribute("class", "alter-sorting");
 
   button.onclick = () => {
     const orderBy = {};
@@ -87,6 +84,7 @@ export function sorter(sortBy, getters = {}) {
           return (a, b) => {
             let av = getter(a);
             let bv = getter(b);
+
             if (av === undefined) {
               return -rev;
             }
@@ -96,11 +94,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();
             }