svelte-common 4.19.2 → 4.19.5

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.2",
+  "version": "4.19.5",
   "publishConfig": {
     "access": "public"
   },
@@ -42,12 +42,12 @@
     "@sveltejs/vite-plugin-svelte": "^1.0.4",
     "ava": "^4.3.3",
     "documentation": "^14.0.0",
-    "mf-styling": "^1.7.8",
+    "mf-styling": "^1.7.12",
     "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
@@ -30,12 +30,13 @@ export function sortable(th, store) {
     th.setAttribute("aria-sort", orderBy[th.id] || SORT_NONE)
   );
 
+  if (!th.getAttribute("aria-sort")) {
+    th.setAttribute("aria-sort", SORT_NONE);
+  }
+
   const button = document.createElement("button");
   button.setAttribute("aria-label", `toggle sort of ${th.id}`);
-  const img = document.createElement("img");
-  //img.setAttribute("alt", "sorting order indicator");
-
-  button.appendChild(img);
+  button.setAttribute("class", "alter-sorting");
 
   button.onclick = () => {
     const orderBy = {};