@depict-ai/ui 0.0.7 → 0.0.9

package/dist/module.js

@@ -1,7 +1,8 @@
-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, 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 {dlog as $kyEB6$dlog, 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, make_url_with_query_params as $kyEB6$make_url_with_query_params, fetch_retry as $kyEB6$fetch_retry, sort_obj as $kyEB6$sort_obj, version as $kyEB6$version, 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, Layout as $kyEB6$Layout, make_placeholder_rr as $kyEB6$make_placeholder_rr, async_iterable_ipns as $kyEB6$async_iterable_ipns, depict_click as $kyEB6$depict_click, impression_track_element as $kyEB6$impression_track_element, add_new_tab_listener as $kyEB6$add_new_tab_listener, ContainedImage as $kyEB6$ContainedImage, buildThresholdList as $kyEB6$buildThresholdList, PreviousSearchIcon as $kyEB6$PreviousSearchIcon} from "@depict-ai/utilishared";
+import {template as $kyEB6$template, insert as $kyEB6$insert, createComponent as $kyEB6$createComponent, spread as $kyEB6$spread, effect as $kyEB6$effect, setAttribute as $kyEB6$setAttribute, use as $kyEB6$use, 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 {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";
 
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -116,6 +117,17 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $ec291e0010116877$export$83d89fbfd8236492 = "0.0.9";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6 = {};
+function $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 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)=>{
@@ -151,9 +163,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         const results = await (0, $kyEB6$fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$7fa23e2a0079eca4$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -184,7 +194,8 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $kyEB6$fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$7fa23e2a0079eca4$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -199,7 +210,7 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $kyEB6$catchify)(()=>{
                 if (this.#supports_finalization_registry) cache_obj.finalization_registry_.register(result, body); // delete key from cache when value (WeakRefs) are collected
-                else // delete things from cache after 5 minutes so it doesn't get too heavy
+                else // delete things from cache after 5 minutes, so it doesn't get too heavy
                 setTimeout((0, $kyEB6$catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -236,6 +247,15 @@ class $7fa23e2a0079eca4$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $7fa23e2a0079eca4$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $8d80d8d4afb6dcd3$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $kyEB6$version),
+            "@depict-ai/ui": (0, $ec291e0010116877$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -476,7 +496,7 @@ async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
 
 
 
-const $bb15dfb548a7666e$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="instant-card"><div class="img_part"></div><div class="right_part"><div class="title_brand"><span class="title"></span></div></div></div>`, 10);
+const $bb15dfb548a7666e$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="title"></span></div></div></div>`, 10);
 function $bb15dfb548a7666e$export$ee1733d9a8495996() {
     return (()=>{
         const _el$ = $bb15dfb548a7666e$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
@@ -535,17 +555,21 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
                 } : {}
             }));
     };
-    const ro = new ResizeObserver((0, $kyEB6$catchify)((records)=>{
-        records.forEach(({ contentRect: { width: width  }  })=>{
-            if (width_transformer) width = width_transformer(width);
-            modal_body_style[1]((old_value)=>({
-                    ...old_value,
-                    width: `${width}px`
-                }));
-        });
-        align_position();
-    }));
-    ro.observe(input_field);
+    let ro;
+    if (one_axies_only !== "top") {
+        ro = new ResizeObserver((0, $kyEB6$catchify)((records)=>{
+            records.forEach(({ contentRect: { width: width  }  })=>{
+                if (width_transformer) width = width_transformer(width);
+                modal_body_style[1]((old_value)=>({
+                        ...old_value,
+                        "max-width": "unset",
+                        width: `${width}px`
+                    }));
+            });
+            align_position();
+        }));
+        ro.observe(input_field);
+    }
     window.addEventListener("resize", align_position);
     window.addEventListener("orientationchange", align_position);
     // "resize" doesn't fire sometimes when it should, also it doesn't when showing/hiding scrollbars which disabling scrolling does
@@ -555,7 +579,7 @@ function $b6d5529b253681aa$export$b3ad617e9036868(modal_body_style, input_field,
     resize_resize_observer.observe(document.documentElement);
     (0, $kyEB6$observer).wait_for_element("body").then(resize_resize_observer.observe.bind(resize_resize_observer));
     (0, $kyEB6$onCleanup)((0, $kyEB6$catchify)(()=>{
-        ro.disconnect();
+        ro?.disconnect();
         resize_resize_observer.disconnect();
         window.removeEventListener("resize", align_position);
         window.removeEventListener("orientationchange", align_position);
@@ -1772,6 +1796,8 @@ class $753e9b2889a47c89$export$3ccaa27d81dd8556 extends EventTarget {
 
 
 
+
+
 function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
@@ -1826,6 +1852,8 @@ function $a8fa7302d6f93c0b$export$9862539c89138352(get_default_values) {
 
 
 
+
+
 const $fc5a12f3a857ca30$var$get_available_range = (available_filters_, search_for_field)=>{
     const maybe_meta = (0, $kyEB6$untrack)(available_filters_)?.find(({ op: op , field: field  })=>field === search_for_field && op === "inrange")?.meta;
     if (maybe_meta?.min != undefined && maybe_meta?.max != undefined) return [
@@ -2548,9 +2576,10 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
         duration: duration_ ?? 250,
         delay: delay_ ?? 0
     });
-    const toggle = ()=>props.is_open_[1](!(0, $kyEB6$untrack)(()=>props.is_open_ /* reactive getter */ [0]()));
     const [is_in_dom, set_is_in_dom] = (0, $kyEB6$createSignal)(document.documentElement.contains(details_));
-    const is_open_memo = (0, $kyEB6$createMemo)(()=>props.is_open_[0]()); // we want this extra layer for if the props.is_open_ function changes itself but not the value of the signal. If we re-run below effect it flickers sometimes for some reason
+    // we want this extra layer for if the props.is_open_ function changes itself but not the value of the signal. If we re-run below effect it flickers sometimes for some reason
+    const is_open_memo = (0, $kyEB6$createMemo)(()=>props.is_open_[0]());
+    const toggle = ()=>props.is_open_[1](!(0, $kyEB6$untrack)(is_open_memo));
     (0, $kyEB6$insert)(details_, [
         summary_,
         (0, $kyEB6$createComponent)(ExpandingContainer, {
@@ -2571,8 +2600,15 @@ function $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d(props) {
             const do_duration = dont_animate_if_instant_open_ && fresh_component ? $6bb0a0c563dff4bb$var$has_new_animate ? 0 : 1 /* if the zero duration is 1 modern chrome will paint a frame with unexpanded and then one with expanded which doesn't look nice, if you have 0 on older browsers they won't play the animation at all (i.e. iOS 12.5.5) */  : duration_;
             await expand(0, do_duration);
         } else {
+            const closeModal = (0, $kyEB6$catchify)(()=>{
+            /* 
+          TODO: we currently should not enable the following line, since it causes the following bug:
+          https://linear.app/depictai/issue/FRO-413/on-estoreno-the-browser-crashes-when-expandingcollapsing-filtre-on
+          It seems to be a chrome issue and a bug has been reported to them:
+          https://bugs.chromium.org/p/chromium/issues/detail?id=1404121#c2 */ // details_.open = false;
+            });
             const animation = await collapse();
-            animation.addEventListener("finish", (0, $kyEB6$catchify)(()=>details_.open = false)); // close it after the animation has finished
+            animation.addEventListener("finish", closeModal);
         }
     }));
     details_.addEventListener("toggle", (0, $kyEB6$catchify)(()=>{
@@ -2995,7 +3031,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
-const $87c712b5b33f24f7$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="count"></span>`, 2), $87c712b5b33f24f7$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<label class="input_row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
+const $87c712b5b33f24f7$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="count"></span>`, 2), $87c712b5b33f24f7$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
 const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
     const id = (0, $kyEB6$make_random_classname)();
     return /* We can't use actual margin because ExpandingContainer gets messed up */ (()=>{
@@ -3038,7 +3074,7 @@ const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
 
 
 
-const $67b173f9db427028$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<button type="button" class="expand_filter"><span></span></button>`, 4);
+const $67b173f9db427028$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
 function $67b173f9db427028$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
     return (()=>{
         const _el$ = $67b173f9db427028$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
@@ -3172,7 +3208,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({ filter_: filter_ , selected
 
 
 
-const $eb8d9bf3b5700c26$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<form class="radios"></form>`, 2), $eb8d9bf3b5700c26$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="count"></span>`, 2), $eb8d9bf3b5700c26$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<label class="input_row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
+const $eb8d9bf3b5700c26$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<form class="radios"></form>`, 2), $eb8d9bf3b5700c26$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="count"></span>`, 2), $eb8d9bf3b5700c26$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
 function $eb8d9bf3b5700c26$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_  }) {
     const radio_name = (0, $kyEB6$make_random_classname)();
     const existing_filter = (0, $kyEB6$createMemo)(()=>{
@@ -3251,7 +3287,7 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({ selected_filters_: selected
 
 
 
-const $a6b08770e164eced$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="range"><div class="input_group"><div class="field"><input type="number"></div><div class="separator">-</div><div class="field"><input type="number"></div></div><div class="value_text"><span class="min"></span><span class="max"></span></div></div>`, 18), $a6b08770e164eced$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="slider"><div class="progress"></div></div>`, 4), $a6b08770e164eced$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="range_group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
+const $a6b08770e164eced$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="range"><div class="input-group"><div class="field"><input type="number"></div><div class="separator">-</div><div class="field"><input type="number"></div></div><div class="value-text"><span class="min"></span><span class="max"></span></div></div>`, 18), $a6b08770e164eced$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="slider"><div class="progress"></div></div>`, 4), $a6b08770e164eced$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
 function $a6b08770e164eced$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_  }) {
     const current_range = (0, $kyEB6$createSignal)((0, $kyEB6$untrack)(()=>filter_().data));
     const selected_filter = (0, $kyEB6$createMemo)(()=>selected_filters_[0]().find(({ field: checking_field , op: checking_op  })=>checking_field === filter_().field && checking_op === filter_().op));
@@ -3579,7 +3615,7 @@ function $0b6bc2f8309efa8a$export$e5c2828934226505({ expanded_: expanded_ , i18n
 
 
 
-const $1c8cac76cb67e9af$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<form class="checkboxes hierarchical"></form>`, 2), $1c8cac76cb67e9af$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="checkbox_details"></div>`, 2), $1c8cac76cb67e9af$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<details></details>`, 2), $1c8cac76cb67e9af$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="category_parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
+const $1c8cac76cb67e9af$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<form class="checkboxes hierarchical"></form>`, 2), $1c8cac76cb67e9af$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="checkbox-details"></div>`, 2), $1c8cac76cb67e9af$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<details></details>`, 2), $1c8cac76cb67e9af$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="category-parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
 const $1c8cac76cb67e9af$var$max_visible_without_collapsing = 7;
 const $1c8cac76cb67e9af$var$show_non_collapsible_when_collapsed = 4;
 function $1c8cac76cb67e9af$export$a32086fa6616eafd({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_ , view_more_button_below_group_: view_more_button_below_group_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
@@ -3699,7 +3735,7 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({ filter_: filter_ , selected
         typeof _ref$ === "function" ? (0, $kyEB6$use)(_ref$, _el$) : form = _el$;
         (0, $kyEB6$insert)(_el$, ()=>$1c8cac76cb67e9af$var$render_stuff((0, $kyEB6$createMemo)(()=>some_top_level_are_hidden() ? Object.fromEntries(Object.entries(structured_categories()).slice(0, $1c8cac76cb67e9af$var$show_non_collapsible_when_collapsed)) : structured_categories()), existing_filter, i18n_), null);
         (0, $kyEB6$insert)(_el$, expanding_container_els, null);
-        (0, $kyEB6$effect)(()=>_el$.classList.toggle("any_expandable", !!Object.values(structured_categories()).some((category)=>Object.keys(category.children_).length)));
+        (0, $kyEB6$effect)(()=>_el$.classList.toggle("any-expandable", !!Object.values(structured_categories()).some((category)=>Object.keys(category.children_).length)));
         return _el$;
     })();
 }
@@ -3755,7 +3791,7 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_) {
                                         }
                                         return are_checked;
                                     });
-                                    (0, $kyEB6$createEffect)(()=>input.classList[any_kids_checked() ? "add" : "remove"]("fake_checked"));
+                                    (0, $kyEB6$createEffect)(()=>input.classList[any_kids_checked() ? "add" : "remove"]("fake-checked"));
                                 }
                             }), null);
                             (0, $kyEB6$insert)(_el$2, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -4339,7 +4375,7 @@ function $b7436a6d1fd64e3b$export$b69d0d92862de18b(props) {
 
 
 
-const $fab07f52c9861732$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter_collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear_group"><span></span></button>`, 4), $fab07f52c9861732$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="view_more_clear"></div>`, 2), $fab07f52c9861732$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter_collapsible_body"><div class="filter_part"></div></div>`, 4), $fab07f52c9861732$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="filter_collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="filter_group_summary"><div class="summary"><span></span><div class="selected_w_sign"></div></div></summary>`, 8), $fab07f52c9861732$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear_all_filters major"></button>`, 2);
+const $fab07f52c9861732$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter-collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear-group"><span></span></button>`, 4), $fab07f52c9861732$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="view-more-clear"></div>`, 2), $fab07f52c9861732$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $fab07f52c9861732$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="filter-collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $fab07f52c9861732$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear-all-filters major"></button>`, 2);
 function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
     return (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -4568,7 +4604,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
 
 
 
-const $68a258a92b88f02f$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting-attributes"></div>`, 2), $68a258a92b88f02f$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting-direction"></div>`, 2), $68a258a92b88f02f$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><div class="input_row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $68a258a92b88f02f$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><label class="input_row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
+const $68a258a92b88f02f$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting-attributes"></div>`, 2), $68a258a92b88f02f$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting-direction"></div>`, 2), $68a258a92b88f02f$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $68a258a92b88f02f$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
 function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_  }) {
     const title_radio_name = (0, $kyEB6$make_random_classname)();
     const order_radio_name = (0, $kyEB6$make_random_classname)();
@@ -4675,8 +4711,8 @@ function $68a258a92b88f02f$export$1f1775a58da589b5({ available_sortings_: availa
 
 
 
-const $757dac7f7c6c5241$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear minor"></button>`, 2), $757dac7f7c6c5241$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"></button><div class="filter_sort_modal"><div class="body"></div><div class="bottom-row"><button class="show-results major"></button></div></div></div>`, 14), $757dac7f7c6c5241$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="sorting"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="sort_filter_summary"><div class="summary"><div class="left_els"><span></span></div></div></summary>`, 8), $757dac7f7c6c5241$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="body"></div>`, 2), $757dac7f7c6c5241$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="filters"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2);
-const $757dac7f7c6c5241$var$no_go_selector = ".range .range_group";
+const $757dac7f7c6c5241$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="clear minor"></button>`, 2), $757dac7f7c6c5241$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"></button><div class="filter-sort-modal"><div class="body"></div><div class="bottom-row"><button class="show-results major"></button></div></div></div>`, 14), $757dac7f7c6c5241$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="sorting"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><span></span></div></div></summary>`, 8), $757dac7f7c6c5241$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="body"></div>`, 2), $757dac7f7c6c5241$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<details class="filters"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2);
+const $757dac7f7c6c5241$var$no_go_selector = ".range .range-group";
 function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for_sorting_ , args_for_filtering_: args_for_filtering_ , search_filters_open_: [get_search_filters_open, set_search_filters_open] , search_sorting_open_: [get_search_sorting_open, set_search_sorting_open] , dismiss_modal_: dismiss_modal_ , register_closing_animation_: register_closing_animation_ , formatted_number_of_results_: formatted_number_of_results_ , i18n_: i18n_  }) {
     (0, $aea1edf92433e81e$export$fe334901e8bebd57)();
     let modal;
@@ -4946,7 +4982,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
 
 
 
-const $cdea4cf8c5c071ef$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $cdea4cf8c5c071ef$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="num_filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $cdea4cf8c5c071ef$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
+const $cdea4cf8c5c071ef$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $cdea4cf8c5c071ef$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $cdea4cf8c5c071ef$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
 function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_  }) {
     return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
         severity_: "error",
@@ -5178,7 +5214,7 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
 
 
 
-const $0b0380f75d729d63$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="floating_buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
+const $0b0380f75d729d63$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
 function $0b0380f75d729d63$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $kyEB6$createSignal)(true);
     (0, $kyEB6$onCleanup)((0, $kyEB6$javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
@@ -5293,7 +5329,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
         (0, $kyEB6$insert)(_el$7, (0, $kyEB6$createComponent)((0, $kyEB6$ArrowUp), {}));
         (0, $kyEB6$effect)((_p$)=>{
             const _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()), _v$2 = i18n_.filter_text_(), _v$3 = i18n_.sorting_text_(), _v$4 = i18n_.scroll_to_top_();
-            _v$ !== _p$._v$ && _el$.classList.toggle("show_them", _p$._v$ = _v$);
+            _v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && (0, $kyEB6$setAttribute)(_el$2, "aria-label", _p$._v$2 = _v$2);
             _v$3 !== _p$._v$3 && (0, $kyEB6$setAttribute)(_el$4, "aria-label", _p$._v$3 = _v$3);
             _v$4 !== _p$._v$4 && (0, $kyEB6$setAttribute)(_el$6, "aria-label", _p$._v$4 = _v$4);
@@ -5694,6 +5730,14 @@ function $587cd61972788655$export$210f130a61ac1e8d(fn) {
 
 
 
+let $f86ba724282f6690$export$44dad306455dddf;
+(function(DEPICT_ID) {
+    DEPICT_ID["SEARCH_MODAL"] = "depict-search-modal";
+    DEPICT_ID["SEARCH_PAGE"] = "depict-search-page";
+    DEPICT_ID["PLP_CATEGORY"] = "depict-plp-category";
+})($f86ba724282f6690$export$44dad306455dddf || ($f86ba724282f6690$export$44dad306455dddf = {}));
+
+
 const $df5d81d0fe61ff21$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="product-count"> </div>`, 2), $df5d81d0fe61ff21$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="filter-results-for-one-row"></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
 function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , page_replacer_: page_replacer_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_  }) {
     return (0, $kyEB6$createRoot)((dispose)=>{
@@ -5888,7 +5932,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                 get_breadcrumb_accessor_?.(crumb_data_);
                 get_quicklinks_accessor_?.(quicklinks_data_);
                 return [
-                    document.createComment("Depict.ai frontend integrated category page"),
+                    document.createComment("Category page based on Depict SDK"),
                     (()=>{
                         const _el$5 = $df5d81d0fe61ff21$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $kyEB6$insert)(_el$6, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -5994,6 +6038,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                                 });
                             }
                         }), null);
+                        (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$5, "id", (0, $f86ba724282f6690$export$44dad306455dddf).PLP_CATEGORY));
                         return _el$5;
                     })()
                 ];
@@ -6038,6 +6083,7 @@ function $90980bd87c9960f9$var$proxy_push_state(function_name, thing) {
 }
 
 
+
 const $9653a36120f642b0$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp category"></div>`, 2);
 class $9653a36120f642b0$export$3a8840c5b2ecf003 {
     #locale_signal = (0, $kyEB6$createSignal)();
@@ -6058,7 +6104,11 @@ class $9653a36120f642b0$export$3a8840c5b2ecf003 {
     }
     get #external_area_div() {
         // creates a new node every time this is accessed, doing like this for DRY purposes
-        return $9653a36120f642b0$var$_tmpl$.cloneNode(true);
+        return (()=>{
+            const _el$ = $9653a36120f642b0$var$_tmpl$.cloneNode(true);
+            (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$, "id", (0, $f86ba724282f6690$export$44dad306455dddf).PLP_CATEGORY));
+            return _el$;
+        })();
     }
     get locale_() {
         // allow reactive access
@@ -6188,113 +6238,42 @@ class $9653a36120f642b0$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
-    const [get_clear_filters_next_submit, set_clear_filters_next_submit] = clear_filters_next_submit_;
-    const clear_filters = ()=>set_clear_filters_next_submit(true);
-    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_selected_filters, ()=>{
-        // if the selected filters update, clear the clearing signal
-        set_clear_filters_next_submit(false);
-    }, {
-        defer: true
-    }));
-    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_search_query, (0, $kyEB6$catchify)(()=>{
-        // when a query was submitted, clear filters if clear was pressed before
-        if ((0, $kyEB6$untrack)(get_clear_filters_next_submit)) {
-            set_clear_filters_next_submit(false);
-            set_selected_filters([]);
-            // also collapse expanded filters in hierarchical filter tree again
-            expanded_hierarchical_filters_[1]([]);
-            // also clear sorting
-            current_sorting_[1](undefined);
-            (0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
-                user_triggered_: true,
-                selected_filters_: selected_filters_,
-                i18n_: i18n_,
-                also_clear_sorting_: true,
-                current_sorting_: current_sorting_,
-                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                local_filter_cache_: local_filter_cache_
-            });
-        }
-    }), {
-        defer: true
-    }));
-    return clear_filters;
-}
-
-
-
-
-
 
