svelte-typeahead 4.2.2 → 4.3.0

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
@@ -400,6 +410,9 @@
             });
             block.o(local);
         }
+        else if (callback) {
+            callback();
+        }
     }
 
     function get_spread_update(levels, updates) {
@@ -721,7 +734,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.49.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,10 +1071,10 @@
 
     var Search$1 = Search;
 
-    /* src/Typeahead.svelte generated by Svelte v3.46.4 */
+    /* src/Typeahead.svelte generated by Svelte v3.49.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}");
+    	append_styles(target, "svelte-9wywte", "[data-svelte-typeahead].svelte-9wywte.svelte-9wywte{position:relative;background-color:#fff}ul.svelte-9wywte.svelte-9wywte{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)}[aria-expanded=\"true\"].svelte-9wywte ul.svelte-9wywte{z-index:1}li.svelte-9wywte.svelte-9wywte,.no-results.svelte-9wywte.svelte-9wywte{padding:0.25rem 1rem}li.svelte-9wywte.svelte-9wywte{cursor:pointer}li.svelte-9wywte.svelte-9wywte:not(:last-of-type){border-bottom:1px solid #e0e0e0}li.svelte-9wywte.svelte-9wywte:hover{background-color:#e5e5e5}.selected.svelte-9wywte.svelte-9wywte{background-color:#e5e5e5}.selected.svelte-9wywte.svelte-9wywte:hover{background-color:#cacaca}.disabled.svelte-9wywte.svelte-9wywte{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}");
     }
 
     const get_no_results_slot_changes = dirty => ({
@@ -1071,14 +1084,14 @@
 
     const get_no_results_slot_context = ctx => ({
     	value: /*value*/ ctx[0],
-    	result: /*result*/ ctx[40],
-    	index: /*i*/ ctx[42]
+    	result: /*result*/ ctx[46],
+    	index: /*index*/ ctx[48]
     });
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[40] = list[i];
-    	child_ctx[42] = i;
+    	child_ctx[46] = list[i];
+    	child_ctx[48] = i;
     	return child_ctx;
     }
 
@@ -1088,12 +1101,12 @@
     });
 
     const get_default_slot_context = ctx => ({
-    	result: /*result*/ ctx[40],
-    	index: /*i*/ ctx[42],
+    	result: /*result*/ ctx[46],
+    	index: /*index*/ ctx[48],
     	value: /*value*/ ctx[0]
     });
 
-    // (198:4) {#if !hideDropdown && results.length > 0}
+    // (212:4) {#if showResults}
     function create_if_block_1(ctx) {
     	let each_1_anchor;
     	let current;
@@ -1125,7 +1138,7 @@
     			current = true;
     		},
     		p(ctx, dirty) {
-    			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 1048775) {
+    			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 33555207) {
     				each_value = /*results*/ ctx[1];
     				let i;
 
@@ -1177,15 +1190,15 @@
     	};
     }
 
-    // (213:43)              
+    // (230:41)              
     function fallback_block(ctx) {
     	let html_tag;
-    	let raw_value = /*result*/ ctx[40].string + "";
+    	let raw_value = /*result*/ ctx[46].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 +1207,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[46].string + "")) html_tag.p(raw_value);
     		},
     		d(detaching) {
     			if (detaching) detach(html_anchor);
@@ -1203,7 +1216,7 @@
     	};
     }
 
-    // (199:6) {#each results as result, i}
+    // (213:6) {#each results as result, index}
     function create_each_block(ctx) {
     	let li;
     	let t;
@@ -1212,12 +1225,16 @@
     	let current;
     	let mounted;
     	let dispose;
-    	const default_slot_template = /*#slots*/ ctx[21].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[20], get_default_slot_context);
+    	const default_slot_template = /*#slots*/ ctx[26].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], get_default_slot_context);
     	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[40](/*result*/ ctx[46], /*index*/ ctx[48]);
