@lemonadejs/dropdown 5.8.0 → 5.8.1

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
@@ -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;
         }

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": "^5.3.6",
         "@lemonadejs/modal": "^5.8.0"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "5.8.0"
+    "version": "5.8.1"
 }