svelte-select-5 6.1.1 → 6.1.3

package/Select.svelte

@@ -195,7 +195,11 @@
                 label: value,
             };
         } else if (multiple && Array.isArray(value) && value.length > 0) {
-            value = value.map((item) => (typeof item === 'string' ? { value: item, label: item } : item));
+            // Only transform if there are string items that need conversion
+            const hasStringItems = value.some(item => typeof item === 'string');
+            if (hasStringItems) {
+                value = value.map((item) => (typeof item === 'string' ? { value: item, label: item } : item));
+            }
         }
     }
 
@@ -760,12 +764,17 @@
     });
 
     // Handle external changes to justValue (allows setting value via justValue)
+    // Also handles case where justValue is set before items are loaded
     $effect(() => {
         const computed = computeJustValue();
         const isExternalChange = justValue !== prevJustValue &&
             JSON.stringify(justValue) !== JSON.stringify(computed);
 
-        if (isExternalChange && items) {
+        // Update value if: external justValue change, OR items loaded while justValue is set but value is empty
+        const needsValueUpdate = isExternalChange ||
+            (items && justValue != null && !value && JSON.stringify(justValue) !== JSON.stringify(computed));
+
+        if (needsValueUpdate && items) {
             if (multiple) {
                 value = justValue
                     ? items.filter(item => justValue.includes(item[itemId]))
@@ -782,6 +791,9 @@
     // Read-only props - always reflect current state, external changes are ignored
     $effect(() => {
         readonlyValue = value;
+    });
+
+    $effect(() => {
         readonlyId = computeJustValue();
     });
 
@@ -834,6 +846,8 @@
     });
 
     onDestroy(() => {
+        clearTimeout(timeout);
+        clearTimeout(isScrollingTimer);
         list?.remove();
     });
 </script>

package/no-styles/Select.svelte

@@ -195,7 +195,11 @@
                 label: value,
             };
         } else if (multiple && Array.isArray(value) && value.length > 0) {
-            value = value.map((item) => (typeof item === 'string' ? { value: item, label: item } : item));
+            // Only transform if there are string items that need conversion
+            const hasStringItems = value.some(item => typeof item === 'string');
+            if (hasStringItems) {
+                value = value.map((item) => (typeof item === 'string' ? { value: item, label: item } : item));
+            }
         }
     }
 
@@ -760,12 +764,17 @@
     });
 
     // Handle external changes to justValue (allows setting value via justValue)
+    // Also handles case where justValue is set before items are loaded
     $effect(() => {
         const computed = computeJustValue();
         const isExternalChange = justValue !== prevJustValue &&
             JSON.stringify(justValue) !== JSON.stringify(computed);
 
-        if (isExternalChange && items) {
+        // Update value if: external justValue change, OR items loaded while justValue is set but value is empty
+        const needsValueUpdate = isExternalChange ||
+            (items && justValue != null && !value && JSON.stringify(justValue) !== JSON.stringify(computed));
+
+        if (needsValueUpdate && items) {
             if (multiple) {
                 value = justValue
                     ? items.filter(item => justValue.includes(item[itemId]))
@@ -782,6 +791,9 @@
     // Read-only props - always reflect current state, external changes are ignored
     $effect(() => {
         readonlyValue = value;
+    });
+
+    $effect(() => {
         readonlyId = computeJustValue();
     });
 
@@ -834,6 +846,8 @@
     });
 
     onDestroy(() => {
+        clearTimeout(timeout);
+        clearTimeout(isScrollingTimer);
         list?.remove();
     });
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-select-5",
-  "version": "6.1.1",
+  "version": "6.1.3",
   "description": "A <Select> component for Svelte 5 apps (fork of svelte-select)",
   "repository": "https://github.com/Dbone29/svelte-select-5.git",
   "author": "Robert Balfré <rob.balfre@gmail.com> (https://github.com/rob-balfre)",