+    	}
+
+    	function mouseenter_handler() {
+    		return /*mouseenter_handler*/ ctx[41](/*result*/ ctx[46], /*index*/ ctx[48]);
     	}
 
     	return {
@@ -1226,11 +1243,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, "class", "svelte-j5n77y");
-    			toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
-    			toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+    			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*index*/ ctx[48]));
+    			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[8] === /*index*/ ctx[48]);
+    			attr(li, "class", "svelte-9wywte");
+    			toggle_class(li, "selected", /*selectedIndex*/ ctx[8] === /*index*/ ctx[48]);
+    			toggle_class(li, "disabled", /*result*/ ctx[46].disabled);
     		},
     		m(target, anchor) {
     			insert(target, li, anchor);
@@ -1243,7 +1260,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;
     			}
     		},
@@ -1251,15 +1272,15 @@
     			ctx = new_ctx;
 
     			if (default_slot) {
-    				if (default_slot.p && (!current || dirty[0] & /*$$scope, results, value*/ 1048579)) {
+    				if (default_slot.p && (!current || dirty[0] & /*$$scope, results, value*/ 33554435)) {
     					update_slot_base(
     						default_slot,
     						default_slot_template,
     						ctx,
-    						/*$$scope*/ ctx[20],
+    						/*$$scope*/ ctx[25],
     						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[20])
-    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[20], dirty, get_default_slot_changes),
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, get_default_slot_changes),
     						get_default_slot_context
     					);
     				}
@@ -1269,20 +1290,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-" + /*index*/ ctx[48]))) {
     				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*/ 256 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[8] === /*index*/ ctx[48])) {
     				attr(li, "aria-selected", li_aria_selected_value);
     			}
 
-    			if (dirty[0] & /*selectedIndex*/ 64) {
-    				toggle_class(li, "selected", /*selectedIndex*/ ctx[6] === /*i*/ ctx[42]);
+    			if (dirty[0] & /*selectedIndex*/ 256) {
+    				toggle_class(li, "selected", /*selectedIndex*/ ctx[8] === /*index*/ ctx[48]);
     			}
 
     			if (dirty[0] & /*results*/ 2) {
-    				toggle_class(li, "disabled", /*result*/ ctx[40].disabled);
+    				toggle_class(li, "disabled", /*result*/ ctx[46].disabled);
     			}
     		},
     		i(local) {
@@ -1298,23 +1319,23 @@
     			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}
