@aquera/nile-elements 0.0.25 → 0.0.27

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-select/nile-select.ts

@@ -577,7 +577,7 @@ export class NileSelect extends NileElement implements NileFormControl {
 
       // Select only the options that match the new value
       this.setSelectedOptions(
-        allOptions.filter(el => value.includes(el.value))
+        allOptions.filter(el => value.map(String).includes(el.value))
       );
     } else {
       // Rerun this handler when <nile-option> is registered
@@ -613,27 +613,29 @@ export class NileSelect extends NileElement implements NileFormControl {
     // Get all options as an array
     const options = [...this.querySelectorAll<NileOption>('nile-option')];
 
-    // Sort the options based on the order of values in this.oldValue
-    options.sort((a, b) => {
-      let indexA = this.oldValue.indexOf(a.value);
-      let indexB = this.oldValue.indexOf(b.value);
+    // Sort the options based on the order of values selected
+    if (this.multiple && this.oldValue?.length > 0) {
+      options.sort((a, b) => {
+        let indexA = this.oldValue.indexOf(a.value);
+        let indexB = this.oldValue.indexOf(b.value);
 
-      // Handle cases where a __value is not found in this.oldValue
-      if (indexA === -1) {
-        indexA = Infinity; // Place at the end if not found
-      }
-      if (indexB === -1) {
-        indexB = Infinity; // Place at the end if not found
-      }
+        // Handle cases where a __value is not found
+        if (indexA === -1) {
+          indexA = Infinity; // Place at the end if not found
+        }
+        if (indexB === -1) {
+          indexB = Infinity; // Place at the end if not found
+        }
 
-      if (indexA < indexB) {
-        return -1;
-      }
-      if (indexA > indexB) {
-        return 1;
-      }
-      return 0;
-    });
+        if (indexA < indexB) {
+          return -1;
+        }
+        if (indexA > indexB) {
+          return 1;
+        }
+        return 0;
+      });
+    }
 
     return options;
   }