intelliwaketssveltekitv25 1.0.53 → 1.0.55

package/dist/ArrayTable.svelte

@@ -17,6 +17,7 @@
 		SortColumnUpdate,
 		ToUpperCaseWords
 	} from '@solidbasisventures/intelliwaketsfoundation'
+	import { onMount } from 'svelte'
 
 	let {
 		arrayData,
@@ -40,11 +41,20 @@
 
 	let sorter = $state<ISortColumn<T>>({
 		...initialSortColumn,
-		primarySort: arrayStructure.defaultSortColumn ?? null,
-		primaryAscending: arrayStructure.defaultSortAscending ?? true,
+		primarySort: null,
+		primaryAscending: true,
 		empty_to_bottom: false
 	})
 
+	onMount(() => {
+		sorter = {
+			...initialSortColumn,
+			primarySort: arrayStructure.defaultSortColumn ?? null,
+			primaryAscending: arrayStructure.defaultSortAscending ?? true,
+			empty_to_bottom: false
+		}
+	})
+
 
 	let validColumns = $derived(ValidColumns(arrayData, arrayStructure))
 

package/dist/Functions.d.ts

@@ -34,7 +34,10 @@ export declare const DoIDsMatch: (a: any, b: any) => boolean;
  *                  - `update(nextEnabled: boolean)`: Updates the enabled state.
  *                  - `destroy()`: Cancels the auto-focus behavior and cleans up resources.
  */
-export declare function autoFocus(el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | never): void;
+export declare function autoFocus(el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, enabled?: boolean): {
+    update(nextEnabled: boolean): void;
+    destroy(): void;
+};
 export declare function autoGrow(node: HTMLTextAreaElement, _value?: string | null): {
     update(): void;
     destroy(): void;

package/dist/Functions.js

@@ -184,46 +184,42 @@ export const DoIDsMatch = (a, b) => IsEqual(a, b) || IsEqual(a?.id, b?.id);
  *                  - `update(nextEnabled: boolean)`: Updates the enabled state.
  *                  - `destroy()`: Cancels the auto-focus behavior and cleans up resources.
  */
+export function autoFocus(el, enabled = true) {
+    let cancelled = false;
+    async function run() {
+        if (!enabled)
+            return;
+        await tick();
+        if (cancelled)
+            return;
+        // Avoid focusing detached nodes
+        if (!el.isConnected)
+            return;
+        // Sometimes modals need the next frame (transitions/portals)
+        requestAnimationFrame(() => {
+            if (!cancelled)
+                el.focus();
+        });
+    }
+    void run();
+    return {
+        update(nextEnabled) {
+            enabled = nextEnabled;
+            void run();
+        },
+        destroy() {
+            cancelled = true;
+        }
+    };
+}
 // export function autoFocus(
-// 	el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement,
-// 	enabled: boolean = true
+// 	el: HTMLElement | HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | never
 // ) {
-// 	let cancelled = false
-//
-// 	async function run() {
-// 		if (!enabled) return
-//
-// 		await tick()
-// 		if (cancelled) return
-//
-// 		// Avoid focusing detached nodes
-// 		if (!el.isConnected) return
-//
-// 		// Sometimes modals need the next frame (transitions/portals)
-// 		requestAnimationFrame(() => {
-// 			if (!cancelled) el.focus()
-// 		})
-// 	}
-//
-// 	void run()
-//
-// 	return {
-// 		update(nextEnabled: boolean) {
-// 			enabled = nextEnabled
-// 			void run()
-// 		},
-// 		destroy() {
-// 			cancelled = true
-// 		}
-// 	}
+// 	tick().then(() => {
+// 		if (!el) console.error('autoFocus el not available')
+// 		el?.focus()
+// 	})
 // }
-export function autoFocus(el) {
-    tick().then(() => {
-        if (!el)
-            console.error('autoFocus el not available');
-        el?.focus();
-    });
-}
 export function autoGrow(node, _value) {
     let userResized = false;
     let pointerDown = false;

package/dist/SlideDown.svelte

@@ -135,7 +135,7 @@
 		if (show) scrollToActive()
 	})
 
-	const ddStyle = !maxHeight ? undefined : `max-height: ${maxHeight as string};`
+	const ddStyle = $derived(!maxHeight ? undefined : `max-height: ${maxHeight as string};`)
 
 	let indentsExist = $derived(!!ddActions?.some(ddAction => ddAction.active && ddAction.indented))
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,12 +16,12 @@
   "peerDependencies": {
     "@solidbasisventures/intelliwaketsfoundation": "^5.13.14",
     "@sveltejs/kit": "^2.49.2",
-    "svelte": "^5.45.8"
+    "svelte": "^5.46.0"
   },
   "devDependencies": {
     "@solidbasisventures/intelliwaketsfoundation": "^5.13.14",
-    "@sveltejs/kit": "^2.49.0",
-    "svelte": "^5.45.2",
+    "@sveltejs/kit": "^2.49.2",
+    "svelte": "^5.46.0",
     "@chromatic-com/storybook": "^3.2.6",
     "@eslint/compat": "^1.2.9",
     "@eslint/js": "^9.26.0",
@@ -47,12 +47,12 @@
     "@vitest/coverage-v8": "^3.1.3",
     "eslint": "^9.26.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-svelte": "^3.13.0",
+    "eslint-plugin-svelte": "^3.13.1",
     "globals": "^16.1.0",
     "jsdom": "^26.1.0",
     "playwright": "^1.52.0",
     "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.4.0",
+    "prettier-plugin-svelte": "^3.4.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "publint": "^0.3.12",
     "storybook": "^8.6.12",