@lemonadejs/dropdown 5.8.0 → 5.8.2

package/dist/index.d.ts

@@ -102,7 +102,9 @@ declare namespace Dropdown {
         isClosed: () => boolean;
         /** Get current value */
         getValue: () => number | string | number[] | string[];
-        /** Get current value */
+        /** Get current text (label). Returns string if single, string[] if multiple */
+        getText: () => string | string[];
+        /** Set current value */
         setValue: (value: number | string | number[] | string[]) => void;
         /** Get current data */
         getData: () => Item[];

package/dist/index.js

@@ -539,7 +539,13 @@ if (!Modal && typeof (require) === 'function') {
 
             if (Array.isArray(data)) {
                 data.map(function (s) {
-                    s.selected = newValue.some(v => v == s.value);
+                    s.selected = newValue.some(v => {
+                        // Use strict equality when either value is empty string to avoid '' == 0 being true
+                        if (v === '' || s.value === '') {
+                            return v === s.value;
+                        }
+                        return v == s.value;
+                    });
                     if (s.selected) {
                         value.push(s);
                     }
@@ -574,6 +580,20 @@ if (!Modal && typeof (require) === 'function') {
             return null;
         }
 
+        const getText = function () {
+            if (self.multiple) {
+                if (value && value.length) {
+                    return value.filter(v => v.selected).map(i => i.text);
+                }
+            } else {
+                if (value && value.length) {
+                    return value[0].text;
+                }
+            }
+
+            return null;
+        }
+
         const onopen = function () {
             self.state = true;
             // Value
@@ -719,7 +739,7 @@ if (!Modal && typeof (require) === 'function') {
             if (! self.isClosed() && self.autocomplete) {
 
                 // Remote or normal search
-                if (self.remote === true) {
+                if (self.remote === true && self.url) {
                     // Clear existing timeout
                     if (searchTimeout) {
                         clearTimeout(searchTimeout);
@@ -744,7 +764,11 @@ if (!Modal && typeof (require) === 'function') {
 
                     // Debounce the search with 300ms delay
                     searchTimeout = setTimeout(() => {
-                        fetch(`${self.url}?q=${query}`, http).then(r => r.json()).then(resetData).catch((error) => {
+                        let url = self.url;
+                        url += url.indexOf('?') === -1 ? '?' : '&';
+                        url += `q=${query}`;
+
+                        fetch(url, http).then(r => r.json()).then(resetData).catch((error) => {
                             resetData([]);
                         });
                     }, 300);
@@ -1024,6 +1048,10 @@ if (!Modal && typeof (require) === 'function') {
             return self.value;
         }
 
+        self.getText = function() {
+            return getText();
+        }
+
         self.setValue = function(v) {
             self.value = v;
         }
@@ -1143,8 +1171,35 @@ if (!Modal && typeof (require) === 'function') {
             if (prop === 'value') {
                 setValue(self.value);
             } else if (prop === 'data') {
+                // Store current value before resetting data
+                let currentValue = self.value;
                 setData();
-                self.value = null;
+
+                // Only reset value if it's not in the new data
+                if (currentValue !== null && currentValue !== undefined && currentValue !== '') {
+                    let valuesToCheck = Array.isArray(currentValue) ? currentValue : [currentValue];
+
+                    // Filter to keep only values that exist in the new data
+                    let validValues = valuesToCheck.filter(v => {
+                        return self.data.some(item => {
+                            if (v === '' || item.value === '') {
+                                return v === item.value;
+                            }
+                            return v == item.value;
+                        });
+                    });
+
+                    if (validValues.length === 0) {
+                        // No valid values remain, reset to null
+                        self.value = null;
+                    } else if (self.multiple) {
+                        // Multi-select: keep only valid values
+                        self.value = validValues;
+                    } else {
+                        // Single select: re-apply the value
+                        self.value = validValues[0];
+                    }
+                }
             }
 
             if (typeof (lazyloading) === 'function') {

package/dist/style.css

@@ -58,6 +58,10 @@
     border: 1px solid var(--lm-border-color, #767676);
     border-radius: var(--lm-border-radius, 2px);
     position: relative;
+    line-height: normal;
+    display: flex;
+    align-items: center;
+    font: inherit;
 }
 
 .lm-dropdown-input > br {

package/package.json

@@ -14,10 +14,10 @@
         "javascript plugins"
     ],
     "dependencies": {
-        "lemonadejs": "^5.3.2",
-        "@lemonadejs/modal": "^5.8.0"
+        "lemonadejs": "^5.3.6",
+        "@lemonadejs/modal": "^5.8.2"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "5.8.0"
+    "version": "5.8.2"
 }