Feature: add throw error if element not found

dist/autoComplete.js

@@ -218,6 +218,7 @@
     resultsList.id = resultsList.id || name + "_list_" + ctx.id;
     resultItem.id = resultItem.id || name + "_result";
     ctx.input = select$1(ctx.selector);
+    if (!(ctx.input instanceof HTMLElement)) throw new Error("DOM Element selector not found. Check that your selector is valid and element exist.");
   });
 
   var eventEmitter = (function (name, ctx) {

docs/demo/js/autoComplete.js

@@ -218,6 +218,7 @@
     resultsList.id = resultsList.id || name + "_list_" + ctx.id;
     resultItem.id = resultItem.id || name + "_result";
     ctx.input = select$1(ctx.selector);
+    if (!(ctx.input instanceof HTMLElement)) throw new Error("DOM Element selector not found. Check that your selector is valid and element exist.");
   });
 
   var eventEmitter = (function (name, ctx) {

docs/how-to-guides.md

@@ -244,6 +244,31 @@ filter: (list) => {
 
 <!-- panels:end -->
 
+## `Show all items on click`
+
+<!-- panels:start -->
+<!-- div:left-panel -->
+
+##### Code:
+
+```js
+// autoComplete.js Config Options
+threshold: 0,
+resultsList: {
+    maxResults: undefined
+},
+```
+
+<!-- div:right-panel -->
+
+##### Example
+
+<input type="text" dir="ltr" spellcheck=false autocorrect="off" autocomplete="off" autocapitalize="off" id="autoComplete_07">
+
+<!-- panels:end -->
+
+***
+
 <script>
     const data = {
         src: ["Pizza", "Burgers", "Sushi", "Coffee", "Soda", "Fresh Juice"]
@@ -442,4 +467,26 @@ filter: (list) => {
             }
         }
     });
-</script>
+
+    const autoCompleteJS_07 = new autoComplete({
+        selector: "#autoComplete_07",
+        placeHolder,
+        data,
+        threshold: 0,
+        resultsList: {
+            maxResults: undefined
+        },
+        resultItem,
+        events: {
+            input: {
+                focus (event) {
+                    autoCompleteJS_07.start();
+                },
+                selection (event) {
+                    const selection = event.detail.selection.value;
+                    autoCompleteJS_07.input.value = selection;
+                }
+            },
+        },
+    });
+</script>

src/services/configure.js

@@ -29,4 +29,5 @@ export default (ctx) => {
 
   // Assign the "input" html element
   ctx.input = select(ctx.selector);
+  if (!(ctx.input instanceof HTMLElement)) throw new Error("DOM Element selector not found. Check that your selector is valid and element exist.");
 };