svelte-typeahead 4.3.2 → 4.4.0

package/lib/index.js

@@ -120,6 +120,7 @@
     }
     function append_stylesheet(node, style) {
         append(node.head || node, style);
+        return style.sheet;
     }
     function insert(target, node, anchor) {
         target.insertBefore(node, anchor || null);
@@ -253,12 +254,38 @@
             throw new Error('Function called outside component initialization');
         return current_component;
     }
+    /**
+     * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.
+     * It must be called during the component's initialisation (but doesn't need to live *inside* the component;
+     * it can be called from an external module).
+     *
+     * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).
+     *
+     * https://svelte.dev/docs#run-time-svelte-onmount
+     */
     function onMount(fn) {
         get_current_component().$$.on_mount.push(fn);
     }
+    /**
+     * Schedules a callback to run immediately after the component has been updated.
+     *
+     * The first time the callback runs will be after the initial `onMount`
+     */
     function afterUpdate(fn) {
         get_current_component().$$.after_update.push(fn);
     }
+    /**
+     * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).
+     * Event dispatchers are functions that can take two arguments: `name` and `detail`.
+     *
+     * Component events created with `createEventDispatcher` create a
+     * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).
+     * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).
+     * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)
+     * property and can contain any type of data.
+     *
+     * https://svelte.dev/docs#run-time-svelte-createeventdispatcher
+     */
     function createEventDispatcher() {
         const component = get_current_component();
         return (type, detail, { cancelable = false } = {}) => {
@@ -463,14 +490,17 @@
         block && block.c();
     }
     function mount_component(component, target, anchor, customElement) {
-        const { fragment, on_mount, on_destroy, after_update } = component.$$;
+        const { fragment, after_update } = component.$$;
         fragment && fragment.m(target, anchor);
         if (!customElement) {
             // onMount happens before the initial afterUpdate
             add_render_callback(() => {
-                const new_on_destroy = on_mount.map(run).filter(is_function);
-                if (on_destroy) {
-                    on_destroy.push(...new_on_destroy);
+                const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+                // if the component was destroyed immediately
+                // it will update the `$$.on_destroy` reference to `null`.
+                // the destructured on_destroy may still reference to the old array
+                if (component.$$.on_destroy) {
+                    component.$$.on_destroy.push(...new_on_destroy);
                 }
                 else {
                     // Edge case - component was destroyed immediately,
@@ -506,7 +536,7 @@
         set_current_component(component);
         const $$ = component.$$ = {
             fragment: null,
-            ctx: null,
+            ctx: [],
             // state
             props,
             update: noop,
@@ -571,6 +601,9 @@
             this.$destroy = noop;
         }
         $on(type, callback) {
+            if (!is_function(callback)) {
+                return noop;
+            }
             const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
             callbacks.push(callback);
             return () => {
@@ -734,7 +767,7 @@
 
     var fuzzy = fuzzy$1.exports;
 
-    /* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.49.0 */
+    /* node_modules/svelte-search/src/Search.svelte generated by Svelte v3.52.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}");
@@ -871,7 +904,7 @@
     				attr(label_1, "for", /*id*/ ctx[4]);
     			}
 
-    			if (dirty & /*hideLabel*/ 8) {
+    			if (!current || dirty & /*hideLabel*/ 8) {
     				toggle_class(label_1, "hide-label", /*hideLabel*/ ctx[3]);
     			}
 
@@ -1071,10 +1104,10 @@
 
     var Search$1 = Search;
 
-    /* src/Typeahead.svelte generated by Svelte v3.49.0 */
+    /* src/Typeahead.svelte generated by Svelte v3.52.0 */
 
     function add_css(target) {
-    	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}");
+    	append_styles(target, "svelte-1t4elht", "[data-svelte-typeahead].svelte-1t4elht.svelte-1t4elht{position:relative;background-color:#fff}ul.svelte-1t4elht.svelte-1t4elht{position:absolute;top:100%;left:0;width:100%;margin:0;padding:0;list-style:none;background-color:inherit;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}[aria-expanded=\"true\"].svelte-1t4elht ul.svelte-1t4elht{z-index:1}li.svelte-1t4elht.svelte-1t4elht,.no-results.svelte-1t4elht.svelte-1t4elht{padding:0.25rem 1rem}li.svelte-1t4elht.svelte-1t4elht{cursor:pointer}li.svelte-1t4elht.svelte-1t4elht:not(:last-of-type){border-bottom:1px solid #e0e0e0}li.svelte-1t4elht.svelte-1t4elht:hover{background-color:#e5e5e5}.selected.svelte-1t4elht.svelte-1t4elht{background-color:#e5e5e5}.selected.svelte-1t4elht.svelte-1t4elht:hover{background-color:#cacaca}.disabled.svelte-1t4elht.svelte-1t4elht{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 => ({
@@ -1084,14 +1117,14 @@
 
     const get_no_results_slot_context = ctx => ({
     	value: /*value*/ ctx[0],
-    	result: /*result*/ ctx[46],
-    	index: /*index*/ ctx[48]
+    	result: /*result*/ ctx[47],
+    	index: /*index*/ ctx[49]
     });
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[46] = list[i];
-    	child_ctx[48] = i;
+    	child_ctx[47] = list[i];
+    	child_ctx[49] = i;
     	return child_ctx;
     }
 
@@ -1101,12 +1134,12 @@
     });
 
     const get_default_slot_context = ctx => ({
-    	result: /*result*/ ctx[46],
-    	index: /*index*/ ctx[48],
+    	result: /*result*/ ctx[47],
+    	index: /*index*/ ctx[49],
     	value: /*value*/ ctx[0]
     });
 
-    // (230:4) {#if showResults}
+    // (248:4) {#if showResults}
     function create_if_block_1(ctx) {
     	let each_1_anchor;
     	let current;
@@ -1138,7 +1171,7 @@
     			current = true;
     		},
     		p(ctx, dirty) {
-    			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 33555975) {
+    			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 67111943) {
     				each_value = /*results*/ ctx[1];
     				let i;
 
@@ -1190,10 +1223,10 @@
     	};
     }
 
-    // (248:41)              
+    // (267:41)              
     function fallback_block(ctx) {
     	let html_tag;
-    	let raw_value = /*result*/ ctx[46].string + "";
+    	let raw_value = /*result*/ ctx[47].string + "";
     	let html_anchor;
 
     	return {
@@ -1207,7 +1240,7 @@
     			insert(target, html_anchor, anchor);
     		},
     		p(ctx, dirty) {
-    			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[46].string + "")) html_tag.p(raw_value);
+    			if (dirty[0] & /*results*/ 2 && raw_value !== (raw_value = /*result*/ ctx[47].string + "")) html_tag.p(raw_value);
     		},
     		d(detaching) {
     			if (detaching) detach(html_anchor);
@@ -1216,7 +1249,7 @@
     	};
     }
 
-    // (231:6) {#each results as result, index}
+    // (249:6) {#each results as result, index}
     function create_each_block(ctx) {
     	let li;
     	let t;
@@ -1225,16 +1258,16 @@
     	let current;
     	let mounted;
     	let dispose;
-    	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_template = /*#slots*/ ctx[27].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], get_default_slot_context);
     	const default_slot_or_fallback = default_slot || fallback_block(ctx);
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[39](/*result*/ ctx[46], /*index*/ ctx[48]);
+    		return /*click_handler_1*/ ctx[40](/*result*/ ctx[47], /*index*/ ctx[49]);
     	}
 
     	function mouseenter_handler() {
-    		return /*mouseenter_handler*/ ctx[40](/*result*/ ctx[46], /*index*/ ctx[48]);
+    		return /*mouseenter_handler*/ ctx[41](/*result*/ ctx[47], /*index*/ ctx[49]);
     	}
 
     	return {
@@ -1243,11 +1276,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-" + /*index*/ ctx[48]));
-    			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[9] === /*index*/ ctx[48]);
-    			attr(li, "class", "svelte-9wywte");
-    			toggle_class(li, "selected", /*selectedIndex*/ ctx[9] === /*index*/ ctx[48]);
-    			toggle_class(li, "disabled", /*result*/ ctx[46].disabled);
+    			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*index*/ ctx[49]));
+    			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[10] === /*index*/ ctx[49]);
+    			attr(li, "class", "svelte-1t4elht");
+    			toggle_class(li, "selected", /*selectedIndex*/ ctx[10] === /*index*/ ctx[49]);
+    			toggle_class(li, "disabled", /*result*/ ctx[47].disabled);
     		},
     		m(target, anchor) {
     			insert(target, li, anchor);
@@ -1272,15 +1305,15 @@
     			ctx = new_ctx;
 
     			if (default_slot) {
-    				if (default_slot.p && (!current || dirty[0] & /*$$scope, results, value*/ 33554435)) {
+    				if (default_slot.p && (!current || dirty[0] & /*$$scope, results, value*/ 67108867)) {
     					update_slot_base(
     						default_slot,
     						default_slot_template,
     						ctx,
-    						/*$$scope*/ ctx[25],
+    						/*$$scope*/ ctx[26],
     						!current
-    						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
-    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, get_default_slot_changes),
+    						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
+    						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, get_default_slot_changes),
     						get_default_slot_context
     					);
     				}
@@ -1290,20 +1323,20 @@
     				}
     			}
 
