@softwareone/spi-sv5-library 1.11.8 → 1.11.10

package/dist/ProgressWizard/ProgressWizard.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
-	import { type Snippet } from 'svelte';
+	import { untrack, type Snippet } from 'svelte';
 
 	import { Button, ErrorPage, type ProgressWizardStep } from '../index.js';
 
 	interface ProgressWizardProps {
 		steps: ProgressWizardStep[];
-		readonly?: boolean;
 		currentStep: number;
+		readonly?: boolean;
+		initialStep?: number;
 		content: Snippet;
 		additionalButtons: Snippet<[lastActiveStep: number]>;
 		oncancel: VoidFunction;
@@ -16,6 +17,7 @@
 		steps,
 		readonly = false,
 		currentStep = $bindable(0),
+		initialStep,
 		content,
 		additionalButtons,
 		oncancel
@@ -25,6 +27,21 @@
 	const firstActiveStep = $derived<number>(steps.findIndex((step) => !step.disabled) + 1);
 	const lastActiveStep = $derived<number>(steps.findLastIndex((step) => !step.disabled) + 1);
 
+	const isValidInitialStep = (initialStep: number): boolean => {
+		const index = initialStep - 1;
+		if (index < 0 || index >= steps.length) return false;
+		return !steps[index].disabled;
+	};
+
+	const getInitialStep = (): number => {
+		if (allStepsDisabled) return -1;
+		return initialStep && isValidInitialStep(initialStep) ? initialStep : firstActiveStep;
+	};
+
+	const getInitialStepReadonlyMode = (): number => {
+		return allStepsDisabled ? -1 : steps.length;
+	};
+
 	const onclickNext = () => {
 		const nextStepIndex = steps.slice(currentStep).findIndex((step) => !step.disabled);
 		currentStep = currentStep + nextStepIndex + 1;
@@ -39,18 +56,9 @@
 		currentStep = currentStep - previousStepIndex - 1;
 	};
 
-	const stepToStart = (): number => {
-		if (readonly && allStepsDisabled) return -1;
-		if (readonly && !allStepsDisabled) return steps.length;
-		return firstActiveStep;
-	};
-
-	currentStep = stepToStart();
-
 	$effect(() => {
-		if (!readonly) {
-			currentStep = firstActiveStep;
-		}
+		if (!readonly) currentStep = untrack(() => getInitialStep());
+		else currentStep = untrack(() => getInitialStepReadonlyMode());
 	});
 </script>
 

package/dist/ProgressWizard/ProgressWizard.svelte.d.ts

@@ -2,8 +2,9 @@ import { type Snippet } from 'svelte';
 import { type ProgressWizardStep } from '../index.js';
 interface ProgressWizardProps {
     steps: ProgressWizardStep[];
-    readonly?: boolean;
     currentStep: number;
+    readonly?: boolean;
+    initialStep?: number;
     content: Snippet;
     additionalButtons: Snippet<[lastActiveStep: number]>;
     oncancel: VoidFunction;

package/dist/Table/ActionsColumn.svelte

@@ -25,12 +25,14 @@
 		dividerIndex !== -1 && dividerIndex !== actions.length - 1 && dividerIndex === index;
 
 	const autoPosition: Attachment<HTMLElement> = (element: HTMLElement) => {
+		const MENU_GAP = 2;
+
 		const updatePosition = () => {
 			const rect = container.getBoundingClientRect();
 			const showAbove = rect.bottom + element.offsetHeight > window.innerHeight;
 
 			const left = rect.left + rect.width / 2 - element.offsetWidth / 2;
-			const top = showAbove ? rect.top - element.offsetHeight + 14 : rect.bottom - 8;
+			const top = showAbove ? rect.top - element.offsetHeight + MENU_GAP : rect.bottom + MENU_GAP;
 
 			element.style.setProperty('--menu-left', `${Math.max(0, left)}px`);
 			element.style.setProperty('--menu-top', `${top}px`);
@@ -69,7 +71,6 @@
 		<div
 			role="menu"
 			tabindex="-1"
-			class="actions-group"
 			bind:this={container}
 			onmouseenter={toggleActionsMenu}
 			onmouseleave={toggleActionsMenu}
@@ -126,15 +127,11 @@
 		justify-content: center;
 	}
 
-	.actions-group {
-		position: relative;
-	}
-
 	.actions-trigger {
 		display: inline-block;
-		margin-bottom: var(--spacing-sm);
 		font-size: var(--font-size-2xl);
 		font-weight: bold;
+		line-height: 0;
 		cursor: default;
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@softwareone/spi-sv5-library",
-	"version": "1.11.8",
+	"version": "1.11.10",
 	"description": "Svelte components",
 	"keywords": [
 		"svelte",