svelte-common 6.10.3 → 6.10.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-common",
-  "version": "6.10.3",
+  "version": "6.10.4",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -61,7 +61,7 @@
     "c8": "^9.1.0",
     "documentation": "^14.0.3",
     "mf-styling": "^3.1.6",
-    "npm-pkgbuild": "^15.2.5",
+    "npm-pkgbuild": "^15.3.0",
     "semantic-release": "^23.0.8",
     "stylelint": "^16.3.1",
     "stylelint-config-standard": "^36.0.0",

package/src/pagination.mjs

@@ -1,9 +1,12 @@
+import { readable } from "svelte/store";
+
 /**
  * Pagination support store.
  * Pages go from 1 ... numberOfPages
- * @param {Map|Set|Array|Store} data
+ * @param {Map|Set|Array|readable} data
  * @param {Object} options
  * @param {number} [options.itemsPerPage]
+ * @param {number} [options.page]
  * @param {Function} [options.sorter]
  * @param {Function} [options.filter]
  */
@@ -164,8 +167,8 @@ export class Pagination {
   }
 
   /**
-   * @see @link https://getbootstrap.com/docs/4.0/components/pagination
-   * @see @link https://a11y-style-guide.com/style-guide/section-navigation.html#kssref-navigation-pagination
+   * @see https://getbootstrap.com/docs/4.0/components/pagination
+   * @see https://a11y-style-guide.com/style-guide/section-navigation.html#kssref-navigation-pagination
    */
   get pageNavigationElement() {
     const nav = document.createElement("nav");

package/src/sorting.mjs

@@ -1,4 +1,5 @@
 import { getAttribute } from "pacc";
+import { writable } from "svelte/store";
 
 export const SORT_NONE = "none";
 export const SORT_ASCENDING = "ascending";
@@ -27,7 +28,7 @@ export function toggleOrderBy(orderBy) {
  * Add sortable toggle button to a th node.
  * Synchronizes store value with the nodes "aria-sort" attribute.
  * @param {Element} th the header node
- * @param {WritableStore} store keep in sync with sorting properties
+ * @param {writable} store keep in sync with sorting properties
  */
 export function sortable(th, store) {
   const unsubscribe = store.subscribe(orderBy =>

package/src/util.mjs

@@ -1,3 +1,5 @@
+import { writable } from "svelte/store";
+
 export const dateFormatter = new Intl.DateTimeFormat("default", {
   year: "numeric",
   month: "numeric",
@@ -39,10 +41,10 @@ export function formatDurationISO(seconds) {
       t = true;
     }
 
-    const n = Math.floor(seconds / d[0]);
+    const n = Math.floor(seconds / Number(d[0]));
     if (n > 0) {
       out += `${n}${d[1]}`;
-      seconds -= n * d[0];
+      seconds -= n * Number(d[0]);
     }
   }
 
@@ -60,10 +62,10 @@ const durations = [
 export function formatDuration(seconds) {
   const out = [];
   for (const d of durations) {
-    const n = Math.floor(seconds / d[0]);
+    const n = Math.floor(seconds / Number(d[0]));
     if (n > 0) {
       out.push(`${n}${d[1]}`);
-      seconds -= n * d[0];
+      seconds -= n * Number(d[0]);
     }
   }
 
@@ -100,9 +102,9 @@ function liveDuration(seconds) {
  * ```
  * { a: 1, b: 2 } -> { foo_a: 1 foo_b: 2 } // prefix: foo_
  * ```
- * @param {WriteableStore} store we derive from
+ * @param {writable} store we derive from
  * @param {string} prefix for each key
- * @returns {WriteableStore}
+ * @returns {writable}
  */
 export function keyPrefixStore(store, prefix) {
   const subscriptions = new Set();

package/types/pagination.d.mts

@@ -10,9 +10,10 @@ export function navigationItems(numberOfPages: number, currentPage: number, numb
 /**
  * Pagination support store.
  * Pages go from 1 ... numberOfPages
- * @param {Map|Set|Array|Store} data
+ * @param {Map|Set|Array|readable} data
  * @param {Object} options
  * @param {number} [options.itemsPerPage]
+ * @param {number} [options.page]
  * @param {Function} [options.sorter]
  * @param {Function} [options.filter]
  */
@@ -56,8 +57,8 @@ export class Pagination {
      */
     get length(): number;
     /**
-     * @see @link https://getbootstrap.com/docs/4.0/components/pagination
-     * @see @link https://a11y-style-guide.com/style-guide/section-navigation.html#kssref-navigation-pagination
+     * @see https://getbootstrap.com/docs/4.0/components/pagination
+     * @see https://a11y-style-guide.com/style-guide/section-navigation.html#kssref-navigation-pagination
      */
     get pageNavigationElement(): HTMLElement;
     [Symbol.iterator](): Generator<any, void, any>;

package/types/sorting.d.mts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 /**
  * Deliver next value in the order by cycle.
  * SORT_NONE -> SORT_ASCENDING -> SORT_DESCENDING -> SORT_NONE ...
@@ -9,9 +10,9 @@ export function toggleOrderBy(orderBy: string): string;
  * Add sortable toggle button to a th node.
  * Synchronizes store value with the nodes "aria-sort" attribute.
  * @param {Element} th the header node
- * @param {WritableStore} store keep in sync with sorting properties
+ * @param {writable} store keep in sync with sorting properties
  */
-export function sortable(th: Element, store: WritableStore): {
+export function sortable(th: Element, store: typeof writable): {
     destroy(): void;
 };
 /**
@@ -30,3 +31,4 @@ export namespace orderByCycle {
     export { SORT_DESCENDING as ascending };
     export { SORT_ASCENDING as descending };
 }
+import { writable } from "svelte/store";

package/types/util.d.mts

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 export function formatBytes(bytes: any, decimals?: number): string;
 export function formatDurationISO(seconds: any): string;
 export function formatDuration(seconds: any): string;
@@ -7,9 +8,10 @@ export function formatSecondsSinceEpoch(sse: any): string;
  * ```
  * { a: 1, b: 2 } -> { foo_a: 1 foo_b: 2 } // prefix: foo_
  * ```
- * @param {WriteableStore} store we derive from
+ * @param {writable} store we derive from
  * @param {string} prefix for each key
- * @returns {WriteableStore}
+ * @returns {writable}
  */
-export function keyPrefixStore(store: WriteableStore, prefix: string): WriteableStore;
+export function keyPrefixStore(store: typeof writable, prefix: string): typeof writable;
 export const dateFormatter: Intl.DateTimeFormat;
+import { writable } from "svelte/store";