+    // (236:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
     function create_if_block(ctx) {
     	let div;
     	let current;
-    	const no_results_slot_template = /*#slots*/ ctx[21]["no-results"];
-    	const no_results_slot = create_slot(no_results_slot_template, ctx, /*$$scope*/ ctx[20], get_no_results_slot_context);
+    	const no_results_slot_template = /*#slots*/ ctx[26]["no-results"];
+    	const no_results_slot = create_slot(no_results_slot_template, ctx, /*$$scope*/ ctx[25], get_no_results_slot_context);
 
     	return {
     		c() {
     			div = element("div");
     			if (no_results_slot) no_results_slot.c();
-    			attr(div, "class", "svelte-j5n77y");
+    			attr(div, "class", "svelte-9wywte");
     			toggle_class(div, "no-results", true);
     		},
     		m(target, anchor) {
@@ -1328,15 +1349,15 @@
     		},
     		p(ctx, dirty) {
     			if (no_results_slot) {
-    				if (no_results_slot.p && (!current || dirty[0] & /*$$scope, value, results*/ 1048579)) {
+    				if (no_results_slot.p && (!current || dirty[0] & /*$$scope, value, results*/ 33554435)) {
     					update_slot_base(
     						no_results_slot,
     						no_results_slot_template,
     						ctx,
-    						/*$$scope*/ ctx[20],
+    						/*$$scope*/ ctx[25],
     						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[20])
-    						: get_slot_changes(no_results_slot_template, /*$$scope*/ ctx[20], dirty, get_no_results_slot_changes),
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+    						: get_slot_changes(no_results_slot_template, /*$$scope*/ ctx[25], dirty, get_no_results_slot_changes),
     						get_no_results_slot_context
     					);
     				}
@@ -1369,7 +1390,6 @@
     	let ul_aria_labelledby_value;
     	let ul_id_value;
     	let div_aria_owns_value;
-    	let div_aria_expanded_value;
     	let div_id_value;
     	let current;
     	let mounted;
@@ -1378,7 +1398,7 @@
     	const search_spread_levels = [
     		{ id: /*id*/ ctx[2] },
     		{ removeFormAriaAttributes: true },
-    		/*$$restProps*/ ctx[10],
+    		/*$$restProps*/ ctx[14],
     		{ "aria-autocomplete": "list" },
     		{
     			"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1387,18 +1407,18 @@
     			"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
     		},
     		{
-    			"aria-activedescendant": /*selectedIndex*/ ctx[6] >= 0 && !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0
-    			? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[6]}`
+    			"aria-activedescendant": /*selectedIndex*/ ctx[8] >= 0 && !/*hideDropdown*/ ctx[3] && /*results*/ ctx[1].length > 0
+    			? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[8]}`
     			: null
     		}
     	];
 
     	function search_ref_binding(value) {
-    		/*search_ref_binding*/ ctx[23](value);
+    		/*search_ref_binding*/ ctx[28](value);
     	}
 
     	function search_value_binding(value) {
-    		/*search_value_binding*/ ctx[24](value);
+    		/*search_value_binding*/ ctx[29](value);
     	}
 
     	let search_props = {};
@@ -1407,8 +1427,8 @@
     		search_props = assign(search_props, search_spread_levels[i]);
     	}
 
-    	if (/*searchRef*/ ctx[4] !== void 0) {
-    		search_props.ref = /*searchRef*/ ctx[4];
+    	if (/*searchRef*/ ctx[7] !== void 0) {
+    		search_props.ref = /*searchRef*/ ctx[7];
     	}
 
     	if (/*value*/ ctx[0] !== void 0) {
@@ -1418,18 +1438,19 @@
     	search = new Search$1({ props: search_props });
     	binding_callbacks.push(() => bind(search, 'ref', search_ref_binding));
     	binding_callbacks.push(() => bind(search, 'value', search_value_binding));
-    	search.$on("type", /*type_handler*/ ctx[25]);
-    	search.$on("input", /*input_handler*/ ctx[26]);
-    	search.$on("change", /*change_handler*/ ctx[27]);
-    	search.$on("focus", /*focus_handler*/ ctx[28]);
-    	search.$on("focus", /*focus_handler_1*/ ctx[29]);
-    	search.$on("clear", /*clear_handler*/ ctx[30]);
-    	search.$on("clear", /*clear_handler_1*/ ctx[31]);
-    	search.$on("blur", /*blur_handler*/ ctx[32]);
-    	search.$on("keydown", /*keydown_handler*/ ctx[33]);
-    	search.$on("keydown", /*keydown_handler_1*/ ctx[34]);
-    	let if_block0 = !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0 && create_if_block_1(ctx);
-    	let if_block1 = /*$$slots*/ ctx[9]["no-results"] && !/*hideDropdown*/ ctx[5] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0 && create_if_block(ctx);
+    	search.$on("type", /*type_handler*/ ctx[30]);
+    	search.$on("input", /*input_handler*/ ctx[31]);
+    	search.$on("change", /*change_handler*/ ctx[32]);
+    	search.$on("focus", /*focus_handler*/ ctx[33]);
+    	search.$on("focus", /*focus_handler_1*/ ctx[34]);
+    	search.$on("clear", /*clear_handler*/ ctx[35]);
+    	search.$on("clear", /*open*/ ctx[11]);
+    	search.$on("blur", /*blur_handler*/ ctx[36]);
+    	search.$on("blur", /*blur_handler_1*/ ctx[37]);
+    	search.$on("keydown", /*keydown_handler*/ ctx[38]);
+    	search.$on("keydown", /*keydown_handler_1*/ ctx[39]);
+    	let if_block0 = /*showResults*/ ctx[5] && create_if_block_1(ctx);
+    	let if_block1 = /*$$slots*/ ctx[13]["no-results"] && !/*hideDropdown*/ ctx[3] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0 && create_if_block(ctx);
 
     	return {
     		c() {
@@ -1443,15 +1464,15 @@
     			attr(ul, "role", "listbox");
     			attr(ul, "aria-labelledby", ul_aria_labelledby_value = "" + (/*id*/ ctx[2] + "-label"));
     			attr(ul, "id", ul_id_value = "" + (/*id*/ ctx[2] + "-listbox"));
-    			attr(ul, "class", "svelte-j5n77y");
+    			attr(ul, "class", "svelte-9wywte");
     			toggle_class(ul, "svelte-typeahead-list", true);
     			attr(div, "data-svelte-typeahead", "");
     			attr(div, "role", "combobox");
     			attr(div, "aria-haspopup", "listbox");
     			attr(div, "aria-owns", div_aria_owns_value = "" + (/*id*/ ctx[2] + "-listbox"));
-    			attr(div, "aria-expanded", div_aria_expanded_value = !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0);
+    			attr(div, "aria-expanded", /*showResults*/ ctx[5]);
     			attr(div, "id", div_id_value = "" + (/*id*/ ctx[2] + "-typeahead"));
-    			attr(div, "class", "svelte-j5n77y");
+    			attr(div, "class", "svelte-9wywte");
     			toggle_class(div, "dropdown", /*results*/ ctx[1].length > 0);
     		},
     		m(target, anchor) {
@@ -1462,20 +1483,20 @@
     			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[42](div);
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(window, "click", /*click_handler*/ ctx[22]);
+    				dispose = listen(window, "click", /*click_handler*/ ctx[27]);
     				mounted = true;
     			}
     		},
     		p(ctx, dirty) {
-    			const search_changes = (dirty[0] & /*id, $$restProps, selectedIndex, hideDropdown, results*/ 1126)
+    			const search_changes = (dirty[0] & /*id, $$restProps, selectedIndex, hideDropdown, results*/ 16654)
     			? get_spread_update(search_spread_levels, [
     					dirty[0] & /*id*/ 4 && { id: /*id*/ ctx[2] },
     					search_spread_levels[1],
-    					dirty[0] & /*$$restProps*/ 1024 && get_spread_object(/*$$restProps*/ ctx[10]),
+    					dirty[0] & /*$$restProps*/ 16384 && get_spread_object(/*$$restProps*/ ctx[14]),
     					search_spread_levels[3],
     					dirty[0] & /*id*/ 4 && {
     						"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1483,17 +1504,17 @@
     					dirty[0] & /*id*/ 4 && {
     						"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
     					},
-    					dirty[0] & /*selectedIndex, hideDropdown, results, id*/ 102 && {
-    						"aria-activedescendant": /*selectedIndex*/ ctx[6] >= 0 && !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0
-    						? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[6]}`
+    					dirty[0] & /*selectedIndex, hideDropdown, results, id*/ 270 && {
+    						"aria-activedescendant": /*selectedIndex*/ ctx[8] >= 0 && !/*hideDropdown*/ ctx[3] && /*results*/ ctx[1].length > 0
+    						? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[8]}`
     						: null
     					}
     				])
     			: {};
 
-    			if (!updating_ref && dirty[0] & /*searchRef*/ 16) {
+    			if (!updating_ref && dirty[0] & /*searchRef*/ 128) {
     				updating_ref = true;
-    				search_changes.ref = /*searchRef*/ ctx[4];
+    				search_changes.ref = /*searchRef*/ ctx[7];
     				add_flush_callback(() => updating_ref = false);
     			}
 
@@ -1505,11 +1526,11 @@
 
     			search.$set(search_changes);
 
-    			if (!/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0) {
+    			if (/*showResults*/ ctx[5]) {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
 
-    					if (dirty[0] & /*hideDropdown, results*/ 34) {
+    					if (dirty[0] & /*showResults*/ 32) {
     						transition_in(if_block0, 1);
     					}
     				} else {
@@ -1528,11 +1549,11 @@
     				check_outros();
     			}
 
-    			if (/*$$slots*/ ctx[9]["no-results"] && !/*hideDropdown*/ ctx[5] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0) {
+    			if (/*$$slots*/ ctx[13]["no-results"] && !/*hideDropdown*/ ctx[3] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0) {
     				if (if_block1) {
     					if_block1.p(ctx, dirty);
 
-    					if (dirty[0] & /*$$slots, hideDropdown, value, results*/ 547) {
+    					if (dirty[0] & /*$$slots, hideDropdown, value, results*/ 8203) {
     						transition_in(if_block1, 1);
     					}
     				} else {
@@ -1563,8 +1584,8 @@
     				attr(div, "aria-owns", div_aria_owns_value);
     			}
 
-    			if (!current || dirty[0] & /*hideDropdown, results*/ 34 && div_aria_expanded_value !== (div_aria_expanded_value = !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0)) {
-    				attr(div, "aria-expanded", div_aria_expanded_value);
+    			if (!current || dirty[0] & /*showResults*/ 32) {
+    				attr(div, "aria-expanded", /*showResults*/ ctx[5]);
     			}
 
     			if (!current || dirty[0] & /*id*/ 4 && div_id_value !== (div_id_value = "" + (/*id*/ ctx[2] + "-typeahead"))) {
@@ -1593,7 +1614,7 @@
     			destroy_component(search);
     			if (if_block0) if_block0.d();
     			if (if_block1) if_block1.d();
-    			/*div_binding*/ ctx[36](null);
+    			/*div_binding*/ ctx[42](null);
     			mounted = false;
     			dispose();
     		}
@@ -1603,9 +1624,10 @@
     function instance($$self, $$props, $$invalidate) {
     	let options;
     	let resultsId;
+    	let showResults;
 
     	const omit_props_names = [
-    		"id","value","data","extract","disable","filter","autoselect","inputAfterSelect","results","focusAfterSelect","limit"
+    		"id","value","data","extract","disable","filter","autoselect","inputAfterSelect","results","focusAfterSelect","showDropdownOnFocus","limit"
     	];
 
     	let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -1621,6 +1643,7 @@
     	let { inputAfterSelect = "update" } = $$props;
     	let { results = [] } = $$props;
     	let { focusAfterSelect = false } = $$props;
+    	let { showDropdownOnFocus = false } = $$props;
     	let { limit = Infinity } = $$props;
     	const dispatch = createEventDispatcher();
     	let comboboxRef = null;
@@ -1628,14 +1651,15 @@
     	let hideDropdown = false;
     	let selectedIndex = -1;
     	let prevResults = "";
+    	let isFocused = false;
 
     	afterUpdate(() => {
     		if (prevResults !== resultsId && autoselect) {
-    			$$invalidate(6, selectedIndex = 0);
+    			$$invalidate(8, selectedIndex = 0);
     		}
 
     		if (prevResults !== resultsId && !$$slots["no-results"]) {
-    			$$invalidate(5, hideDropdown = results.length === 0);
+    			$$invalidate(3, hideDropdown = results.length === 0);
     		}
 
     		prevResults = resultsId;
@@ -1659,7 +1683,7 @@
 
     		await tick();
     		if (focusAfterSelect) searchRef.focus();
-    		$$invalidate(5, hideDropdown = true);
+    		close();
     	}
 
     	/** @type {(direction: -1 | 1) => void} */
@@ -1681,18 +1705,21 @@
     			disabled = results[index].disabled;
     		}
 
-    		$$invalidate(6, selectedIndex = index);
+    		$$invalidate(8, selectedIndex = index);
     	}
 
+    	const open = () => $$invalidate(3, hideDropdown = false);
+    	const close = () => $$invalidate(3, hideDropdown = true);
+
     	const click_handler = ({ target }) => {
-    		if (!hideDropdown && comboboxRef && !comboboxRef.contains(target)) {
-    			$$invalidate(5, hideDropdown = true);
+    		if (!hideDropdown && !comboboxRef?.contains(target)) {
+    			close();
     		}
     	};
 
     	function search_ref_binding(value) {
     		searchRef = value;
-    		$$invalidate(4, searchRef);
+    		$$invalidate(7, searchRef);
     	}
 
     	function search_value_binding(value$1) {
@@ -1717,21 +1744,22 @@
     	}
 
     	const focus_handler_1 = () => {
-    		$$invalidate(5, hideDropdown = false);
+    		open();
+    		$$invalidate(4, isFocused = true);
     	};
 
     	function clear_handler(event) {
     		bubble.call(this, $$self, event);
     	}
 
-    	const clear_handler_1 = () => {
-    		$$invalidate(5, hideDropdown = false);
-    	};
-
     	function blur_handler(event) {
     		bubble.call(this, $$self, event);
     	}
 
+    	const blur_handler_1 = () => {
+    		$$invalidate(4, isFocused = false);
+    	};
+
     	function keydown_handler(event) {
     		bubble.call(this, $$self, event);
     	}
@@ -1754,70 +1782,89 @@
     			case "Escape":
     				e.preventDefault();
     				$$invalidate(0, value = "");
-    				searchRef.focus();
-    				$$invalidate(5, hideDropdown = true);
+    				searchRef?.focus();
+    				close();
     				break;
     		}
     	};
 
-    	const click_handler_1 = (result, i) => {
-    		if (!result.disabled) {
-    			$$invalidate(6, selectedIndex = i);
-    			select();
-    		}
+    	const click_handler_1 = (result, index) => {
+    		if (result.disabled) return;
+    		$$invalidate(8, selectedIndex = index);
+    		select();
+    	};
+
+    	const mouseenter_handler = (result, index) => {
+    		if (result.disabled) return;
+    		$$invalidate(8, selectedIndex = index);
     	};
 
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			comboboxRef = $$value;
-    			$$invalidate(3, comboboxRef);
+    			$$invalidate(6, comboboxRef);
     		});
     	}
 
     	$$self.$$set = $$new_props => {
     		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-    		$$invalidate(10, $$restProps = compute_rest_props($$props, omit_props_names));
+    		$$invalidate(14, $$restProps = compute_rest_props($$props, omit_props_names));
     		if ('id' in $$new_props) $$invalidate(2, id = $$new_props.id);
     		if ('value' in $$new_props) $$invalidate(0, value = $$new_props.value);
-    		if ('data' in $$new_props) $$invalidate(11, data = $$new_props.data);
-    		if ('extract' in $$new_props) $$invalidate(12, extract = $$new_props.extract);
-    		if ('disable' in $$new_props) $$invalidate(13, disable = $$new_props.disable);
-    		if ('filter' in $$new_props) $$invalidate(14, filter = $$new_props.filter);
-    		if ('autoselect' in $$new_props) $$invalidate(15, autoselect = $$new_props.autoselect);
-    		if ('inputAfterSelect' in $$new_props) $$invalidate(16, inputAfterSelect = $$new_props.inputAfterSelect);
+    		if ('data' in $$new_props) $$invalidate(15, data = $$new_props.data);
+    		if ('extract' in $$new_props) $$invalidate(16, extract = $$new_props.extract);
+    		if ('disable' in $$new_props) $$invalidate(17, disable = $$new_props.disable);
+    		if ('filter' in $$new_props) $$invalidate(18, filter = $$new_props.filter);
+    		if ('autoselect' in $$new_props) $$invalidate(19, autoselect = $$new_props.autoselect);
+    		if ('inputAfterSelect' in $$new_props) $$invalidate(20, inputAfterSelect = $$new_props.inputAfterSelect);
     		if ('results' in $$new_props) $$invalidate(1, results = $$new_props.results);
-    		if ('focusAfterSelect' in $$new_props) $$invalidate(17, focusAfterSelect = $$new_props.focusAfterSelect);
-    		if ('limit' in $$new_props) $$invalidate(18, limit = $$new_props.limit);
-    		if ('$$scope' in $$new_props) $$invalidate(20, $$scope = $$new_props.$$scope);
+    		if ('focusAfterSelect' in $$new_props) $$invalidate(21, focusAfterSelect = $$new_props.focusAfterSelect);
+    		if ('showDropdownOnFocus' in $$new_props) $$invalidate(22, showDropdownOnFocus = $$new_props.showDropdownOnFocus);
+    		if ('limit' in $$new_props) $$invalidate(23, limit = $$new_props.limit);
+    		if ('$$scope' in $$new_props) $$invalidate(25, $$scope = $$new_props.$$scope);
     	};
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*extract*/ 4096) {
-    			$$invalidate(19, options = { pre: "<mark>", post: "</mark>", extract });
+    		if ($$self.$$.dirty[0] & /*extract*/ 65536) {
+    			$$invalidate(24, options = { pre: "<mark>", post: "</mark>", extract });
     		}
 
-    		if ($$self.$$.dirty[0] & /*value, data, options, limit, filter, disable*/ 813057) {
+    		if ($$self.$$.dirty[0] & /*value, data, options, limit, filter, disable*/ 25591809) {
     			$$invalidate(1, results = fuzzy.filter(value, data, options).filter(({ score }) => score > 0).slice(0, limit).filter(result => !filter(result.original)).map(result => ({
     				...result,
     				disabled: disable(result.original)
     			})));
     		}
 
-    		if ($$self.$$.dirty[0] & /*results, extract*/ 4098) {
+    		if ($$self.$$.dirty[0] & /*results, extract*/ 65538) {
     			resultsId = results.map(result => extract(result.original)).join("");
     		}
+
+    		if ($$self.$$.dirty[0] & /*hideDropdown, results*/ 10) {
+    			$$invalidate(5, showResults = !hideDropdown && results.length > 0);
+    		}
+
+    		if ($$self.$$.dirty[0] & /*showDropdownOnFocus, showResults, isFocused*/ 4194352) {
+    			if (showDropdownOnFocus) {
+    				$$invalidate(5, showResults = showResults && isFocused);
+    			}
+    		}
     	};
 
     	return [
     		value,
     		results,
     		id,
+    		hideDropdown,
+    		isFocused,
+    		showResults,
     		comboboxRef,
     		searchRef,
-    		hideDropdown,
     		selectedIndex,
     		select,
     		change,
+    		open,
+    		close,
     		$$slots,
     		$$restProps,
     		data,
@@ -1827,6 +1874,7 @@
     		autoselect,
     		inputAfterSelect,
     		focusAfterSelect,
+    		showDropdownOnFocus,
     		limit,
     		options,
     		$$scope,
@@ -1840,11 +1888,12 @@
     		focus_handler,
     		focus_handler_1,
     		clear_handler,
-    		clear_handler_1,
     		blur_handler,
+    		blur_handler_1,
     		keydown_handler,
     		keydown_handler_1,
     		click_handler_1,
+    		mouseenter_handler,
     		div_binding
     	];
     }
@@ -1862,15 +1911,16 @@
     			{
     				id: 2,
     				value: 0,
-    				data: 11,
-    				extract: 12,
-    				disable: 13,
-    				filter: 14,
-    				autoselect: 15,
-    				inputAfterSelect: 16,
+    				data: 15,
+    				extract: 16,
+    				disable: 17,
+    				filter: 18,
+    				autoselect: 19,
+    				inputAfterSelect: 20,
     				results: 1,
-    				focusAfterSelect: 17,
-    				limit: 18
+    				focusAfterSelect: 21,
+    				showDropdownOnFocus: 22,
+    				limit: 23
     			},
     			add_css,
     			[-1, -1]