@itrocks/autocomplete 0.1.4 → 0.1.5

package/autocomplete.d.ts

@@ -24,6 +24,8 @@ export declare class AutoComplete {
     onInput(event: Event): void;
     onInputValueChange(): void;
     onKeyDown(event: KeyboardEvent): void;
+    onTouchStart(event: Event): void;
+    openSuggestions(event: Event): boolean;
     select(): void;
     suggest(value?: string): void;
 }

package/autocomplete.js

@@ -15,6 +15,7 @@ export class AutoComplete {
         input.addEventListener('blur', event => this.onBlur(event));
         input.addEventListener('keydown', event => this.onKeyDown(event));
         input.addEventListener('input', event => this.onInput(event));
+        input.addEventListener('touchstart', event => this.onTouchStart(event));
     }
     autoComplete() {
         if (DEBUG)
@@ -122,22 +123,11 @@ export class AutoComplete {
     keyDown(event) {
         if (DEBUG)
             console.log('keyDown()');
-        const suggestions = this.suggestions;
-        if (!suggestions.length) {
-            this.fetch();
-        }
-        if (!suggestions.isVisible()) {
-            if (suggestions.length > 1) {
-                event.preventDefault();
-                suggestions.show();
-            }
+        if (this.openSuggestions(event))
             return;
-        }
-        event.preventDefault();
-        if (suggestions.isLastSelected()) {
+        if (this.suggestions.isLastSelected())
             return;
-        }
-        this.suggest(suggestions.selectNext()?.caption);
+        this.suggest(this.suggestions.selectNext()?.caption);
     }
     keyEnter(event) {
         if (DEBUG)
@@ -223,6 +213,23 @@ export class AutoComplete {
                 return this.keyEnter(event);
         }
     }
+    onTouchStart(event) {
+        this.openSuggestions(event);
+    }
+    openSuggestions(event) {
+        const suggestions = this.suggestions;
+        if (!suggestions.length) {
+            this.fetch();
+        }
+        if (suggestions.isVisible()) {
+            return false;
+        }
+        if ((suggestions.length > 1) || (!this.input.value.length && suggestions.length)) {
+            event.preventDefault();
+            suggestions.show();
+        }
+        return true;
+    }
     select() {
         if (DEBUG)
             console.log('select()');
@@ -322,6 +329,7 @@ class Suggestions {
             console.log('removeList()');
         if (!this.list)
             return;
+        this.length = 0;
         this.list.remove();
         this.list = undefined;
     }

package/package.json

@@ -40,5 +40,5 @@
 	},
 	"type": "module",
 	"types": "./autocomplete.d.ts",
-	"version": "0.1.4"
+	"version": "0.1.5"
 }