-function $21f51c14cb3f586f$export$84bba84a7b837187(search_query) {
-    const ls = localStorage;
-    const key = "depict_searches";
-    const previous_searches = (0, $kyEB6$createSignal)(JSON.parse(ls[key] || "[]"));
-    const [read_previous_searches, write_previous_searches] = previous_searches;
-    const [read_search_query] = search_query;
-    (0, $kyEB6$createEffect)((0, $kyEB6$catchify)(()=>{
-        const json_encoded = JSON.stringify(read_previous_searches());
-        if (ls[key] !== json_encoded) ls[key] = json_encoded;
-    }));
-    (0, $kyEB6$createComputed)((0, $kyEB6$catchify)(()=>{
-        const searches = (0, $kyEB6$untrack)((0, $kyEB6$catchify)(()=>read_previous_searches()));
-        const current_query = read_search_query();
-        if (!current_query) // don't save no query in history
-        return;
-        const new_value = [
-            ...searches.filter((value)=>value !== current_query),
-            current_query
-        ].slice(-30); // keep max 30 values (one could be deleted later because it's the search query), if value we add already exists remove it first
-        write_previous_searches(new_value);
-    }));
-    return previous_searches;
-}
 
 
 
 
-function $bfd908d13d90934c$export$e16630ecb9644a1c({ on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ , search_param_name_: search_param_name_ , search_field_value_: [read_field_value, write_field_value] , search_query_: [read_search_query] , url_transformer_: url_transformer_ , on_submit_: on_submit_ = (0, $d1d4dbcadcf4cb02$export$26df08e242fe83a3) , after_submit_: after_submit_  }) {
-    const new_search_query = (0, $kyEB6$untrack)(read_field_value);
-    const previous_query = (0, $kyEB6$untrack)(read_search_query);
-    if (previous_query === new_search_query && new URLSearchParams(location.search).has(search_param_name_)) {
-        // don't push a history entry / re-search if someone submits a search again
-        // do close the modal though
-        on_submit_with_unchanged_value_?.();
-        return;
-    }
-    write_field_value(previous_query); // restore the value to the previous query since this one goes to the new history entry
-    on_submit_(search_param_name_, new_search_query, url_transformer_);
-    write_field_value(new_search_query);
-    scrollTo(0, 0);
-    after_submit_?.();
-}
 
 
 
 
-function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
-    const signals = {};
-    const entries = Object.entries(params_to_default_value);
-    for (const [param, default_value] of entries)signals[param] = (0, $kyEB6$createSignal)(default_value ?? "");
-    const [exit_iterable, exitable_iterable] = (0, $kyEB6$make_asyncIterable_exiter)((0, $kyEB6$href_change_ipns));
-    (0, $kyEB6$onCleanup)((0, $kyEB6$catchify)(exit_iterable));
-    (0, $kyEB6$catchify)(async ()=>{
-        for await (const href of exitable_iterable){
-            const { searchParams: searchParams  } = new URL(href);
-            for (const [param, default_value] of entries){
-                const [_get, set] = signals[param];
-                if (searchParams.has(param)) {
-                    const new_val = searchParams.get(param) ?? default_value ?? "";
-                    set(new_val);
-                } else set(default_value ?? "");
+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$;
     })();
-    return signals;
 }
+(0, $kyEB6$delegateEvents)([
+    "click"
+]);
 
 
 
@@ -6308,20 +6287,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);
+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_ , 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 ()=>{
@@ -6351,7 +6317,6 @@ function $857105c41ea47bee$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $kyEB6$dlog)("select", e);
         }));
         (0, $kyEB6$addEventListener)(_el$4, "input", (0, $kyEB6$catchify)(()=>{
             const { value: value  } = input_field;
@@ -6420,65 +6385,405 @@ 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_  }) {
-    const max_cards = 4;
-    const [read_current_instant_query, write_current_instant_query] = (0, $kyEB6$createSignal)("");
-    let timeout;
-    (0, $kyEB6$createComputed)(()=>{
-        const value = get_search_field_value();
-        if (timeout == null) // don't wait if it's the first request
-        write_current_instant_query(value);
-        clearTimeout(timeout);
-        timeout = setTimeout((0, $kyEB6$catchify)(()=>write_current_instant_query(value)), 250);
-    });
-    const [search_results] = (0, $kyEB6$createResource)((0, $kyEB6$createMemo)(()=>({
-            tenant: tenant_(),
-            market: market_(),
-            query: read_current_instant_query()
-        })), (0, $kyEB6$catchify)((variable_data)=>{
-        return depict_api_.query({
-            // here it is (unfortunately) important that the keys in the object are in the same order as in SearchPage.tsx, because when JSON-encoding them to compare for caching the strings will be different otherwise
-            limit: (0, $kyEB6$untrack)(has_sort_or_filters_) ? max_cards : min_products_to_fetch_,
-            // if there's no sorting or filters we can fetch min_products_to_fetch_ many since then the cached request can be re-used by the search page, otherwise, no reason to waste bytes
-            ...variable_data
+const $172e1b898d457050$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="cards"></div>`, 2), $172e1b898d457050$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $172e1b898d457050$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="show-more major" type="button"></button>`, 2);
+const $172e1b898d457050$export$1c8c715550dc689d = 2;
+function $172e1b898d457050$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_  }) {
+    const [is_showing_something, set_is_showing_something] = (0, $kyEB6$createSignal)(false);
+    const cards = $172e1b898d457050$var$_tmpl$.cloneNode(true);
+    const on_next_render = [];
+    const main_element = (()=>{
+        const _el$2 = $172e1b898d457050$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+        (0, $kyEB6$insert)(_el$3, ()=>i18n_.search_recs_title_());
+        (0, $kyEB6$insert)(_el$2, cards, null);
+        return _el$2;
+    })();
+    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",
+        rows: rows_object,
+        ...layout_options_
+    }).catch((e)=>(0, $kyEB6$report)([
+            e,
+            "Layout failed"
+        ], "error"));
+    // copied from RecommendationGrid
+    // convoluted lazy loading that
+    // when the elements are in the DOM starts IntersectionObserver on whole grid
+    // when grid intersects starts Lazyfier
+    // this is because Lazyfier is fucking stupid
+    (0, $kyEB6$observer).wait_for_element(cards).then((0, $kyEB6$catchify)((element)=>{
+        let start_lazy_loading;
+        const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
+        const lf = new (0, $kyEB6$Lazyfier)({
+            only_load_intersecting: true,
+            wait_for_dominsertion: lazy_loading_promise,
+            ignore_data_urls: true,
+            lazyfinder: {
+                unload () {}
+            }
         });
-    }));
-    set_num_results_accessor_(()=>(0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
-            search_results_: search_results,
-            i18n_: i18n_
-        }));
-    const rendering_options = (0, $kyEB6$createMemo)(()=>{
-        search_results();
-        return {};
-    });
-    const sliced_displays = (0, $kyEB6$createMemo)(()=>search_results()?.displays?.slice(0, max_cards));
-    let placeholder;
-    const container = (()=>{
-        const _el$ = $eea41f703612261b$var$_tmpl$.cloneNode(true);
-        (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
-            get when () {
-                return sliced_displays()?.length;
-            },
-            get fallback () {
-                return (0, $kyEB6$createMemo)(()=>{
-                    if (Array.isArray(search_results()?.displays)) // remove placeholders if we have a response but no results
-                    return undefined;
-                    return new Array(max_cards).fill(1).map(()=>(placeholder ||= render_instant_card_placeholder_()).cloneNode(true));
-                })();
-            },
-            get children () {
-                return (0, $kyEB6$createComponent)((0, $kyEB6$Index), {
-                    get each () {
-                        return sliced_displays();
-                    },
-                    children: (d, i)=>$eea41f703612261b$var$track_elements(d, i, render_instant_card_(d, i, rendering_options, i18n_), tenant_, market_)
-                });
+        lf.start_observing_for_new_children_(element);
+        const i_o = new IntersectionObserver((0, $kyEB6$catchify)((records)=>{
+            for (const record of records)if (record.intersectionRatio > 0) {
+                start_lazy_loading();
+                i_o.disconnect();
+                return;
             }
         }));
-        return _el$;
-    })();
-    new (0, $kyEB6$Lazyfier)({
+        i_o.observe(cards);
+    }));
+    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_,
+            ...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;
+        while(on_next_render.length)on_next_render.pop()();
+        on_next_render.push(()=>dead = true);
+        if (!elements) {
+            set_is_showing_something(false);
+            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();
+        },
+        children: main_element
+    });
+}
+function $172e1b898d457050$var$make_state_saved_rows([get_showing_recommendation_rows, set_showing_recommendation_rows], i18n_) {
+    const ipns = (0, $kyEB6$async_iterable_ipns)();
+    const rows = {
+        ipns: ipns,
+        start_rows: (0, $kyEB6$untrack)(get_showing_recommendation_rows) ?? $172e1b898d457050$export$1c8c715550dc689d,
+        rows_per_click: 3,
+        button: (()=>{
+            const _el$4 = $172e1b898d457050$var$_tmpl$3.cloneNode(true);
+            (0, $kyEB6$insert)(_el$4, ()=>i18n_.view_more_());
+            return _el$4;
+        })()
+    };
+    (0, $kyEB6$catchify)(async ()=>{
+        for await (const number of ipns)set_showing_recommendation_rows(number);
+    })();
+    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_showing_recommendation_rows, (new_rows = $172e1b898d457050$export$1c8c715550dc689d)=>{
+        if (ipns.latest_call_value !== new_rows && ipns.state !== new_rows) ipns(new_rows);
+    }, {
+        defer: true
+    }));
+    return rows;
+}
+
+
+
+
+
+
+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
+    const [get_clear_filters_next_submit, set_clear_filters_next_submit] = clear_filters_next_submit_;
+    const clear_filters = ()=>set_clear_filters_next_submit(true);
+    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_selected_filters, ()=>{
+        // if the selected filters update, clear the clearing signal
+        set_clear_filters_next_submit(false);
+    }, {
+        defer: true
+    }));
+    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_search_query, (0, $kyEB6$catchify)(()=>{
+        // when a query was submitted, clear filters if clear was pressed before
+        if ((0, $kyEB6$untrack)(get_clear_filters_next_submit)) {
+            set_clear_filters_next_submit(false);
+            set_selected_filters([]);
+            // also collapse expanded filters in hierarchical filter tree again
+            expanded_hierarchical_filters_[1]([]);
+            // also clear sorting
+            current_sorting_[1](undefined);
+            (0, $e9342fb3ac73a54a$export$8895d39404bd2bb1)({
+                user_triggered_: true,
+                selected_filters_: selected_filters_,
+                i18n_: i18n_,
+                also_clear_sorting_: true,
+                current_sorting_: current_sorting_,
+                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                local_filter_cache_: local_filter_cache_
+            });
+        }
+    }), {
+        defer: true
+    }));
+    return clear_filters;
+}
+
+
+
+
+
+function $21f51c14cb3f586f$export$84bba84a7b837187(search_query) {
+    const ls = localStorage;
+    const key = "depict_searches";
+    const previous_searches = (0, $kyEB6$createSignal)(JSON.parse(ls[key] || "[]"));
+    const [read_previous_searches, write_previous_searches] = previous_searches;
+    const [read_search_query] = search_query;
+    (0, $kyEB6$createEffect)((0, $kyEB6$catchify)(()=>{
+        const json_encoded = JSON.stringify(read_previous_searches());
+        if (ls[key] !== json_encoded) ls[key] = json_encoded;
+    }));
+    (0, $kyEB6$createComputed)((0, $kyEB6$catchify)(()=>{
+        const searches = (0, $kyEB6$untrack)((0, $kyEB6$catchify)(()=>read_previous_searches()));
+        const current_query = read_search_query();
+        if (!current_query) // don't save no query in history
+        return;
+        const new_value = [
+            ...searches.filter((value)=>value !== current_query),
+            current_query
+        ].slice(-30); // keep max 30 values (one could be deleted later because it's the search query), if value we add already exists remove it first
+        write_previous_searches(new_value);
+    }));
+    return previous_searches;
+}
+
+
+
+
+function $bfd908d13d90934c$export$e16630ecb9644a1c({ on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ , search_param_name_: search_param_name_ , search_field_value_: [read_field_value, write_field_value] , search_query_: [read_search_query] , url_transformer_: url_transformer_ , on_submit_: on_submit_ = (0, $d1d4dbcadcf4cb02$export$26df08e242fe83a3) , after_submit_: after_submit_  }) {
+    const new_search_query = (0, $kyEB6$untrack)(read_field_value);
+    const previous_query = (0, $kyEB6$untrack)(read_search_query);
+    if (previous_query === new_search_query && new URLSearchParams(location.search).has(search_param_name_)) {
+        // don't push a history entry / re-search if someone submits a search again
+        // do close the modal though
+        on_submit_with_unchanged_value_?.();
+        return;
+    }
+    write_field_value(previous_query); // restore the value to the previous query since this one goes to the new history entry
+    on_submit_(search_param_name_, new_search_query, url_transformer_);
+    write_field_value(new_search_query);
+    scrollTo(0, 0);
+    after_submit_?.();
+}
+
+
+
+
+function $13e008d5237dbbee$export$2542ffb77b620b02(params_to_default_value) {
+    const signals = {};
+    const entries = Object.entries(params_to_default_value);
+    for (const [param, default_value] of entries)signals[param] = (0, $kyEB6$createSignal)(default_value ?? "");
+    const [exit_iterable, exitable_iterable] = (0, $kyEB6$make_asyncIterable_exiter)((0, $kyEB6$href_change_ipns));
+    (0, $kyEB6$onCleanup)((0, $kyEB6$catchify)(exit_iterable));
+    (0, $kyEB6$catchify)(async ()=>{
+        for await (const href of exitable_iterable){
+            const { searchParams: searchParams  } = new URL(href);
+            for (const [param, default_value] of entries){
+                const [_get, set] = signals[param];
+                if (searchParams.has(param)) {
+                    const new_val = searchParams.get(param) ?? default_value ?? "";
+                    set(new_val);
+                } else set(default_value ?? "");
+            }
+        }
+    })();
+    return signals;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $e003be2a50d9e5bc$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="orig price"></span>`, 2), $e003be2a50d9e5bc$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $e003be2a50d9e5bc$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="tagline"></div>`, 2);
+const $e003be2a50d9e5bc$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n  })=>{
+    // Support for Spendrups displays, should probably be in the Spendrups script
+    const display = (0, $kyEB6$createMemo)(()=>{
+        const display = display_or_variant_container();
+        if (display.page_url) return display;
+        if (!display?.variants?.length) return;
+        return display.variants.filter((v)=>v.product_id == display.product_id)[0];
+    });
+    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(),
+            srcset_opts: {
+                set_dataset: true
+            },
+            init_with_placeholder: true
+        }));
+    const is_sale = (0, $kyEB6$createMemo)(()=>display().sale_price !== display().original_price);
+    const returnVal = (()=>{
+        const _el$ = $e003be2a50d9e5bc$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$4, (()=>{
+            const _c$ = (0, $kyEB6$memo)(()=>!!(display().sub_heading_1 || display().sub_heading_2));
+            return ()=>_c$() && (()=>{
+                    const _el$10 = $e003be2a50d9e5bc$var$_tmpl$3.cloneNode(true);
+                    (0, $kyEB6$insert)(_el$10, ()=>[
+                            display().sub_heading_1,
+                            display().sub_heading_2
+                        ].filter((v)=>v).join(" | "));
+                    return _el$10;
+                })();
+        })(), null);
+        (0, $kyEB6$insert)(_el$7, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+            get when () {
+                return is_sale();
+            },
+            get children () {
+                const _el$8 = $e003be2a50d9e5bc$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)((_p$)=>{
+            const _v$ = display().page_url, _v$2 = !!is_sale();
+            _v$ !== _p$._v$ && (0, $kyEB6$setAttribute)(_el$, "href", _p$._v$ = _v$);
+            _v$2 !== _p$._v$2 && _el$9.classList.toggle("sales-price", _p$._v$2 = _v$2);
+            return _p$;
+        }, {
+            _v$: undefined,
+            _v$2: undefined
+        });
+        return _el$;
+    })();
+    // This solves a JSX type issue where the return value does not match with the explicit JSX.Element type for some reason
+    return returnVal;
+};
+
+
+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_  }) {
+    const max_cards = 4;
+    const [read_current_instant_query, write_current_instant_query] = (0, $kyEB6$createSignal)("");
+    let timeout;
+    (0, $kyEB6$createComputed)(()=>{
+        const value = get_search_field_value();
+        if (timeout == null) // don't wait if it's the first request
+        write_current_instant_query(value);
+        clearTimeout(timeout);
+        timeout = setTimeout((0, $kyEB6$catchify)(()=>write_current_instant_query(value)), 250);
+    });
+    const [search_results] = (0, $kyEB6$createResource)((0, $kyEB6$createMemo)(()=>({
+            tenant: tenant_(),
+            market: market_(),
+            query: read_current_instant_query()
+        })), (0, $kyEB6$catchify)((variable_data)=>{
+        return depict_api_.query({
+            // here it is (unfortunately) important that the keys in the object are in the same order as in SearchPage.tsx, because when JSON-encoding them to compare for caching the strings will be different otherwise
+            limit: (0, $kyEB6$untrack)(has_sort_or_filters_) ? max_cards : min_products_to_fetch_,
+            // if there's no sorting or filters we can fetch min_products_to_fetch_ many since then the cached request can be re-used by the search page, otherwise, no reason to waste bytes
+            ...variable_data
+        });
+    }));
+    set_num_results_accessor_(()=>(0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
+            search_results_: search_results,
+            i18n_: i18n_
+        }));
+    const sliced_displays = (0, $kyEB6$createMemo)(()=>search_results()?.displays?.slice(0, max_cards));
+    let placeholder;
+    const container = (()=>{
+        const _el$ = $eea41f703612261b$var$_tmpl$.cloneNode(true);
+        (0, $kyEB6$insert)(_el$, (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
+            get when () {
+                return sliced_displays()?.length;
+            },
+            get fallback () {
+                return (0, $kyEB6$createMemo)(()=>{
+                    if (Array.isArray(search_results()?.displays)) // remove placeholders if we have a response but no results
+                    return undefined;
+                    return new Array(max_cards).fill(1).map(()=>(placeholder ||= render_instant_card_placeholder_()).cloneNode(true));
+                })();
+            },
+            get children () {
+                return (0, $kyEB6$createComponent)((0, $kyEB6$Index), {
+                    get each () {
+                        return sliced_displays();
+                    },
+                    children: (d, i)=>$eea41f703612261b$var$track_elements(d, i, // Custom instant card requires a re-render on every display update
+                        render_instant_card_ ? (0, $kyEB6$createMemo)(()=>render_instant_card_(d(), {
+                                index: i,
+                                i18n: i18n_,
+                                merchant: tenant_(),
+                                market: market_()
+                            })) : (0, $e003be2a50d9e5bc$export$b05c0ae390cf3e06)(d, {
+                            index: i,
+                            i18n: i18n_,
+                            merchant: tenant_(),
+                            market: market_()
+                        }), tenant_, market_)
+                });
+            }
+        }));
+        return _el$;
+    })();
+    new (0, $kyEB6$Lazyfier)({
         container: container,
         lazyfinder: {
             unload () {}
@@ -6595,7 +6900,7 @@ function $4ceabea39c9a56ac$export$50b90be27d8502d9(el, [get_style_props, set_sty
 
 
 
-function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , set_search_field_value_: set_search_field_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_  }) {
+function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , set_search_field_value_: set_search_field_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     const [read_link, write_link] = (0, $kyEB6$createSignal)();
     const [exit_iterable, exitable_iterable] = (0, $kyEB6$make_asyncIterable_exiter)((0, $kyEB6$href_change_ipns));
     (0, $kyEB6$onCleanup)(exit_iterable);
@@ -6612,8 +6917,11 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
         if (e.button || e.metaKey || e.ctrlKey) // not button 0 or cmd/ctrl click
         return;
         e.preventDefault();
-        if (new URLSearchParams(location.search).get(param_) === value_) // don't do anything if we're already searching for this
-        return;
+        if (new URLSearchParams(location.search).get(param_) === value_) {
+            // don't do anything if we're already searching for this
+            on_submit_with_unchanged_value_?.();
+            return;
+        }
         set_search_field_value_((0, $kyEB6$untrack)(get_search_query_)); // fill in old query in previous history entry before making new one, like we do in submit_query
         if (typeof alternative_query_submitter_for_spas_ === "function") alternative_query_submitter_for_spas_(param_, value_, url_transformer_);
         else {
@@ -6632,7 +6940,7 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 const $7ad3a93cbe6fa208$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $7ad3a93cbe6fa208$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="item"><div class="left"><span></span></div><button class="delete"></button></a>`, 8);
-function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , search_field_value_: search_field_value_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , get_search_query_: get_search_query_ , after_submit_: after_submit_  }) {
+function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , search_field_value_: search_field_value_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     const has_entries = (0, $kyEB6$createMemo)(()=>previous_searches_().length >= 1);
     currently_showing_suggestions_[1]((value)=>{
         value[0] = (0, $kyEB6$createMemo)(()=>previous_searches_().map((result)=>({
@@ -6665,7 +6973,8 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
                             alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_,
                             set_search_field_value_: search_field_value_[1],
                             get_search_query_: get_search_query_,
-                            after_submit_: after_submit_
+                            after_submit_: after_submit_,
+                            on_submit_with_unchanged_value_: on_submit_with_unchanged_value_
                         }));
                     return (()=>{
                         const _el$4 = $7ad3a93cbe6fa208$var$_tmpl$2.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
@@ -6793,8 +7102,8 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
-const $cea52f6b24092f05$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="suggestion"></a>`, 2), $cea52f6b24092f05$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="search-icon"></div>`, 2), $cea52f6b24092f05$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="type"></span>`, 2), $cea52f6b24092f05$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><span class="value"></span></div>`, 4), $cea52f6b24092f05$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<h2 class="text"></h2>`, 2), $cea52f6b24092f05$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestion_container query"></div>`, 2), $cea52f6b24092f05$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestion_container page"></div>`, 2), $cea52f6b24092f05$var$_tmpl$8 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestions"></div>`, 2);
-function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_field_value_: search_field_value_ , search_page_url_param_name_: search_page_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_  }) {
+const $cea52f6b24092f05$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<a class="suggestion"></a>`, 2), $cea52f6b24092f05$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="search-icon"></div>`, 2), $cea52f6b24092f05$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<span class="type"></span>`, 2), $cea52f6b24092f05$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div><span class="value"></span></div>`, 4), $cea52f6b24092f05$var$_tmpl$5 = /*#__PURE__*/ (0, $kyEB6$template)(`<h2 class="text"></h2>`, 2), $cea52f6b24092f05$var$_tmpl$6 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestion-container query"></div>`, 2), $cea52f6b24092f05$var$_tmpl$7 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestion-container page"></div>`, 2), $cea52f6b24092f05$var$_tmpl$8 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="suggestions"></div>`, 2);
+function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_field_value_: search_field_value_ , search_page_url_param_name_: search_page_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , get_search_query_: get_search_query_ , after_submit_: after_submit_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     const queries_memo = (0, $kyEB6$createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title  })=>type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
         ));
     const not_queries_memo = (0, $kyEB6$createMemo)(()=>suggestion_memo_().filter(({ type: type  })=>type !== (0, $a0eb8b431ec1f87b$export$3cf9497e790da491)));
@@ -6807,7 +7116,8 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
                 alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_,
                 get_search_query_: get_search_query_,
                 set_search_field_value_: search_field_value_[1],
-                after_submit_: after_submit_
+                after_submit_: after_submit_,
+                on_submit_with_unchanged_value_: on_submit_with_unchanged_value_
             }) : undefined);
         const [href, set_href] = (0, $kyEB6$createSignal)();
         (0, $kyEB6$createComputed)(()=>{
@@ -6820,6 +7130,14 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
             (0, $kyEB6$use)((element)=>element.addEventListener("click", (0, $kyEB6$catchify)((ev)=>{
                     // Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
                     if (is_query()) return param_change_obj().on_click_handler_(ev);
+                    else if (navigate_page_to_href_) {
+                        // single page navigate to category suggestions if enabled
+                        // object should have a href where we want to go
+                        if (ev.button || ev.metaKey || ev.ctrlKey) // not button 0 or cmd/ctrl click
+                        return;
+                        ev.preventDefault();
+                        navigate_page_to_href_(input_obj().page_url);
+                    }
                 })), _el$);
             (0, $kyEB6$addEventListener)(_el$, "mouseleave", (0, $kyEB6$catchify)(()=>write_selected_index_(undefined)));
             (0, $kyEB6$addEventListener)(_el$, "mouseenter", (0, $kyEB6$catchify)(()=>write_selected_index_([
@@ -6994,6 +7312,9 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
 
 
 
+
+
+const $15f380f0ce2812cc$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<a target="_blank"></a>`, 2);
 function $15f380f0ce2812cc$export$217899a935ef803b({ selected_index_: [read_selected_index, write_selected_index] , currently_showing_suggestions_: [read_currently_showing_suggestions] , ...rest_of_props }) {
     const last_suggestion_index_ = (0, $kyEB6$createMemo)(()=>{
         const currently_showing_suggestions = read_currently_showing_suggestions();
@@ -7048,7 +7369,7 @@ function $15f380f0ce2812cc$export$217899a935ef803b({ selected_index_: [read_sele
         write_selected_fake_index_: write_selected_fake_index_
     });
 }
-function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({ element_: element_ , search_field_value_: [get_search_field_value, set_search_field_value] , updating_blocked_: [read_updating_blocked, write_updating_blocked] , last_suggestion_index_: last_suggestion_index_ , read_selected_fake_index_: read_selected_fake_index_ , write_selected_fake_index_: write_selected_fake_index_ , set_override_on_enter_fn_: set_override_on_enter_fn_  }) {
+function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({ element_: element_ , search_field_value_: [get_search_field_value, set_search_field_value] , updating_blocked_: [read_updating_blocked, write_updating_blocked] , last_suggestion_index_: last_suggestion_index_ , read_selected_fake_index_: read_selected_fake_index_ , write_selected_fake_index_: write_selected_fake_index_ , set_override_on_enter_fn_: set_override_on_enter_fn_ , navigate_page_to_href_: navigate_page_to_href_ , url_transformer_: url_transformer_ , search_query_param_name_: search_query_param_name_  }) {
     let previous_value;
     (0, $kyEB6$createEffect)(()=>{
         const sfv = get_search_field_value();
@@ -7070,21 +7391,37 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({ element_
                     calls++;
                 });
             };
-            // update text field value if needed
-            if (selected_entry?.type == "query") {
-                block_updating_for_one_change();
-                set_search_field_value(selected_entry.title);
-            } else if (selected_entry?.type == "category") {
-                set_override_on_enter_fn_(()=>{
-                    location.href = selected_entry.page_url;
-                    return true;
-                });
+            const override_on_enter_for_this_entry = (new_fn)=>{
+                set_override_on_enter_fn_(new_fn);
+                // Only override while this item has been selected with the keyboard
                 (0, $kyEB6$createComputed)((run)=>{
                     if (!run) read_selected_fake_index_();
                     else set_override_on_enter_fn_(()=>false);
                     return run + 1;
                 }, 0);
-            } else {
+            };
+            // update text field value if needed
+            if (selected_entry?.type == "query") {
+                const { title: title  } = selected_entry;
+                block_updating_for_one_change();
+                set_search_field_value(title);
+                override_on_enter_for_this_entry((e)=>{
+                    // Open search query in new tab on cmd+enter
+                    const url = new URL(location);
+                    url_transformer_?.(url);
+                    url.searchParams.set(search_query_param_name_, title);
+                    return $15f380f0ce2812cc$var$open_link_on_cmd_pressed(e, url.href);
+                });
+            } else if (selected_entry?.type == "category") override_on_enter_for_this_entry((e)=>{
+                const { page_url: page_url  } = selected_entry;
+                if (!$15f380f0ce2812cc$var$open_link_on_cmd_pressed(e, page_url)) {
+                    // Above fn will return true if it opened a new tab, and we won't make these checks anymore
+                    if (navigate_page_to_href_) navigate_page_to_href_(page_url);
+                    else location.href = page_url;
+                }
+                return true;
+            });
+            else if (!selected_entry) {
                 block_updating_for_one_change();
                 set_search_field_value(previous_value);
             }
@@ -7096,10 +7433,25 @@ function $15f380f0ce2812cc$var$actual_navigation_working_on_fake_data({ element_
         (0, $kyEB6$onCleanup)((0, $kyEB6$catchify)(()=>el.removeEventListener("keyup", handler)));
     });
 }
+function $15f380f0ce2812cc$var$open_link_on_cmd_pressed(e, href) {
+    if (e.metaKey || e.ctrlKey) {
+        // Open link in a new tab with cmd/ctrl + enter.
+        const link = (()=>{
+            const _el$ = $15f380f0ce2812cc$var$_tmpl$.cloneNode(true);
+            (0, $kyEB6$setAttribute)(_el$, "href", href);
+            return _el$;
+        })();
+        document.body.append(link);
+        link.click();
+        link.remove();
+        return true;
+    }
+    return false;
+}
 
 
 const $a0eb8b431ec1f87b$export$3cf9497e790da491 = "query";
-function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({ search_field_value_: search_field_value_ , search_query_: [get_search_query_] , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: unfiltered_previous_searches , previous_searches_text_: previous_searches_text_ , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , input_field_: input_field_ , url_transformer_: url_transformer_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_override_on_enter_fn_: set_override_on_enter_fn_ , selected_index_: selected_index_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , after_submit_: after_submit_  }) {
+function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({ search_field_value_: search_field_value_ , search_query_: [get_search_query_] , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: unfiltered_previous_searches , previous_searches_text_: previous_searches_text_ , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , input_field_: input_field_ , url_transformer_: url_transformer_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_override_on_enter_fn_: set_override_on_enter_fn_ , selected_index_: selected_index_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , after_submit_: after_submit_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     const [searching_for_value, set_searching_for_value] = (0, $kyEB6$createSignal)();
     const [read_search_field_value] = search_field_value_;
     const updating_blocked = (0, $kyEB6$createSignal)(false);
@@ -7139,7 +7491,10 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({ search_field_value_: search
         search_field_value_: search_field_value_,
         updating_blocked_: updating_blocked,
         currently_showing_suggestions_: currently_showing_suggestions_,
-        set_override_on_enter_fn_: set_override_on_enter_fn_
+        set_override_on_enter_fn_: set_override_on_enter_fn_,
+        search_query_param_name_: search_page_url_param_name_,
+        url_transformer_: url_transformer_,
+        navigate_page_to_href_: navigate_page_to_href_
     });
     return [
         (0, $kyEB6$createComponent)((0, $kyEB6$Show), {
@@ -7163,7 +7518,8 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({ search_field_value_: search
                     url_transformer_: url_transformer_,
                     get_search_query_: get_search_query_,
                     alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_,
-                    after_submit_: after_submit_
+                    after_submit_: after_submit_,
+                    on_submit_with_unchanged_value_: on_submit_with_unchanged_value_
                 });
             }
         }),
@@ -7190,7 +7546,9 @@ function $a0eb8b431ec1f87b$export$2f2b9559550c7bbc({ search_field_value_: search
             currently_showing_suggestions_: currently_showing_suggestions_,
             get_search_query_: get_search_query_,
             include_category_suggestions_: include_category_suggestions_,
-            after_submit_: after_submit_
+            after_submit_: after_submit_,
+            navigate_page_to_href_: navigate_page_to_href_,
+            on_submit_with_unchanged_value_: on_submit_with_unchanged_value_
         })
     ];
 }
@@ -7252,8 +7610,33 @@ function $c64d28ca12452b21$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 }
 
 
-const $fabfda1230351b1a$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $fabfda1230351b1a$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2), $fabfda1230351b1a$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $fabfda1230351b1a$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div id="depict-override" class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
-function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $kyEB6$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_  }) {
+
+
+
+const $4df637cb4cf113fa$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $4df637cb4cf113fa$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$4df637cb4cf113fa$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $19f1f3e588d63502$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<style></style>`, 2);
+function $19f1f3e588d63502$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $kyEB6$createMemo)(()=>{
+        return (0, $4df637cb4cf113fa$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $19f1f3e588d63502$var$_tmpl$.cloneNode(true);
+        (0, $kyEB6$insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
+const $fabfda1230351b1a$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $fabfda1230351b1a$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2), $fabfda1230351b1a$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $fabfda1230351b1a$var$_tmpl$4 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
+function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $kyEB6$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
     let on_enter_in_query_input_function;
     const [input_field, set_input_field] = (0, $kyEB6$createSignal)();
     const [get_search_field_value_] = search_field_value_;
@@ -7294,6 +7677,12 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_page_url_param_name_: search_page_url_param_name_,
         get_search_query_: search_query_[0]
     });
+    const random_classname = (0, $kyEB6$make_random_classname)();
+    const body_style = (0, $kyEB6$createMemo)(()=>{
+        return {
+            [`.depict .${random_classname}`]: style_props_[0]()
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $fabfda1230351b1a$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $kyEB6$addEventListener)(_el$4, "click", (0, $kyEB6$catchify)(({ target: target  })=>{
@@ -7333,7 +7722,9 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
                     url_transformer_: url_transformer_,
                     i18n_: i18n_,
                     include_category_suggestions_: enable_category_suggestions_ ?? true,
-                    after_submit_: after_submit_
+                    after_submit_: after_submit_,
+                    navigate_page_to_href_: navigate_page_to_href_,
+                    on_submit_with_unchanged_value_: on_submit_with_unchanged_value_
                 });
             }
         }), null);
@@ -7354,7 +7745,12 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $kyEB6$insert)(_el$6, elements_inside_scrollable, null);
         (0, $kyEB6$insert)(_el$5, elements_outside_scrollable, null);
-        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$style)(_el$5, style_props_[0](), _$p));
+        (0, $kyEB6$insert)(_el$4, (0, $kyEB6$createComponent)((0, $19f1f3e588d63502$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -7362,7 +7758,15 @@ function $fabfda1230351b1a$export$1c593cbd6f1e10bc({ search_field_value_: search
             const _el$7 = $fabfda1230351b1a$var$_tmpl$4.cloneNode(true), _el$8 = _el$7.firstChild;
             (0, $kyEB6$addEventListener)(_el$8, "click", close_modal_, true);
             (0, $kyEB6$insert)(_el$7, modal_element, null);
-            (0, $kyEB6$effect)((_$p)=>(0, $kyEB6$classList)(_el$7, class_list_?.(), _$p));
+            (0, $kyEB6$effect)((_p$)=>{
+                const _v$ = (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL, _v$2 = class_list_?.();
+                _v$ !== _p$._v$ && (0, $kyEB6$setAttribute)(_el$7, "id", _p$._v$ = _v$);
+                _p$._v$2 = (0, $kyEB6$classList)(_el$7, _v$2, _p$._v$2);
+                return _p$;
+            }, {
+                _v$: undefined,
+                _v$2: undefined
+            });
             return _el$7;
         })()
     ];
@@ -7409,6 +7813,8 @@ function $fabfda1230351b1a$var$close_modal_when_navigating_away(close_modal, sea
 
 
 
+
+
 const $793905995512612d$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="category-suggestions"></div>`, 2), $793905995512612d$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="category-suggestion"></div>`, 2);
 function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_  }) {
     const category_suggestions_ = (0, $kyEB6$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
@@ -7461,130 +7867,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
 
 
 
-const $172e1b898d457050$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="cards"></div>`, 2), $172e1b898d457050$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $172e1b898d457050$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<button class="show_more major" type="button"></button>`, 2);
-const $172e1b898d457050$export$1c8c715550dc689d = 2;
-function $172e1b898d457050$export$7de92c4c2205ebf3({ depict_api_: depict_api_ , i18n_: i18n_ , tenant_object_: tenant_object_ , search_query_base_: search_query_base_ , rr_options_: rr_options_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_  }) {
-    const [is_showing_something, set_is_showing_something] = (0, $kyEB6$createSignal)(false);
-    const cards = $172e1b898d457050$var$_tmpl$.cloneNode(true);
-    const on_next_render = [];
-    const main_element = (()=>{
-        const _el$2 = $172e1b898d457050$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-        (0, $kyEB6$insert)(_el$3, ()=>i18n_.search_recs_title_());
-        (0, $kyEB6$insert)(_el$2, cards, null);
-        return _el$2;
-    })();
-    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",
-        rows: rows_object,
-        ...layout_options_
-    }).catch((e)=>(0, $kyEB6$report)([
-            e,
-            "Layout failed"
-        ], "error"));
-    // copied from RecommendationGrid
-    // convoluted lazy loading that
-    // when the elements are in the DOM starts IntersectionObserver on whole grid
-    // when grid intersects starts Lazyfier
-    // this is because Lazyfier is fucking stupid
-    (0, $kyEB6$observer).wait_for_element(cards).then((0, $kyEB6$catchify)((element)=>{
-        let start_lazy_loading;
-        const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
-        const lf = new (0, $kyEB6$Lazyfier)({
-            only_load_intersecting: true,
-            wait_for_dominsertion: lazy_loading_promise,
-            ignore_data_urls: true,
-            lazyfinder: {
-                unload () {}
-            }
-        });
-        lf.start_observing_for_new_children_(element);
-        const i_o = new IntersectionObserver((0, $kyEB6$catchify)((records)=>{
-            for (const record of records)if (record.intersectionRatio > 0) {
-                start_lazy_loading();
-                i_o.disconnect();
-                return;
-            }
-        }));
-        i_o.observe(cards);
-    }));
-    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_,
-            ...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;
-        while(on_next_render.length)on_next_render.pop()();
-        on_next_render.push(()=>dead = true);
-        if (!elements) {
-            set_is_showing_something(false);
-            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();
-        },
-        children: main_element
-    });
-}
-function $172e1b898d457050$var$make_state_saved_rows([get_showing_recommendation_rows, set_showing_recommendation_rows], i18n_) {
-    const ipns = (0, $kyEB6$async_iterable_ipns)();
-    const rows = {
-        ipns: ipns,
-        start_rows: (0, $kyEB6$untrack)(get_showing_recommendation_rows) ?? $172e1b898d457050$export$1c8c715550dc689d,
-        rows_per_click: 3,
-        button: (()=>{
-            const _el$4 = $172e1b898d457050$var$_tmpl$3.cloneNode(true);
-            (0, $kyEB6$insert)(_el$4, ()=>i18n_.view_more_());
-            return _el$4;
-        })()
-    };
-    (0, $kyEB6$catchify)(async ()=>{
-        for await (const number of ipns)set_showing_recommendation_rows(number);
-    })();
-    (0, $kyEB6$createComputed)((0, $kyEB6$on)(get_showing_recommendation_rows, (new_rows = $172e1b898d457050$export$1c8c715550dc689d)=>{
-        if (ipns.latest_call_value !== new_rows && ipns.state !== new_rows) ipns(new_rows);
-    }, {
-        defer: true
-    }));
-    return rows;
-}
-
-
-
-
-
-
-
 
 
 const $f8c929beb82c512b$var$_tmpl$ = /*#__PURE__*/ (0, $kyEB6$template)(`<b></b>`, 2), $f8c929beb82c512b$var$_tmpl$2 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="results-for"></div>`, 2);
@@ -7614,6 +7896,7 @@ 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_ , 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;
@@ -7771,7 +8054,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         tenant_object_.market = tenant_object_.MARKET = market_();
     });
     return [
-        document.createComment("Depict.ai frontend integrated search page"),
+        document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $7097477c78a89208$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
             (0, $kyEB6$insert)(_el$3, input_field, null);
@@ -7891,6 +8174,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
                     });
                 }
             }), null);
+            (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$2, "id", (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_PAGE));
             return _el$2;
         })()
     ];
@@ -7899,125 +8183,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
 
 
 
-
-
-
-
-
-
-
-
-
-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_tagline"><span class="brand"></span><span class="title"></span></div><div class="price_container"><span class="price"></span></div></div></a>`, 16), $ba4105f38be0a8e0$var$_tmpl$3 = /*#__PURE__*/ (0, $kyEB6$template)(`<div class="tagline"></div>`, 2);
-function $ba4105f38be0a8e0$export$3b5becc25bbaed73(display_or_variant_container, _index, get_fake_rendering_options, i18n_) {
-    // Support for Spendrups displays, should probably be in the Spendrups script
-    const display = (0, $kyEB6$createMemo)(()=>{
-        const display = display_or_variant_container();
-        if (display.page_url) return display;
-        if (!display?.variants?.length) return;
-        return display.variants.filter((v)=>v.product_id == display.product_id)[0];
-    });
-    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$4, ()=>display().sub_heading_1 || display().sub_heading_2 && (()=>{
-                const _el$10 = $ba4105f38be0a8e0$var$_tmpl$3.cloneNode(true);
-                (0, $kyEB6$insert)(_el$10, ()=>[
-                        display().sub_heading_1,
-                        display().sub_heading_2
-                    ].filter((v)=>v).join(" | "));
-                return _el$10;
-            })(), null);
-        (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)((_p$)=>{
-            const _v$ = display().page_url, _v$2 = !!is_sale();
-            _v$ !== _p$._v$ && (0, $kyEB6$setAttribute)(_el$, "href", _p$._v$ = _v$);
-            _v$2 !== _p$._v$2 && _el$9.classList.toggle("sales_price", _p$._v$2 = _v$2);
-            return _p$;
-        }, {
-            _v$: undefined,
-            _v$2: undefined
-        });
-        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++){
@@ -8064,6 +8229,8 @@ const $b5cccc8ee7d24677$export$6daf8749b65a1b77 = (cols_at_size)=>{
 
 
 
+
+
 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.
@@ -8077,7 +8244,7 @@ class $59f48be661ca9195$export$ac6237957a15b3f0 {
     #modal_open_signal = (0, $kyEB6$createSignal)(false);
     static #has_been_constructed = false;
     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 , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
-    disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , ...props_on_class }){
+    disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
         if ($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)=>{
@@ -8108,8 +8275,9 @@ class $59f48be661ca9195$export$ac6237957a15b3f0 {
         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 on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
         const configured_submit_query_ = ()=>(0, $bfd908d13d90934c$export$e16630ecb9644a1c)({
-                on_submit_with_unchanged_value_: ()=>this.modal_open = false,
+                on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
                 search_field_value_: state_.search_field_value,
                 search_query_: search_query_signal_,
                 search_param_name_: search_query_url_param_name,
@@ -8167,9 +8335,11 @@ class $59f48be661ca9195$export$ac6237957a15b3f0 {
                 submit_query_: configured_submit_query_,
                 alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_,
                 url_transformer_: url_transformer,
+                navigate_page_to_href_: on_navigation,
+                on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
                 instant_results_options_: {
                     min_products_to_fetch_: $59f48be661ca9195$var$min_products_to_fetch_,
-                    render_instant_card_: (0, $ba4105f38be0a8e0$export$3b5becc25bbaed73),
+                    render_instant_card_: render_instant_card,
                     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]()))
                 },
@@ -8212,21 +8382,16 @@ class $59f48be661ca9195$export$ac6237957a15b3f0 {
                 }
                 // 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 transform_y = (0, $kyEB6$createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
                 const style_props_ = (0, $kyEB6$createSignal)({
                     position: "fixed",
-                    top: "50%",
-                    left: "50%"
+                    top: "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"
+                            transform: transform_y() ? "translateY(-50%)" : "unset"
                         })));
                 if (signal_value_is_options) {
                     const [options_arg1, ...rest1] = open_signal_value;
@@ -8391,6 +8556,7 @@ function $59f48be661ca9195$export$b94867ecbd698f21({ depict_search: depict_searc
             (()=>{
                 const _el$ = $59f48be661ca9195$var$_tmpl$.cloneNode(true);
                 (0, $kyEB6$insert)(_el$, input);
+                (0, $kyEB6$effect)(()=>(0, $kyEB6$setAttribute)(_el$, "id", (0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_MODAL));
                 return _el$;
             })()
         ];
@@ -8423,4 +8589,7 @@ function $59f48be661ca9195$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
-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};
+(0, $kyEB6$dlog)("@depict-ai/ui version", (0, $ec291e0010116877$export$83d89fbfd8236492));
+
+
+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, $8d80d8d4afb6dcd3$export$2cefb7e61fcbae00 as add_to_version_info, $ec291e0010116877$export$83d89fbfd8236492 as version};