@depict-ai/ui 0.0.3 → 0.0.5

package/dist/module.js

@@ -1,5 +1,5 @@
 import {template as $kyEB6$template, insert as $kyEB6$insert, createComponent as $kyEB6$createComponent, spread as $kyEB6$spread, use as $kyEB6$use, setAttribute as $kyEB6$setAttribute, effect as $kyEB6$effect, addEventListener as $kyEB6$addEventListener, delegateEvents as $kyEB6$delegateEvents, memo as $kyEB6$memo, style as $kyEB6$style, mergeProps as $kyEB6$mergeProps, classList as $kyEB6$classList, className as $kyEB6$className} from "solid-js/web";
-import {Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, dlog as $kyEB6$dlog, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, Rec_Renderer as $kyEB6$Rec_Renderer, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, queueMacroTask as $kyEB6$queueMacroTask, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns} from "@depict-ai/utilishared";
+import {Placeholder as $kyEB6$Placeholder, catchify as $kyEB6$catchify, base_url as $kyEB6$base_url, get_depict_id as $kyEB6$get_depict_id, get_user_id as $kyEB6$get_user_id, get_session_id as $kyEB6$get_session_id, dlog as $kyEB6$dlog, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, observer as $kyEB6$observer, report as $kyEB6$report, ContainedPlaceholderImage as $kyEB6$ContainedPlaceholderImage, javascript_media_query as $kyEB6$javascript_media_query, href_change_ipns as $kyEB6$href_change_ipns, standard_price_format as $kyEB6$standard_price_format, deparallelize as $kyEB6$deparallelize, make_asyncIterable_exiter as $kyEB6$make_asyncIterable_exiter, insert_surfaces as $kyEB6$insert_surfaces, Tenant as $kyEB6$Tenant, deparallelize_no_drop as $kyEB6$deparallelize_no_drop, default_rr as $kyEB6$default_rr, make_random_classname as $kyEB6$make_random_classname, n_col_styling_with_dist as $kyEB6$n_col_styling_with_dist, Lazyfier as $kyEB6$Lazyfier, queueMacroTask as $kyEB6$queueMacroTask, Rec_Renderer as $kyEB6$Rec_Renderer, CrossIcon as $kyEB6$CrossIcon, useExpandingContainer as $kyEB6$useExpandingContainer, Amazing_Slider as $kyEB6$Amazing_Slider, slider_snap_css as $kyEB6$slider_snap_css, slider_fading_factory as $kyEB6$slider_fading_factory, MinusIcon as $kyEB6$MinusIcon, FilterIcon as $kyEB6$FilterIcon, SortIconAsc as $kyEB6$SortIconAsc, SortIconDesc as $kyEB6$SortIconDesc, PlusIcon as $kyEB6$PlusIcon, TickIcon as $kyEB6$TickIcon, ArrowUp as $kyEB6$ArrowUp, normal_get_product_id as $kyEB6$normal_get_product_id, GenericSliderArrowButton as $kyEB6$GenericSliderArrowButton, BackIcon as $kyEB6$BackIcon, SearchIcon as $kyEB6$SearchIcon, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, ContainedImage as $kyEB6$ContainedImage} from "@depict-ai/utilishared";
 import {createSignal as $kyEB6$createSignal, untrack as $kyEB6$untrack, createMemo as $kyEB6$createMemo, onCleanup as $kyEB6$onCleanup, createEffect as $kyEB6$createEffect, createComputed as $kyEB6$createComputed, createRoot as $kyEB6$createRoot, createResource as $kyEB6$createResource, Show as $kyEB6$Show, createRenderEffect as $kyEB6$createRenderEffect, runWithOwner as $kyEB6$runWithOwner, getOwner as $kyEB6$getOwner, on as $kyEB6$on, Index as $kyEB6$Index, batch as $kyEB6$batch, For as $kyEB6$For, ErrorBoundary as $kyEB6$ErrorBoundary} from "solid-js";
 
 
