@hkdigital/lib-sveltekit 0.1.84 → 0.1.86

package/dist/classes/data/Selector.d.ts

@@ -23,8 +23,8 @@ export default class Selector {
      * @template {object} T
      * @param {T[]|null} items
      *
-     * @returns {T|null} item or null if not found
+     * @returns {T[]|null} item or null if not found
      */
-    findAll<T extends unknown>(items: T[] | null): T | null;
+    findAll<T extends unknown>(items: T[] | null): T[] | null;
     #private;
 }

package/dist/classes/data/Selector.js

@@ -80,7 +80,7 @@ export default class Selector {
 	 * @template {object} T
 	 * @param {T[]|null} items
 	 *
-	 * @returns {T|null} item or null if not found
+	 * @returns {T[]|null} item or null if not found
 	 */
 	findAll(items) {
 		const result = [];

package/dist/components/drag-drop/drag-state.svelte.d.ts

@@ -1,6 +1,6 @@
-export const createOrGetDragState: (contextKey: import("../../typedef").ContextKey) => DragState;
-export const createDragState: (contextKey: import("../../typedef").ContextKey) => DragState;
-export const getDragState: (contextKey: import("../../typedef").ContextKey) => DragState;
+export const createOrGetDragState: (contextKey?: import("../../typedef").ContextKey) => DragState;
+export const createDragState: (contextKey?: import("../../typedef").ContextKey) => DragState;
+export const getDragState: (contextKey?: import("../../typedef").ContextKey) => DragState;
 declare class DragState {
     draggables: Map<any, any>;
     /**

package/dist/components/tab-bar/HkTabBar.state.svelte.d.ts

@@ -48,7 +48,7 @@ export class HkTabBarState {
      */
     linkTab(index: number, tabElement: HTMLElement): void;
 }
-export const createOrGetState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
-export const createState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
-export const getState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarState;
+export const createOrGetState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarState;
+export const createState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarState;
+export const getState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarState;
 export type Tab = import("./typedef.js").Tab;

package/dist/components/tab-bar/HkTabBarSelector.state.svelte.d.ts

@@ -14,6 +14,6 @@ export class HkTabBarSelectorState {
     tabBarState: any;
     #private;
 }
-export const createOrGetState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
-export const createState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
-export const getState: (contextKey: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
+export const createOrGetState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
+export const createState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;
+export const getState: (contextKey?: import("../../typedef/context.js").ContextKey) => HkTabBarSelectorState;

package/dist/features/hk-app-layout/HkAppLayout.state.svelte.d.ts

@@ -0,0 +1,6 @@
+export class AppLayoutState {
+    landscapeOnSmallScreen: boolean;
+}
+export const createOrGetState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;
+export const createState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;
+export const getState: (contextKey?: import("../../typedef").ContextKey) => AppLayoutState;

package/dist/themes/hkdev/components/buttons/button.css

@@ -10,9 +10,11 @@
     --btn-primary-bg: var(--color-primary-500);
     --btn-primary-text: var(--color-primary-50);
     --btn-primary-border: var(--color-primary-500);
+
     --btn-primary-selected-bg: var(--color-primary-700);
-    --btn-primary-selected-border: var(--color-primary-800);
     --btn-primary-selected-text: var(--color-primary-50);
+    --btn-primary-selected-border: var(--color-primary-800);
+
     --btn-primary-hover-bg: var(--color-primary-600);
     --btn-primary-hover-border: var(--color-primary-600);
     --btn-primary-focus-outline: var(--color-primary-800);
@@ -21,9 +23,11 @@
     --btn-secondary-bg: transparent;
     --btn-secondary-text: var(--color-secondary-500);
     --btn-secondary-border: var(--color-secondary-500);
+
     --btn-secondary-selected-bg: var(--color-secondary-100);
-    --btn-secondary-selected-border: var(--color-secondary-600);
     --btn-secondary-selected-text: var(--color-secondary-800);
+    --btn-secondary-selected-border: var(--color-secondary-600);
+
     --btn-secondary-hover-bg: var(--color-secondary-50);
     --btn-secondary-hover-border: var(--color-secondary-500);
     --btn-secondary-focus-outline: var(--color-secondary-800);

package/dist/util/array/index.d.ts

@@ -27,12 +27,12 @@ export function toArray(value: any, start?: number, end?: number): any[];
  * Convert an async iterator to an array
  * - If no async iterator is passed, the value will be processed by `from()`
  *
- * @param {AsyncIterator|mixed} value
+ * @param {AsyncIterator|any} value
  *   Async iterator or value to convert to array
  *
- * @returns {Array} list of items returned by the iterator
+ * @returns {Promise<Array>} list of items returned by the iterator
  */
-export function toArrayAsync(value: AsyncIterator<any, any, any> | mixed): any[];
+export function toArrayAsync(value: AsyncIterator<any, any, any> | any): Promise<any[]>;
 /**
  * Convert a path string to an array path
  * - The path string will be spit at the `pathSeparator` token
@@ -51,13 +51,13 @@ export function toArrayPath(path: string | string[], pathSeparator?: string): st
 /**
  * Push a value to an array if it is not null, undefined or an empty string
  *
- * @template {arrray} T
+ * @template {array} T
  * @param {T} arr
  * @param {any} value
  *
  * @returns {T} arr
  */
-export function pushNotEmpty<T extends arrray>(arr: T, value: any): T;
+export function pushNotEmpty<T extends any[]>(arr: T, value: any): T;
 /**
  * Loop over the supplied array and call the callback for every element
  * - The callback will receive the current element of the array as
@@ -86,12 +86,12 @@ export function loop(arr: any[], callback: Function, additionalArguments: any[])
  *
  *
  *
- * @returns {mixed[]} values
+ * @returns {any[]|Set<any>} values
  */
 export function pathValues(items: object[], path: any, options?: {
     outputAsSet?: boolean;
     pathSeparator?: string;
-}): mixed[];
+}): any[] | Set<any>;
 /**
  * Sort function that sorts a list of objects by values encountered at the
  * specified key values of the object.

package/dist/util/array/index.js

@@ -21,8 +21,6 @@ export { smallestFirst, largestFirst };
 
 export { arraySlice, arrayConcat };
 
-// -----------------------------------------------------------------------------
-
 /**
  * Convert a value to an array
  * - Converts an Arguments object to plain JS array
@@ -83,23 +81,24 @@ export function toArray(value, start, end) {
 		//
 		return Array.from(value);
 	} else {
-		return arraySlice(value, start, end);
+		return arraySlice.call(value, start, end);
 	}
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Convert an async iterator to an array
  * - If no async iterator is passed, the value will be processed by `from()`
  *
- * @param {AsyncIterator|mixed} value
+ * @param {AsyncIterator|any} value
  *   Async iterator or value to convert to array
  *
- * @returns {Array} list of items returned by the iterator
+ * @returns {Promise<Array>} list of items returned by the iterator
  */
 export async function toArrayAsync(value) {
-	if (value instanceof Object && typeof value[Symbol.asyncIterator] === 'function') {
+	if (
+		value instanceof Object &&
+		typeof value[Symbol.asyncIterator] === 'function'
+	) {
 		// value is an async iterator
 
 		const arr = [];
@@ -116,8 +115,6 @@ export async function toArrayAsync(value) {
 	}
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Convert a path string to an array path
  * - The path string will be spit at the `pathSeparator` token
@@ -139,16 +136,16 @@ export function toArrayPath(path, pathSeparator = PATH_SEPARATOR) {
 		// path is already an array
 		return path;
 	} else {
-		throw new Error('Missing or invalid parameter [path] (expected string or array)');
+		throw new Error(
+			'Missing or invalid parameter [path] (expected string or array)'
+		);
 	}
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Push a value to an array if it is not null, undefined or an empty string
  *
- * @template {arrray} T
+ * @template {array} T
  * @param {T} arr
  * @param {any} value
  *
@@ -164,8 +161,6 @@ export function pushNotEmpty(arr, value) {
 	return arr;
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Loop over the supplied array and call the callback for every element
  * - The callback will receive the current element of the array as
@@ -213,8 +208,6 @@ export function loop(arr, callback, additionalArguments) {
 	}
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Get a list of all values from the items in the array at the
  * specified path
@@ -231,7 +224,7 @@ export function loop(arr, callback, additionalArguments) {
  *
  *
  *
- * @returns {mixed[]} values
+ * @returns {any[]|Set<any>} values
  */
 export function pathValues(items, path, options = {}) {
 	// == Process parameters
@@ -277,8 +270,6 @@ export function pathValues(items, path, options = {}) {
 	return values;
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Sort function that sorts a list of objects by values encountered at the
  * specified key values of the object.
@@ -306,8 +297,6 @@ export function sortByKeyValue(items, key, compareFn = smallestFirst) {
 	});
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Sort function that sorts a list of objects by values encountered at the
  * specified key values of the object.
@@ -335,8 +324,6 @@ export function sortByKeyValueReversed(items, key, compareFn = largestFirst) {
 	});
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Sort function that sorts a list of objects by values encountered at the
  * specified object path.
@@ -393,8 +380,6 @@ export function sortByPathValue(items, path, compareFn = smallestFirst) {
 	cache.clear();
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Find the first item in the list of objects that matches the selector
  * - All items in the supplied array must be objects
@@ -411,8 +396,6 @@ export function findFirst(arr, selector) {
 	return selectorObj.findFirst(arr);
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Returns all items from the list of items that match the selector
  * - All items in the supplied array must be objects
@@ -429,8 +412,6 @@ export function findAll(arr, selector) {
 	return selectorObj.findAll(arr);
 }
 
-// -----------------------------------------------------------------------------
-
 /**
  * Convert array to an object using a list of keys for each index
  *

package/dist/util/svelte/state-context/index.d.ts

@@ -14,5 +14,5 @@
  *   getState
  * ]}
  */
-export function defineStateContext<T>(State: new () => T): [(contextKey: import("../../../typedef").ContextKey) => T, (contextKey: import("../../../typedef").ContextKey) => T, (contextKey: import("../../../typedef").ContextKey) => T];
+export function defineStateContext<T>(State: new () => T): [(contextKey?: import("../../../typedef").ContextKey) => T, (contextKey?: import("../../../typedef").ContextKey) => T, (contextKey?: import("../../../typedef").ContextKey) => T];
 export const DEFAULT_CONTEXT_KEY: "default";

package/dist/util/svelte/state-context/index.js

@@ -30,7 +30,7 @@ export function defineStateContext(State) {
   /**
    * Internal function to get the supplied key or the shared key
    *
-   * @param {import('../../../typedef').ContextKey} contextKey
+   * @param {import('../../../typedef').ContextKey} [contextKey]
    *
    * @returns {Symbol} key
    */
@@ -55,7 +55,7 @@ export function defineStateContext(State) {
   /**
    * Create component state
    *
-   * @param {import('../../../typedef').ContextKey} contextKey
+   * @param {import('../../../typedef').ContextKey} [contextKey]
    *
    * @returns {T} state
    */
@@ -80,7 +80,7 @@ export function defineStateContext(State) {
   /**
    * Get component state or create a new state if it does not yet exist
    *
-   * @param {import('../../../typedef').ContextKey} contextKey
+   * @param {import('../../../typedef').ContextKey} [contextKey]
    *
    * @returns {T} state
    */
@@ -99,7 +99,7 @@ export function defineStateContext(State) {
    *
    * @throws Will throw an error if the state-context does not exist
    *
-   * @param {import('../../../typedef').ContextKey} contextKey
+   * @param {import('../../../typedef').ContextKey} [contextKey]
    *
    * @returns {T} state
    */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.84",
+	"version": "0.1.86",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"

package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.d.ts

@@ -1,6 +0,0 @@
-export class AppLayoutState {
-    landscapeOnSmallScreen: boolean;
-}
-export const createOrGetState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;
-export const createState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;
-export const getState: (contextKey: import("../../typedef").ContextKey) => AppLayoutState;