-    			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*index*/ ctx[48]))) {
+    			if (!current || dirty[0] & /*id*/ 4 && li_id_value !== (li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*index*/ ctx[49]))) {
     				attr(li, "id", li_id_value);
     			}
 
-    			if (!current || dirty[0] & /*selectedIndex*/ 512 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[9] === /*index*/ ctx[48])) {
+    			if (!current || dirty[0] & /*selectedIndex*/ 1024 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[10] === /*index*/ ctx[49])) {
     				attr(li, "aria-selected", li_aria_selected_value);
     			}
 
-    			if (dirty[0] & /*selectedIndex*/ 512) {
-    				toggle_class(li, "selected", /*selectedIndex*/ ctx[9] === /*index*/ ctx[48]);
+    			if (!current || dirty[0] & /*selectedIndex*/ 1024) {
+    				toggle_class(li, "selected", /*selectedIndex*/ ctx[10] === /*index*/ ctx[49]);
     			}
 
-    			if (dirty[0] & /*results*/ 2) {
-    				toggle_class(li, "disabled", /*result*/ ctx[46].disabled);
+    			if (!current || dirty[0] & /*results*/ 2) {
+    				toggle_class(li, "disabled", /*result*/ ctx[47].disabled);
     			}
     		},
     		i(local) {
@@ -1324,18 +1357,18 @@
     	};
     }
 