@@ -116,7 +116,7 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
-const $7fa23e2a0079eca4$var$v2_base_url = process.env.BASE_URL + "/v2/";
+const $7fa23e2a0079eca4$var$v2_base_url = (0, $kyEB6$base_url) + "/v2/";
 const $7fa23e2a0079eca4$var$search_base_url = $7fa23e2a0079eca4$var$v2_base_url + "search/";
 const $7fa23e2a0079eca4$var$add_ids_to_request = (input_req)=>{
     const request = {
@@ -455,7 +455,7 @@ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market,
     return new_categories;
 }
 async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
-    const fetched = await (0, $kyEB6$fetch_retry)(process.env.BASE_URL + "/v2/product-listing/queries", {
+    const fetched = await (0, $kyEB6$fetch_retry)((0, $kyEB6$base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
@@ -2294,6 +2294,7 @@ let $2d25e42846eac370$var$cached_placeholder_element;
 function $2d25e42846eac370$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, $kyEB6$createMemo)(()=>plp_results_.loading || query_base_.loading);
+    const cleanup_old_cards = [];
     const render_and_insert_results = (0, $kyEB6$deparallelize_no_drop)(async (insert_into, owner)=>{
         const fallback_to_no_results = ()=>(0, $kyEB6$runWithOwner)(owner, ()=>insert_into.replaceChildren(...(0, $598245ecfe38f34b$export$ef6006467f04ee41)(no_results_options_)));
         const observe_for_counting_ = (0, $kyEB6$runWithOwner)(owner, ()=>(0, $6656265e0c3cc617$export$daf1a0aef2143a61)({
@@ -2311,10 +2312,19 @@ function $2d25e42846eac370$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, $kyEB6$createRoot)((dispose)=>[
+                (0, $kyEB6$getOwner)(),
+                dispose
+            ]);
         const rendering_result = await (0, $kyEB6$default_rr)(tenant_object_, {
             type: type_for_tracking_,
             recs: current_results.displays,
             ...rr_options_,
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $kyEB6$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
@@ -2331,6 +2341,9 @@ function $2d25e42846eac370$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();
@@ -2344,6 +2357,7 @@ function $2d25e42846eac370$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, $kyEB6$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$ = $2d25e42846eac370$var$_tmpl$.cloneNode(true);
         (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -2454,6 +2468,15 @@ async function $2d25e42846eac370$var$insert_placeholders({ scroll_restoration_da
             type: "placeholder",
             pre_processors: [],
             post_processors: [],
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $kyEB6$createRoot)(async (dispose)=>{
+                        try {
+                            return await rr_options_.template(...args);
+                        } finally{
+                            (0, $kyEB6$queueMacroTask)((0, $kyEB6$catchify)(dispose)); // we just want it cloned and dead
+                        }
+                    })
+            } : {},
             recs: [
                 {
                     page_url: "javascript:void(0)"
@@ -2462,7 +2485,7 @@ async function $2d25e42846eac370$var$insert_placeholders({ scroll_restoration_da
         });
         const element = elements?.find((e)=>e instanceof HTMLElement || e instanceof SVGElement);
         if (!element) return [];
-        $2d25e42846eac370$var$cached_placeholder_element = element;
+        $2d25e42846eac370$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, $kyEB6$runWithOwner)(owner_, ()=>(0, $kyEB6$createRenderEffect)(()=>{
             const to_add = num_placeholders() - existing_num;
@@ -2635,6 +2658,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
     const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $24e27fab9c821b86$export$5bad61ecde080b1f)({
         duration: 200
     });
+    const owner = (0, $kyEB6$getOwner)();
     const outmost_element = (0, $kyEB6$createComponent)(ExpandingContainer, {
         get children () {
             return (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -2651,14 +2675,15 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                             return [
                                 (()=>{
                                     const _el$4 = $1adfe60f3a14a1d7$var$_tmpl$.cloneNode(true);
-                                    (0, $kyEB6$addEventListener)(_el$4, "click", (0, $kyEB6$catchify)(()=>(0, $e9342fb3ac73a54a$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, $kyEB6$addEventListener)(_el$4, "click", (0, $kyEB6$catchify)(()=>// click event handlers don't have an owner, carry it over
+                                        (0, $kyEB6$runWithOwner)(owner, ()=>(0, $e9342fb3ac73a54a$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, $kyEB6$insert)(_el$4, ()=>i18n_.clear_all_from_filter_crumbs_());
                                     return _el$4;
                                 })(),
@@ -2932,8 +2957,10 @@ async function $194bd6b8e4c59830$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 {
@@ -6011,8 +6038,8 @@ function $90980bd87c9960f9$var$proxy_push_state(function_name, thing) {
 }
 
 
-const $a0f0a70198583479$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp category"></div>`, 2);
-class $a0f0a70198583479$export$3a8840c5b2ecf003 {
+const $9653a36120f642b0$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp category"></div>`, 2);
+class $9653a36120f642b0$export$3a8840c5b2ecf003 {
     #locale_signal = (0, $kyEB6$createSignal)();
     #tenant_signal = (0, $kyEB6$createSignal)();
     #market_signal = (0, $kyEB6$createSignal)();
@@ -6024,14 +6051,14 @@ class $a0f0a70198583479$export$3a8840c5b2ecf003 {
     #booted = false;
     static #has_been_constructed = false;
     constructor(opts){
-        if ($a0f0a70198583479$export$3a8840c5b2ecf003.#has_been_constructed) throw new Error("You can only have one instance of Category due to state limitations");
-        $a0f0a70198583479$export$3a8840c5b2ecf003.#has_been_constructed = true;
+        if ($9653a36120f642b0$export$3a8840c5b2ecf003.#has_been_constructed) throw new Error("You can only have one instance of Category due to state limitations");
+        $9653a36120f642b0$export$3a8840c5b2ecf003.#has_been_constructed = true;
         this.#constructor_options = opts;
         (0, $90980bd87c9960f9$export$5162a71f252e6122)();
     }
     get #external_area_div() {
         // creates a new node every time this is accessed, doing like this for DRY purposes
-        return $a0f0a70198583479$var$_tmpl$.cloneNode(true);
+        return $9653a36120f642b0$var$_tmpl$.cloneNode(true);
     }
     get locale_() {
         // allow reactive access
@@ -6158,6 +6185,9 @@ class $a0f0a70198583479$export$3a8840c5b2ecf003 {
 
 
 
+
+
+
 function $48d7e4a9707315b6$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, $kyEB6$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
@@ -6273,6 +6303,18 @@ function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -6280,7 +6322,7 @@ function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
 
 
 const $857105c41ea47bee$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="back" type="button"></button>`, 2), $857105c41ea47bee$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$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 $857105c41ea47bee$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 $857105c41ea47bee$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, $kyEB6$createEffect)((0, $kyEB6$catchify)(async ()=>{
         if (disabled_) return;
@@ -6300,6 +6342,7 @@ function $857105c41ea47bee$export$ff21851bb5d30e15({ search_field_value_: search
                 return _el$2;
             }
         }), _el$3);
+        (0, $kyEB6$use)((el)=>field_element_ref_?.(el), _el$3);
         (0, $kyEB6$addEventListener)(_el$4, "select", (0, $kyEB6$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
             {
@@ -6376,19 +6419,6 @@ function $857105c41ea47bee$export$ff21851bb5d30e15({ search_field_value_: search
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 const $eea41f703612261b$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="instant-results"></div>`, 2);
 function $eea41f703612261b$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_  }) {
@@ -7445,6 +7475,7 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
     })();
     const [get_showing_recommendation_rows] = showing_recommendation_rows_;
     const rows_object = view_more_button_ ? $172e1b898d457050$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
+    const cleanup_old_cards = [];
     (0, $kyEB6$Layout)({
         container_element: cards,
         layout: "grid",
@@ -7482,13 +7513,22 @@ function $172e1b898d457050$export$7de92c4c2205ebf3({ depict_api_: depict_api_ ,
     }));
     const deparallelized_recs_fetcher = (0, $kyEB6$deparallelize_no_drop)((0, $kyEB6$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, $kyEB6$createRoot)((dispose)=>[
+                (0, $kyEB6$getOwner)(),
+                dispose
+            ]);
         const rendering_result = await (await (0, $kyEB6$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, $7747fe1a8c5652e3$export$6c9030e511152266) + (0, $kyEB6$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, $kyEB6$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;
@@ -7499,12 +7539,16 @@ function $172e1b898d457050$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, $kyEB6$createRenderEffect)(()=>deparallelized_recs_fetcher(search_query_base_()));
+    (0, $kyEB6$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, $kyEB6$createComponent)((0, $kyEB6$Show), {
         get when () {
             return is_showing_something();
@@ -7572,491 +7616,778 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 const $7097477c78a89208$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter-results-for-one-row"></div>`, 2), $7097477c78a89208$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $7097477c78a89208$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, $kyEB6$createRoot)((dispose)=>{
-        return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
-            severity_: "error",
-            message_: "Whole search failed",
-            get children () {
-                page_replacer_.addEventListener("close", dispose, {
-                    once: true
-                });
-                const tenant_object_ = new (0, $kyEB6$Tenant)({
-                    TENANT: (0, $kyEB6$untrack)(tenant_),
-                    MARKET: (0, $kyEB6$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, $kyEB6$createSignal)(false);
-                const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
-                const number_of_rendered_selected_filters_items_ = (0, $kyEB6$createSignal)(0);
-                const first_result_in_viewport_ = (0, $kyEB6$createSignal)();
-                const last_result_in_viewport_ = (0, $kyEB6$createSignal)();
-                const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $kyEB6$createSignal)(false);
-                const search_query_base_ = (0, $587cd61972788655$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, $kyEB6$createResource)(search_query_base_, (0, $kyEB6$catchify)(async (base_query)=>{
-                    set_all_products_loaded(false);
-                    // only first page of results
-                    return await (0, $641bba2917fe862b$export$cc42dd29bf655ab6)({
-                        id_: (0, $kyEB6$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, $kyEB6$Tenant)({
+        TENANT: (0, $kyEB6$untrack)(tenant_),
+        MARKET: (0, $kyEB6$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, $kyEB6$createSignal)(false);
+    const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
+    const number_of_rendered_selected_filters_items_ = (0, $kyEB6$createSignal)(0);
+    const first_result_in_viewport_ = (0, $kyEB6$createSignal)();
+    const last_result_in_viewport_ = (0, $kyEB6$createSignal)();
+    const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $kyEB6$createSignal)(false);
+    const search_query_base_ = (0, $587cd61972788655$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, $kyEB6$createResource)(search_query_base_, (0, $kyEB6$catchify)(async (base_query)=>{
+        set_all_products_loaded(false);
+        // only first page of results
+        return await (0, $641bba2917fe862b$export$cc42dd29bf655ab6)({
+            id_: (0, $kyEB6$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, $kyEB6$createResource)((0, $kyEB6$createMemo)(()=>({
+            query: search_query_[0](),
+            tenant: tenant_(),
+            market: market_()
+        })), (opts)=>depict_api_.suggest(opts));
+    const available_sortings_ = (0, $kyEB6$createMemo)(()=>search_results_()?.sorts?.map((sort)=>({
+                ...sort,
+                order: sort.order ?? "desc"
+            })));
+    const available_filters_ = (0, $kyEB6$createMemo)(()=>search_results_()?.filters);
+    const modal_body_style = (0, $kyEB6$createSignal)({});
+    let input_field;
+    if (include_input_field_) {
+        const SafeQueryInput = (0, $kyEB6$catchify)((0, $857105c41ea47bee$export$ff21851bb5d30e15));
+        input_field = (0, $kyEB6$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, $kyEB6$catchify)((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, input_field, undefined, true);
+            input_field.addEventListener("click", (0, $kyEB6$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, $kyEB6$createSignal)(false);
+    const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $kyEB6$createSignal)();
+    const formatted_number_of_results_ = (0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
+        search_results_: search_results_,
+        i18n_: i18n_
+    });
+    const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $kyEB6$createSignal)();
+    const results_for = (0, $kyEB6$createComponent)((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), {
+        search_query_: search_query_,
+        i18n_: i18n_,
+        formatted_number_of_results_: formatted_number_of_results_
+    });
+    const filters_opener = (0, $cdea4cf8c5c071ef$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, $kyEB6$createSignal)();
+    (0, $kyEB6$onCleanup)((0, $kyEB6$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$ = $7097477c78a89208$var$_tmpl$.cloneNode(true);
+            (0, $kyEB6$insert)(_el$, results_for, null);
+            (0, $kyEB6$insert)(_el$, filters_opener, null);
+            return _el$;
+        })());
+    }).remove);
+    (0, $kyEB6$catchify)((0, $641bba2917fe862b$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, $kyEB6$createComputed)(()=>{
+        if (search_results_.loading) set_can_write_scroll_restoration(false);
+        else if (search_results_()) set_can_write_scroll_restoration(true);
+    });
+    (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
+        selected_filters_: selected_filters_,
+        available_filters_: available_filters_
+    });
+    // @ts-ignore
+    if (process.env.GA !== "false") (0, $kyEB6$createEffect)(()=>{
+        get_search_query();
+        (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
+    });
+    (0, $kyEB6$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 = $7097477c78a89208$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+            (0, $kyEB6$insert)(_el$3, input_field, null);
+            (0, $kyEB6$insert)(_el$3, make_category_suggestion_card_ ? (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                severity_: "error",
+                message_: "Category suggestions failed",
+                get children () {
+                    return (0, $kyEB6$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
+                        selected_filters_: selected_filters_,
+                        suggestions_: suggestions,
+                        slider_arrow_button_: slider_arrow_button_,
+                        children: make_category_suggestion_card_
+                    });
+                }
+            }) : null, null);
+            (0, $kyEB6$insert)(_el$3, ()=>results_filters[0](), null);
+            (0, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+                get when () {
+                    return selected_filters_[0]()?.length;
+                },
+                keyed: false,
+                get children () {
+                    return (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                        message_: "Selected filters failed",
+                        severity_: "error",
+                        get children () {
+                            return (0, $1adfe60f3a14a1d7$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, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                severity_: "error",
+                message_: "Search results failed",
+                get children () {
+                    return (0, $2d25e42846eac370$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, $kyEB6$createResource)((0, $kyEB6$createMemo)(()=>({
-                        query: search_query_[0](),
-                        tenant: tenant_(),
-                        market: market_()
-                    })), (opts)=>depict_api_.suggest(opts));
-                const available_sortings_ = (0, $kyEB6$createMemo)(()=>search_results_()?.sorts?.map((sort)=>({
-                            ...sort,
-                            order: sort.order ?? "desc"
-                        })));
-                const available_filters_ = (0, $kyEB6$createMemo)(()=>search_results_()?.filters);
-                const modal_body_style = (0, $kyEB6$createSignal)({});
-                let input_field;
-                if (include_input_field_) {
-                    const SafeQueryInput = (0, $kyEB6$catchify)((0, $857105c41ea47bee$export$ff21851bb5d30e15));
-                    input_field = (0, $kyEB6$createComponent)(SafeQueryInput, {
+                }
+            }), null);
+            (0, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+                get when () {
+                    return get_all_products_loaded() && !disable_search_recommendations_;
+                },
+                keyed: false,
+                get children () {
+                    return (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                        severity_: "error",
+                        message_: "Search recommendations failed",
+                        get children () {
+                            return (0, $kyEB6$createComponent)((0, $172e1b898d457050$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, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                message_: "Scroll status failed",
+                severity_: "error",
+                get children () {
+                    return (0, $6db49ca163afa2c3$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, $kyEB6$createMemo)(()=>search_results_()?.n_hits)
                     });
-                    if (input_field) {
-                        opts?.modal_body_style_ref_?.(modal_body_style);
-                        const align_position = (0, $kyEB6$catchify)((0, $b6d5529b253681aa$export$b3ad617e9036868))(modal_body_style, input_field, undefined, true);
-                        input_field.addEventListener("click", (0, $kyEB6$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, $kyEB6$createSignal)(false);
-                const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $kyEB6$createSignal)();
-                const formatted_number_of_results_ = (0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
-                    search_results_: search_results_,
-                    i18n_: i18n_
-                });
-                const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $kyEB6$createSignal)();
-                const results_for = (0, $kyEB6$createComponent)((0, $f8c929beb82c512b$export$9dd50d35b9d94fdf), {
-                    search_query_: search_query_,
-                    i18n_: i18n_,
-                    formatted_number_of_results_: formatted_number_of_results_
-                });
-                const filters_opener = (0, $cdea4cf8c5c071ef$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, $kyEB6$createSignal)();
-                (0, $kyEB6$onCleanup)((0, $kyEB6$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$ = $7097477c78a89208$var$_tmpl$.cloneNode(true);
-                        (0, $kyEB6$insert)(_el$, results_for, null);
-                        (0, $kyEB6$insert)(_el$, filters_opener, null);
-                        return _el$;
-                    })());
-                }).remove);
-                (0, $kyEB6$catchify)((0, $641bba2917fe862b$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, $kyEB6$createComputed)(()=>{
-                    if (search_results_.loading) set_can_write_scroll_restoration(false);
-                    else if (search_results_()) set_can_write_scroll_restoration(true);
-                });
-                (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
-                    selected_filters_: selected_filters_,
-                    available_filters_: available_filters_
-                });
-                // @ts-ignore
-                if (process.env.GA !== "false") (0, $kyEB6$createEffect)(()=>{
-                    get_search_query();
-                    (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
-                });
-                (0, $kyEB6$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 = $7097477c78a89208$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-                        (0, $kyEB6$insert)(_el$3, input_field, null);
-                        (0, $kyEB6$insert)(_el$3, make_category_suggestion_card_ ? (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                            severity_: "error",
-                            message_: "Category suggestions failed",
-                            get children () {
-                                return (0, $kyEB6$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
-                                    selected_filters_: selected_filters_,
-                                    suggestions_: suggestions,
-                                    slider_arrow_button_: slider_arrow_button_,
-                                    children: make_category_suggestion_card_
-                                });
-                            }
-                        }) : null, null);
-                        (0, $kyEB6$insert)(_el$3, ()=>results_filters[0](), null);
-                        (0, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
-                            get when () {
-                                return selected_filters_[0]()?.length;
-                            },
-                            keyed: false,
-                            get children () {
-                                return (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                                    message_: "Selected filters failed",
-                                    severity_: "error",
-                                    get children () {
-                                        return (0, $1adfe60f3a14a1d7$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, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                            severity_: "error",
-                            message_: "Search results failed",
-                            get children () {
-                                return (0, $2d25e42846eac370$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, $kyEB6$insert)(_el$3, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
-                            get when () {
-                                return get_all_products_loaded() && !disable_search_recommendations_;
-                            },
-                            keyed: false,
-                            get children () {
-                                return (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                                    severity_: "error",
-                                    message_: "Search recommendations failed",
-                                    get children () {
-                                        return (0, $kyEB6$createComponent)((0, $172e1b898d457050$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, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                            message_: "Scroll status failed",
-                            severity_: "error",
-                            get children () {
-                                return (0, $6db49ca163afa2c3$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, $kyEB6$createMemo)(()=>search_results_()?.n_hits)
-                                });
-                            }
-                        }), null);
-                        (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-                            message_: "Floating buttons failed",
-                            severity_: "error",
-                            get children () {
-                                return (0, $0b0380f75d729d63$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, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
+                message_: "Floating buttons failed",
+                severity_: "error",
+                get children () {
+                    return (0, $0b0380f75d729d63$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 $ba4105f38be0a8e0$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="orig price"></span>`, 2), $ba4105f38be0a8e0$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$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 $ba4105f38be0a8e0$export$3b5becc25bbaed73(display, _index, get_fake_rendering_options, i18n_) {
+    const image_url = (0, $kyEB6$createMemo)(()=>display().image_url);
+    const contained_image = (0, $kyEB6$createMemo)(()=>(0, $kyEB6$ContainedImage)({
+            aspect_ratio: 1,
+            alt: "",
+            // @ts-ignore
+            "data-src": image_url(),
+            rendering_options: (0, $kyEB6$untrack)(()=>get_fake_rendering_options()),
+            srcset_opts: {
+                set_dataset: true
+            },
+            init_with_placeholder: true
+        }));
+    const is_sale = (0, $kyEB6$createMemo)(()=>display().sale_price !== display().original_price);
+    return (()=>{
+        const _el$ = $ba4105f38be0a8e0$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, $kyEB6$insert)(_el$2, contained_image);
+        (0, $kyEB6$insert)(_el$5, ()=>display().brand);
+        (0, $kyEB6$insert)(_el$6, ()=>display().title);
+        (0, $kyEB6$insert)(_el$7, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+            get when () {
+                return is_sale();
+            },
+            get children () {
+                const _el$8 = $ba4105f38be0a8e0$var$_tmpl$.cloneNode(true);
+                (0, $kyEB6$insert)(_el$8, ()=>i18n_.price_formatting_().pre_, null);
+                (0, $kyEB6$insert)(_el$8, ()=>(0, $8c0f86cb3e266eeb$export$469c7af753d08925)({
+                        price_: (0, $kyEB6$createMemo)(()=>display().original_price),
+                        price_formatting_: i18n_.price_formatting_
+                    }), null);
+                (0, $kyEB6$insert)(_el$8, ()=>i18n_.price_formatting_().post_, null);
+                return _el$8;
             }
-        })();
-    });
+        }), _el$9);
+        (0, $kyEB6$insert)(_el$9, ()=>i18n_.price_formatting_().pre_, null);
+        (0, $kyEB6$insert)(_el$9, ()=>(0, $8c0f86cb3e266eeb$export$469c7af753d08925)({
+                price_: (0, $kyEB6$createMemo)(()=>display().sale_price),
+                price_formatting_: i18n_.price_formatting_
+            }), null);
+        (0, $kyEB6$insert)(_el$9, ()=>i18n_.price_formatting_().post_, null);
+        (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$, "href", display().page_url));
+        return _el$;
+    })();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $897bd4a76f611b38$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="parent_title"></span>`, 2), $897bd4a76f611b38$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
+function $897bd4a76f611b38$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_  }) {
+    return (()=>{
+        const _el$ = $897bd4a76f611b38$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
+        (0, $kyEB6$addEventListener)(_el$, "click", (0, $kyEB6$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, $kyEB6$insert)(_el$2, ()=>category_suggestion_().title);
+        (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+            get when () {
+                return typeof category_suggestion_().parent_title === "string";
+            },
+            get children () {
+                const _el$3 = $897bd4a76f611b38$var$_tmpl$.cloneNode(true);
+                (0, $kyEB6$insert)(_el$3, ()=>category_suggestion_().parent_title);
+                return _el$3;
+            }
+        }), null);
+        (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$, "href", category_suggestion_().page_url));
+        return _el$;
+    })();
 }
+(0, $kyEB6$delegateEvents)([
+    "click"
+]);
+
 
+const $b5cccc8ee7d24677$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 $b5cccc8ee7d24677$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 $b5cccc8ee7d24677$var$transform_elements(sorted_cols_at_size);
+};
 
 
 
-class $08b0dc201128ebbe$export$4b85d3515bd863a5 {
+
+const $59f48be661ca9195$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$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 $59f48be661ca9195$var$privately_shared_properties = new WeakMap();
+const $59f48be661ca9195$var$min_products_to_fetch_ = 20;
+const $59f48be661ca9195$export$bde3eb976dfded9 = (depict_search)=>$59f48be661ca9195$var$privately_shared_properties.get(depict_search)?.search_query_updating_blocked_;
+class $59f48be661ca9195$export$ac6237957a15b3f0 {
     #locale_signal = (0, $kyEB6$createSignal)();
-    #tenant_signal = (0, $kyEB6$createSignal)();
+    #merchant_signal = (0, $kyEB6$createSignal)();
     #market_signal = (0, $kyEB6$createSignal)();
     #modal_open_signal = (0, $kyEB6$createSignal)(false);
-    #constructor_options;
-    #query_input_opts;
-    #booted = false;
     static #has_been_constructed = false;
-    constructor(opts){
-        if ($08b0dc201128ebbe$export$4b85d3515bd863a5.#has_been_constructed) throw new Error("You can only have one instance of Search due to state limitations");
-        $08b0dc201128ebbe$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 ($59f48be661ca9195$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, $a8fa7302d6f93c0b$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, $172e1b898d457050$export$1c8c715550dc689d),
+                search_scroll_restoration_data: []
+            }));
+        const search_query_updating_blocked_ = (0, $kyEB6$createSignal)(false);
+        const { [search_query_url_param_name]: raw_search_query_signal  } = (0, $13e008d5237dbbee$export$2542ffb77b620b02)({
+            [search_query_url_param_name]: ""
+        });
+        const search_query_signal_ = (0, $kyEB6$createSignal)((0, $kyEB6$untrack)(raw_search_query_signal[0]));
+        const depict_api_ = new (0, $7fa23e2a0079eca4$export$e015ed2f2950f2e3)();
+        const previous_searches = (0, $21f51c14cb3f586f$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, $172e1b898d457050$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, $bfd908d13d90934c$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, $kyEB6$untrack)(()=>this.localization)).map((key)=>[
+                key,
+                (0, $kyEB6$createMemo)(()=>this.localization[key])
+            ]));
+        const clear_filters_on_next_submit_ = (0, $48d7e4a9707315b6$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, $kyEB6$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());
+        });
+        $59f48be661ca9195$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, $90980bd87c9960f9$export$5162a71f252e6122)();
+        (0, $kyEB6$catchify)(async ()=>{
+            const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((...args)=>{
+                (0, $kyEB6$onCleanup)(()=>this.modal_open = false);
+                return (0, $fabfda1230351b1a$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_: $59f48be661ca9195$var$min_products_to_fetch_,
+                    render_instant_card_: (0, $ba4105f38be0a8e0$export$3b5becc25bbaed73),
+                    render_instant_card_placeholder_: (0, $bb15dfb548a7666e$export$ee1733d9a8495996),
+                    has_sort_or_filters_: (0, $kyEB6$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, $kyEB6$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_  } = $59f48be661ca9195$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, $dc9262ef6f786812$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
+                const slim = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-width: 600px)");
+                const desktop_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 790px)");
+                const mobile_short = (0, $dc9262ef6f786812$export$d9f36cf74e24d595)("(max-height: 1000px)");
+                const transform_x = (0, $kyEB6$createSignal)(false);
+                const transform_y = (0, $kyEB6$createSignal)(false);
+                const style_props_ = (0, $kyEB6$createSignal)({
+                    position: "fixed",
+                    top: "50%",
+                    left: "50%"
+                });
+                (0, $kyEB6$createComputed)(()=>transform_y[1](supports_hover() ? !desktop_short() : !mobile_short()));
+                (0, $kyEB6$createComputed)(()=>transform_x[1](transform_y[0]() || !slim()));
+                (0, $kyEB6$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_
+                });
+            });
+        })();
+        $59f48be661ca9195$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, $kyEB6$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, $a8fa7302d6f93c0b$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, $172e1b898d457050$export$1c8c715550dc689d),
-                    search_scroll_restoration_data: []
-                }));
-            const { [search_query_url_param_name]: search_query_signal  } = (0, $13e008d5237dbbee$export$2542ffb77b620b02)({
-                [search_query_url_param_name]: ""
-            });
-            const previous_searches = (0, $21f51c14cb3f586f$export$84bba84a7b837187)(search_query_signal);
-            const [, set_search_showing_recommendation_rows] = search_showing_recommendation_rows;
-            const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $172e1b898d457050$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, $bfd908d13d90934c$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 $59f48be661ca9195$var$get_shared_properties(depict_search) {
+    const shared_properties = $59f48be661ca9195$var$privately_shared_properties.get(depict_search);
+    if (!shared_properties) throw new Error("Can't connect to provided DepictSearch instance");
+    return shared_properties;
+}
+function $59f48be661ca9195$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, $kyEB6$normal_get_product_id)  }) {
+    const shared_properties = $59f48be661ca9195$var$get_shared_properties(depict_search);
+    return $59f48be661ca9195$var$run_in_root_or_auto_cleanup(()=>{
+        const { state_: state_  } = shared_properties;
+        (0, $kyEB6$onCleanup)(shared_properties.reset_history_state_);
+        return (0, $7097477c78a89208$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_: $59f48be661ca9195$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 = $59f48be661ca9195$var$privately_shared_properties.get(depict_search);
+                if (!shared_info_right_now) return;
+                $59f48be661ca9195$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, $kyEB6$untrack)(()=>this.locale_)).map((key)=>[
-                    key,
-                    (0, $kyEB6$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, $48d7e4a9707315b6$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, $753e9b2889a47c89$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, $7097477c78a89208$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, $kyEB6$onCleanup)(()=>{
+                    const shared_info_right_now = $59f48be661ca9195$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;
+                    $59f48be661ca9195$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, $897bd4a76f611b38$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, $b5cccc8ee7d24677$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, $kyEB6$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, $194bd6b8e4c59830$export$79b1565500412d9b)((...args)=>{
-                set_input_model_open(true);
-                (0, $kyEB6$onCleanup)(()=>set_input_model_open(false));
-                return (0, $fabfda1230351b1a$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, $kyEB6$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, $kyEB6$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, $857105c41ea47bee$export$ff21851bb5d30e15)({
-                disabled_: true,
-                ...opts,
-                ...this.#query_input_opts
-            });
-        };
-    }
+    }, "Entire SearchPage failed");
+}
+function $59f48be661ca9195$export$b94867ecbd698f21({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler  }) {
+    const shared_properties = $59f48be661ca9195$var$get_shared_properties(depict_search);
+    return $59f48be661ca9195$var$run_in_root_or_auto_cleanup(()=>{
+        const input = (0, $kyEB6$createComponent)((0, $857105c41ea47bee$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, $kyEB6$catchify)(()=>{
+                    depict_search.modal_open = [
+                        {
+                            style_props_: style_props_
+                        },
+                        modal_dispose_handler
+                    ];
+                });
+                field.addEventListener("click", handler);
+                (0, $kyEB6$onCleanup)(()=>field.removeEventListener("click", handler));
+            }
+        });
+        const style_props_ = (0, $kyEB6$createSignal)({
+            position: "fixed"
+        });
+        (0, $b6d5529b253681aa$export$b3ad617e9036868)(style_props_, input);
+        return [
+            (()=>{
+                const _el$ = $59f48be661ca9195$var$_tmpl$.cloneNode(true);
+                (0, $kyEB6$insert)(_el$, input);
+                return _el$;
+            })()
+        ];
+    }, "SearchField failed");
+}
+function $59f48be661ca9195$var$run_in_root_or_auto_cleanup(component, error_message) {
+    const component_in_error_boundary = (do_with_elements)=>{
+        return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
+            severity_: "error",
+            message_: error_message,
+            get children () {
+                const elements = component();
+                do_with_elements?.(elements);
+                return elements;
+            }
+        })();
+    };
+    const owner = (0, $kyEB6$getOwner)();
+    if (owner == null) return (0, $kyEB6$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, $kyEB6$observer).onremoved(elements[0], dispose);
+        });
+    });
+    else // we're already in a root so cleanups are handled
+    return component_in_error_boundary();
 }
 
 
 
 
-export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $a0f0a70198583479$export$3a8840c5b2ecf003 as Category, $08b0dc201128ebbe$export$4b85d3515bd863a5 as Search};
+export {$e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $d1d4dbcadcf4cb02$export$26df08e242fe83a3 as push_state_with_query_param_value, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $2e7dbdfa682bea45$export$93916862db74da11 as czech_category_translation, $2e7dbdfa682bea45$export$62ef558576ddaf3d as czech_search_translation, $88b98b9d8654446d$export$70578856b2420b5d as danish_search_translation, $88b98b9d8654446d$export$f816e22bdb8038e1 as danish_category_translation, $45ff89a5006dbeee$export$e6614b50d36f30aa as dutch_category_translation, $45ff89a5006dbeee$export$5d14584e27bf4bc5 as dutch_search_translation, $8e57f28e9b8ba103$export$434b5d2e9cbbcde1 as english_search_translation, $8e57f28e9b8ba103$export$61b15fe6451cdba0 as english_category_translation, $17bb4bc19a558158$export$bf7930000f7ad633 as finnish_category_translation, $17bb4bc19a558158$export$bb9c5e11b9203620 as finnish_search_translation, $8f244ab97fceb5b3$export$ef75fbff2e809c9 as french_category_translation, $8f244ab97fceb5b3$export$e608b2bb21ba1862 as french_search_translation, $52d8525a7f06f813$export$f1905e1353ecf78e as german_category_translation, $52d8525a7f06f813$export$b43a5e72c07b4d2a as german_search_translation, $af10c927f9d40ee9$export$3812cbf78064c3ab as italian_category_translation, $af10c927f9d40ee9$export$c05550c0848a3fe4 as italian_search_translation, $b6fc9ca373acfd8e$export$e3024c30c728ef08 as norwegian_category_translation, $b6fc9ca373acfd8e$export$dcb702a89633f297 as norwegian_search_translation, $02d28687f3e70797$export$ca594fc9015508ad as polish_category_translation, $02d28687f3e70797$export$b0eb0dd41442f532 as polish_search_translation, $f6f89421463e8473$export$b3b5aa2c4df8976f as portuguese_search_translation, $f6f89421463e8473$export$d8290cf1bac152ab as portuguese_category_translation, $eb8757bc61f65db5$export$40e5a8a77e52bc27 as spanish_category_translation, $eb8757bc61f65db5$export$49b8f20513f0ff25 as spanish_search_translation, $ee9ca02aebefa7e4$export$7ba4dc17618f444f as swedish_category_translation, $ee9ca02aebefa7e4$export$596caee559c76764 as swedish_search_translation, $8c0f86cb3e266eeb$export$469c7af753d08925 as solid_format_price, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $9653a36120f642b0$export$3a8840c5b2ecf003 as Category, $59f48be661ca9195$export$ac6237957a15b3f0 as DepictSearch, $59f48be661ca9195$export$f2dc7e4e4aa11abb as SearchPage, $59f48be661ca9195$export$b94867ecbd698f21 as SearchField, $59f48be661ca9195$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal};