svelte-typeahead 4.2.2 → 4.2.3

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.2.3](https://github.com/metonym/svelte-typeahead/releases/tag/v4.2.3) - 2022-07-04
+
+**Fixes**
+
+- update selected index when hovering over a result
+
 ## [4.2.2](https://github.com/metonym/svelte-typeahead/releases/tag/v4.2.2) - 2022-03-20
 
 **Fixes**

package/README.md

@@ -185,9 +185,7 @@ Set `focusAfterSelect` to `true` to re-focus the search input after selecting a
   on:clear={() => (e = [...e, { event: "clear" }])}
 />
 
-<pre>
-  {JSON.stringify(e, null, 2)}
-</pre>
+<pre>{JSON.stringify(e, null, 2)}</pre>
 ```
 
 ### Forwarded events

package/lib/index.js

@@ -136,6 +136,9 @@
     function element(name) {
         return document.createElement(name);
     }
+    function svg_element(name) {
+        return document.createElementNS('http://www.w3.org/2000/svg', name);
+    }
     function text(data) {
         return document.createTextNode(data);
     }
@@ -197,13 +200,15 @@
     function toggle_class(element, name, toggle) {
         element.classList[toggle ? 'add' : 'remove'](name);
     }
-    function custom_event(type, detail, bubbles = false) {
+    function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
         const e = document.createEvent('CustomEvent');
-        e.initCustomEvent(type, bubbles, false, detail);
+        e.initCustomEvent(type, bubbles, cancelable, detail);
         return e;
     }
     class HtmlTag {
-        constructor() {
+        constructor(is_svg = false) {
+            this.is_svg = false;
+            this.is_svg = is_svg;
             this.e = this.n = null;
         }
         c(html) {
@@ -211,7 +216,10 @@
         }
         m(html, target, anchor = null) {
             if (!this.e) {
-                this.e = element(target.nodeName);
+                if (this.is_svg)
+                    this.e = svg_element(target.nodeName);
+                else
+                    this.e = element(target.nodeName);
                 this.t = target;
                 this.c(html);
             }
@@ -253,16 +261,18 @@
     }
     function createEventDispatcher() {
         const component = get_current_component();
-        return (type, detail) => {
+        return (type, detail, { cancelable = false } = {}) => {
             const callbacks = component.$$.callbacks[type];
             if (callbacks) {
                 // TODO are there situations where events could be dispatched
                 // in a server (non-DOM) environment?
-                const event = custom_event(type, detail);
+                const event = custom_event(type, detail, { cancelable });
                 callbacks.slice().forEach(fn => {
                     fn.call(component, event);
                 });
+                return !event.defaultPrevented;
             }
+            return true;
         };
     }
     // TODO figure out if we still want to support
@@ -721,7 +731,7 @@
 
     var fuzzy = fuzzy$1.exports;
 
-    /* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.46.4 */
+    /* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.48.0 */
 
     function add_css$1(target) {
     	append_styles(target, "svelte-5m0wg6", ".hide-label.svelte-5m0wg6{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}");
@@ -1058,7 +1068,7 @@
 
     var Search$1 = Search;
 
-    /* src/Typeahead.svelte generated by Svelte v3.46.4 */
+    /* src/Typeahead.svelte generated by Svelte v3.48.0 */
 
     function add_css(target) {
     	append_styles(target, "svelte-j5n77y", "[data-svelte-typeahead].svelte-j5n77y{position:relative;background-color:#fff}ul.svelte-j5n77y{position:absolute;top:100%;left:0;width:100%;padding:0;list-style:none;background-color:inherit;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}li.svelte-j5n77y,.no-results.svelte-j5n77y{padding:0.25rem 1rem}li.svelte-j5n77y{cursor:pointer}li.svelte-j5n77y:not(:last-of-type){border-bottom:1px solid #e0e0e0}li.svelte-j5n77y:hover{background-color:#e5e5e5}.selected.svelte-j5n77y{background-color:#e5e5e5}.selected.svelte-j5n77y:hover{background-color:#cacaca}.disabled.svelte-j5n77y{opacity:0.4;cursor:not-allowed}[data-svelte-search] label{margin-bottom:0.25rem;display:inline-flex;font-size:0.875rem}[data-svelte-search] input{width:100%;padding:0.5rem 0.75rem;background:none;font-size:1rem;border:0;border-radius:0;border:1px solid #e5e5e5}[data-svelte-search] input:focus{outline-color:#0f62fe;outline-offset:2px;outline-width:1px}");
@@ -1071,14 +1081,14 @@
 
     const get_no_results_slot_context = ctx => ({
     	value: /*value*/ ctx[0],
-    	result: /*result*/ ctx[40],
-    	index: /*i*/ ctx[42]
+    	result: /*result*/ ctx[41],
+    	index: /*i*/ ctx[43]
     });
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[41] = list[i];
+    	child_ctx[43] = i;
     	return child_ctx;
     }
 
@@ -1088,8 +1098,8 @@
     });
 
     const get_default_slot_context = ctx => ({
-    	result: /*result*/ ctx[40],
-    	index: /*i*/ ctx[42],
+    	result: /*result*/ ctx[41],
+    	index: /*i*/ ctx[43],
     	value: /*value*/ ctx[0]
     });
 
@@ -1177,15 +1187,15 @@
     	};
     }
 
-    // (213:43)              
+    // (217:43)              
     function fallback_block(ctx) {
     	let html_tag;
-    	let raw_value = /*result*/ ctx[40].string + "";
+    	let raw_value = /*result*/ ctx[41].string + "";
     	let html_anchor;
 
     	return {
     		c() {
-    			html_tag = new HtmlTag();
+    			html_tag = new HtmlTag(false);
     			html_anchor = empty();
     			html_tag.a = html_anchor;
     		},
@@ -1194,7 +1204,7 @@
     			insert(target, html_anchor, anchor);
     		},
     		p(ctx, dirty) {
-    			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[40].string + "")) html_tag.p(raw_value);
+    			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[41].string + "")) html_tag.p(raw_value);
     		},
     		d(detaching) {
     			if (detaching) detach(html_anchor);
@@ -1217,7 +1227,11 @@
     	const default_slot_or_fallback = default_slot || fallback_block(ctx);
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[35](/*result*/ ctx[40], /*i*/ ctx[42]);
+    		return /*click_handler_1*/ ctx[35](/*result*/ ctx[41], /*i*/ ctx[43]);
+    	}
+
+    	function mouseenter_handler() {
+    		return /*mouseenter_handler*/ ctx[36](/*result*/ ctx[41], /*i*/ ctx[43]);
     	}
 
     	return {
@@ -1226,11 +1240,11 @@
     			if (default_slot_or_fallback) default_slot_or_fallback.c();
     			t = space();
     			attr(li, "role", "option");
-    			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[42]));
-    			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
+    			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[43]));
+    			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
     			attr(li, "class", "svelte-j5n77y");
-    			toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
-    			toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+    			toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
+    			toggle_class(li, "disabled", /*result*/ ctx[41].disabled);
     		},
     		m(target, anchor) {
     			insert(target, li, anchor);
@@ -1243,7 +1257,11 @@
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(li, "click", click_handler_1);
+    				dispose = [
+    					listen(li, "click", click_handler_1),
+    					listen(li, "mouseenter", mouseenter_handler)
+    				];
+
     				mounted = true;
     			}
     		},
@@ -1269,20 +1287,20 @@
     				}
     			}
 
-    			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[42]))) {
+    			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[43]))) {
     				attr(li, "id", li_id_value);
     			}
 
-    			if (!current || dirty[0] & /*selectedIndex*/ 64 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[42])) {
+    			if (!current || dirty[0] & /*selectedIndex*/ 64 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[43])) {
     				attr(li, "aria-selected", li_aria_selected_value);
     			}
 
     			if (dirty[0] & /*selectedIndex*/ 64) {
-    				toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
+    				toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
     			}
 
     			if (dirty[0] & /*results*/ 2) {
-    				toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+    				toggle_class(li, "disabled", /*result*/ ctx[41].disabled);
     			}
     		},
     		i(local) {
@@ -1298,12 +1316,12 @@
     			if (detaching) detach(li);
     			if (default_slot_or_fallback) default_slot_or_fallback.d(detaching);
     			mounted = false;
-    			dispose();
+    			run_all(dispose);
     		}
     	};
     }
 
-    // (219:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
+    // (223:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
     function create_if_block(ctx) {
     	let div;
     	let current;
@@ -1462,7 +1480,7 @@
     			if (if_block0) if_block0.m(ul, null);
     			append(ul, t1);
     			if (if_block1) if_block1.m(ul, null);
-    			/*div_binding*/ ctx[36](div);
+    			/*div_binding*/ ctx[37](div);
     			current = true;
 
     			if (!mounted) {
@@ -1593,7 +1611,7 @@
     			destroy_component(search);
     			if (if_block0) if_block0.d();
     			if (if_block1) if_block1.d();
-    			/*div_binding*/ ctx[36](null);
+    			/*div_binding*/ ctx[37](null);
     			mounted = false;
     			dispose();
     		}
@@ -1767,6 +1785,11 @@
     		}
     	};
 
+    	const mouseenter_handler = (result, i) => {
+    		if (result.disabled) return;
+    		$$invalidate(6, selectedIndex = i);
+    	};
+
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			comboboxRef = $$value;
@@ -1845,6 +1868,7 @@
     		keydown_handler,
     		keydown_handler_1,
     		click_handler_1,
+    		mouseenter_handler,
     		div_binding
     	];
     }

package/lib/index.mjs

@@ -130,6 +130,9 @@ function destroy_each(iterations, detaching) {
 function element(name) {
     return document.createElement(name);
 }
+function svg_element(name) {
+    return document.createElementNS('http://www.w3.org/2000/svg', name);
+}
 function text(data) {
     return document.createTextNode(data);
 }
@@ -191,13 +194,15 @@ function set_input_value(input, value) {
 function toggle_class(element, name, toggle) {
     element.classList[toggle ? 'add' : 'remove'](name);
 }
-function custom_event(type, detail, bubbles = false) {
+function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
     const e = document.createEvent('CustomEvent');
-    e.initCustomEvent(type, bubbles, false, detail);
+    e.initCustomEvent(type, bubbles, cancelable, detail);
     return e;
 }
 class HtmlTag {
-    constructor() {
+    constructor(is_svg = false) {
+        this.is_svg = false;
+        this.is_svg = is_svg;
         this.e = this.n = null;
     }
     c(html) {
@@ -205,7 +210,10 @@ class HtmlTag {
     }
     m(html, target, anchor = null) {
         if (!this.e) {
-            this.e = element(target.nodeName);
+            if (this.is_svg)
+                this.e = svg_element(target.nodeName);
+            else
+                this.e = element(target.nodeName);
             this.t = target;
             this.c(html);
         }
@@ -247,16 +255,18 @@ function afterUpdate(fn) {
 }
 function createEventDispatcher() {
     const component = get_current_component();
-    return (type, detail) => {
+    return (type, detail, { cancelable = false } = {}) => {
         const callbacks = component.$$.callbacks[type];
         if (callbacks) {
             // TODO are there situations where events could be dispatched
             // in a server (non-DOM) environment?
-            const event = custom_event(type, detail);
+            const event = custom_event(type, detail, { cancelable });
             callbacks.slice().forEach(fn => {
                 fn.call(component, event);
             });
+            return !event.defaultPrevented;
         }
+        return true;
     };
 }
 // TODO figure out if we still want to support
@@ -715,7 +725,7 @@ fuzzy.filter = function(pattern, arr, opts) {
 
 var fuzzy = fuzzy$1.exports;
 
-/* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.46.4 */
+/* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.48.0 */
 
 function add_css$1(target) {
 	append_styles(target, "svelte-5m0wg6", ".hide-label.svelte-5m0wg6{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}");
@@ -1052,7 +1062,7 @@ class Search extends SvelteComponent {
 
 var Search$1 = Search;
 
-/* src/Typeahead.svelte generated by Svelte v3.46.4 */
+/* src/Typeahead.svelte generated by Svelte v3.48.0 */
 
 function add_css(target) {
 	append_styles(target, "svelte-j5n77y", "[data-svelte-typeahead].svelte-j5n77y{position:relative;background-color:#fff}ul.svelte-j5n77y{position:absolute;top:100%;left:0;width:100%;padding:0;list-style:none;background-color:inherit;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}li.svelte-j5n77y,.no-results.svelte-j5n77y{padding:0.25rem 1rem}li.svelte-j5n77y{cursor:pointer}li.svelte-j5n77y:not(:last-of-type){border-bottom:1px solid #e0e0e0}li.svelte-j5n77y:hover{background-color:#e5e5e5}.selected.svelte-j5n77y{background-color:#e5e5e5}.selected.svelte-j5n77y:hover{background-color:#cacaca}.disabled.svelte-j5n77y{opacity:0.4;cursor:not-allowed}[data-svelte-search] label{margin-bottom:0.25rem;display:inline-flex;font-size:0.875rem}[data-svelte-search] input{width:100%;padding:0.5rem 0.75rem;background:none;font-size:1rem;border:0;border-radius:0;border:1px solid #e5e5e5}[data-svelte-search] input:focus{outline-color:#0f62fe;outline-offset:2px;outline-width:1px}");
@@ -1065,14 +1075,14 @@ const get_no_results_slot_changes = dirty => ({
 
 const get_no_results_slot_context = ctx => ({
 	value: /*value*/ ctx[0],
-	result: /*result*/ ctx[40],
-	index: /*i*/ ctx[42]
+	result: /*result*/ ctx[41],
+	index: /*i*/ ctx[43]
 });
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[40] = list[i];
-	child_ctx[42] = i;
+	child_ctx[41] = list[i];
+	child_ctx[43] = i;
 	return child_ctx;
 }
 
@@ -1082,8 +1092,8 @@ const get_default_slot_changes = dirty => ({
 });
 
 const get_default_slot_context = ctx => ({
-	result: /*result*/ ctx[40],
-	index: /*i*/ ctx[42],
+	result: /*result*/ ctx[41],
+	index: /*i*/ ctx[43],
 	value: /*value*/ ctx[0]
 });
 
@@ -1171,15 +1181,15 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (213:43)              
+// (217:43)              
 function fallback_block(ctx) {
 	let html_tag;
-	let raw_value = /*result*/ ctx[40].string + "";
+	let raw_value = /*result*/ ctx[41].string + "";
 	let html_anchor;
 
 	return {
 		c() {
-			html_tag = new HtmlTag();
+			html_tag = new HtmlTag(false);
 			html_anchor = empty();
 			html_tag.a = html_anchor;
 		},
@@ -1188,7 +1198,7 @@ function fallback_block(ctx) {
 			insert(target, html_anchor, anchor);
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[40].string + "")) html_tag.p(raw_value);
+			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[41].string + "")) html_tag.p(raw_value);
 		},
 		d(detaching) {
 			if (detaching) detach(html_anchor);
@@ -1211,7 +1221,11 @@ function create_each_block(ctx) {
 	const default_slot_or_fallback = default_slot || fallback_block(ctx);
 
 	function click_handler_1() {
-		return /*click_handler_1*/ ctx[35](/*result*/ ctx[40], /*i*/ ctx[42]);
+		return /*click_handler_1*/ ctx[35](/*result*/ ctx[41], /*i*/ ctx[43]);
+	}
+
+	function mouseenter_handler() {
+		return /*mouseenter_handler*/ ctx[36](/*result*/ ctx[41], /*i*/ ctx[43]);
 	}
 
 	return {
@@ -1220,11 +1234,11 @@ function create_each_block(ctx) {
 			if (default_slot_or_fallback) default_slot_or_fallback.c();
 			t = space();
 			attr(li, "role", "option");
-			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[42]));
-			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
+			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[43]));
+			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
 			attr(li, "class", "svelte-j5n77y");
-			toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
-			toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+			toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
+			toggle_class(li, "disabled", /*result*/ ctx[41].disabled);
 		},
 		m(target, anchor) {
 			insert(target, li, anchor);
@@ -1237,7 +1251,11 @@ function create_each_block(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(li, "click", click_handler_1);
+				dispose = [
+					listen(li, "click", click_handler_1),
+					listen(li, "mouseenter", mouseenter_handler)
+				];
+
 				mounted = true;
 			}
 		},
@@ -1263,20 +1281,20 @@ function create_each_block(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[42]))) {
+			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*i*/ ctx[43]))) {
 				attr(li, "id", li_id_value);
 			}
 
-			if (!current || dirty[0] & /*selectedIndex*/ 64 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[42])) {
+			if (!current || dirty[0] & /*selectedIndex*/ 64 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[6] === /*i*/ ctx[43])) {
 				attr(li, "aria-selected", li_aria_selected_value);
 			}
 
 			if (dirty[0] & /*selectedIndex*/ 64) {
-				toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
+				toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[43]);
 			}
 
 			if (dirty[0] & /*results*/ 2) {
-				toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+				toggle_class(li, "disabled", /*result*/ ctx[41].disabled);
 			}
 		},
 		i(local) {
@@ -1292,12 +1310,12 @@ function create_each_block(ctx) {
 			if (detaching) detach(li);
 			if (default_slot_or_fallback) default_slot_or_fallback.d(detaching);
 			mounted = false;
-			dispose();
+			run_all(dispose);
 		}
 	};
 }
 
-// (219:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
+// (223:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
 function create_if_block(ctx) {
 	let div;
 	let current;
@@ -1456,7 +1474,7 @@ function create_fragment(ctx) {
 			if (if_block0) if_block0.m(ul, null);
 			append(ul, t1);
 			if (if_block1) if_block1.m(ul, null);
-			/*div_binding*/ ctx[36](div);
+			/*div_binding*/ ctx[37](div);
 			current = true;
 
 			if (!mounted) {
@@ -1587,7 +1605,7 @@ function create_fragment(ctx) {
 			destroy_component(search);
 			if (if_block0) if_block0.d();
 			if (if_block1) if_block1.d();
-			/*div_binding*/ ctx[36](null);
+			/*div_binding*/ ctx[37](null);
 			mounted = false;
 			dispose();
 		}
@@ -1761,6 +1779,11 @@ function instance($$self, $$props, $$invalidate) {
 		}
 	};
 
+	const mouseenter_handler = (result, i) => {
+		if (result.disabled) return;
+		$$invalidate(6, selectedIndex = i);
+	};
+
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			comboboxRef = $$value;
@@ -1839,6 +1862,7 @@ function instance($$self, $$props, $$invalidate) {
 		keydown_handler,
 		keydown_handler_1,
 		click_handler_1,
+		mouseenter_handler,
 		div_binding
 	];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-typeahead",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "license": "MIT",
   "description": "Accessible, fuzzy search typeahead component",
   "author": "Eric Liu (https://github.com/metonym)",
@@ -22,8 +22,8 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.0.2",
-    "svelte": "^3.46.4",
-    "svelte-check": "^2.4.6",
+    "svelte": "^3.48.0",
+    "svelte-check": "^2.8.0",
     "svelte-readme": "^3.6.3"
   },
   "repository": {

package/src/Typeahead.svelte

@@ -209,6 +209,10 @@
               select();
             }
           }}
+          on:mouseenter={() => {
+            if (result.disabled) return;
+            selectedIndex = i;
+          }}
         >
           <slot {result} index={i} {value}>
             {@html result.string}