@depict-ai/ui 0.0.83 → 1.0.2

package/dist/module.js

@@ -1,9 +1,8 @@
-import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, base_url as $g9l4l$base_url, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, dlog as $g9l4l$dlog, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, queueMacroTask as $g9l4l$queueMacroTask, dwarn as $g9l4l$dwarn, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
+import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, base_url as $g9l4l$base_url, dlog as $g9l4l$dlog, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, base64_encode_unicode as $g9l4l$base64_encode_unicode, base64_decode_unicode as $g9l4l$base64_decode_unicode, queueMacroTask as $g9l4l$queueMacroTask, dwarn as $g9l4l$dwarn, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
 import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, memo as $g9l4l$memo, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, classList as $g9l4l$classList, style as $g9l4l$style, Dynamic as $g9l4l$Dynamic, mergeProps as $g9l4l$mergeProps, className as $g9l4l$className} from "solid-js/web";
-import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createRenderEffect as $g9l4l$createRenderEffect, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createReaction as $g9l4l$createReaction, Suspense as $g9l4l$Suspense, on as $g9l4l$on, createRoot as $g9l4l$createRoot, ErrorBoundary as $g9l4l$ErrorBoundary, For as $g9l4l$For, getOwner as $g9l4l$getOwner, runWithOwner as $g9l4l$runWithOwner, Index as $g9l4l$Index} from "solid-js";
-import {compressToBase64 as $g9l4l$compressToBase64, decompressFromBase64 as $g9l4l$decompressFromBase64} from "lz-string";
+import {createSignal as $g9l4l$createSignal, getOwner as $g9l4l$getOwner, createRoot as $g9l4l$createRoot, runWithOwner as $g9l4l$runWithOwner, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createRenderEffect as $g9l4l$createRenderEffect, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createReaction as $g9l4l$createReaction, Suspense as $g9l4l$Suspense, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, For as $g9l4l$For, Index as $g9l4l$Index} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.83";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "1.0.2";
 
 
 
@@ -82,15 +81,6 @@ function $3075a4497054bec6$export$9862539c89138352(get_default_values_, router_)
 
 const $3846bb34098c738f$var$v2_base_url = (0, $g9l4l$base_url) + "/v2/";
 const $3846bb34098c738f$var$search_base_url = $3846bb34098c738f$var$v2_base_url + "search/";
-const $3846bb34098c738f$var$add_ids_to_request = (input_req)=>{
-    const request = {
-        ...input_req
-    };
-    request.dsid ??= (0, $g9l4l$get_depict_id)();
-    request.user_id ??= (0, $g9l4l$get_user_id)();
-    request.session_id ??= (0, $g9l4l$get_session_id)();
-    return request;
-};
 class $3846bb34098c738f$export$e015ed2f2950f2e3 {
     #supports_finalization_registry = typeof FinalizationRegistry === "function";
     #cache_objs = {};
@@ -105,12 +95,26 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
             })) : undefined
         };
     }
+    #add_ids_to_request = (input_req)=>{
+        const request = {
+            ...input_req
+        };
+        request.dsid ??= (0, $g9l4l$get_depict_id)();
+        // Todo: remove the default user and session IDs once we've confirmed backend can handle it and do whatever fallback is necessary.
+        request.user_id ??= this.#get_user_id?.() || (0, $g9l4l$get_user_id)();
+        request.session_id ??= this.#get_session_id?.() || (0, $g9l4l$get_session_id)();
+        return request;
+    };
     #get_metadata;
