@depict-ai/ui 0.0.3 → 0.0.5

package/dist/main.js

@@ -46,8 +46,11 @@ $parcel$export(module.exports, "swedish_category_translation", () => $7571ce64c2
 $parcel$export(module.exports, "swedish_search_translation", () => $7571ce64c2a20e28$export$596caee559c76764);
 $parcel$export(module.exports, "solid_format_price", () => $d659702496cb72ea$export$469c7af753d08925);
 $parcel$export(module.exports, "PageReplacer", () => $0a6acf31d1eae57c$export$3ccaa27d81dd8556);
-$parcel$export(module.exports, "Category", () => $dde172e07a8d9aee$export$3a8840c5b2ecf003);
-$parcel$export(module.exports, "Search", () => $d06dbfcc8cd5a5bb$export$4b85d3515bd863a5);
+$parcel$export(module.exports, "Category", () => $7cb9c8285dbd453e$export$3a8840c5b2ecf003);
+$parcel$export(module.exports, "DepictSearch", () => $fd2d5ef67fc09716$export$ac6237957a15b3f0);
+$parcel$export(module.exports, "SearchPage", () => $fd2d5ef67fc09716$export$f2dc7e4e4aa11abb);
+$parcel$export(module.exports, "SearchField", () => $fd2d5ef67fc09716$export$b94867ecbd698f21);
+$parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $fd2d5ef67fc09716$export$bde3eb976dfded9);
 
 
 
