@lemonadejs/dropdown 3.6.0 → 3.6.2

package/dist/index.d.ts

@@ -22,6 +22,8 @@ declare namespace Dropdown {
         disabled?: boolean;
         /** Color for the item */
         color?: string;
+        // Keywords
+        keywords?: string;
     }
 
     interface Options {

package/dist/index.js

@@ -437,15 +437,19 @@ if (!Modal && typeof (require) === 'function') {
                 });
             }
             // Adjust the width
-            let w = self.input.offsetWidth;
-            if (width < w) {
-                width = w;
-            }
-            // Estimated with based on the text
-            if (self.width < width) {
-                self.width = width;
+            if (typeof(self.width) === 'undefined') {
+                let w = self.input.offsetWidth;
+                if (width < w) {
+                    width = w;
+                }
+                // Estimated with based on the text
+                if (self.width < width) {
+                    self.width = width;
+                }
+                self.el.style.width = self.width + 'px';
             }
-            self.el.style.width = self.width + 'px';
+            // Min width for the container
+            self.container.parentNode.style.minWidth = self.width + 'px';
             // Height
             self.height = 400;
             // Animation for mobile
@@ -645,7 +649,10 @@ if (!Modal && typeof (require) === 'function') {
                     temp = data;
                 } else {
                     temp = data.filter(item => {
-                        return item.selected === true || (item.text.toLowerCase().includes(value)) || (item.group && item.group.toLowerCase().includes(value));
+                        return item.selected === true ||
+                            (item.text.toLowerCase().includes(value)) ||
+                            (item.group && item.group.toLowerCase().includes(value)) ||
+                            (item.keywords.toLowerCase().includes(value));
                     });
                 }
                 // Cursor
@@ -756,6 +763,8 @@ if (!Modal && typeof (require) === 'function') {
 
             // Default width
             self.el.style.width = self.width + 'px';
+            // Container
+            self.container.parentNode.style.minWidth = self.width + 'px';
 
             // Focus out of the component
             self.el.addEventListener('focusout', function (e) {
@@ -864,7 +873,7 @@ if (!Modal && typeof (require) === 'function') {
                 <div>
                     <div :loop="self.result" :ref="self.container" :rows="self.rows">
                         <div class="lm-dropdown-item" onclick="self.parent.select" data-cursor="{{self.cursor}}" data-selected="{{self.selected}}" data-group="{{self.header}}">
-                            <div><img :src="self.image" /><span>{{self.text}}</span></div>
+                            <div><img :src="self.image" /> <div>{{self.text}}</div></div>
                         </div>
                     </div>
                 </div>

package/package.json

@@ -19,5 +19,5 @@
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "3.6.0"
+    "version": "3.6.2"
 }