-    constructor(get_metadata){
+    #get_user_id;
+    #get_session_id;
+    constructor({ get_metadata: get_metadata , get_user_id: get_user_id , get_session_id: get_session_id  } = {}){
         this.#get_metadata = get_metadata;
+        this.#get_user_id = get_user_id;
+        this.#get_session_id = get_session_id;
     }
     async suggest(input_req) {
-        const request = $3846bb34098c738f$var$add_ids_to_request(input_req);
+        const request = this.#add_ids_to_request(input_req);
         const url = (0, $g9l4l$make_url_with_query_params)($3846bb34098c738f$var$search_base_url + "suggestions", request);
         const results = await (0, $g9l4l$fetch_retry)((0, $g9l4l$add_version_query_params)(url));
         attempt_to_return_api_response: {
@@ -127,7 +131,7 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
     }
     async #cached_post_request(endpoint1, input_req, fallback_response) {
         const cache_obj = this.#get_cache_obj_for_endpoint(endpoint1);
-        const with_ids = $3846bb34098c738f$var$add_ids_to_request(input_req);
+        const with_ids = this.#add_ids_to_request(input_req);
         const metaData = await this.#get_metadata?.();
         const request = metaData ? Object.assign(with_ids, {
             metadata: metaData
@@ -801,7 +805,8 @@ function $dc5df79ae78a9d00$export$f33414a4df0afd3f({ product_card_template_: pro
         if (!unwrapped_array?.length || !unwrapped_array.every((item)=>item)) // Haven't finished rendering yet in case of "async" rendering, so don't freeze the elements yet
         return;
         // placeholders have finished rendering, freeze the elements
-        $dc5df79ae78a9d00$var$cached_placeholder_element = get_cloned_placeholders(unwrapped_array); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
+        // here we might receive the result of a promise that has already been received, tore down and put into cached_placeholder_element, so don't overwrite that more valid result if it's already set
+        $dc5df79ae78a9d00$var$cached_placeholder_element ||= get_cloned_placeholders(unwrapped_array); // Clone initial return value so that who gave us the elements can't mutate them, which has caused issues before with react
         $dc5df79ae78a9d00$var$rendering_cached_placeholder_element = undefined;
         dispose_original_copy(); // So that this memo will never re-run and the placeholder rendering function can clean up
         return get_cloned_placeholders(); // clone, just in case. If we wouldn't, someone could modify the copy in the DOM, and it would affect the cached version
@@ -4393,7 +4398,7 @@ function $73294c7089bfc7c9$var$encode_filter_data(op, data) {
         return encoded_data;
     }
     // Fallback encoding
-    return (0, $g9l4l$compressToBase64)(JSON.stringify(data));
+    return (0, $g9l4l$base64_encode_unicode)(JSON.stringify(data));
 }
 function $73294c7089bfc7c9$var$decode_filter_data(op, encoded_data) {
     if (encoded_data === "1") return "true";
@@ -4401,7 +4406,7 @@ function $73294c7089bfc7c9$var$decode_filter_data(op, encoded_data) {
     if (op === "inrange" && encoded_data.includes($73294c7089bfc7c9$var$range_delimiter)) return encoded_data.split($73294c7089bfc7c9$var$range_delimiter).map((x)=>parseFloat(x));
     if (encoded_data.includes($73294c7089bfc7c9$var$string_item_delimiter) || encoded_data.includes($73294c7089bfc7c9$var$array_item_delimiter)) return $73294c7089bfc7c9$var$decode_array(encoded_data);
     try {
-        return JSON.parse((0, $g9l4l$decompressFromBase64)(encoded_data));
+        return JSON.parse((0, $g9l4l$base64_decode_unicode)(encoded_data));
     } catch (e) {
         (0, $g9l4l$dlog)("Failed to fallback parse filter data", op, encoded_data, e);
     }
@@ -4462,13 +4467,13 @@ function $73294c7089bfc7c9$export$af4a870a0ee262c4(search_params) {
     ];
     for (const key of keys)if (key.startsWith($73294c7089bfc7c9$var$filter_query_param_prefix) || key === $73294c7089bfc7c9$var$sorting_query_param) search_params.delete(key);
 }
-const $73294c7089bfc7c9$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
+const $73294c7089bfc7c9$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
 function $73294c7089bfc7c9$export$43cd1e747fecd42e(to_url, set_clearing_flag, from_search_params = new URLSearchParams(location.search)) {
     if (!to_url) return to_url;
     const was_url_object = to_url instanceof URL;
     const url_object = was_url_object ? to_url : new URL(to_url, location.origin);
     const { searchParams: searchParams  } = url_object;
-    if (set_clearing_flag) searchParams.set($73294c7089bfc7c9$export$e2cf3f19dd3f8aac, "true");
+    if (set_clearing_flag) searchParams.set($73294c7089bfc7c9$export$cf5feb2102aec7f2, "true");
     if (from_search_params.has($73294c7089bfc7c9$var$sorting_query_param)) searchParams.set($73294c7089bfc7c9$var$sorting_query_param, from_search_params.get($73294c7089bfc7c9$var$sorting_query_param));
     for (const key of from_search_params.keys())if (key.startsWith($73294c7089bfc7c9$var$filter_query_param_prefix)) searchParams.set(key, from_search_params.get(key));
     if (was_url_object) return url_object;
@@ -4642,6 +4647,7 @@ function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                         const quicklinks_data = quicklinks_data_(); // this signal should have updated by now since this is a createEffect
                         const current_id = current_query_id_();
                         if (!new_data || !quicklinks_data || !current_id) return;
+                        const owner = (0, $g9l4l$getOwner)();
                         queueMicrotask(()=>{
                             // has to be in microtask so that elements have rendered and are scroll-to-able
                             scrolling_logic_ran_for_query_id = true;
@@ -4654,17 +4660,17 @@ function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                             } else if (!(intersecting_items_object[selected_index()]?.intersectionRatio >= 0.95)) {
                                 // negated larger than to handle left side of comparison being undefined
                                 let done_work = false;
-                                (0, $g9l4l$createComputed)((0, $g9l4l$catchify)(()=>{
-                                    if (done_work || !Array.isArray(quicklinks_data_())) return;
-                                    const sel_index = selected_index();
-                                    const target_element = sel_index >= 0 ? sel_index : 0;
-                                    if (document.documentElement.contains(insert_here)) {
-                                        slider.scroll_to_abs(target_element, true); // if nothing selected and no selected scroll position, go to left
-                                        last_scroll_position = insert_here.scrollLeft; // update this because it might get removed from the DOM before intersection observers triggered (actually happened for me)
-                                    } else // can't scroll if not in the DOM, scroll when we're back instead
-                                    scroll_to_element_on_dom_insertion = target_element;
-                                    done_work = true;
-                                }));
+                                (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createComputed)((0, $g9l4l$catchify)(()=>{
+                                        if (done_work || !Array.isArray(quicklinks_data_())) return;
+                                        const sel_index = selected_index();
+                                        const target_element = sel_index >= 0 ? sel_index : 0;
+                                        if (document.documentElement.contains(insert_here)) {
+                                            slider.scroll_to_abs(target_element, true); // if nothing selected and no selected scroll position, go to left
+                                            last_scroll_position = insert_here.scrollLeft; // update this because it might get removed from the DOM before intersection observers triggered (actually happened for me)
+                                        } else // can't scroll if not in the DOM, scroll when we're back instead
+                                        scroll_to_element_on_dom_insertion = target_element;
+                                        done_work = true;
+                                    })));
                             }
                         });
                     }, {
@@ -4851,8 +4857,7 @@ let $01115659405f3c64$export$44dad306455dddf;
 
 
 
-
-function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , router_: router_  }) {
+function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     // If we just got opened in a new tab, clear filters instantly and remove the flag
     $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
         plp_results_: plp_results_,
@@ -4860,7 +4865,7 @@ function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         selected_filters_: selected_filters_,
         i18n_: i18n_,
-        router_: router_
+        sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
     });
     // Code below is for when we're already open and the user navigates to a new category
     let previous_crumb_data = (0, $g9l4l$untrack)(crumb_data_);
@@ -4890,7 +4895,7 @@ function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
                     local_filter_cache_: local_filter_cache_
                 });
                 // Also ensure we don't have `sideways_url_params_flag` set anymore
