@aquera/nile-elements 0.0.25 → 0.0.26

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.26",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

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

@@ -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);
-
-      // 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
-      }
+    // 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
+        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;
   }