-    // (254:4) {#if $$slots["no-results"] && !hideDropdown && value.length > 0 && results.length === 0}
+    // (273: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[26]["no-results"];
-    	const no_results_slot = create_slot(no_results_slot_template, ctx, /*$$scope*/ ctx[25], get_no_results_slot_context);
+    	const no_results_slot_template = /*#slots*/ ctx[27]["no-results"];
+    	const no_results_slot = create_slot(no_results_slot_template, ctx, /*$$scope*/ ctx[26], get_no_results_slot_context);
 
     	return {
     		c() {
     			div = element("div");
     			if (no_results_slot) no_results_slot.c();
-    			attr(div, "class", "svelte-9wywte");
+    			attr(div, "class", "svelte-1t4elht");
     			toggle_class(div, "no-results", true);
     		},
     		m(target, anchor) {
@@ -1349,15 +1382,15 @@
     		},
     		p(ctx, dirty) {
     			if (no_results_slot) {
-    				if (no_results_slot.p && (!current || dirty[0] & /*$$scope, value, results*/ 33554435)) {
+    				if (no_results_slot.p && (!current || dirty[0] & /*$$scope, value, results*/ 67108867)) {
     					update_slot_base(
     						no_results_slot,
     						no_results_slot_template,
     						ctx,
-    						/*$$scope*/ ctx[25],
+    						/*$$scope*/ ctx[26],
     						!current
-    						? 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_all_dirty_from_scope(/*$$scope*/ ctx[26])
+    						: get_slot_changes(no_results_slot_template, /*$$scope*/ ctx[26], dirty, get_no_results_slot_changes),
     						get_no_results_slot_context
     					);
     				}
@@ -1398,7 +1431,7 @@
     	const search_spread_levels = [
     		{ id: /*id*/ ctx[2] },
     		{ removeFormAriaAttributes: true },
-    		/*$$restProps*/ ctx[15],
+    		/*$$restProps*/ ctx[16],
     		{ "aria-autocomplete": "list" },
     		{
     			"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1407,18 +1440,18 @@
     			"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
     		},
     		{
-    			"aria-activedescendant": /*selectedIndex*/ ctx[9] >= 0 && !/*hideDropdown*/ ctx[4] && /*results*/ ctx[1].length > 0
-    			? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[9]}`
+    			"aria-activedescendant": /*selectedIndex*/ ctx[10] >= 0 && !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0
+    			? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[10]}`
     			: null
     		}
     	];
 
     	function search_ref_binding(value) {
-    		/*search_ref_binding*/ ctx[28](value);
+    		/*search_ref_binding*/ ctx[29](value);
     	}
 
     	function search_value_binding(value) {
-    		/*search_value_binding*/ ctx[29](value);
+    		/*search_value_binding*/ ctx[30](value);
     	}
 
     	let search_props = {};
@@ -1427,8 +1460,8 @@
     		search_props = assign(search_props, search_spread_levels[i]);
     	}
 
-    	if (/*searchRef*/ ctx[8] !== void 0) {
-    		search_props.ref = /*searchRef*/ ctx[8];
+    	if (/*searchRef*/ ctx[9] !== void 0) {
+    		search_props.ref = /*searchRef*/ ctx[9];
     	}
 
     	if (/*value*/ ctx[0] !== void 0) {
@@ -1438,18 +1471,18 @@
     	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[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[12]);
-    	search.$on("blur", /*blur_handler*/ ctx[36]);
-    	search.$on("keydown", /*keydown_handler*/ ctx[37]);
-    	search.$on("keydown", /*keydown_handler_1*/ ctx[38]);
-    	let if_block0 = /*showResults*/ ctx[6] && create_if_block_1(ctx);
-    	let if_block1 = /*$$slots*/ ctx[14]["no-results"] && !/*hideDropdown*/ ctx[4] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0 && create_if_block(ctx);
+    	search.$on("type", /*type_handler*/ ctx[31]);
+    	search.$on("input", /*input_handler*/ ctx[32]);
+    	search.$on("change", /*change_handler*/ ctx[33]);
+    	search.$on("focus", /*focus_handler*/ ctx[34]);
+    	search.$on("focus", /*focus_handler_1*/ ctx[35]);
+    	search.$on("clear", /*clear_handler*/ ctx[36]);
+    	search.$on("clear", /*open*/ ctx[13]);
+    	search.$on("blur", /*blur_handler*/ ctx[37]);
+    	search.$on("keydown", /*keydown_handler*/ ctx[38]);
+    	search.$on("keydown", /*keydown_handler_1*/ ctx[39]);
+    	let if_block0 = /*showResults*/ ctx[7] && create_if_block_1(ctx);
+    	let if_block1 = /*$$slots*/ ctx[15]["no-results"] && !/*hideDropdown*/ ctx[5] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0 && create_if_block(ctx);
 
     	return {
     		c() {
@@ -1463,15 +1496,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-9wywte");
+    			attr(ul, "class", "svelte-1t4elht");
     			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", /*showResults*/ ctx[6]);
+    			attr(div, "aria-expanded", /*showResults*/ ctx[7]);
     			attr(div, "id", div_id_value = "" + (/*id*/ ctx[2] + "-typeahead"));
-    			attr(div, "class", "svelte-9wywte");
+    			attr(div, "class", "svelte-1t4elht");
     			toggle_class(div, "dropdown", /*results*/ ctx[1].length > 0);
     		},
     		m(target, anchor) {
@@ -1482,20 +1515,20 @@
     			if (if_block0) if_block0.m(ul, null);
     			append(ul, t1);
     			if (if_block1) if_block1.m(ul, null);
-    			/*div_binding*/ ctx[41](div);
+    			/*div_binding*/ ctx[42](div);
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(window, "click", /*click_handler*/ ctx[27]);
+    				dispose = listen(window, "click", /*click_handler*/ ctx[28]);
     				mounted = true;
     			}
     		},
     		p(ctx, dirty) {
-    			const search_changes = (dirty[0] & /*id, $$restProps, selectedIndex, hideDropdown, results*/ 33302)
+    			const search_changes = (dirty[0] & /*id, $$restProps, selectedIndex, hideDropdown, results*/ 66598)
     			? get_spread_update(search_spread_levels, [
     					dirty[0] & /*id*/ 4 && { id: /*id*/ ctx[2] },
     					search_spread_levels[1],
-    					dirty[0] & /*$$restProps*/ 32768 && get_spread_object(/*$$restProps*/ ctx[15]),
+    					dirty[0] & /*$$restProps*/ 65536 && get_spread_object(/*$$restProps*/ ctx[16]),
     					search_spread_levels[3],
     					dirty[0] & /*id*/ 4 && {
     						"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1503,17 +1536,17 @@
     					dirty[0] & /*id*/ 4 && {
     						"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
     					},
-    					dirty[0] & /*selectedIndex, hideDropdown, results, id*/ 534 && {
-    						"aria-activedescendant": /*selectedIndex*/ ctx[9] >= 0 && !/*hideDropdown*/ ctx[4] && /*results*/ ctx[1].length > 0
-    						? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[9]}`
+    					dirty[0] & /*selectedIndex, hideDropdown, results, id*/ 1062 && {
+    						"aria-activedescendant": /*selectedIndex*/ ctx[10] >= 0 && !/*hideDropdown*/ ctx[5] && /*results*/ ctx[1].length > 0
+    						? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[10]}`
     						: null
     					}
     				])
     			: {};
 
-    			if (!updating_ref && dirty[0] & /*searchRef*/ 256) {
+    			if (!updating_ref && dirty[0] & /*searchRef*/ 512) {
     				updating_ref = true;
-    				search_changes.ref = /*searchRef*/ ctx[8];
+    				search_changes.ref = /*searchRef*/ ctx[9];
     				add_flush_callback(() => updating_ref = false);
     			}
 
@@ -1525,11 +1558,11 @@
 
     			search.$set(search_changes);
 
-    			if (/*showResults*/ ctx[6]) {
+    			if (/*showResults*/ ctx[7]) {
     				if (if_block0) {
     					if_block0.p(ctx, dirty);
 
-    					if (dirty[0] & /*showResults*/ 64) {
+    					if (dirty[0] & /*showResults*/ 128) {
     						transition_in(if_block0, 1);
     					}
     				} else {
@@ -1548,11 +1581,11 @@
     				check_outros();
     			}
 
-    			if (/*$$slots*/ ctx[14]["no-results"] && !/*hideDropdown*/ ctx[4] && /*value*/ ctx[0].length > 0 && /*results*/ ctx[1].length === 0) {
+    			if (/*$$slots*/ ctx[15]["no-results"] && !/*hideDropdown*/ ctx[5] && /*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*/ 16403) {
+    					if (dirty[0] & /*$$slots, hideDropdown, value, results*/ 32803) {
     						transition_in(if_block1, 1);
     					}
     				} else {
@@ -1583,15 +1616,15 @@
     				attr(div, "aria-owns", div_aria_owns_value);
     			}
 
-    			if (!current || dirty[0] & /*showResults*/ 64) {
-    				attr(div, "aria-expanded", /*showResults*/ ctx[6]);
+    			if (!current || dirty[0] & /*showResults*/ 128) {
+    				attr(div, "aria-expanded", /*showResults*/ ctx[7]);
     			}
 
     			if (!current || dirty[0] & /*id*/ 4 && div_id_value !== (div_id_value = "" + (/*id*/ ctx[2] + "-typeahead"))) {
     				attr(div, "id", div_id_value);
     			}
 
-    			if (dirty[0] & /*results*/ 2) {
+    			if (!current || dirty[0] & /*results*/ 2) {
     				toggle_class(div, "dropdown", /*results*/ ctx[1].length > 0);
     			}
     		},
@@ -1613,7 +1646,7 @@
     			destroy_component(search);
     			if (if_block0) if_block0.d();
     			if (if_block1) if_block1.d();
-    			/*div_binding*/ ctx[41](null);
+    			/*div_binding*/ ctx[42](null);
     			mounted = false;
     			dispose();
     		}
@@ -1626,7 +1659,7 @@
     	let showResults;
 
     	const omit_props_names = [
-    		"id","value","data","extract","disable","filter","autoselect","inputAfterSelect","results","focusAfterSelect","showDropdownOnFocus","limit"
+    		"id","value","data","extract","disable","filter","autoselect","inputAfterSelect","results","focusAfterSelect","showDropdownOnFocus","showAllResultsOnFocus","limit"
     	];
 
     	let $$restProps = compute_rest_props($$props, omit_props_names);
@@ -1643,6 +1676,7 @@
     	let { results = [] } = $$props;
     	let { focusAfterSelect = false } = $$props;
     	let { showDropdownOnFocus = false } = $$props;
+    	let { showAllResultsOnFocus = false } = $$props;
     	let { limit = Infinity } = $$props;
     	const dispatch = createEventDispatcher();
     	let comboboxRef = null;
@@ -1654,11 +1688,11 @@
 
     	afterUpdate(() => {
     		if (prevResults !== resultsId && autoselect) {
-    			$$invalidate(9, selectedIndex = getNextNonDisabledIndex());
+    			$$invalidate(10, selectedIndex = getNextNonDisabledIndex());
     		}
 
     		if (prevResults !== resultsId && !$$slots["no-results"]) {
-    			$$invalidate(4, hideDropdown = results.length === 0);
+    			$$invalidate(5, hideDropdown = results.length === 0);
     		}
 
     		prevResults = resultsId;
@@ -1722,11 +1756,15 @@
     			disabled = results[index].disabled;
     		}
 
-    		$$invalidate(9, selectedIndex = index);
+    		$$invalidate(10, selectedIndex = index);
     	}
 
-    	const open = () => $$invalidate(4, hideDropdown = false);
-    	const close = () => $$invalidate(4, hideDropdown = true);
+    	const open = () => $$invalidate(5, hideDropdown = false);
+
+    	const close = () => {
+    		$$invalidate(5, hideDropdown = true);
+    		$$invalidate(6, isFocused = false);
+    	};
 
     	const click_handler = ({ target }) => {
     		if (!hideDropdown && !comboboxRef?.contains(target)) {
@@ -1736,7 +1774,7 @@
 
     	function search_ref_binding(value) {
     		searchRef = value;
-    		$$invalidate(8, searchRef);
+    		$$invalidate(9, searchRef);
     	}
 
     	function search_value_binding(value$1) {
@@ -1763,9 +1801,9 @@
     	const focus_handler_1 = () => {
     		open();
 
-    		if (showDropdownOnFocus) {
-    			$$invalidate(6, showResults = true);
-    			$$invalidate(5, isFocused = true);
+    		if (showDropdownOnFocus || showAllResultsOnFocus) {
+    			$$invalidate(7, showResults = true);
+    			$$invalidate(6, isFocused = true);
     		}
     	};
 
@@ -1807,63 +1845,76 @@
 
     	const click_handler_1 = (result, index) => {
     		if (result.disabled) return;
-    		$$invalidate(9, selectedIndex = index);
+    		$$invalidate(10, selectedIndex = index);
     		select();
     	};
 
     	const mouseenter_handler = (result, index) => {
     		if (result.disabled) return;
-    		$$invalidate(9, selectedIndex = index);
+    		$$invalidate(10, selectedIndex = index);
     	};
 
     	function div_binding($$value) {
     		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
     			comboboxRef = $$value;
-    			$$invalidate(7, comboboxRef);
+    			$$invalidate(8, comboboxRef);
     		});
     	}
 
     	$$self.$$set = $$new_props => {
     		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-    		$$invalidate(15, $$restProps = compute_rest_props($$props, omit_props_names));
+    		$$invalidate(16, $$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(16, data = $$new_props.data);
-    		if ('extract' in $$new_props) $$invalidate(17, extract = $$new_props.extract);
-    		if ('disable' in $$new_props) $$invalidate(18, disable = $$new_props.disable);
-    		if ('filter' in $$new_props) $$invalidate(19, filter = $$new_props.filter);
-    		if ('autoselect' in $$new_props) $$invalidate(20, autoselect = $$new_props.autoselect);
-    		if ('inputAfterSelect' in $$new_props) $$invalidate(21, inputAfterSelect = $$new_props.inputAfterSelect);
+    		if ('data' in $$new_props) $$invalidate(17, data = $$new_props.data);
+    		if ('extract' in $$new_props) $$invalidate(18, extract = $$new_props.extract);
+    		if ('disable' in $$new_props) $$invalidate(19, disable = $$new_props.disable);
+    		if ('filter' in $$new_props) $$invalidate(20, filter = $$new_props.filter);
+    		if ('autoselect' in $$new_props) $$invalidate(21, autoselect = $$new_props.autoselect);
+    		if ('inputAfterSelect' in $$new_props) $$invalidate(22, inputAfterSelect = $$new_props.inputAfterSelect);
     		if ('results' in $$new_props) $$invalidate(1, results = $$new_props.results);
-    		if ('focusAfterSelect' in $$new_props) $$invalidate(22, focusAfterSelect = $$new_props.focusAfterSelect);
+    		if ('focusAfterSelect' in $$new_props) $$invalidate(23, focusAfterSelect = $$new_props.focusAfterSelect);
     		if ('showDropdownOnFocus' in $$new_props) $$invalidate(3, 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);
+    		if ('showAllResultsOnFocus' in $$new_props) $$invalidate(4, showAllResultsOnFocus = $$new_props.showAllResultsOnFocus);
+    		if ('limit' in $$new_props) $$invalidate(24, limit = $$new_props.limit);
+    		if ('$$scope' in $$new_props) $$invalidate(26, $$scope = $$new_props.$$scope);
     	};
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*extract*/ 131072) {
-    			$$invalidate(24, options = { pre: "<mark>", post: "</mark>", extract });
+    		if ($$self.$$.dirty[0] & /*extract*/ 262144) {
+    			$$invalidate(25, options = { pre: "<mark>", post: "</mark>", extract });
     		}
 
-    		if ($$self.$$.dirty[0] & /*value, data, options, limit, filter, disable*/ 26017793) {
+    		if ($$self.$$.dirty[0] & /*value, data, options, limit, filter, disable*/ 52035585) {
     			$$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*/ 131074) {
+    		if ($$self.$$.dirty[0] & /*isFocused, showAllResultsOnFocus, value, data, filter, disable, extract*/ 1966161) {
+    			if (isFocused && showAllResultsOnFocus && value.length === 0) {
+    				$$invalidate(1, results = data.filter(datum => !filter(datum)).map((original, index) => ({
+    					disabled: disable(original),
+    					index,
+    					original,
+    					score: 0,
+    					string: extract(original)
+    				})));
+    			}
+    		}
+
+    		if ($$self.$$.dirty[0] & /*results, extract*/ 262146) {
     			resultsId = results.map(result => extract(result.original)).join("");
     		}
 
-    		if ($$self.$$.dirty[0] & /*hideDropdown, results*/ 18) {
-    			$$invalidate(6, showResults = !hideDropdown && results.length > 0);
+    		if ($$self.$$.dirty[0] & /*hideDropdown, results*/ 34) {
+    			$$invalidate(7, showResults = !hideDropdown && results.length > 0);
     		}
 
-    		if ($$self.$$.dirty[0] & /*showDropdownOnFocus, showResults, isFocused*/ 104) {
+    		if ($$self.$$.dirty[0] & /*showDropdownOnFocus, showResults, isFocused*/ 200) {
     			if (showDropdownOnFocus) {
-    				$$invalidate(6, showResults = showResults && isFocused);
+    				$$invalidate(7, showResults = showResults && isFocused);
     			}
     		}
     	};
@@ -1873,6 +1924,7 @@
     		results,
     		id,
     		showDropdownOnFocus,
+    		showAllResultsOnFocus,
     		hideDropdown,
     		isFocused,
     		showResults,
@@ -1927,16 +1979,17 @@
     			{
     				id: 2,
     				value: 0,
-    				data: 16,
-    				extract: 17,
-    				disable: 18,
-    				filter: 19,
-    				autoselect: 20,
-    				inputAfterSelect: 21,
+    				data: 17,
+    				extract: 18,
+    				disable: 19,
+    				filter: 20,
+    				autoselect: 21,
+    				inputAfterSelect: 22,
     				results: 1,
-    				focusAfterSelect: 22,
+    				focusAfterSelect: 23,
     				showDropdownOnFocus: 3,
-    				limit: 23
+    				showAllResultsOnFocus: 4,
+    				limit: 24
     			},
     			add_css,
     			[-1, -1]