-                $cb20e79516018342$var$delete_sideways_param_flag(router_);
+                sideways_filter_clearing_flag_[1](false);
             }
         }
         query_id_when_we_got_previous_data = query_id_of_new_data;
@@ -4898,11 +4903,11 @@ function $cb20e79516018342$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         if (!allow_filter_clearing) allow_filter_clearing = true;
     })));
 }
-function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , router_: router_  }) {
+function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]  }) {
     const tracking_function_for_plp_results = (0, $g9l4l$createReaction)(()=>{
         // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
-        const had_flag = $cb20e79516018342$var$delete_sideways_param_flag(router_);
-        if (!had_flag) return;
+        if (!(0, $g9l4l$untrack)(get_sideways_filter_clearing_flag_)) return;
+        set_sideways_filter_clearing_flag_(false);
         (0, $g9l4l$dlog)("Flag to clear filters was set, clearing filters");
         (0, $g9l4l$queueMacroTask)(()=>{
             // Do it next task so that all the filters have time to populate
@@ -4918,22 +4923,10 @@ function $cb20e79516018342$var$clear_if_opened_new_tab_with_sideways_url_params_
     });
     tracking_function_for_plp_results(plp_results_);
 }
-function $cb20e79516018342$var$delete_sideways_param_flag(router) {
-    const url_object = new URL(location.href);
-    const { searchParams: searchParams  } = url_object;
-    if (searchParams.get((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac)) !== "true") return false;
-    searchParams.delete((0, $73294c7089bfc7c9$export$e2cf3f19dd3f8aac));
-    router.navigate_.go_to_({
-        new_url_: url_object,
-        is_replace_: true,
-        force_spa_navigation_: true
-    });
-    return true;
-}
 
 
 const $1ae892b13d7746ab$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="product-count"> </div>`, 2), $1ae892b13d7746ab$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2), $1ae892b13d7746ab$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $1ae892b13d7746ab$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
-function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_  }) {
+function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5109,7 +5102,7 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
         local_filter_cache_: local_filter_cache_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
         plp_results_: plp_results_,
-        router_: router_
+        sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
     });
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
@@ -5301,7 +5294,9 @@ const $b4e6a093ae83373b$export$6daf8749b65a1b77 = (cols_at_size)=>{
         ];
     }
     // Sort widths in ascending order
-    const sorted_cols_at_size = cols_at_size.sort((a, b)=>{
+    const sorted_cols_at_size = [
+        ...cols_at_size
+    ].sort((a, b)=>{
         const [_b, width_A] = a;
         const [_a, width_b] = b;
         if (width_A === undefined) return -1;
@@ -5359,14 +5354,18 @@ function $c7f938ac40924f3b$export$23fca46f3143581f(component, error_message) {
 
 
 
-function $f01b3a0b9fbf6519$export$477caf01aecaeb2a({ search_query_url_param_name_: search_query_url_param_name_ , router_: router_  }) {
+function $f01b3a0b9fbf6519$export$477caf01aecaeb2a(options) {
+    const router_ = options.router_;
+    const search_query_url_param_name_ = "search_query_url_param_name_" in options ? options.search_query_url_param_name_ : undefined;
     const search_query_ = search_query_url_param_name_ ? (0, $g9l4l$createSignal)("") : undefined;
     const get_search_query_ = search_query_?.[0];
     const set_search_query = search_query_?.[1];
     const current_sorting_ = (0, $g9l4l$createSignal)();
     const selected_filters_ = (0, $g9l4l$createSignal)([]);
+    const sideways_filter_clearing_flag_ = (0, $g9l4l$createSignal)(false);
     const [get_sorting_, set_sorting] = current_sorting_;
     const [get_selected_filters_, set_selected_filters] = selected_filters_;
+    const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
     const [get_current_href, set_current_href] = (0, $g9l4l$createSignal)(location.href);
     const history_change_handler = (0, $g9l4l$catchify)(()=>set_current_href(location.href));
     const owner = (0, $g9l4l$getOwner)() || (0, $g9l4l$createRoot)(()=>(0, $g9l4l$getOwner)());
@@ -5400,12 +5399,14 @@ function $f01b3a0b9fbf6519$export$477caf01aecaeb2a({ search_query_url_param_name
                 const found_query = searchParams.get(search_query_url_param_name_);
                 set_search_query(found_query || "");
             }
+            if (searchParams.get((0, $73294c7089bfc7c9$export$cf5feb2102aec7f2)) === "true") set_has_sideways_filter_clearing_flag(true);
             if (!writer_started) {
                 // The owner here is the createComputed which gets disposed the next time the computation runs - but we actually just want to delay the start of the href_writer until our signals contain the current value of the URL, therefore the runWithOwner
                 (0, $g9l4l$runWithOwner)(owner, ()=>$f01b3a0b9fbf6519$var$start_href_writer({
                         get_sorting_: get_sorting_,
                         get_selected_filters_: get_selected_filters_,
-                        router_: router_
+                        router_: router_,
+                        get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_
                     }));
                 writer_started = true;
             }
@@ -5417,22 +5418,26 @@ function $f01b3a0b9fbf6519$export$477caf01aecaeb2a({ search_query_url_param_name
         selected_filters_: selected_filters_,
         ...typeof search_query_url_param_name_ === "string" ? {
             search_query_accessor_: get_search_query_
-        } : {}
+        } : {
+            sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+        }
     };
 }
 /**
  * Writes the sorting and filters to the URL query parameters when they change.
- */ function $f01b3a0b9fbf6519$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_  }) {
+ */ function $f01b3a0b9fbf6519$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_ , get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_  }) {
     (0, $g9l4l$createEffect)((0, $g9l4l$on)([
         get_sorting_,
-        get_selected_filters_
-    ], ([sorting, filters])=>{
+        get_selected_filters_,
+        get_has_sideways_filter_clearing_flag_
+    ], ([sorting, filters, has_sideways_filter_clearing_flag])=>{
         const current_href = location.href;
         const url_object = new URL(current_href);
         const { searchParams: searchParams  } = url_object;
         (0, $73294c7089bfc7c9$export$af4a870a0ee262c4)(searchParams);
         (0, $73294c7089bfc7c9$export$62acb285a7579555)(sorting, searchParams);
         (0, $73294c7089bfc7c9$export$58aa3f171519b6d7)(filters, searchParams);
+        if (!has_sideways_filter_clearing_flag) $f01b3a0b9fbf6519$var$delete_sideways_param_flag(searchParams);
         // We can't just check if the URL is equal since sometimes the order of the parameters in the URL changes (randomly?) so we need to compare them one by one
         const unmodified_search_params = [
             ...new URL(current_href).searchParams
@@ -5452,6 +5457,9 @@ function $f01b3a0b9fbf6519$export$477caf01aecaeb2a({ search_query_url_param_name
         defer: true
     }));
 }
+function $f01b3a0b9fbf6519$var$delete_sideways_param_flag(searchParams) {
+    if (searchParams.get((0, $73294c7089bfc7c9$export$cf5feb2102aec7f2)) === "true") searchParams.delete((0, $73294c7089bfc7c9$export$cf5feb2102aec7f2));
+}
 
 
 
@@ -5585,38 +5593,42 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
         this.#router.on_navigation_ = new_function;
     }
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
-        if ($ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
-        $ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed = true;
-        Object.assign(this, props_on_class); // set initial signal values
-        (0, $2864fd26f57ff474$export$5162a71f252e6122)();
-        if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
-            router_: this.#router
-        });
-        const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
-                category_filters_open: false,
-                category_sorting_open: false,
-                category_expanded_filters: [],
-                // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
-                category_local_filter_cache: [],
-                category_expanded_hierarchical_filters: [],
-                category_scroll_restoration_data: []
-            }), this.#router);
-        const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
-        $ec52ef1e6c117813$var$privately_shared_properties.set(this, {
-            state_: state_,
-            breadcrumb_signal_: (0, $g9l4l$createSignal)(),
-            quicklinks_signal_: (0, $g9l4l$createSignal)(),
-            i18n_: i18n_,
-            reset_history_state_: reset_history_state_,
-            depict_api_: api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)(),
-            router_: this.#router,
-            selected_filters_: selected_filters_,
-            current_sorting_: current_sorting_,
-            slider_arrow_button_: (0, $g9l4l$GenericSliderArrowButton)({
-                height_: 12,
-                width_: 6.46
-            })
+        const owner = (0, $g9l4l$getOwner)() || (0, $g9l4l$createRoot)(()=>(0, $g9l4l$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
+        (0, $g9l4l$runWithOwner)(owner, ()=>{
+            if ($ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+            $ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed = true;
+            Object.assign(this, props_on_class); // set initial signal values
+            (0, $2864fd26f57ff474$export$5162a71f252e6122)();
+            if (on_navigation) this.#router.on_navigation_ = on_navigation;
+            const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = (0, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
+                router_: this.#router
+            });
+            const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
+                    category_filters_open: false,
+                    category_sorting_open: false,
+                    category_expanded_filters: [],
+                    // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
+                    category_local_filter_cache: [],
+                    category_expanded_hierarchical_filters: [],
+                    category_scroll_restoration_data: []
+                }), this.#router);
+            const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
+            $ec52ef1e6c117813$var$privately_shared_properties.set(this, {
+                state_: state_,
+                breadcrumb_signal_: (0, $g9l4l$createSignal)(),
+                quicklinks_signal_: (0, $g9l4l$createSignal)(),
+                i18n_: i18n_,
+                reset_history_state_: reset_history_state_,
+                depict_api_: api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)(),
+                router_: this.#router,
+                selected_filters_: selected_filters_,
+                current_sorting_: current_sorting_,
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+                slider_arrow_button_: (0, $g9l4l$GenericSliderArrowButton)({
+                    height_: 12,
+                    width_: 6.46
+                })
+            });
         });
     }
 }
@@ -5629,7 +5641,7 @@ function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
-        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
+        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
         (0, $g9l4l$onCleanup)(reset_history_state_);
         return (0, $1ae892b13d7746ab$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5652,6 +5664,7 @@ function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_cat
             expanded_filters_: expanded_filters_,
             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
             selected_filters_: selected_filters_,
+            sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
             scroll_restoration_data_: scroll_restoration_data_,
             layout_options_: {
                 cols_at_size: (0, $b4e6a093ae83373b$export$6daf8749b65a1b77)(cols_at_size),
@@ -7860,159 +7873,161 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
     #router = new (0, $cfa2761d36e5714c$export$7e1297a3a19f10d8)("hard_navigation");
     constructor({ search_query_url_param_name: search_query_url_param_name_ = "query" , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
-        if ($540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
-        Object.assign(this, props_on_class);
-        if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
-            search_query_url_param_name_: search_query_url_param_name_,
-            router_: this.#router
-        });
-        const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
-                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
-                search_filters_open: false,
-                search_sorting_open: false,
-                search_expanded_filters: [],
-                // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
-                search_local_filter_cache: [],
-                search_expanded_hierarchical_filters: [],
-                search_showing_recommendation_rows: (0, $aee0c68312d971f4$export$1c8c715550dc689d),
-                search_scroll_restoration_data: []
-            }), this.#router);
-        const search_query_updating_blocked_ = (0, $g9l4l$createSignal)(false);
-        const [get_search_query_updating_blocked] = search_query_updating_blocked_;
-        const get_search_query_ = (0, $g9l4l$createMemo)((previous_value)=>{
-            if (get_search_query_updating_blocked()) return previous_value;
-            else return raw_search_query_accessor();
-        });
-        const depict_api_ = api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)();
-        const previous_searches = (0, $4d62f5daa51642fe$export$84bba84a7b837187)(get_search_query_);
-        const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
-        const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $aee0c68312d971f4$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
-        const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
-        const [get_search_field_value_, set_search_field_value_] = state_.search_field_value;
-        const configured_submit_query_ = (new_query)=>(0, $7f6ddd9a7e868c4d$export$e16630ecb9644a1c)({
-                on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
-                set_search_field_value_: set_search_field_value_,
-                get_search_query_: get_search_query_,
-                search_param_name_: search_query_url_param_name_,
-                after_submit_: after_submit_,
-                get_new_query: ()=>new_query || (0, $g9l4l$untrack)(get_search_field_value_),
-                url_transformer_: url_transformer,
+        const owner = (0, $g9l4l$getOwner)() || (0, $g9l4l$createRoot)(()=>(0, $g9l4l$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
+        (0, $g9l4l$runWithOwner)(owner, ()=>{
+            if ($540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+            Object.assign(this, props_on_class);
+            if (on_navigation) this.#router.on_navigation_ = on_navigation;
+            const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
+                search_query_url_param_name_: search_query_url_param_name_,
                 router_: this.#router
             });
-        const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
-        const clear_filters_on_next_submit_ = (0, $a0d89ff25220eb8d$export$e026af0c7b64ea5f)({
-            selected_filters_: selected_filters_,
-            get_search_query_: get_search_query_,
-            current_sorting_: current_sorting_,
-            expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
-            i18n_: i18n_,
-            local_filter_cache_: state_.search_local_filter_cache
-        });
-        $540e930c58500cbe$var$privately_shared_properties.set(this, {
-            search_query_url_param_name_: search_query_url_param_name_,
-            reset_history_state_: reset_history_state_,
-            state_: state_,
-            router_: this.#router,
-            url_transformer_: url_transformer,
-            depict_api_: depict_api_,
-            enable_category_suggestions_: enable_category_suggestions,
-            clear_filters_on_next_submit_: clear_filters_on_next_submit_,
-            configured_submit_query_: configured_submit_query_,
-            get_search_query_: get_search_query_,
-            i18n_: i18n_,
-            search_query_updating_blocked_: search_query_updating_blocked_,
-            current_sorting_: current_sorting_,
-            selected_filters_: selected_filters_
-        });
-        (0, $2864fd26f57ff474$export$5162a71f252e6122)();
-        (0, $g9l4l$catchify)(async ()=>{
-            const owner = (0, $g9l4l$getOwner)() || (0, $g9l4l$createRoot)(()=>(0, $g9l4l$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
-            const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $3786428a06ed81c4$export$79b1565500412d9b)((...args)=>{
-                (0, $g9l4l$onCleanup)(()=>this.modal_open = false);
-                return (0, $a9f6faeac82c322b$export$1c593cbd6f1e10bc)(...args);
-            }, {
-                search_field_value_: state_.search_field_value,
+            const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
+                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
+                    search_filters_open: false,
+                    search_sorting_open: false,
+                    search_expanded_filters: [],
+                    // Please make sure that the signal created by below line always updates AFTER selected_filters_ updates on a "popstate" event. If the filter cache is popped before the selected filters are the code in create_modified_filters() is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
+                    search_local_filter_cache: [],
+                    search_expanded_hierarchical_filters: [],
+                    search_showing_recommendation_rows: (0, $aee0c68312d971f4$export$1c8c715550dc689d),
+                    search_scroll_restoration_data: []
+                }), this.#router);
+            const search_query_updating_blocked_ = (0, $g9l4l$createSignal)(false);
+            const [get_search_query_updating_blocked] = search_query_updating_blocked_;
+            const get_search_query_ = (0, $g9l4l$createMemo)((previous_value)=>{
+                if (get_search_query_updating_blocked()) return previous_value;
+                else return raw_search_query_accessor();
+            });
+            const depict_api_ = api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)();
+            const previous_searches = (0, $4d62f5daa51642fe$export$84bba84a7b837187)(get_search_query_);
+            const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
+            const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $aee0c68312d971f4$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
+            const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
+            const [get_search_field_value_, set_search_field_value_] = state_.search_field_value;
+            const configured_submit_query_ = (new_query)=>(0, $7f6ddd9a7e868c4d$export$e16630ecb9644a1c)({
+                    on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
+                    set_search_field_value_: set_search_field_value_,
+                    get_search_query_: get_search_query_,
+                    search_param_name_: search_query_url_param_name_,
+                    after_submit_: after_submit_,
+                    get_new_query: ()=>new_query || (0, $g9l4l$untrack)(get_search_field_value_),
+                    url_transformer_: url_transformer,
+                    router_: this.#router
+                });
+            const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
+            const clear_filters_on_next_submit_ = (0, $a0d89ff25220eb8d$export$e026af0c7b64ea5f)({
+                selected_filters_: selected_filters_,
                 get_search_query_: get_search_query_,
+                current_sorting_: current_sorting_,
+                expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
+                i18n_: i18n_,
+                local_filter_cache_: state_.search_local_filter_cache
+            });
+            $540e930c58500cbe$var$privately_shared_properties.set(this, {
                 search_query_url_param_name_: search_query_url_param_name_,
-                previous_searches_: previous_searches,
-                depict_api_: depict_api_,
-                tenant_: this.#merchant_signal[0],
-                clear_filters_: clear_filters_on_next_submit_,
-                market_: this.#market_signal[0],
-                submit_query_: configured_submit_query_,
-                url_transformer_: url_transformer,
+                reset_history_state_: reset_history_state_,
+                state_: state_,
                 router_: this.#router,
-                instant_results_options_: {
-                    min_products_to_fetch_: $540e930c58500cbe$var$min_products_to_fetch_,
-                    render_instant_card_: render_instant_card,
-                    render_instant_card_placeholder_: (0, $aaacfac0064e97d9$export$ee1733d9a8495996),
-                    has_sort_or_filters_: (0, $g9l4l$createMemo)(()=>!!(Object.keys(selected_filters_[0]())?.length || current_sorting_[0]()))
-                },
-                i18n_: i18n_,
+                url_transformer_: url_transformer,
+                depict_api_: depict_api_,
                 enable_category_suggestions_: enable_category_suggestions,
-                disable_scrolling_: disable_scrolling_during_modal,
-                bottom_distance_under_modal_: bottom_distance_under_modal
+                clear_filters_on_next_submit_: clear_filters_on_next_submit_,
+                configured_submit_query_: configured_submit_query_,
+                get_search_query_: get_search_query_,
+                i18n_: i18n_,
+                search_query_updating_blocked_: search_query_updating_blocked_,
+                current_sorting_: current_sorting_,
+                selected_filters_: selected_filters_
             });
-            // This will add some default behaviour to open_modal_ if no style_props_ are supplied
-            // The default behaviour is to align the modal with the input field if possible
-            const modal_opening_effect = ()=>{
-                const open_signal_value = this.modal_open;
-                const signal_value_is_options = Array.isArray(open_signal_value);
-                // Close modal if signal is false
-                if (!open_signal_value) {
-                    close_modal_();
-                    return;
-                }
-                const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $540e930c58500cbe$var$privately_shared_properties.get(this);
-                if (signal_value_is_options && open_signal_value[0]?.style_props_) {
-                    // They know what they're doing, just call the modal with the provided options
-                    open_modal_(...open_signal_value);
-                    return;
-                }
-                if (!open_signal_value[0]?.style_props_ && search_page_aligned_modal_body_style_signal_) {
-                    // Open modal aligned with search page if no alignment specified and possible to align with search page
-                    if (!signal_value_is_options) {
+            (0, $2864fd26f57ff474$export$5162a71f252e6122)();
+            (0, $g9l4l$catchify)(async ()=>{
+                const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $3786428a06ed81c4$export$79b1565500412d9b)((...args)=>{
+                    (0, $g9l4l$onCleanup)(()=>this.modal_open = false);
+                    return (0, $a9f6faeac82c322b$export$1c593cbd6f1e10bc)(...args);
+                }, {
+                    search_field_value_: state_.search_field_value,
+                    get_search_query_: get_search_query_,
+                    search_query_url_param_name_: search_query_url_param_name_,
+                    previous_searches_: previous_searches,
+                    depict_api_: depict_api_,
+                    tenant_: this.#merchant_signal[0],
+                    clear_filters_: clear_filters_on_next_submit_,
+                    market_: this.#market_signal[0],
+                    submit_query_: configured_submit_query_,
+                    url_transformer_: url_transformer,
+                    router_: this.#router,
+                    instant_results_options_: {
+                        min_products_to_fetch_: $540e930c58500cbe$var$min_products_to_fetch_,
+                        render_instant_card_: render_instant_card,
+                        render_instant_card_placeholder_: (0, $aaacfac0064e97d9$export$ee1733d9a8495996),
+                        has_sort_or_filters_: (0, $g9l4l$createMemo)(()=>!!(Object.keys(selected_filters_[0]())?.length || current_sorting_[0]()))
+                    },
+                    i18n_: i18n_,
+                    enable_category_suggestions_: enable_category_suggestions,
+                    disable_scrolling_: disable_scrolling_during_modal,
+                    bottom_distance_under_modal_: bottom_distance_under_modal
+                });
+                // This will add some default behaviour to open_modal_ if no style_props_ are supplied
+                // The default behaviour is to align the modal with the input field if possible
+                const modal_opening_effect = ()=>{
+                    const open_signal_value = this.modal_open;
+                    const signal_value_is_options = Array.isArray(open_signal_value);
+                    // Close modal if signal is false
+                    if (!open_signal_value) {
+                        close_modal_();
+                        return;
+                    }
+                    const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $540e930c58500cbe$var$privately_shared_properties.get(this);
+                    if (signal_value_is_options && open_signal_value[0]?.style_props_) {
+                        // They know what they're doing, just call the modal with the provided options
+                        open_modal_(...open_signal_value);
+                        return;
+                    }
+                    if (!open_signal_value[0]?.style_props_ && search_page_aligned_modal_body_style_signal_) {
+                        // Open modal aligned with search page if no alignment specified and possible to align with search page
+                        if (!signal_value_is_options) {
+                            open_modal_({
+                                style_props_: search_page_aligned_modal_body_style_signal_
+                            });
+                            return;
+                        }
+                        const [options_arg, ...rest] = open_signal_value;
                         open_modal_({
+                            ...options_arg,
                             style_props_: search_page_aligned_modal_body_style_signal_
-                        });
+                        }, ...rest);
+                        return;
+                    }
+                    // Open centered modal
+                    const supports_hover = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
+                    const desktop_short = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(max-height: 790px)");
+                    const mobile_short = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(max-height: 1000px)");
+                    const transform_y = (0, $g9l4l$createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
+                    const style_props_ = (0, $g9l4l$createSignal)({
+                        position: "fixed",
+                        top: "50%"
+                    });
+                    (0, $g9l4l$createComputed)(()=>style_props_[1]((old_value)=>({
+                                ...old_value,
+                                transform: transform_y() ? "translateY(-50%)" : "unset"
+                            })));
+                    if (signal_value_is_options) {
+                        const [options_arg, ...rest] = open_signal_value;
+                        open_modal_({
+                            ...options_arg,
+                            style_props_: search_page_aligned_modal_body_style_signal_ || style_props_
+                        }, ...rest);
                         return;
                     }
-                    const [options_arg, ...rest] = open_signal_value;
-                    open_modal_({
-                        ...options_arg,
-                        style_props_: search_page_aligned_modal_body_style_signal_
-                    }, ...rest);
-                    return;
-                }
-                // Open centered modal
-                const supports_hover = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
-                const desktop_short = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(max-height: 790px)");
-                const mobile_short = (0, $fefe7683325039b3$export$d9f36cf74e24d595)("(max-height: 1000px)");
-                const transform_y = (0, $g9l4l$createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
-                const style_props_ = (0, $g9l4l$createSignal)({
-                    position: "fixed",
-                    top: "50%"
-                });
-                (0, $g9l4l$createComputed)(()=>style_props_[1]((old_value)=>({
-                            ...old_value,
-                            transform: transform_y() ? "translateY(-50%)" : "unset"
-                        })));
-                if (signal_value_is_options) {
-                    const [options_arg, ...rest] = open_signal_value;
                     open_modal_({
-                        ...options_arg,
-                        style_props_: search_page_aligned_modal_body_style_signal_ || style_props_
-                    }, ...rest);
-                    return;
-                }
-                open_modal_({
-                    style_props_: style_props_
-                });
-            };
-            (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createEffect)(modal_opening_effect));
-        })();
-        $540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed = true;
+                        style_props_: style_props_
+                    });
+                };
+                (0, $g9l4l$runWithOwner)(owner, ()=>(0, $g9l4l$createEffect)(modal_opening_effect));
+            })();
+            $540e930c58500cbe$export$ac6237957a15b3f0.#has_been_constructed = true;
+        });
     }
     get on_navigation() {
         // The only non-reactive public property on the class (I don't see it making sense to have it reactive)