@geoffcox/sterling-svelte 2.0.6 → 2.0.7

package/dist/Dropdown.types.d.ts

@@ -8,10 +8,10 @@ type DeprecatedProps = {
 };
 export type DropdownProps = HTMLAttributes<HTMLDivElement> & DeprecatedProps & {
     disabled?: boolean | null | undefined;
+    icon?: Snippet;
+    onOpen?: (open: boolean | null | undefined) => void;
     open?: boolean | null | undefined;
     stayOpenOnClickAway?: boolean | null | undefined;
-    onOpen?: (open: boolean | null | undefined) => void;
-    icon?: Snippet;
     value?: string | Snippet;
 };
 export {};

package/dist/Label.svelte

@@ -108,8 +108,6 @@
     targetRequired = targetRef && 'required' in targetRef && !!targetRef.required;
   };
 
-  $inspect(targetRequired);
-
   const onTargetAttributeChanged: MutationCallback = (mutations) => {
     if (
       mutations.findIndex(

package/dist/Slider.svelte

@@ -18,6 +18,21 @@
     ...rest
   }: SliderProps = $props();
 
+  const ensureValueValid = () => {
+    const clamped = Math.max(min, Math.min(max, value));
+    const newValue = precision !== undefined ? round(clamped, precision) : clamped;
+    if (value !== newValue) {
+      value = newValue;
+    }
+  };
+
+  // ensure incoming value is valid to avoid effect lag
+  if (min > max) {
+    console.warn('The slider min is greater than max.');
+  }
+
+  ensureValueValid();
+
   let sliderRef: HTMLDivElement;
 
   export const blur = () => {
@@ -32,28 +47,14 @@
     sliderRef?.parentElement?.focus(options);
   };
 
-  let ratio = $derived((value - min) / (max - min));
+  let ratio = $derived(max - min > 0 ? (value - min) / (max - min) : 0);
 
+  // when value changes, ensure it is valid right away
   const setValue = (newValue: number) => {
     const clamped = Math.max(min, Math.min(max, newValue));
     value = precision !== undefined ? round(clamped, precision) : clamped;
   };
 
-  // ensure min <= max
-  $effect(() => {
-    if (min > max) {
-      min = max;
-    }
-  });
-
-  $effect(() => {
-    const clamped = Math.max(min, Math.min(max, value));
-    const newValue = precision !== undefined ? round(clamped, precision) : clamped;
-    if (value !== newValue) {
-      value = newValue;
-    }
-  });
-
   const setValueByOffset = (offset: number) => {
     if (sliderSize > 0) {
       const positionRatio = Math.max(0, Math.min(1, offset / sliderSize));
@@ -62,6 +63,10 @@
     }
   };
 
+  $effect(() => {
+    ensureValueValid();
+  });
+
   // Raise change event when value changes
   $effect(() => {
     onChange?.(value);

package/dist/Tooltip.svelte

@@ -10,6 +10,7 @@
     class: _class,
     disabled = false,
     hoverDelayMilliseconds = 1000,
+    onOpen,
     open = $bindable(false),
     tip,
     ...rest
@@ -45,6 +46,10 @@
     }
   };
 
+  $effect(() => {
+    onOpen?.(open);
+  });
+
   $effect(() => {
     if (disabled) {
       hide();

package/dist/Tooltip.types.d.ts

@@ -3,5 +3,6 @@ import type { CalloutProps } from './Callout.types';
 export type TooltipProps = Omit<CalloutProps, 'reference'> & {
     disabled?: boolean;
     hoverDelayMilliseconds?: number;
+    onOpen?: (open: boolean | null | undefined) => void;
     tip?: string | Snippet;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -64,8 +64,7 @@
     "lint": "prettier --check . && eslint .",
     "package": "svelte-kit sync && svelte-package && publint",
     "preview": "vite preview",
-    "test": "npm run test:integration && npm run test:unit",
-    "test:unit": "vitest"
+    "test": "npm run test:integration && npm run test:unit"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -95,8 +94,7 @@
     "svelte-check": "^4.0.0",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.20.0",
-    "vite": "^6.0.0",
-    "vitest": "^3.0.0"
+    "vite": "^6.0.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",