@@ -162,7 +165,7 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
-const $e1d6c0f3d89d531c$var$v2_base_url = process.env.BASE_URL + "/v2/";
+const $e1d6c0f3d89d531c$var$v2_base_url = (0, $iBTHO$depictaiutilishared.base_url) + "/v2/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v2_base_url + "search/";
 const $e1d6c0f3d89d531c$var$add_ids_to_request = (input_req)=>{
     const request = {
@@ -501,7 +504,7 @@ async function $7b4bc889571cc67b$var$fetch_and_store_categories(tenant, market,
     return new_categories;
 }
 async function $7b4bc889571cc67b$var$download_categories(tenant, market) {
-    const fetched = await (0, $iBTHO$depictaiutilishared.fetch_retry)(process.env.BASE_URL + "/v2/product-listing/queries", {
+    const fetched = await (0, $iBTHO$depictaiutilishared.fetch_retry)((0, $iBTHO$depictaiutilishared.base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
@@ -2340,6 +2343,7 @@ let $fe76fb463cc60b89$var$cached_placeholder_element;
 function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_  }) {
     // The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement
     const is_loading = (0, $iBTHO$solidjs.createMemo)(()=>plp_results_.loading || query_base_.loading);
+    const cleanup_old_cards = [];
     const render_and_insert_results = (0, $iBTHO$depictaiutilishared.deparallelize_no_drop)(async (insert_into, owner)=>{
         const fallback_to_no_results = ()=>(0, $iBTHO$solidjs.runWithOwner)(owner, ()=>insert_into.replaceChildren(...(0, $0d0b172488865048$export$ef6006467f04ee41)(no_results_options_)));
         const observe_for_counting_ = (0, $iBTHO$solidjs.runWithOwner)(owner, ()=>(0, $7f24debb0fdb7eba$export$daf1a0aef2143a61)({
@@ -2357,10 +2361,19 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
             observe_for_counting_: observe_for_counting_,
             start_cursor_: current_cursor
         }) : (items)=>(observe_for_counting_(items), items);
+        // create owner to run product cards with an Owner, so they know when they've gotten removed
+        const [owner_for_cards, dispose_our_cards] = (0, $iBTHO$solidjs.createRoot)((dispose)=>[
+                (0, $iBTHO$solidjs.getOwner)(),
+                dispose
+            ]);
         const rendering_result = await (0, $iBTHO$depictaiutilishared.default_rr)(tenant_object_, {
             type: type_for_tracking_,
             recs: current_results.displays,
             ...rr_options_,
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $iBTHO$solidjs.runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
+                        rr_options_.template(...args))
+            } : {},
             post_processors: [
                 ...rr_options_.post_processors || [],
                 load_more_post_processor
@@ -2377,6 +2390,9 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
             return;
         }
         insert_into.replaceChildren(...elements);
+        // Dispose the old cards just after the cards have been removed from the DOM
+        cleanup_old_cards.forEach((cleanup_function)=>cleanup_function());
+        cleanup_old_cards.push(dispose_our_cards); // push after calling, so that we don't instantly demolish ourselves lol
         should_stay_inserted?.then((should)=>{
             // If we shouldn't stay inserted for some reason, switch back to no results
             if (!should) fallback_to_no_results();
@@ -2390,6 +2406,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
         const is_at_end = !plp_results_()?.cursor; // or failed, but we don't wanna / it's not easy to retry
         if (!is_loading() && is_at_end) all_products_loaded_[1](true);
     });
+    (0, $iBTHO$solidjs.onCleanup)(()=>cleanup_old_cards.forEach((fn)=>fn())); // if everything gets cleaned up without new cards replacing the old ones, clean up the last cards
     return (()=>{
         const _el$ = $fe76fb463cc60b89$var$_tmpl$.cloneNode(true);
         (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -2500,6 +2517,15 @@ async function $fe76fb463cc60b89$var$insert_placeholders({ scroll_restoration_da
             type: "placeholder",
             pre_processors: [],
             post_processors: [],
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $iBTHO$solidjs.createRoot)(async (dispose)=>{
+                        try {
+                            return await rr_options_.template(...args);
+                        } finally{
+                            (0, $iBTHO$depictaiutilishared.queueMacroTask)((0, $iBTHO$depictaiutilishared.catchify)(dispose)); // we just want it cloned and dead
+                        }
+                    })
+            } : {},
             recs: [
                 {
                     page_url: "javascript:void(0)"
@@ -2508,7 +2534,7 @@ async function $fe76fb463cc60b89$var$insert_placeholders({ scroll_restoration_da
         });
         const element = elements?.find((e)=>e instanceof HTMLElement || e instanceof SVGElement);
         if (!element) return [];
-        $fe76fb463cc60b89$var$cached_placeholder_element = element;
+        $fe76fb463cc60b89$var$cached_placeholder_element = element.cloneNode(true); // don't save the actual element, clone it directly so that the who provided it can't modify it later (this has caused a bug before with react)
     }
     (0, $iBTHO$solidjs.runWithOwner)(owner_, ()=>(0, $iBTHO$solidjs.createRenderEffect)(()=>{
             const to_add = num_placeholders() - existing_num;
@@ -2681,6 +2707,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
     const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: 200
     });
+    const owner = (0, $iBTHO$solidjs.getOwner)();
     const outmost_element = (0, $iBTHO$solidjsweb.createComponent)(ExpandingContainer, {
         get children () {
             return (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -2697,14 +2724,15 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                             return [
                                 (()=>{
                                     const _el$4 = $235a2771a44e28e9$var$_tmpl$.cloneNode(true);
-                                    (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "click", (0, $iBTHO$depictaiutilishared.catchify)(()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
-                                            selected_filters_: selected_filters_,
-                                            i18n_: i18n_,
-                                            also_clear_sorting_: false,
-                                            user_triggered_: true,
-                                            expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                                            local_filter_cache_: local_filter_cache_
-                                        })), true);
+                                    (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "click", (0, $iBTHO$depictaiutilishared.catchify)(()=>// click event handlers don't have an owner, carry it over
+                                        (0, $iBTHO$solidjs.runWithOwner)(owner, ()=>(0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
+                                                selected_filters_: selected_filters_,
+                                                i18n_: i18n_,
+                                                also_clear_sorting_: false,
+                                                user_triggered_: true,
+                                                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                                                local_filter_cache_: local_filter_cache_
+                                            }))), true);
                                     (0, $iBTHO$solidjsweb.insert)(_el$4, ()=>i18n_.clear_all_from_filter_crumbs_());
                                     return _el$4;
                                 })(),
@@ -2978,8 +3006,10 @@ async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_
     const close_modal_ = ()=>{
         if (dispose_and_remove) {
             // modal is open
-            dispose_and_remove();
+            const dispose_fn = dispose_and_remove;
+            // set dispose function to undefined in case that it triggers this dispose function itself. Not doing it leads to a bug like https://github.com/solidjs/solid/discussions/1194
             dispose_and_remove = undefined;
+            dispose_fn();
         }
     };
     return {
@@ -6057,8 +6087,8 @@ function $d84fe647b84b5dc5$var$proxy_push_state(function_name, thing) {
 }
 
 
-const $dde172e07a8d9aee$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
-class $dde172e07a8d9aee$export$3a8840c5b2ecf003 {
+const $7cb9c8285dbd453e$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
+class $7cb9c8285dbd453e$export$3a8840c5b2ecf003 {
     #locale_signal = (0, $iBTHO$solidjs.createSignal)();
     #tenant_signal = (0, $iBTHO$solidjs.createSignal)();
     #market_signal = (0, $iBTHO$solidjs.createSignal)();
@@ -6070,14 +6100,14 @@ class $dde172e07a8d9aee$export$3a8840c5b2ecf003 {
     #booted = false;
     static #has_been_constructed = false;
     constructor(opts){
-        if ($dde172e07a8d9aee$export$3a8840c5b2ecf003.#has_been_constructed) throw new Error("You can only have one instance of Category due to state limitations");
-        $dde172e07a8d9aee$export$3a8840c5b2ecf003.#has_been_constructed = true;
+        if ($7cb9c8285dbd453e$export$3a8840c5b2ecf003.#has_been_constructed) throw new Error("You can only have one instance of Category due to state limitations");
+        $7cb9c8285dbd453e$export$3a8840c5b2ecf003.#has_been_constructed = true;
         this.#constructor_options = opts;
         (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
     }
     get #external_area_div() {
         // creates a new node every time this is accessed, doing like this for DRY purposes
-        return $dde172e07a8d9aee$var$_tmpl$.cloneNode(true);
+        return $7cb9c8285dbd453e$var$_tmpl$.cloneNode(true);
     }
     get locale_() {
         // allow reactive access
@@ -6204,6 +6234,9 @@ class $dde172e07a8d9aee$export$3a8840c5b2ecf003 {
 
 
 
+
+
+
 function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , search_query_: [get_search_query] , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
     const [get_selected_filters, set_selected_filters] = selected_filters_;
     const clear_filters_next_submit_ = (0, $iBTHO$solidjs.createSignal)(false); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
@@ -6319,6 +6352,18 @@ function $b7d0212db218bf0b$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -6326,7 +6371,7 @@ function $b7d0212db218bf0b$export$2542ffb77b620b02(params_to_default_value) {
 
 
 const $2f8c7dc07090fca9$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $2f8c7dc07090fca9$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="query_input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
-function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
+function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
     let input_field;
     (0, $iBTHO$solidjs.createEffect)((0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
         if (disabled_) return;
@@ -6346,6 +6391,7 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
                 return _el$2;
             }
         }), _el$3);
+        (0, $iBTHO$solidjsweb.use)((el)=>field_element_ref_?.(el), _el$3);
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "select", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
             if (!disabled_) // just in case. The field not actually being disabled when being disabled_ is so that you can focus it and open the modal. We don't want any of the other input-field-interaction features to work
             {
@@ -6422,19 +6468,6 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 const $6ae556e536054e87$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
 function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ , search_field_value_: [get_search_field_value] , tenant_: tenant_ , market_: market_ , render_instant_card_: render_instant_card_ , render_instant_card_placeholder_: render_instant_card_placeholder_ , min_products_to_fetch_: min_products_to_fetch_ , has_sort_or_filters_: has_sort_or_filters_ , set_num_results_accessor_: set_num_results_accessor_ , i18n_: i18n_  }) {
@@ -7491,6 +7524,7 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
     })();
     const [get_showing_recommendation_rows] = showing_recommendation_rows_;
     const rows_object = view_more_button_ ? $fb29c6201c369e39$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
+    const cleanup_old_cards = [];
     (0, $iBTHO$depictaiutilishared.Layout)({
         container_element: cards,
         layout: "grid",
@@ -7528,13 +7562,22 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
     }));
     const deparallelized_recs_fetcher = (0, $iBTHO$depictaiutilishared.deparallelize_no_drop)((0, $iBTHO$depictaiutilishared.catchify)(async (base_query)=>{
         const recs_promise = depict_api_.get_recommended(base_query).then((r)=>r.displays);
+        // create owner to run product cards with an Owner, so they know when they've gotten removed
+        const [owner_for_cards, dispose_our_cards] = (0, $iBTHO$solidjs.createRoot)((dispose)=>[
+                (0, $iBTHO$solidjs.getOwner)(),
+                dispose
+            ]);
         const rendering_result = await (await (0, $iBTHO$depictaiutilishared.make_placeholder_rr)({
             // render the max amount of elements that there could be, to make sure scroll restoration works (placeholders can't be shorter than actual content)
             num_items: (0, $aec24316ed262dc0$export$6c9030e511152266) + (0, $iBTHO$solidjs.untrack)(get_showing_recommendation_rows) * Math.max(...layout_options_.cols_at_size.map(([per_column])=>per_column))
         }))(tenant_object_, {
             type: "search_recs",
             recs: recs_promise,
-            ...rr_options_
+            ...rr_options_,
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $iBTHO$solidjs.runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
+                        rr_options_.template(...args))
+            } : {}
         });
         const { elements: elements , should_stay_inserted: should_stay_inserted  } = rendering_result;
         let dead = false;
@@ -7545,12 +7588,16 @@ function $fb29c6201c369e39$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
             return;
         }
         cards.replaceChildren(...elements);
+        // Dispose the old cards just after the cards have been removed from the DOM
+        cleanup_old_cards.forEach((cleanup_function)=>cleanup_function());
+        cleanup_old_cards.push(dispose_our_cards); // push after calling, so that we don't instantly demolish ourselves lol
         set_is_showing_something(true);
         should_stay_inserted?.then((should)=>{
             if (!should && !dead /* just in case */ ) set_is_showing_something(false);
         });
     }));
     (0, $iBTHO$solidjs.createRenderEffect)(()=>deparallelized_recs_fetcher(search_query_base_()));
+    (0, $iBTHO$solidjs.onCleanup)(()=>cleanup_old_cards.forEach((fn)=>fn())); // if everything gets cleaned up without new cards replacing the old ones, clean up the last cards
     return (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
         get when () {
             return is_showing_something();
@@ -7618,488 +7665,775 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 const $f1d7cb69f839a526$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $f1d7cb69f839a526$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
-    const { depict_api_: depict_api_ , page_replacer_: page_replacer_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_  } = opts;
-    return (0, $iBTHO$solidjs.createRoot)((dispose)=>{
-        return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
-            severity_: "error",
-            message_: "Whole search failed",
-            get children () {
-                page_replacer_.addEventListener("close", dispose, {
-                    once: true
-                });
-                const tenant_object_ = new (0, $iBTHO$depictaiutilishared.Tenant)({
-                    TENANT: (0, $iBTHO$solidjs.untrack)(tenant_),
-                    MARKET: (0, $iBTHO$solidjs.untrack)(market_),
-                    GA_ID: "",
-                    get_product_id: get_product_id_
-                });
-                const [get_sorting] = current_sorting_;
-                const [get_search_query] = search_query_;
-                const all_products_loaded_ = (0, $iBTHO$solidjs.createSignal)(false);
-                const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
-                const number_of_rendered_selected_filters_items_ = (0, $iBTHO$solidjs.createSignal)(0);
-                const first_result_in_viewport_ = (0, $iBTHO$solidjs.createSignal)();
-                const last_result_in_viewport_ = (0, $iBTHO$solidjs.createSignal)();
-                const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $iBTHO$solidjs.createSignal)(false);
-                const search_query_base_ = (0, $8cd545330f2674dc$export$210f130a61ac1e8d)(()=>{
-                    const sort_obj = get_sorting() && {
-                        ...get_sorting()
-                    };
-                    delete sort_obj?.meta;
-                    const f = selected_filters_[0]();
-                    return {
-                        tenant: tenant_(),
-                        market: market_(),
-                        query: get_search_query(),
-                        ...f.length ? {
-                            filters: f
-                        } : {},
-                        ...sort_obj ? {
-                            sort: sort_obj
-                        } : {}
-                    };
-                });
-                const [search_results_] = (0, $iBTHO$solidjs.createResource)(search_query_base_, (0, $iBTHO$depictaiutilishared.catchify)(async (base_query)=>{
-                    set_all_products_loaded(false);
-                    // only first page of results
-                    return await (0, $276380e4607fb9fb$export$cc42dd29bf655ab6)({
-                        id_: (0, $iBTHO$solidjs.untrack)(get_search_query),
+    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_  } = opts;
+    const tenant_object_ = new (0, $iBTHO$depictaiutilishared.Tenant)({
+        TENANT: (0, $iBTHO$solidjs.untrack)(tenant_),
+        MARKET: (0, $iBTHO$solidjs.untrack)(market_),
+        GA_ID: "",
+        get_product_id: get_product_id_
+    });
+    const [get_sorting] = current_sorting_;
+    const [get_search_query] = search_query_;
+    const all_products_loaded_ = (0, $iBTHO$solidjs.createSignal)(false);
+    const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
+    const number_of_rendered_selected_filters_items_ = (0, $iBTHO$solidjs.createSignal)(0);
+    const first_result_in_viewport_ = (0, $iBTHO$solidjs.createSignal)();
+    const last_result_in_viewport_ = (0, $iBTHO$solidjs.createSignal)();
+    const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $iBTHO$solidjs.createSignal)(false);
+    const search_query_base_ = (0, $8cd545330f2674dc$export$210f130a61ac1e8d)(()=>{
+        const sort_obj = get_sorting() && {
+            ...get_sorting()
+        };
+        delete sort_obj?.meta;
+        const f = selected_filters_[0]();
+        return {
+            tenant: tenant_(),
+            market: market_(),
+            query: get_search_query(),
+            ...f.length ? {
+                filters: f
+            } : {},
+            ...sort_obj ? {
+                sort: sort_obj
+            } : {}
+        };
+    });
+    const [search_results_] = (0, $iBTHO$solidjs.createResource)(search_query_base_, (0, $iBTHO$depictaiutilishared.catchify)(async (base_query)=>{
+        set_all_products_loaded(false);
+        // only first page of results
+        return await (0, $276380e4607fb9fb$export$cc42dd29bf655ab6)({
+            id_: (0, $iBTHO$solidjs.untrack)(get_search_query),
+            min_products_to_fetch_: min_products_to_fetch_,
+            scroll_restoration_data_: scroll_restoration_data_,
+            make_request_: (limit, cursor)=>depict_api_.query({
+                    ...base_query,
+                    limit: limit,
+                    ...cursor ? {
+                        cursor: cursor
+                    } : {}
+                })
+        });
+    }));
+    const [suggestions] = (0, $iBTHO$solidjs.createResource)((0, $iBTHO$solidjs.createMemo)(()=>({
+            query: search_query_[0](),
+            tenant: tenant_(),
+            market: market_()
+        })), (opts)=>depict_api_.suggest(opts));
+    const available_sortings_ = (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.sorts?.map((sort)=>({
+                ...sort,
+                order: sort.order ?? "desc"
+            })));
+    const available_filters_ = (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.filters);
+    const modal_body_style = (0, $iBTHO$solidjs.createSignal)({});
+    let input_field;
+    if (include_input_field_) {
+        const SafeQueryInput = (0, $iBTHO$depictaiutilishared.catchify)((0, $2f8c7dc07090fca9$export$ff21851bb5d30e15));
+        input_field = (0, $iBTHO$solidjsweb.createComponent)(SafeQueryInput, {
+            i18n_: i18n_,
+            disabled_: true,
+            search_query_: search_query_,
+            search_field_value_: search_field_value_,
+            submit_query_: submit_query_,
+            clear_filters_: clear_filters_on_next_submit_
+        });
+        if (input_field) {
+            opts?.modal_body_style_ref_?.(modal_body_style);
+            const align_position = (0, $iBTHO$depictaiutilishared.catchify)((0, $fd463ff0edb29915$export$b3ad617e9036868))(modal_body_style, input_field, undefined, true);
+            input_field.addEventListener("click", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
+                const target = e.target;
+                const sel = ".submit";
+                if (target?.matches?.(sel) || target?.closest?.(sel)) // the search button is just decor, don't do anything when clicked
+                return;
+                align_position?.();
+                open_modal_({
+                    style_props_: modal_body_style
+                }, ()=>include_input_field_?.on_close_?.());
+                include_input_field_?.on_open_?.();
+            }));
+        }
+    }
+    const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $iBTHO$solidjs.createSignal)(false);
+    const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $iBTHO$solidjs.createSignal)();
+    const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
+        search_results_: search_results_,
+        i18n_: i18n_
+    });
+    const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $iBTHO$solidjs.createSignal)();
+    const results_for = (0, $iBTHO$solidjsweb.createComponent)((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), {
+        search_query_: search_query_,
+        i18n_: i18n_,
+        formatted_number_of_results_: formatted_number_of_results_
+    });
+    const filters_opener = (0, $f8f64d05c525825b$export$d7841e452f2e59a8)({
+        set_sort_or_filter_open_: set_sort_or_filter_open_,
+        set_extra_els_in_results_container_: set_desktop_filter_elements,
+        i18n_: i18n_,
+        search_sorting_open_: search_sorting_open_,
+        available_filters_: available_filters_,
+        available_sortings_: available_sortings_,
+        search_filters_open_: search_filters_open_,
+        set_sort_and_filter_element_: set_sort_and_filter_element_,
+        current_sorting_: current_sorting_,
+        input_modal_open_: input_modal_open_,
+        expanded_filters_: expanded_filters_,
+        selected_filters_: selected_filters_,
+        formatted_number_of_results_: formatted_number_of_results_,
+        local_filter_cache_: local_filter_cache_,
+        expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+        number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
+    });
+    const results_filters = (0, $iBTHO$solidjs.createSignal)();
+    (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches  })=>{
+        results_filters[1]();
+        await new Promise((r)=>queueMicrotask(r));
+        results_filters[1](matches ? [
+            results_for,
+            filters_opener
+        ] : (()=>{
+            const _el$ = $f1d7cb69f839a526$var$_tmpl$.cloneNode(true);
+            (0, $iBTHO$solidjsweb.insert)(_el$, results_for, null);
+            (0, $iBTHO$solidjsweb.insert)(_el$, filters_opener, null);
+            return _el$;
+        })());
+    }).remove);
+    (0, $iBTHO$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
+        scroll_restoration_data_: scroll_restoration_data_,
+        last_result_in_viewport_: last_result_in_viewport_,
+        id_: get_search_query,
+        can_write_scroll_restoration_: can_write_scroll_restoration_
+    });
+    (0, $iBTHO$solidjs.createComputed)(()=>{
+        if (search_results_.loading) set_can_write_scroll_restoration(false);
+        else if (search_results_()) set_can_write_scroll_restoration(true);
+    });
+    (0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
+        selected_filters_: selected_filters_,
+        available_filters_: available_filters_
+    });
+    // @ts-ignore
+    if (process.env.GA !== "false") (0, $iBTHO$solidjs.createEffect)(()=>{
+        get_search_query();
+        (0, $341a019928b8b91e$export$c7e181728ad525f)(location);
+    });
+    (0, $iBTHO$solidjs.createComputed)(()=>{
+        tenant_object_.tenant = tenant_object_.TENANT = tenant_();
+        tenant_object_.market = tenant_object_.MARKET = market_();
+    });
+    return [
+        document.createComment("Depict.ai frontend integrated search page"),
+        (()=>{
+            const _el$2 = $f1d7cb69f839a526$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+            (0, $iBTHO$solidjsweb.insert)(_el$3, input_field, null);
+            (0, $iBTHO$solidjsweb.insert)(_el$3, make_category_suggestion_card_ ? (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                severity_: "error",
+                message_: "Category suggestions failed",
+                get children () {
+                    return (0, $iBTHO$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
+                        selected_filters_: selected_filters_,
+                        suggestions_: suggestions,
+                        slider_arrow_button_: slider_arrow_button_,
+                        children: make_category_suggestion_card_
+                    });
+                }
+            }) : null, null);
+            (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>results_filters[0](), null);
+            (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+                get when () {
+                    return selected_filters_[0]()?.length;
+                },
+                keyed: false,
+                get children () {
+                    return (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                        message_: "Selected filters failed",
+                        severity_: "error",
+                        get children () {
+                            return (0, $235a2771a44e28e9$export$fecbb157621501bd)({
+                                i18n_: i18n_,
+                                selected_filters_: selected_filters_,
+                                local_filter_cache_: local_filter_cache_,
+                                slider_arrow_button_: slider_arrow_button_,
+                                search_filters_open_: search_filters_open_,
+                                search_sorting_open_: search_sorting_open_,
+                                number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+                                expanded_hierarchical_filters_: expanded_hierarchical_filters_
+                            });
+                        }
+                    });
+                }
+            }), null);
+            (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                severity_: "error",
+                message_: "Search results failed",
+                get children () {
+                    return (0, $fe76fb463cc60b89$export$3925f87b1545cfc6)({
+                        all_products_loaded_: all_products_loaded_,
                         min_products_to_fetch_: min_products_to_fetch_,
+                        query_base_: search_query_base_,
+                        plp_results_: search_results_,
+                        depict_api_: depict_api_,
+                        first_result_in_viewport_: first_result_in_viewport_,
+                        last_result_in_viewport_: last_result_in_viewport_,
                         scroll_restoration_data_: scroll_restoration_data_,
-                        make_request_: (limit, cursor)=>depict_api_.query({
-                                ...base_query,
-                                limit: limit,
-                                ...cursor ? {
-                                    cursor: cursor
-                                } : {}
-                            })
+                        desktop_filter_elements_: desktop_filter_elements_,
+                        rr_options_: rr_options_,
+                        layout_options_: layout_options_,
+                        sort_or_filter_open_: sort_or_filter_open_,
+                        tenant_object_: tenant_object_,
+                        type_for_tracking_: "search",
+                        id_currently_querying_for_: get_search_query,
+                        no_results_options_: {
+                            selected_filters_: selected_filters_,
+                            expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                            local_filter_cache_: local_filter_cache_,
+                            i18n_: i18n_
+                        }
                     });
-                }));
-                const [suggestions] = (0, $iBTHO$solidjs.createResource)((0, $iBTHO$solidjs.createMemo)(()=>({
-                        query: search_query_[0](),
-                        tenant: tenant_(),
-                        market: market_()
-                    })), (opts)=>depict_api_.suggest(opts));
-                const available_sortings_ = (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.sorts?.map((sort)=>({
-                            ...sort,
-                            order: sort.order ?? "desc"
-                        })));
-                const available_filters_ = (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.filters);
-                const modal_body_style = (0, $iBTHO$solidjs.createSignal)({});
-                let input_field;
-                if (include_input_field_) {
-                    const SafeQueryInput = (0, $iBTHO$depictaiutilishared.catchify)((0, $2f8c7dc07090fca9$export$ff21851bb5d30e15));
-                    input_field = (0, $iBTHO$solidjsweb.createComponent)(SafeQueryInput, {
+                }
+            }), null);
+            (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+                get when () {
+                    return get_all_products_loaded() && !disable_search_recommendations_;
+                },
+                keyed: false,
+                get children () {
+                    return (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                        severity_: "error",
+                        message_: "Search recommendations failed",
+                        get children () {
+                            return (0, $iBTHO$solidjsweb.createComponent)((0, $fb29c6201c369e39$export$7de92c4c2205ebf3), {
+                                depict_api_: depict_api_,
+                                i18n_: i18n_,
+                                search_query_base_: search_query_base_,
+                                layout_options_: recommendations_layout_options_,
+                                showing_recommendation_rows_: showing_recommendation_rows_,
+                                rr_options_: recommendations_rr_options_,
+                                view_more_button_: search_recs_view_more_,
+                                tenant_object_: tenant_object_
+                            });
+                        }
+                    });
+                }
+            }), null);
+            (0, $iBTHO$solidjsweb.insert)(_el$2, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                message_: "Scroll status failed",
+                severity_: "error",
+                get children () {
+                    return (0, $401aee5f33dca9e2$export$83fd5de5504a7a67)({
+                        first_result_in_viewport_: first_result_in_viewport_,
+                        last_result_in_viewport_: last_result_in_viewport_,
+                        formatted_number_of_results_: formatted_number_of_results_,
                         i18n_: i18n_,
-                        disabled_: true,
-                        search_query_: search_query_,
-                        search_field_value_: search_field_value_,
-                        submit_query_: submit_query_,
-                        clear_filters_: clear_filters_on_next_submit_
+                        number_of_results_: (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.n_hits)
                     });
-                    if (input_field) {
-                        opts?.modal_body_style_ref_?.(modal_body_style);
-                        const align_position = (0, $iBTHO$depictaiutilishared.catchify)((0, $fd463ff0edb29915$export$b3ad617e9036868))(modal_body_style, input_field, undefined, true);
-                        input_field.addEventListener("click", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
-                            const target = e.target;
-                            const sel = ".submit";
-                            if (target?.matches?.(sel) || target?.closest?.(sel)) // the search button is just decor, don't do anything when clicked
-                            return;
-                            align_position?.();
-                            open_modal_({
-                                style_props_: modal_body_style
-                            }, ()=>include_input_field_?.on_close_?.());
-                            include_input_field_?.on_open_?.();
-                        }));
-                    }
                 }
-                const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $iBTHO$solidjs.createSignal)(false);
-                const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $iBTHO$solidjs.createSignal)();
-                const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
-                    search_results_: search_results_,
-                    i18n_: i18n_
-                });
-                const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $iBTHO$solidjs.createSignal)();
-                const results_for = (0, $iBTHO$solidjsweb.createComponent)((0, $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf), {
-                    search_query_: search_query_,
-                    i18n_: i18n_,
-                    formatted_number_of_results_: formatted_number_of_results_
-                });
-                const filters_opener = (0, $f8f64d05c525825b$export$d7841e452f2e59a8)({
-                    set_sort_or_filter_open_: set_sort_or_filter_open_,
-                    set_extra_els_in_results_container_: set_desktop_filter_elements,
-                    i18n_: i18n_,
-                    search_sorting_open_: search_sorting_open_,
-                    available_filters_: available_filters_,
-                    available_sortings_: available_sortings_,
-                    search_filters_open_: search_filters_open_,
-                    set_sort_and_filter_element_: set_sort_and_filter_element_,
-                    current_sorting_: current_sorting_,
-                    input_modal_open_: input_modal_open_,
-                    expanded_filters_: expanded_filters_,
-                    selected_filters_: selected_filters_,
-                    formatted_number_of_results_: formatted_number_of_results_,
-                    local_filter_cache_: local_filter_cache_,
-                    expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
-                });
-                const results_filters = (0, $iBTHO$solidjs.createSignal)();
-                (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches  })=>{
-                    results_filters[1]();
-                    await new Promise((r)=>queueMicrotask(r));
-                    results_filters[1](matches ? [
-                        results_for,
-                        filters_opener
-                    ] : (()=>{
-                        const _el$ = $f1d7cb69f839a526$var$_tmpl$.cloneNode(true);
-                        (0, $iBTHO$solidjsweb.insert)(_el$, results_for, null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$, filters_opener, null);
-                        return _el$;
-                    })());
-                }).remove);
-                (0, $iBTHO$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
-                    scroll_restoration_data_: scroll_restoration_data_,
-                    last_result_in_viewport_: last_result_in_viewport_,
-                    id_: get_search_query,
-                    can_write_scroll_restoration_: can_write_scroll_restoration_
-                });
-                (0, $iBTHO$solidjs.createComputed)(()=>{
-                    if (search_results_.loading) set_can_write_scroll_restoration(false);
-                    else if (search_results_()) set_can_write_scroll_restoration(true);
-                });
-                (0, $6b384adf40a5f4d7$export$e702733a056c40d6)({
-                    selected_filters_: selected_filters_,
-                    available_filters_: available_filters_
-                });
-                // @ts-ignore
-                if (process.env.GA !== "false") (0, $iBTHO$solidjs.createEffect)(()=>{
-                    get_search_query();
-                    (0, $341a019928b8b91e$export$c7e181728ad525f)(location);
-                });
-                (0, $iBTHO$solidjs.createComputed)(()=>{
-                    tenant_object_.tenant = tenant_object_.TENANT = tenant_();
-                    tenant_object_.market = tenant_object_.MARKET = market_();
-                });
-                return [
-                    document.createComment("Depict.ai frontend integrated search page"),
-                    (()=>{
-                        const _el$2 = $f1d7cb69f839a526$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, input_field, null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, make_category_suggestion_card_ ? (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                            severity_: "error",
-                            message_: "Category suggestions failed",
-                            get children () {
-                                return (0, $iBTHO$solidjsweb.createComponent)((0, $04048c1bef16c249$export$c05a196222ba1302), {
-                                    selected_filters_: selected_filters_,
-                                    suggestions_: suggestions,
-                                    slider_arrow_button_: slider_arrow_button_,
-                                    children: make_category_suggestion_card_
-                                });
-                            }
-                        }) : null, null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>results_filters[0](), null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-                            get when () {
-                                return selected_filters_[0]()?.length;
-                            },
-                            keyed: false,
-                            get children () {
-                                return (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                                    message_: "Selected filters failed",
-                                    severity_: "error",
-                                    get children () {
-                                        return (0, $235a2771a44e28e9$export$fecbb157621501bd)({
-                                            i18n_: i18n_,
-                                            selected_filters_: selected_filters_,
-                                            local_filter_cache_: local_filter_cache_,
-                                            slider_arrow_button_: slider_arrow_button_,
-                                            search_filters_open_: search_filters_open_,
-                                            search_sorting_open_: search_sorting_open_,
-                                            number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-                                            expanded_hierarchical_filters_: expanded_hierarchical_filters_
-                                        });
-                                    }
-                                });
-                            }
-                        }), null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                            severity_: "error",
-                            message_: "Search results failed",
-                            get children () {
-                                return (0, $fe76fb463cc60b89$export$3925f87b1545cfc6)({
-                                    all_products_loaded_: all_products_loaded_,
-                                    min_products_to_fetch_: min_products_to_fetch_,
-                                    query_base_: search_query_base_,
-                                    plp_results_: search_results_,
-                                    depict_api_: depict_api_,
-                                    first_result_in_viewport_: first_result_in_viewport_,
-                                    last_result_in_viewport_: last_result_in_viewport_,
-                                    scroll_restoration_data_: scroll_restoration_data_,
-                                    desktop_filter_elements_: desktop_filter_elements_,
-                                    rr_options_: rr_options_,
-                                    layout_options_: layout_options_,
-                                    sort_or_filter_open_: sort_or_filter_open_,
-                                    tenant_object_: tenant_object_,
-                                    type_for_tracking_: "search",
-                                    id_currently_querying_for_: get_search_query,
-                                    no_results_options_: {
-                                        selected_filters_: selected_filters_,
-                                        expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                                        local_filter_cache_: local_filter_cache_,
-                                        i18n_: i18n_
-                                    }
-                                });
-                            }
-                        }), null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$3, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-                            get when () {
-                                return get_all_products_loaded() && !disable_search_recommendations_;
-                            },
-                            keyed: false,
-                            get children () {
-                                return (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                                    severity_: "error",
-                                    message_: "Search recommendations failed",
-                                    get children () {
-                                        return (0, $iBTHO$solidjsweb.createComponent)((0, $fb29c6201c369e39$export$7de92c4c2205ebf3), {
-                                            depict_api_: depict_api_,
-                                            i18n_: i18n_,
-                                            search_query_base_: search_query_base_,
-                                            layout_options_: recommendations_layout_options_,
-                                            showing_recommendation_rows_: showing_recommendation_rows_,
-                                            rr_options_: recommendations_rr_options_,
-                                            view_more_button_: search_recs_view_more_,
-                                            tenant_object_: tenant_object_
-                                        });
-                                    }
-                                });
-                            }
-                        }), null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$2, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                            message_: "Scroll status failed",
-                            severity_: "error",
-                            get children () {
-                                return (0, $401aee5f33dca9e2$export$83fd5de5504a7a67)({
-                                    first_result_in_viewport_: first_result_in_viewport_,
-                                    last_result_in_viewport_: last_result_in_viewport_,
-                                    formatted_number_of_results_: formatted_number_of_results_,
-                                    i18n_: i18n_,
-                                    number_of_results_: (0, $iBTHO$solidjs.createMemo)(()=>search_results_()?.n_hits)
-                                });
-                            }
-                        }), null);
-                        (0, $iBTHO$solidjsweb.insert)(_el$2, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
-                            message_: "Floating buttons failed",
-                            severity_: "error",
-                            get children () {
-                                return (0, $2fb324fbcc7b4a7b$export$b23abd26de154ede)({
-                                    search_filters_open_: search_filters_open_,
-                                    search_sorting_open_: search_sorting_open_,
-                                    current_sorting_: current_sorting_,
-                                    sort_and_filter_element_: sort_and_filter_element_,
-                                    i18n_: i18n_
-                                });
-                            }
-                        }), null);
-                        return _el$2;
-                    })()
-                ];
+            }), null);
+            (0, $iBTHO$solidjsweb.insert)(_el$2, (0, $iBTHO$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
+                message_: "Floating buttons failed",
+                severity_: "error",
+                get children () {
+                    return (0, $2fb324fbcc7b4a7b$export$b23abd26de154ede)({
+                        search_filters_open_: search_filters_open_,
+                        search_sorting_open_: search_sorting_open_,
+                        current_sorting_: current_sorting_,
+                        sort_and_filter_element_: sort_and_filter_element_,
+                        i18n_: i18n_
+                    });
+                }
+            }), null);
+            return _el$2;
+        })()
+    ];
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $ad63d2a35e827266$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="orig price"></span>`, 2), $ad63d2a35e827266$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="instant-card"><div class="img_part"></div><div class="right_part"><div class="title_brand"><span class="brand"></span><span class="title"></span></div><div class="price_container"><span class="price"></span></div></div></a>`, 16);
+function $ad63d2a35e827266$export$3b5becc25bbaed73(display, _index, get_fake_rendering_options, i18n_) {
+    const image_url = (0, $iBTHO$solidjs.createMemo)(()=>display().image_url);
+    const contained_image = (0, $iBTHO$solidjs.createMemo)(()=>(0, $iBTHO$depictaiutilishared.ContainedImage)({
+            aspect_ratio: 1,
+            alt: "",
+            // @ts-ignore
+            "data-src": image_url(),
+            rendering_options: (0, $iBTHO$solidjs.untrack)(()=>get_fake_rendering_options()),
+            srcset_opts: {
+                set_dataset: true
+            },
+            init_with_placeholder: true
+        }));
+    const is_sale = (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price !== display().original_price);
+    return (()=>{
+        const _el$ = $ad63d2a35e827266$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$9 = _el$7.firstChild;
+        (0, $iBTHO$solidjsweb.insert)(_el$2, contained_image);
+        (0, $iBTHO$solidjsweb.insert)(_el$5, ()=>display().brand);
+        (0, $iBTHO$solidjsweb.insert)(_el$6, ()=>display().title);
+        (0, $iBTHO$solidjsweb.insert)(_el$7, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+            get when () {
+                return is_sale();
+            },
+            get children () {
+                const _el$8 = $ad63d2a35e827266$var$_tmpl$.cloneNode(true);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n_.price_formatting_().pre_, null);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
+                        price_: (0, $iBTHO$solidjs.createMemo)(()=>display().original_price),
+                        price_formatting_: i18n_.price_formatting_
+                    }), null);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n_.price_formatting_().post_, null);
+                return _el$8;
             }
-        })();
-    });
+        }), _el$9);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n_.price_formatting_().pre_, null);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
+                price_: (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price),
+                price_formatting_: i18n_.price_formatting_
+            }), null);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n_.price_formatting_().post_, null);
+        (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "href", display().page_url));
+        return _el$;
+    })();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $dae23104ba8bb78c$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="parent_title"></span>`, 2), $dae23104ba8bb78c$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
+function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_  }) {
+    return (()=>{
+        const _el$ = $dae23104ba8bb78c$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
+        (0, $iBTHO$solidjsweb.addEventListener)(_el$, "click", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
+            if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
+            return;
+            return on_navigation_?.(category_suggestion_().page_url);
+        }), true);
+        (0, $iBTHO$solidjsweb.insert)(_el$2, ()=>category_suggestion_().title);
+        (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+            get when () {
+                return typeof category_suggestion_().parent_title === "string";
+            },
+            get children () {
+                const _el$3 = $dae23104ba8bb78c$var$_tmpl$.cloneNode(true);
+                (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>category_suggestion_().parent_title);
+                return _el$3;
+            }
+        }), null);
+        (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "href", category_suggestion_().page_url));
+        return _el$;
+    })();
 }
+(0, $iBTHO$solidjsweb.delegateEvents)([
+    "click"
+]);
+
 
+const $4e04be41243c3d80$var$transform_elements = (sorted_cols_at_size)=>{
+    const cols_at_size = [];
+    for(let i = 0; i < sorted_cols_at_size.length; i++){
+        const [nb_cols, width] = sorted_cols_at_size[i];
+        const next_width = sorted_cols_at_size[i + 1]?.[1];
+        const max_width = i === 0 ? "" : `${width}px`;
+        const min_width = next_width !== undefined ? `${next_width + 1}px` : "";
+        const col_at_size = [
+            nb_cols,
+            min_width,
+            max_width
+        ];
+        cols_at_size.push(col_at_size);
+    }
+    return cols_at_size;
+};
+const $4e04be41243c3d80$export$6daf8749b65a1b77 = (cols_at_size)=>{
+    // Check width duplicates
+    const widths = cols_at_size.map(([_, width])=>width);
+    const widths_set = new Set(widths);
+    if (widths_set.size < widths.length) throw new Error("There are duplicate widths in cols_at_size");
+    if (cols_at_size.length === 1) {
+        const [nb_cols, width] = cols_at_size[0];
+        const max_width = width !== undefined ? `${width}px` : "";
+        return [
+            [
+                nb_cols,
+                "",
+                max_width
+            ]
+        ];
+    }
+    // Sort widths in ascending order
+    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;
+        if (width_b === undefined) return 1;
+        return width_b - width_A;
+    });
+    return $4e04be41243c3d80$var$transform_elements(sorted_cols_at_size);
+};
 
 
 
-class $d06dbfcc8cd5a5bb$export$4b85d3515bd863a5 {
+
+const $fd2d5ef67fc09716$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
+/**
+ * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
+ */ const $fd2d5ef67fc09716$var$privately_shared_properties = new WeakMap();
+const $fd2d5ef67fc09716$var$min_products_to_fetch_ = 20;
+const $fd2d5ef67fc09716$export$bde3eb976dfded9 = (depict_search)=>$fd2d5ef67fc09716$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
+class $fd2d5ef67fc09716$export$ac6237957a15b3f0 {
     #locale_signal = (0, $iBTHO$solidjs.createSignal)();
-    #tenant_signal = (0, $iBTHO$solidjs.createSignal)();
+    #merchant_signal = (0, $iBTHO$solidjs.createSignal)();
     #market_signal = (0, $iBTHO$solidjs.createSignal)();
     #modal_open_signal = (0, $iBTHO$solidjs.createSignal)(false);
-    #constructor_options;
-    #query_input_opts;
-    #booted = false;
     static #has_been_constructed = false;
-    constructor(opts){
-        if ($d06dbfcc8cd5a5bb$export$4b85d3515bd863a5.#has_been_constructed) throw new Error("You can only have one instance of Search due to state limitations");
-        $d06dbfcc8cd5a5bb$export$4b85d3515bd863a5.#has_been_constructed = true;
-        this.#constructor_options = opts;
+    constructor({ search_query_url_param_name: search_query_url_param_name = "search_query" , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , ...props_on_class }){
+        if ($fd2d5ef67fc09716$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
+        Object.assign(this, props_on_class);
+        const alternative_query_submitter_for_spas_ = on_navigation && ((search_param_name, new_search_query, url_transformer)=>{
+            const target_url = new URL(location.href);
+            url_transformer?.(target_url);
+            target_url.searchParams.set(search_param_name, new_search_query);
+            on_navigation(target_url.href);
+        });
+        const [reset_history_state_, state_] = (0, $26a56f6b44703084$export$9862539c89138352)(()=>({
+                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
+                search_sorting: undefined,
+                search_filters_open: false,
+                search_sorting_open: false,
+                search_expanded_filters: [],
+                // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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_selected_filters: [],
+                search_local_filter_cache: [],
+                search_expanded_hierarchical_filters: [],
+                search_showing_recommendation_rows: (0, $fb29c6201c369e39$export$1c8c715550dc689d),
+                search_scroll_restoration_data: []
+            }));
+        const search_query_updating_blocked_ = (0, $iBTHO$solidjs.createSignal)(false);
+        const { [search_query_url_param_name]: raw_search_query_signal  } = (0, $b7d0212db218bf0b$export$2542ffb77b620b02)({
+            [search_query_url_param_name]: ""
+        });
+        const search_query_signal_ = (0, $iBTHO$solidjs.createSignal)((0, $iBTHO$solidjs.untrack)(raw_search_query_signal[0]));
+        const depict_api_ = new (0, $e1d6c0f3d89d531c$export$e015ed2f2950f2e3)();
+        const previous_searches = (0, $2b7a005a65221045$export$84bba84a7b837187)(search_query_signal_);
+        const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
+        const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $fb29c6201c369e39$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 configured_submit_query_ = ()=>(0, $f328bd45f8ede33c$export$e16630ecb9644a1c)({
+                on_submit_with_unchanged_value_: ()=>this.modal_open = false,
+                search_field_value_: state_.search_field_value,
+                search_query_: search_query_signal_,
+                search_param_name_: search_query_url_param_name,
+                url_transformer_: url_transformer,
+                on_submit_: alternative_query_submitter_for_spas_,
+                after_submit_: after_submit_
+            });
+        const i18n_ = Object.fromEntries(Object.keys((0, $iBTHO$solidjs.untrack)(()=>this.localization)).map((key)=>[
+                key,
+                (0, $iBTHO$solidjs.createMemo)(()=>this.localization[key])
+            ]));
+        const clear_filters_on_next_submit_ = (0, $b34ce0b89e6db4e1$export$e026af0c7b64ea5f)({
+            selected_filters_: state_.search_selected_filters,
+            search_query_: search_query_signal_,
+            current_sorting_: state_.search_sorting,
+            expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
+            i18n_: i18n_,
+            local_filter_cache_: state_.search_local_filter_cache
+        });
+        (0, $iBTHO$solidjs.createComputed)(()=>{
+            const [get_search_query_updating_blocked] = search_query_updating_blocked_;
+            const [get_raw_search_query_signal] = raw_search_query_signal;
+            const [, set_search_query_signal] = search_query_signal_; // this signal won't get written from anywhere, see url_params_to_signals JSDoc
+            if (!get_search_query_updating_blocked()) set_search_query_signal(get_raw_search_query_signal());
+        });
+        $fd2d5ef67fc09716$var$privately_shared_properties.set(this, {
+            search_query_url_param_name_: search_query_url_param_name,
+            reset_history_state_: reset_history_state_,
+            state_: state_,
+            on_navigation_: on_navigation,
+            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_,
+            search_query_signal_: search_query_signal_,
+            i18n_: i18n_,
+            search_query_updating_blocked_: search_query_updating_blocked_
+        });
         (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
+        (0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
+            const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((...args)=>{
+                (0, $iBTHO$solidjs.onCleanup)(()=>this.modal_open = false);
+                return (0, $f40a47a30a358305$export$1c593cbd6f1e10bc)(...args);
+            }, {
+                after_submit_: after_submit_,
+                search_field_value_: state_.search_field_value,
+                search_query_: search_query_signal_,
+                search_page_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_,
+                alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_,
+                url_transformer_: url_transformer,
+                instant_results_options_: {
+                    min_products_to_fetch_: $fd2d5ef67fc09716$var$min_products_to_fetch_,
+                    render_instant_card_: (0, $ad63d2a35e827266$export$3b5becc25bbaed73),
+                    render_instant_card_placeholder_: (0, $6f604560873e4f69$export$ee1733d9a8495996),
+                    has_sort_or_filters_: (0, $iBTHO$solidjs.createMemo)(()=>!!(Object.keys(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
+                },
+                i18n_: i18n_,
+                enable_category_suggestions_: enable_category_suggestions
+            });
+            // 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
+            (0, $iBTHO$solidjs.createComputed)(()=>{
+                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_  } = $fd2d5ef67fc09716$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
+                    // TODO: nice to have: align with most visible SearchField if possible since that's always more desirable than centering
+                    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, $b54e6192d0caa293$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
+                const slim = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-width: 600px)");
+                const desktop_short = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height: 790px)");
+                const mobile_short = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height: 1000px)");
+                const transform_x = (0, $iBTHO$solidjs.createSignal)(false);
+                const transform_y = (0, $iBTHO$solidjs.createSignal)(false);
+                const style_props_ = (0, $iBTHO$solidjs.createSignal)({
+                    position: "fixed",
+                    top: "50%",
+                    left: "50%"
+                });
+                (0, $iBTHO$solidjs.createComputed)(()=>transform_y[1](supports_hover() ? !desktop_short() : !mobile_short()));
+                (0, $iBTHO$solidjs.createComputed)(()=>transform_x[1](transform_y[0]() || !slim()));
+                (0, $iBTHO$solidjs.createComputed)(()=>style_props_[1]((old_value)=>({
+                            ...old_value,
+                            transform: transform_x[0]() && transform_y[0]() ? "translate(-50%,-50%)" : transform_x[0]() ? "translateX(-50%)" : transform_y[0]() ? "translateY(-50%)" : "unset"
+                        })));
+                if (signal_value_is_options) {
+                    const [options_arg1, ...rest1] = open_signal_value;
+                    open_modal_({
+                        ...options_arg1,
+                        style_props_: search_page_aligned_modal_body_style_signal_
+                    }, ...rest1);
+                    return;
+                }
+                open_modal_({
+                    style_props_: style_props_
+                });
+            });
+        })();
+        $fd2d5ef67fc09716$export$ac6237957a15b3f0.#has_been_constructed = true;
     }
-    get locale_() {
+    get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
     }
-    set locale_(locale_obj) {
+    set localization(locale_obj) {
         this.#locale_signal[1](locale_obj);
     }
-    get readonly_modal_open_() {
+    get modal_open() {
         return this.#modal_open_signal[0]();
     }
-    get tenant_() {
-        return this.#tenant_signal[0]();
+    set modal_open(new_state) {
+        this.#modal_open_signal[1](new_state);
     }
-    set tenant_(tenant) {
-        this.#tenant_signal[1](tenant);
+    get merchant() {
+        return this.#merchant_signal[0]();
     }
-    get market_() {
+    set merchant(tenant) {
+        this.#merchant_signal[1](tenant);
+    }
+    get market() {
         return this.#market_signal[0]();
     }
-    set market_(market) {
+    set market(market) {
         this.#market_signal[1](market);
     }
-    get boot_() {
-        return (0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
-            if (!this.locale_) throw new Error("Can't start before locale is defined");
-            if (this.#booted) throw new Error("Already booted");
-            const search_query_url_param_name = this.#constructor_options.search_page_.search_query_param_name_ ?? "search_query";
-            let open_modal_;
-            let close_modal_;
-            const [reset_history_state, { search_field_value: search_field_value , search_sorting: search_sorting , search_filters_open: search_filters_open , search_sorting_open: search_sorting_open , search_expanded_filters: search_expanded_filters , search_local_filter_cache: search_local_filter_cache , search_selected_filters: search_selected_filters , search_expanded_hierarchical_filters: search_expanded_hierarchical_filters , search_showing_recommendation_rows: search_showing_recommendation_rows , search_scroll_restoration_data: search_scroll_restoration_data  }] = (0, $26a56f6b44703084$export$9862539c89138352)(()=>({
-                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
-                    search_sorting: undefined,
-                    search_filters_open: false,
-                    search_sorting_open: false,
-                    search_expanded_filters: [],
-                    // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx 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_selected_filters: [],
-                    search_local_filter_cache: [],
-                    search_expanded_hierarchical_filters: [],
-                    search_showing_recommendation_rows: (0, $fb29c6201c369e39$export$1c8c715550dc689d),
-                    search_scroll_restoration_data: []
-                }));
-            const { [search_query_url_param_name]: search_query_signal  } = (0, $b7d0212db218bf0b$export$2542ffb77b620b02)({
-                [search_query_url_param_name]: ""
-            });
-            const previous_searches = (0, $2b7a005a65221045$export$84bba84a7b837187)(search_query_signal);
-            const [, set_search_showing_recommendation_rows] = search_showing_recommendation_rows;
-            const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $fb29c6201c369e39$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 configured_submit_query = ()=>(0, $f328bd45f8ede33c$export$e16630ecb9644a1c)({
-                    on_submit_with_unchanged_value_: ()=>close_modal_?.(),
-                    search_field_value_: search_field_value,
-                    search_query_: search_query_signal,
-                    search_param_name_: search_query_url_param_name,
-                    url_transformer_: this.#constructor_options.url_transformer_,
-                    on_submit_: this.#constructor_options.alternative_query_submitter_for_spas_,
-                    after_submit_: after_submit_
+}
+function $fd2d5ef67fc09716$var$get_shared_properties(depict_search) {
+    const shared_properties = $fd2d5ef67fc09716$var$privately_shared_properties.get(depict_search);
+    if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
+    return shared_properties;
+}
+function $fd2d5ef67fc09716$export$f2dc7e4e4aa11abb({ depict_search: depict_search , include_input_field: include_input_field , grid_spacing: grid_spacing , cols_at_size: cols_at_size , product_card_template: product_card_template , get_product_id: get_product_id = (0, $iBTHO$depictaiutilishared.normal_get_product_id)  }) {
+    const shared_properties = $fd2d5ef67fc09716$var$get_shared_properties(depict_search);
+    return $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(()=>{
+        const { state_: state_  } = shared_properties;
+        (0, $iBTHO$solidjs.onCleanup)(shared_properties.reset_history_state_);
+        return (0, $f1d7cb69f839a526$export$a54ec244c8863715)({
+            input_modal_open_: ()=>!!depict_search.modal_open,
+            tenant_: ()=>depict_search.merchant,
+            market_: ()=>depict_search.market,
+            depict_api_: shared_properties.depict_api_,
+            min_products_to_fetch_: $fd2d5ef67fc09716$var$min_products_to_fetch_,
+            local_filter_cache_: state_.search_local_filter_cache,
+            search_field_value_: state_.search_field_value,
+            search_query_: shared_properties.search_query_signal_,
+            clear_filters_on_next_submit_: shared_properties.clear_filters_on_next_submit_,
+            open_modal_: (...args)=>depict_search.modal_open = args,
+            submit_query_: shared_properties.configured_submit_query_,
+            i18n_: shared_properties.i18n_,
+            modal_body_style_ref_: (style)=>{
+                const shared_info_right_now = $fd2d5ef67fc09716$var$privately_shared_properties.get(depict_search);
+                if (!shared_info_right_now) return;
+                $fd2d5ef67fc09716$var$privately_shared_properties.set(depict_search, {
+                    ...shared_info_right_now,
+                    search_page_aligned_modal_body_style_signal_: style
                 });
-            const i18n_ = Object.fromEntries(Object.keys((0, $iBTHO$solidjs.untrack)(()=>this.locale_)).map((key)=>[
-                    key,
-                    (0, $iBTHO$solidjs.createMemo)(()=>this.locale_[key])
-                ]));
-            const min_products_to_fetch_ = 20;
-            const [input_modal_open, set_input_model_open] = this.#modal_open_signal;
-            const clear_filters_on_next_submit_ = (0, $b34ce0b89e6db4e1$export$e026af0c7b64ea5f)({
-                selected_filters_: search_selected_filters,
-                search_query_: search_query_signal,
-                current_sorting_: search_sorting,
-                expanded_hierarchical_filters_: search_expanded_hierarchical_filters,
-                i18n_: i18n_,
-                local_filter_cache_: search_local_filter_cache
-            });
-            let modal_body_style;
-            const search_page_options = this.#constructor_options.search_page_;
-            const pr = new (0, $0a6acf31d1eae57c$export$3ccaa27d81dd8556)({
-                is_page_: search_page_options.is_search_page_,
-                title_: search_page_options.page_title_,
-                selector_: search_page_options.selector_for_page_to_replace_,
-                append_instead_of_replace_: search_page_options.append_instead_of_replace_,
-                render_: ()=>{
-                    const rendered_page = (0, $f1d7cb69f839a526$export$a54ec244c8863715)({
-                        ...search_page_options,
-                        input_modal_open_: input_modal_open,
-                        tenant_: this.#tenant_signal[0],
-                        market_: this.#market_signal[0],
-                        depict_api_: this.#constructor_options.depict_api_,
-                        page_replacer_: pr,
-                        min_products_to_fetch_: min_products_to_fetch_,
-                        local_filter_cache_: search_local_filter_cache,
-                        search_field_value_: search_field_value,
-                        search_query_: search_query_signal,
-                        clear_filters_on_next_submit_: clear_filters_on_next_submit_,
-                        open_modal_: (...args)=>open_modal_?.(...args),
-                        submit_query_: configured_submit_query,
-                        i18n_: i18n_,
-                        modal_body_style_ref_: (style)=>modal_body_style = style,
-                        current_sorting_: search_sorting,
-                        search_filters_open_: search_filters_open,
-                        search_sorting_open_: search_sorting_open,
-                        expanded_filters_: search_expanded_filters,
-                        make_category_suggestion_card_: this.#constructor_options.enable_category_suggestions_ ?? true ? search_page_options.make_category_suggestion_card_ : false,
-                        expanded_hierarchical_filters_: search_expanded_hierarchical_filters,
-                        selected_filters_: search_selected_filters,
-                        showing_recommendation_rows_: search_showing_recommendation_rows,
-                        scroll_restoration_data_: search_scroll_restoration_data
+                (0, $iBTHO$solidjs.onCleanup)(()=>{
+                    const shared_info_right_now = $fd2d5ef67fc09716$var$privately_shared_properties.get(depict_search);
+                    if (!shared_info_right_now || shared_info_right_now.search_page_aligned_modal_body_style_signal_ !== style) return;
+                    $fd2d5ef67fc09716$var$privately_shared_properties.set(depict_search, {
+                        ...shared_info_right_now,
+                        search_page_aligned_modal_body_style_signal_: undefined
                     });
-                    return search_page_options.wrap_search_page_?.(rendered_page) || rendered_page;
+                });
+            },
+            current_sorting_: state_.search_sorting,
+            search_filters_open_: state_.search_filters_open,
+            search_sorting_open_: state_.search_sorting_open,
+            expanded_filters_: state_.search_expanded_filters,
+            make_category_suggestion_card_: shared_properties.enable_category_suggestions_ ? (category_suggestion_)=>{
+                return (0, $dae23104ba8bb78c$export$d757d54550ebfb3d)({
+                    category_suggestion_: category_suggestion_,
+                    on_navigation_: shared_properties.on_navigation_
+                });
+            } : false,
+            expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
+            selected_filters_: state_.search_selected_filters,
+            showing_recommendation_rows_: state_.search_showing_recommendation_rows,
+            scroll_restoration_data_: state_.search_scroll_restoration_data,
+            include_input_field_: include_input_field,
+            layout_options_: {
+                cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(cols_at_size),
+                ...typeof grid_spacing === "string" ? {
+                    grid_spacing: grid_spacing
+                } : {
+                    override_vertical_spacing: grid_spacing.vertical,
+                    grid_spacing: grid_spacing.horizontal
                 }
-            });
-            pr.addEventListener("close", (0, $iBTHO$depictaiutilishared.catchify)(reset_history_state)); // when closing search page, reset everything
-            this.#constructor_options.page_replacer_ref_?.(pr);
-            const modal_options = this.#constructor_options.modal_options_;
-            ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((...args)=>{
-                set_input_model_open(true);
-                (0, $iBTHO$solidjs.onCleanup)(()=>set_input_model_open(false));
-                return (0, $f40a47a30a358305$export$1c593cbd6f1e10bc)(...args);
-            }, {
-                after_submit_: after_submit_,
-                search_field_value_: search_field_value,
-                search_query_: search_query_signal,
-                search_page_url_param_name_: search_query_url_param_name,
-                previous_searches_: previous_searches,
-                depict_api_: this.#constructor_options.depict_api_,
-                tenant_: this.#tenant_signal[0],
-                clear_filters_: clear_filters_on_next_submit_,
-                market_: this.#market_signal[0],
-                submit_query_: configured_submit_query,
-                alternative_query_submitter_for_spas_: this.#constructor_options.alternative_query_submitter_for_spas_,
-                url_transformer_: this.#constructor_options.url_transformer_,
-                instant_results_options_: {
-                    min_products_to_fetch_: min_products_to_fetch_,
-                    render_instant_card_: modal_options.render_instant_card_,
-                    render_instant_card_placeholder_: modal_options.render_instant_card_placeholder_,
-                    has_sort_or_filters_: (0, $iBTHO$solidjs.createMemo)(()=>!!(Object.keys(search_selected_filters[0]())?.length || search_sorting[0]()))
-                },
-                i18n_: i18n_,
-                disable_scrolling_: modal_options.disable_scrolling_,
-                enable_category_suggestions_: this.#constructor_options.enable_category_suggestions_,
-                bottom_distance_under_modal_: modal_options.bottom_distance_under_modal_
-            }));
-            this.#query_input_opts = {
-                search_query_: search_query_signal,
-                search_field_value_: search_field_value,
-                submit_query_: configured_submit_query,
-                clear_filters_: clear_filters_on_next_submit_,
-                i18n_: i18n_
-            };
-            this.#booted = true;
-            // 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 wrapped_open_modal = (...args)=>{
-                if (!args[0].style_props_ && modal_body_style) return open_modal_({
-                    ...args[0],
-                    style_props_: modal_body_style
-                }, ...args.slice(1) // Not sure I can tell TypeScript that these are the rest of the arguments
-                );
-                else return open_modal_(...args);
-            };
-            return {
-                close_modal_: close_modal_,
-                open_modal_: wrapped_open_modal
-            };
+            },
+            slider_arrow_button_: (0, $iBTHO$depictaiutilishared.GenericSliderArrowButton)({
+                height_: 12,
+                width_: 6.46
+            }),
+            rr_options_: {
+                template: product_card_template
+            },
+            get_product_id_: get_product_id
         });
-    }
-    get get_query_input() {
-        return (opts = {})=>{
-            if (!this.#booted) throw new Error("Instance not booted");
-            return (0, $2f8c7dc07090fca9$export$ff21851bb5d30e15)({
-                disabled_: true,
-                ...opts,
-                ...this.#query_input_opts
-            });
-        };
-    }
+    }, "Entire SearchPage failed");
+}
+function $fd2d5ef67fc09716$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler  }) {
+    const shared_properties = $fd2d5ef67fc09716$var$get_shared_properties(depict_search);
+    return $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(()=>{
+        const input = (0, $iBTHO$solidjsweb.createComponent)((0, $2f8c7dc07090fca9$export$ff21851bb5d30e15), {
+            get search_query_ () {
+                return shared_properties.search_query_signal_;
+            },
+            get search_field_value_ () {
+                return shared_properties.state_.search_field_value;
+            },
+            get submit_query_ () {
+                return shared_properties.configured_submit_query_;
+            },
+            get clear_filters_ () {
+                return shared_properties.clear_filters_on_next_submit_;
+            },
+            get i18n_ () {
+                return shared_properties.i18n_;
+            },
+            disabled_: true,
+            field_element_ref_: (field)=>{
+                const handler = (0, $iBTHO$depictaiutilishared.catchify)(()=>{
+                    depict_search.modal_open = [
+                        {
+                            style_props_: style_props_
+                        },
+                        modal_dispose_handler
+                    ];
+                });
+                field.addEventListener("click", handler);
+                (0, $iBTHO$solidjs.onCleanup)(()=>field.removeEventListener("click", handler));
+            }
+        });
+        const style_props_ = (0, $iBTHO$solidjs.createSignal)({
+            position: "fixed"
+        });
+        (0, $fd463ff0edb29915$export$b3ad617e9036868)(style_props_, input);
+        return [
+            (()=>{
+                const _el$ = $fd2d5ef67fc09716$var$_tmpl$.cloneNode(true);
+                (0, $iBTHO$solidjsweb.insert)(_el$, input);
+                return _el$;
+            })()
+        ];
+    }, "SearchField failed");
+}
+function $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(component, error_message) {
+    const component_in_error_boundary = (do_with_elements)=>{
+        return (0, $edafe91daf3091d7$export$b69d0d92862de18b)({
+            severity_: "error",
+            message_: error_message,
+            get children () {
+                const elements = component();
+                do_with_elements?.(elements);
+                return elements;
+            }
+        })();
+    };
+    const owner = (0, $iBTHO$solidjs.getOwner)();
+    if (owner == null) return (0, $iBTHO$solidjs.createRoot)((dispose)=>{
+        // if we're not already run in a root, create a root and automatically dispose it when the first returned element is removed from the DOM
+        return component_in_error_boundary((elements)=>{
+            if (!elements?.length) return;
+            (0, $iBTHO$depictaiutilishared.observer).onremoved(elements[0], dispose);
+        });
+    });
+    else // we're already in a root so cleanups are handled
+    return component_in_error_boundary();
 }