svelte-typeahead 4.3.1 → 4.4.0

package/lib/index.mjs

@@ -114,6 +114,7 @@ function get_root_for_style(node) {
 }
 function append_stylesheet(node, style) {
     append(node.head || node, style);
+    return style.sheet;
 }
 function insert(target, node, anchor) {
     target.insertBefore(node, anchor || null);
@@ -247,12 +248,38 @@ function get_current_component() {
         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 } = {}) => {
@@ -457,14 +484,17 @@ function create_component(block) {
     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,
@@ -500,7 +530,7 @@ function init(component, options, instance, create_fragment, not_equal, props, a
     set_current_component(component);
     const $$ = component.$$ = {
         fragment: null,
-        ctx: null,
+        ctx: [],
         // state
         props,
         update: noop,
@@ -565,6 +595,9 @@ class SvelteComponent {
         this.$destroy = noop;
     }
     $on(type, callback) {
+        if (!is_function(callback)) {
+            return noop;
+        }
         const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));
         callbacks.push(callback);
         return () => {
@@ -728,7 +761,7 @@ fuzzy.filter = function(pattern, arr, opts) {
 
 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}");
@@ -865,7 +898,7 @@ function create_fragment$1(ctx) {
 				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]);
 			}
 
@@ -1065,10 +1098,10 @@ class Search extends SvelteComponent {
 
 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 => ({
@@ -1100,7 +1133,7 @@ const get_default_slot_context = ctx => ({
 	value: /*value*/ ctx[0]
 });
 
-// (230:4) {#if showResults}
+// (248:4) {#if showResults}
 function create_if_block_1(ctx) {
 	let each_1_anchor;
 	let current;
@@ -1132,7 +1165,7 @@ function create_if_block_1(ctx) {
 			current = true;
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 33555207) {
+			if (dirty[0] & /*id, selectedIndex, results, select, $$scope, value*/ 67111943) {
 				each_value = /*results*/ ctx[1];
 				let i;
 
@@ -1184,7 +1217,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (248:41)              
+// (267:41)              
 function fallback_block(ctx) {
 	let html_tag;
 	let raw_value = /*result*/ ctx[47].string + "";
@@ -1210,7 +1243,7 @@ function fallback_block(ctx) {
 	};
 }
 
-// (231:6) {#each results as result, index}
+// (249:6) {#each results as result, index}
 function create_each_block(ctx) {
 	let li;
 	let t;
@@ -1219,8 +1252,8 @@ function create_each_block(ctx) {
 	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() {
@@ -1238,9 +1271,9 @@ function create_each_block(ctx) {
 			t = space();
 			attr(li, "role", "option");
 			attr(li, "id", li_id_value = "" + (/*id*/ ctx[2] + "-result-" + /*index*/ ctx[49]));
-			attr(li, "aria-selected", li_aria_selected_value = /*selectedIndex*/ ctx[8] === /*index*/ ctx[49]);
-			attr(li, "class", "svelte-9wywte");
-			toggle_class(li, "selected", /*selectedIndex*/ ctx[8] === /*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) {
@@ -1266,15 +1299,15 @@ function create_each_block(ctx) {
 			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
 					);
 				}
@@ -1288,15 +1321,15 @@ function create_each_block(ctx) {
 				attr(li, "id", li_id_value);
 			}
 
-			if (!current || dirty[0] & /*selectedIndex*/ 256 && li_aria_selected_value !== (li_aria_selected_value = /*selectedIndex*/ ctx[8] === /*index*/ ctx[49])) {
+			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*/ 256) {
-				toggle_class(li, "selected", /*selectedIndex*/ ctx[8] === /*index*/ ctx[49]);
+			if (!current || dirty[0] & /*selectedIndex*/ 1024) {
+				toggle_class(li, "selected", /*selectedIndex*/ ctx[10] === /*index*/ ctx[49]);
 			}
 
-			if (dirty[0] & /*results*/ 2) {
+			if (!current || dirty[0] & /*results*/ 2) {
 				toggle_class(li, "disabled", /*result*/ ctx[47].disabled);
 			}
 		},
@@ -1318,18 +1351,18 @@ function create_each_block(ctx) {
 	};
 }
 
-// (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) {
@@ -1343,15 +1376,15 @@ function create_if_block(ctx) {
 		},
 		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
 					);
 				}
@@ -1392,7 +1425,7 @@ function create_fragment(ctx) {
 	const search_spread_levels = [
 		{ id: /*id*/ ctx[2] },
 		{ removeFormAriaAttributes: true },
-		/*$$restProps*/ ctx[14],
+		/*$$restProps*/ ctx[16],
 		{ "aria-autocomplete": "list" },
 		{
 			"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1401,18 +1434,18 @@ function create_fragment(ctx) {
 			"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
 		},
 		{
-			"aria-activedescendant": /*selectedIndex*/ ctx[8] >= 0 && !/*hideDropdown*/ ctx[3] && /*results*/ ctx[1].length > 0
-			? `${/*id*/ ctx[2]}-result-${/*selectedIndex*/ ctx[8]}`
+			"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 = {};
@@ -1421,8 +1454,8 @@ function create_fragment(ctx) {
 		search_props = assign(search_props, search_spread_levels[i]);
 	}
 
-	if (/*searchRef*/ ctx[7] !== void 0) {
-		search_props.ref = /*searchRef*/ ctx[7];
+	if (/*searchRef*/ ctx[9] !== void 0) {
+		search_props.ref = /*searchRef*/ ctx[9];
 	}
 
 	if (/*value*/ ctx[0] !== void 0) {
@@ -1432,19 +1465,18 @@ function create_fragment(ctx) {
 	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[11]);
-	search.$on("blur", /*blur_handler*/ ctx[36]);
-	search.$on("blur", /*blur_handler_1*/ ctx[37]);
+	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[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);
+	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() {
@@ -1458,15 +1490,15 @@ function create_fragment(ctx) {
 			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[5]);
+			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) {
@@ -1481,16 +1513,16 @@ function create_fragment(ctx) {
 			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*/ 16654)
+			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*/ 16384 && get_spread_object(/*$$restProps*/ ctx[14]),
+					dirty[0] & /*$$restProps*/ 65536 && get_spread_object(/*$$restProps*/ ctx[16]),
 					search_spread_levels[3],
 					dirty[0] & /*id*/ 4 && {
 						"aria-controls": "" + (/*id*/ ctx[2] + "-listbox")
@@ -1498,17 +1530,17 @@ function create_fragment(ctx) {
 					dirty[0] & /*id*/ 4 && {
 						"aria-labelledby": "" + (/*id*/ ctx[2] + "-label")
 					},
-					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]}`
+					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*/ 128) {
+			if (!updating_ref && dirty[0] & /*searchRef*/ 512) {
 				updating_ref = true;
-				search_changes.ref = /*searchRef*/ ctx[7];
+				search_changes.ref = /*searchRef*/ ctx[9];
 				add_flush_callback(() => updating_ref = false);
 			}
 
@@ -1520,11 +1552,11 @@ function create_fragment(ctx) {
 
 			search.$set(search_changes);
 
-			if (/*showResults*/ ctx[5]) {
+			if (/*showResults*/ ctx[7]) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 
-					if (dirty[0] & /*showResults*/ 32) {
+					if (dirty[0] & /*showResults*/ 128) {
 						transition_in(if_block0, 1);
 					}
 				} else {
@@ -1543,11 +1575,11 @@ function create_fragment(ctx) {
 				check_outros();
 			}
 
-			if (/*$$slots*/ ctx[13]["no-results"] && !/*hideDropdown*/ ctx[3] && /*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*/ 8203) {
+					if (dirty[0] & /*$$slots, hideDropdown, value, results*/ 32803) {
 						transition_in(if_block1, 1);
 					}
 				} else {
@@ -1578,15 +1610,15 @@ function create_fragment(ctx) {
 				attr(div, "aria-owns", div_aria_owns_value);
 			}
 
-			if (!current || dirty[0] & /*showResults*/ 32) {
-				attr(div, "aria-expanded", /*showResults*/ ctx[5]);
+			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);
 			}
 		},
@@ -1621,7 +1653,7 @@ function instance($$self, $$props, $$invalidate) {
 	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);
@@ -1638,6 +1670,7 @@ function instance($$self, $$props, $$invalidate) {
 	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;
@@ -1649,11 +1682,11 @@ function instance($$self, $$props, $$invalidate) {
 
 	afterUpdate(() => {
 		if (prevResults !== resultsId && autoselect) {
-			$$invalidate(8, selectedIndex = getNextNonDisabledIndex());
+			$$invalidate(10, selectedIndex = getNextNonDisabledIndex());
 		}
 
 		if (prevResults !== resultsId && !$$slots["no-results"]) {
-			$$invalidate(3, hideDropdown = results.length === 0);
+			$$invalidate(5, hideDropdown = results.length === 0);
 		}
 
 		prevResults = resultsId;
@@ -1717,11 +1750,15 @@ function instance($$self, $$props, $$invalidate) {
 			disabled = results[index].disabled;
 		}
 
-		$$invalidate(8, selectedIndex = index);
+		$$invalidate(10, selectedIndex = index);
 	}
 
-	const open = () => $$invalidate(3, hideDropdown = false);
-	const close = () => $$invalidate(3, 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)) {
@@ -1731,7 +1768,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	function search_ref_binding(value) {
 		searchRef = value;
-		$$invalidate(7, searchRef);
+		$$invalidate(9, searchRef);
 	}
 
 	function search_value_binding(value$1) {
@@ -1757,7 +1794,11 @@ function instance($$self, $$props, $$invalidate) {
 
 	const focus_handler_1 = () => {
 		open();
-		$$invalidate(4, isFocused = true);
+
+		if (showDropdownOnFocus || showAllResultsOnFocus) {
+			$$invalidate(7, showResults = true);
+			$$invalidate(6, isFocused = true);
+		}
 	};
 
 	function clear_handler(event) {
@@ -1768,10 +1809,6 @@ function instance($$self, $$props, $$invalidate) {
 		bubble.call(this, $$self, event);
 	}
 
-	const blur_handler_1 = () => {
-		$$invalidate(4, isFocused = false);
-	};
-
 	function keydown_handler(event) {
 		bubble.call(this, $$self, event);
 	}
@@ -1802,63 +1839,76 @@ function instance($$self, $$props, $$invalidate) {
 
 	const click_handler_1 = (result, index) => {
 		if (result.disabled) return;
-		$$invalidate(8, selectedIndex = index);
+		$$invalidate(10, selectedIndex = index);
 		select();
 	};
 
 	const mouseenter_handler = (result, index) => {
 		if (result.disabled) return;
-		$$invalidate(8, selectedIndex = index);
+		$$invalidate(10, selectedIndex = index);
 	};
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			comboboxRef = $$value;
-			$$invalidate(6, comboboxRef);
+			$$invalidate(8, comboboxRef);
 		});
 	}
 
 	$$self.$$set = $$new_props => {
 		$$props = assign(assign({}, $$props), exclude_internal_props($$new_props));
-		$$invalidate(14, $$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(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 ('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(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);
+		if ('focusAfterSelect' in $$new_props) $$invalidate(23, focusAfterSelect = $$new_props.focusAfterSelect);
+		if ('showDropdownOnFocus' in $$new_props) $$invalidate(3, showDropdownOnFocus = $$new_props.showDropdownOnFocus);
+		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*/ 65536) {
-			$$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*/ 25591809) {
+		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*/ 65538) {
+		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*/ 10) {
-			$$invalidate(5, 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*/ 4194352) {
+		if ($$self.$$.dirty[0] & /*showDropdownOnFocus, showResults, isFocused*/ 200) {
 			if (showDropdownOnFocus) {
-				$$invalidate(5, showResults = showResults && isFocused);
+				$$invalidate(7, showResults = showResults && isFocused);
 			}
 		}
 	};
@@ -1867,6 +1917,8 @@ function instance($$self, $$props, $$invalidate) {
 		value,
 		results,
 		id,
+		showDropdownOnFocus,
+		showAllResultsOnFocus,
 		hideDropdown,
 		isFocused,
 		showResults,
@@ -1886,7 +1938,6 @@ function instance($$self, $$props, $$invalidate) {
 		autoselect,
 		inputAfterSelect,
 		focusAfterSelect,
-		showDropdownOnFocus,
 		limit,
 		options,
 		$$scope,
@@ -1901,7 +1952,6 @@ function instance($$self, $$props, $$invalidate) {
 		focus_handler_1,
 		clear_handler,
 		blur_handler,
-		blur_handler_1,
 		keydown_handler,
 		keydown_handler_1,
 		click_handler_1,
@@ -1923,16 +1973,17 @@ class Typeahead extends SvelteComponent {
 			{
 				id: 2,
 				value: 0,
-				data: 15,
-				extract: 16,
-				disable: 17,
-				filter: 18,
-				autoselect: 19,
-				inputAfterSelect: 20,
+				data: 17,
+				extract: 18,
+				disable: 19,
+				filter: 20,
+				autoselect: 21,
+				inputAfterSelect: 22,
 				results: 1,
-				focusAfterSelect: 21,
-				showDropdownOnFocus: 22,
-				limit: 23
+				focusAfterSelect: 23,
+				showDropdownOnFocus: 3,
+				showAllResultsOnFocus: 4,
+				limit: 24
 			},
 			add_css,
 			[-1, -1]