@depict-ai/ui 0.0.7 → 0.0.9

package/dist/main.js

@@ -1,5 +1,5 @@
-var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$depictaiutilishared = require("@depict-ai/utilishared");
+var $iBTHO$solidjsweb = require("solid-js/web");
 var $iBTHO$solidjs = require("solid-js");
 
 function $parcel$export(e, n, v, s) {
@@ -51,6 +51,9 @@ $parcel$export(module.exports, "DepictSearch", () => $fd2d5ef67fc09716$export$ac
 $parcel$export(module.exports, "SearchPage", () => $fd2d5ef67fc09716$export$f2dc7e4e4aa11abb);
 $parcel$export(module.exports, "SearchField", () => $fd2d5ef67fc09716$export$b94867ecbd698f21);
 $parcel$export(module.exports, "get_search_query_updating_blocked_signal", () => $fd2d5ef67fc09716$export$bde3eb976dfded9);
+$parcel$export(module.exports, "add_to_version_info", () => $770e2bea06889bf6$export$2cefb7e61fcbae00);
+$parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
+/*! Depict.ai search and product listing SDK */ 
 
 
 
@@ -165,6 +168,17 @@ const $93e94e7b0aa8ca88$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 
 
+const $b757f75811f3261f$export$83d89fbfd8236492 = "0.0.9";
+
+
+/**
+ * Adds things to the object we send to backend as a header to report the package versions used
+ */ const $770e2bea06889bf6$export$89a2f5e6eb5005b6 = {};
+function $770e2bea06889bf6$export$2cefb7e61fcbae00(stuff_to_add) {
+    Object.assign($770e2bea06889bf6$export$89a2f5e6eb5005b6, stuff_to_add);
+}
+
+
 const $e1d6c0f3d89d531c$var$v2_base_url = (0, $iBTHO$depictaiutilishared.base_url) + "/v2/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v2_base_url + "search/";
 const $e1d6c0f3d89d531c$var$add_ids_to_request = (input_req)=>{
@@ -200,9 +214,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         const results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(url, {
             headers: {
                 "Content-Type": "text/plain",
-                ...process.env.DEBUG === "true" ? {
-                    "X-DEBUG": "true"
-                } : {}
+                ...$e1d6c0f3d89d531c$var$get_version_headers()
             }
         });
         attempt_to_return_api_response: {
@@ -233,7 +245,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         try {
             const search_results = await (0, $iBTHO$depictaiutilishared.fetch_retry)(endpoint1, {
                 headers: {
-                    "Content-Type": "text/plain"
+                    "Content-Type": "text/plain",
+                    ...$e1d6c0f3d89d531c$var$get_version_headers()
                 },
                 method: "POST",
                 body: body
@@ -248,7 +261,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             resolve_in_progress(result);
             setTimeout((0, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.catchify)(()=>delete cache_obj.cache_[body]), 300000);
             }), 30000 // cache values for at least 30 seconds
             );
@@ -285,6 +298,15 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             }));
     }
 }
+function $e1d6c0f3d89d531c$var$get_version_headers() {
+    return {
+        Versions: JSON.stringify({
+            ...(0, $770e2bea06889bf6$export$89a2f5e6eb5005b6),
+            "@depict-ai/utilishared": (0, $iBTHO$depictaiutilishared.version),
+            "@depict-ai/ui": (0, $b757f75811f3261f$export$83d89fbfd8236492)
+        })
+    };
+}
 
 
 
@@ -525,7 +547,7 @@ async function $7b4bc889571cc67b$var$download_categories(tenant, market) {
 
 
 
-const $6f604560873e4f69$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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 $6f604560873e4f69$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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 $6f604560873e4f69$export$ee1733d9a8495996() {
     return (()=>{
         const _el$ = $6f604560873e4f69$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
@@ -584,17 +606,21 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
                 } : {}
             }));
     };
-    const ro = new ResizeObserver((0, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.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
@@ -604,7 +630,7 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
     resize_resize_observer.observe(document.documentElement);
     (0, $iBTHO$depictaiutilishared.observer).wait_for_element("body").then(resize_resize_observer.observe.bind(resize_resize_observer));
     (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
-        ro.disconnect();
+        ro?.disconnect();
         resize_resize_observer.disconnect();
         window.removeEventListener("resize", align_position);
         window.removeEventListener("orientationchange", align_position);
@@ -1821,6 +1847,8 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
 
 
 
+
+
 function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
@@ -1875,6 +1903,8 @@ function $26a56f6b44703084$export$9862539c89138352(get_default_values) {
 
 
 
+
+
 const $6b384adf40a5f4d7$var$get_available_range = (available_filters_, search_for_field)=>{
     const maybe_meta = (0, $iBTHO$solidjs.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 [
@@ -2597,9 +2627,10 @@ function $a69e505a12a77874$export$6c6d7a51fa9aa15d(props) {
         duration: duration_ ?? 250,
         delay: delay_ ?? 0
     });
-    const toggle = ()=>props.is_open_[1](!(0, $iBTHO$solidjs.untrack)(()=>props.is_open_ /* reactive getter */ [0]()));
     const [is_in_dom, set_is_in_dom] = (0, $iBTHO$solidjs.createSignal)(document.documentElement.contains(details_));
-    const is_open_memo = (0, $iBTHO$solidjs.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, $iBTHO$solidjs.createMemo)(()=>props.is_open_[0]());
+    const toggle = ()=>props.is_open_[1](!(0, $iBTHO$solidjs.untrack)(is_open_memo));
     (0, $iBTHO$solidjsweb.insert)(details_, [
         summary_,
         (0, $iBTHO$solidjsweb.createComponent)(ExpandingContainer, {
@@ -2620,8 +2651,15 @@ function $a69e505a12a77874$export$6c6d7a51fa9aa15d(props) {
             const do_duration = dont_animate_if_instant_open_ && fresh_component ? $a69e505a12a77874$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, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.catchify)(()=>details_.open = false)); // close it after the animation has finished
+            animation.addEventListener("finish", closeModal);
         }
     }));
     details_.addEventListener("toggle", (0, $iBTHO$depictaiutilishared.catchify)(()=>{
@@ -3044,7 +3082,7 @@ async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
-const $b3cf6ca8dc0e9998$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="count"></span>`, 2), $b3cf6ca8dc0e9998$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<label class="input_row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
+const $b3cf6ca8dc0e9998$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="count"></span>`, 2), $b3cf6ca8dc0e9998$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div></label>`, 9);
 const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
     const id = (0, $iBTHO$depictaiutilishared.make_random_classname)();
     return /* We can't use actual margin because ExpandingContainer gets messed up */ (()=>{
@@ -3087,7 +3125,7 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
 
 
 
-const $0fe1e7efdf4200d6$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button type="button" class="expand_filter"><span></span></button>`, 4);
+const $0fe1e7efdf4200d6$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button type="button" class="expand-filter"><span></span></button>`, 4);
 function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
     return (()=>{
         const _el$ = $0fe1e7efdf4200d6$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
@@ -3221,7 +3259,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_ , selected
 
 
 
-const $c1dc1554c1b94233$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<form class="radios"></form>`, 2), $c1dc1554c1b94233$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="count"></span>`, 2), $c1dc1554c1b94233$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<label class="input_row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
+const $c1dc1554c1b94233$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<form class="radios"></form>`, 2), $c1dc1554c1b94233$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="count"></span>`, 2), $c1dc1554c1b94233$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span></div></label>`, 7);
 function $c1dc1554c1b94233$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_  }) {
     const radio_name = (0, $iBTHO$depictaiutilishared.make_random_classname)();
     const existing_filter = (0, $iBTHO$solidjs.createMemo)(()=>{
@@ -3300,7 +3338,7 @@ function $c1dc1554c1b94233$export$430444115f70a734({ selected_filters_: selected
 
 
 
-const $0b7222ba8a8bb72f$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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), $0b7222ba8a8bb72f$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="slider"><div class="progress"></div></div>`, 4), $0b7222ba8a8bb72f$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="range_group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
+const $0b7222ba8a8bb72f$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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), $0b7222ba8a8bb72f$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="slider"><div class="progress"></div></div>`, 4), $0b7222ba8a8bb72f$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="range-group"><input type="range" step="any"><input type="range" step="any"></div>`, 4);
 function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({ filter_: filter_ , selected_filters_: selected_filters_ , i18n_: i18n_  }) {
     const current_range = (0, $iBTHO$solidjs.createSignal)((0, $iBTHO$solidjs.untrack)(()=>filter_().data));
     const selected_filter = (0, $iBTHO$solidjs.createMemo)(()=>selected_filters_[0]().find(({ field: checking_field , op: checking_op  })=>checking_field === filter_().field && checking_op === filter_().op));
@@ -3628,7 +3666,7 @@ function $7567511a7c3e4bd7$export$e5c2828934226505({ expanded_: expanded_ , i18n
 
 
 
-const $3bdc00a1353c1150$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<form class="checkboxes hierarchical"></form>`, 2), $3bdc00a1353c1150$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="checkbox_details"></div>`, 2), $3bdc00a1353c1150$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details></details>`, 2), $3bdc00a1353c1150$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="category_parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
+const $3bdc00a1353c1150$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<form class="checkboxes hierarchical"></form>`, 2), $3bdc00a1353c1150$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="checkbox-details"></div>`, 2), $3bdc00a1353c1150$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details></details>`, 2), $3bdc00a1353c1150$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="category-parent"><div class="summary"><span class="count"></span></div></summary>`, 6);
 const $3bdc00a1353c1150$var$max_visible_without_collapsing = 7;
 const $3bdc00a1353c1150$var$show_non_collapsible_when_collapsed = 4;
 function $3bdc00a1353c1150$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_  }) {
@@ -3748,7 +3786,7 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({ filter_: filter_ , selected
         typeof _ref$ === "function" ? (0, $iBTHO$solidjsweb.use)(_ref$, _el$) : form = _el$;
         (0, $iBTHO$solidjsweb.insert)(_el$, ()=>$3bdc00a1353c1150$var$render_stuff((0, $iBTHO$solidjs.createMemo)(()=>some_top_level_are_hidden() ? Object.fromEntries(Object.entries(structured_categories()).slice(0, $3bdc00a1353c1150$var$show_non_collapsible_when_collapsed)) : structured_categories()), existing_filter, i18n_), null);
         (0, $iBTHO$solidjsweb.insert)(_el$, expanding_container_els, null);
-        (0, $iBTHO$solidjsweb.effect)(()=>_el$.classList.toggle("any_expandable", !!Object.values(structured_categories()).some((category)=>Object.keys(category.children_).length)));
+        (0, $iBTHO$solidjsweb.effect)(()=>_el$.classList.toggle("any-expandable", !!Object.values(structured_categories()).some((category)=>Object.keys(category.children_).length)));
         return _el$;
     })();
 }
@@ -3804,7 +3842,7 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_) {
                                         }
                                         return are_checked;
                                     });
-                                    (0, $iBTHO$solidjs.createEffect)(()=>input.classList[any_kids_checked() ? "add" : "remove"]("fake_checked"));
+                                    (0, $iBTHO$solidjs.createEffect)(()=>input.classList[any_kids_checked() ? "add" : "remove"]("fake-checked"));
                                 }
                             }), null);
                             (0, $iBTHO$solidjsweb.insert)(_el$2, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -4388,7 +4426,7 @@ function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
 
 
 
-const $aff9a96d30ed3563$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter_collapsible"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear_group"><span></span></button>`, 4), $aff9a96d30ed3563$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="view_more_clear"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter_collapsible_body"><div class="filter_part"></div></div>`, 4), $aff9a96d30ed3563$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="filter_collapsible"></details>`, 2), $aff9a96d30ed3563$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="filter_group_summary"><div class="summary"><span></span><div class="selected_w_sign"></div></div></summary>`, 8), $aff9a96d30ed3563$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$8 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear_all_filters major"></button>`, 2);
+const $aff9a96d30ed3563$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter-collapsible"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear-group"><span></span></button>`, 4), $aff9a96d30ed3563$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="view-more-clear"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $aff9a96d30ed3563$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="filter-collapsible"></details>`, 2), $aff9a96d30ed3563$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $aff9a96d30ed3563$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $aff9a96d30ed3563$var$_tmpl$8 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear-all-filters major"></button>`, 2);
 function $aff9a96d30ed3563$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
     return (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -4617,7 +4655,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
 
 
 
-const $be89be42ce9ea60f$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting-attributes"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting-direction"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><div class="input_row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $be89be42ce9ea60f$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><label class="input_row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
+const $be89be42ce9ea60f$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting-attributes"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting-direction"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $be89be42ce9ea60f$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
 function $be89be42ce9ea60f$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_  }) {
     const title_radio_name = (0, $iBTHO$depictaiutilishared.make_random_classname)();
     const order_radio_name = (0, $iBTHO$depictaiutilishared.make_random_classname)();
@@ -4724,8 +4762,8 @@ function $be89be42ce9ea60f$export$1f1775a58da589b5({ available_sortings_: availa
 
 
 
-const $1872ceb56ede7a52$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $1872ceb56ede7a52$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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), $1872ceb56ede7a52$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="sorting"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="sort_filter_summary"><div class="summary"><div class="left_els"><span></span></div></div></summary>`, 8), $1872ceb56ede7a52$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="body"></div>`, 2), $1872ceb56ede7a52$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="filters"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2);
-const $1872ceb56ede7a52$var$no_go_selector = ".range .range_group";
+const $1872ceb56ede7a52$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $1872ceb56ede7a52$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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), $1872ceb56ede7a52$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="sorting"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><span></span></div></div></summary>`, 8), $1872ceb56ede7a52$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="body"></div>`, 2), $1872ceb56ede7a52$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<details class="filters"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2);
+const $1872ceb56ede7a52$var$no_go_selector = ".range .range-group";
 function $1872ceb56ede7a52$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, $ca1176b694a6ee2e$export$fe334901e8bebd57)();
     let modal;
@@ -4995,7 +5033,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
 
 
 
-const $f8f64d05c525825b$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $f8f64d05c525825b$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="num_filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $f8f64d05c525825b$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
+const $f8f64d05c525825b$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $f8f64d05c525825b$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $f8f64d05c525825b$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
 function $f8f64d05c525825b$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, $edafe91daf3091d7$export$b69d0d92862de18b)({
         severity_: "error",
@@ -5227,7 +5265,7 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , current_sortin
 
 
 
-const $2fb324fbcc7b4a7b$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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 $2fb324fbcc7b4a7b$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.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 $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
     const [is_small, set_is_small] = (0, $iBTHO$solidjs.createSignal)(true);
     (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
@@ -5342,7 +5380,7 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
         (0, $iBTHO$solidjsweb.insert)(_el$7, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$depictaiutilishared.ArrowUp), {}));
         (0, $iBTHO$solidjsweb.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, $iBTHO$solidjsweb.setAttribute)(_el$2, "aria-label", _p$._v$2 = _v$2);
             _v$3 !== _p$._v$3 && (0, $iBTHO$solidjsweb.setAttribute)(_el$4, "aria-label", _p$._v$3 = _v$3);
             _v$4 !== _p$._v$4 && (0, $iBTHO$solidjsweb.setAttribute)(_el$6, "aria-label", _p$._v$4 = _v$4);
@@ -5743,6 +5781,14 @@ function $8cd545330f2674dc$export$210f130a61ac1e8d(fn) {
 
 
 
+let $0b6e2070a98de347$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";
+})($0b6e2070a98de347$export$44dad306455dddf || ($0b6e2070a98de347$export$44dad306455dddf = {}));
+
+
 const $840d88a04b2d22a7$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="product-count"> </div>`, 2), $840d88a04b2d22a7$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $840d88a04b2d22a7$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
 function $840d88a04b2d22a7$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, $iBTHO$solidjs.createRoot)((dispose)=>{
@@ -5937,7 +5983,7 @@ function $840d88a04b2d22a7$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 = $840d88a04b2d22a7$var$_tmpl$4.cloneNode(true), _el$6 = _el$5.firstChild;
                         (0, $iBTHO$solidjsweb.insert)(_el$6, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -6043,6 +6089,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                                 });
                             }
                         }), null);
+                        (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$5, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY));
                         return _el$5;
                     })()
                 ];
@@ -6087,6 +6134,7 @@ function $d84fe647b84b5dc5$var$proxy_push_state(function_name, thing) {
 }
 
 
+
 const $7cb9c8285dbd453e$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 class $7cb9c8285dbd453e$export$3a8840c5b2ecf003 {
     #locale_signal = (0, $iBTHO$solidjs.createSignal)();
@@ -6107,7 +6155,11 @@ class $7cb9c8285dbd453e$export$3a8840c5b2ecf003 {
     }
     get #external_area_div() {
         // creates a new node every time this is accessed, doing like this for DRY purposes
-        return $7cb9c8285dbd453e$var$_tmpl$.cloneNode(true);
+        return (()=>{
+            const _el$ = $7cb9c8285dbd453e$var$_tmpl$.cloneNode(true);
+            (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY));
+            return _el$;
+        })();
     }
     get locale_() {
         // allow reactive access
@@ -6237,113 +6289,42 @@ class $7cb9c8285dbd453e$export$3a8840c5b2ecf003 {
 
 
 
-function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , search_query_: [get_search_query] , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
-    const [get_selected_filters, set_selected_filters] = selected_filters_;
-    const clear_filters_next_submit_ = (0, $iBTHO$solidjs.createSignal)(false); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
-    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, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_selected_filters, ()=>{
-        // if the selected filters update, clear the clearing signal
-        set_clear_filters_next_submit(false);
-    }, {
-        defer: true
-    }));
-    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_search_query, (0, $iBTHO$depictaiutilishared.catchify)(()=>{
-        // when a query was submitted, clear filters if clear was pressed before
-        if ((0, $iBTHO$solidjs.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, $47e2cc552c02110c$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 $2b7a005a65221045$export$84bba84a7b837187(search_query) {
-    const ls = localStorage;
-    const key = "depict_searches";
-    const previous_searches = (0, $iBTHO$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
-    const [read_previous_searches, write_previous_searches] = previous_searches;
-    const [read_search_query] = search_query;
-    (0, $iBTHO$solidjs.createEffect)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
-        const json_encoded = JSON.stringify(read_previous_searches());
-        if (ls[key] !== json_encoded) ls[key] = json_encoded;
-    }));
-    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
-        const searches = (0, $iBTHO$solidjs.untrack)((0, $iBTHO$depictaiutilishared.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 $f328bd45f8ede33c$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, $c8c0cecd8d3d832a$export$26df08e242fe83a3) , after_submit_: after_submit_  }) {
-    const new_search_query = (0, $iBTHO$solidjs.untrack)(read_field_value);
-    const previous_query = (0, $iBTHO$solidjs.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 $b7d0212db218bf0b$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, $iBTHO$solidjs.createSignal)(default_value ?? "");
-    const [exit_iterable, exitable_iterable] = (0, $iBTHO$depictaiutilishared.make_asyncIterable_exiter)((0, $iBTHO$depictaiutilishared.href_change_ipns));
-    (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.catchify)(exit_iterable));
-    (0, $iBTHO$depictaiutilishared.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 $dae23104ba8bb78c$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="parent-title"></span>`, 2), $dae23104ba8bb78c$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
+function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_  }) {
+    return (()=>{
+        const _el$ = $dae23104ba8bb78c$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
+        (0, $iBTHO$solidjsweb.addEventListener)(_el$, "click", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
+            if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
+            return;
+            return on_navigation_?.(category_suggestion_().page_url);
+        }), true);
+        (0, $iBTHO$solidjsweb.insert)(_el$2, ()=>category_suggestion_().title);
+        (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+            get when () {
+                return typeof category_suggestion_().parent_title === "string";
+            },
+            get children () {
+                const _el$3 = $dae23104ba8bb78c$var$_tmpl$.cloneNode(true);
+                (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>category_suggestion_().parent_title);
+                return _el$3;
             }
-        }
+        }), null);
+        (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "href", category_suggestion_().page_url));
+        return _el$;
     })();
-    return signals;
 }
+(0, $iBTHO$solidjsweb.delegateEvents)([
+    "click"
+]);
 
 
 
@@ -6357,20 +6338,7 @@ function $b7d0212db218bf0b$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $2f8c7dc07090fca9$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $2f8c7dc07090fca9$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="query_input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
+const $2f8c7dc07090fca9$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $2f8c7dc07090fca9$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="query-input"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
 function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
     let input_field;
     (0, $iBTHO$solidjs.createEffect)((0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
@@ -6400,7 +6368,6 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
                     once: true
                 });
             }
-            (0, $iBTHO$depictaiutilishared.dlog)("select", e);
         }));
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "input", (0, $iBTHO$depictaiutilishared.catchify)(()=>{
             const { value: value  } = input_field;
@@ -6469,63 +6436,403 @@ function $2f8c7dc07090fca9$export$ff21851bb5d30e15({ search_field_value_: search
 
 
 
-const $6ae556e536054e87$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
-function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ , search_field_value_: [get_search_field_value] , tenant_: tenant_ , market_: market_ , render_instant_card_: render_instant_card_ , render_instant_card_placeholder_: render_instant_card_placeholder_ , min_products_to_fetch_: min_products_to_fetch_ , has_sort_or_filters_: has_sort_or_filters_ , set_num_results_accessor_: set_num_results_accessor_ , i18n_: i18n_  }) {
-    const max_cards = 4;
-    const [read_current_instant_query, write_current_instant_query] = (0, $iBTHO$solidjs.createSignal)("");
-    let timeout;
-    (0, $iBTHO$solidjs.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, $iBTHO$depictaiutilishared.catchify)(()=>write_current_instant_query(value)), 250);
-    });
-    const [search_results] = (0, $iBTHO$solidjs.createResource)((0, $iBTHO$solidjs.createMemo)(()=>({
-            tenant: tenant_(),
-            market: market_(),
-            query: read_current_instant_query()
-        })), (0, $iBTHO$depictaiutilishared.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, $iBTHO$solidjs.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 $fb29c6201c369e39$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="cards"></div>`, 2), $fb29c6201c369e39$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $fb29c6201c369e39$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="show-more major" type="button"></button>`, 2);
+const $fb29c6201c369e39$export$1c8c715550dc689d = 2;
+function $fb29c6201c369e39$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, $iBTHO$solidjs.createSignal)(false);
+    const cards = $fb29c6201c369e39$var$_tmpl$.cloneNode(true);
+    const on_next_render = [];
+    const main_element = (()=>{
+        const _el$2 = $fb29c6201c369e39$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
+        (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>i18n_.search_recs_title_());
+        (0, $iBTHO$solidjsweb.insert)(_el$2, cards, null);
+        return _el$2;
+    })();
+    const [get_showing_recommendation_rows] = showing_recommendation_rows_;
+    const rows_object = view_more_button_ ? $fb29c6201c369e39$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
+    const cleanup_old_cards = [];
+    (0, $iBTHO$depictaiutilishared.Layout)({
+        container_element: cards,
+        layout: "grid",
+        rows: rows_object,
+        ...layout_options_
+    }).catch((e)=>(0, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.observer).wait_for_element(cards).then((0, $iBTHO$depictaiutilishared.catchify)((element)=>{
+        let start_lazy_loading;
+        const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
+        const lf = new (0, $iBTHO$depictaiutilishared.Lazyfier)({
+            only_load_intersecting: true,
+            wait_for_dominsertion: lazy_loading_promise,
+            ignore_data_urls: true,
+            lazyfinder: {
+                unload () {}
+            }
         });
-    }));
-    set_num_results_accessor_(()=>(0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
-            search_results_: search_results,
-            i18n_: i18n_
-        }));
-    const rendering_options = (0, $iBTHO$solidjs.createMemo)(()=>{
-        search_results();
-        return {};
-    });
-    const sliced_displays = (0, $iBTHO$solidjs.createMemo)(()=>search_results()?.displays?.slice(0, max_cards));
-    let placeholder;
-    const container = (()=>{
-        const _el$ = $6ae556e536054e87$var$_tmpl$.cloneNode(true);
-        (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-            get when () {
-                return sliced_displays()?.length;
-            },
-            get fallback () {
-                return (0, $iBTHO$solidjs.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, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Index), {
-                    get each () {
-                        return sliced_displays();
-                    },
-                    children: (d, i)=>$6ae556e536054e87$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, $iBTHO$depictaiutilishared.catchify)((records)=>{
+            for (const record of records)if (record.intersectionRatio > 0) {
+                start_lazy_loading();
+                i_o.disconnect();
+                return;
             }
         }));
-        return _el$;
+        i_o.observe(cards);
+    }));
+    const deparallelized_recs_fetcher = (0, $iBTHO$depictaiutilishared.deparallelize_no_drop)((0, $iBTHO$depictaiutilishared.catchify)(async (base_query)=>{
+        const recs_promise = depict_api_.get_recommended(base_query).then((r)=>r.displays);
+        // create owner to run product cards with an Owner, so they know when they've gotten removed
+        const [owner_for_cards, dispose_our_cards] = (0, $iBTHO$solidjs.createRoot)((dispose)=>[
+                (0, $iBTHO$solidjs.getOwner)(),
+                dispose
+            ]);
+        const rendering_result = await (await (0, $iBTHO$depictaiutilishared.make_placeholder_rr)({
+            // render the max amount of elements that there could be, to make sure scroll restoration works (placeholders can't be shorter than actual content)
+            num_items: (0, $aec24316ed262dc0$export$6c9030e511152266) + (0, $iBTHO$solidjs.untrack)(get_showing_recommendation_rows) * Math.max(...layout_options_.cols_at_size.map(([per_column])=>per_column))
+        }))(tenant_object_, {
+            type: "search_recs",
+            recs: recs_promise,
+            ...rr_options_,
+            ...typeof rr_options_.template === "function" ? {
+                template: (...args)=>(0, $iBTHO$solidjs.runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
+                        rr_options_.template(...args))
+            } : {}
+        });
+        const { elements: elements , should_stay_inserted: should_stay_inserted  } = rendering_result;
+        let dead = false;
+        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, $iBTHO$solidjs.createRenderEffect)(()=>deparallelized_recs_fetcher(search_query_base_()));
+    (0, $iBTHO$solidjs.onCleanup)(()=>cleanup_old_cards.forEach((fn)=>fn())); // if everything gets cleaned up without new cards replacing the old ones, clean up the last cards
+    return (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+        get when () {
+            return is_showing_something();
+        },
+        children: main_element
+    });
+}
+function $fb29c6201c369e39$var$make_state_saved_rows([get_showing_recommendation_rows, set_showing_recommendation_rows], i18n_) {
+    const ipns = (0, $iBTHO$depictaiutilishared.async_iterable_ipns)();
+    const rows = {
+        ipns: ipns,
+        start_rows: (0, $iBTHO$solidjs.untrack)(get_showing_recommendation_rows) ?? $fb29c6201c369e39$export$1c8c715550dc689d,
+        rows_per_click: 3,
+        button: (()=>{
+            const _el$4 = $fb29c6201c369e39$var$_tmpl$3.cloneNode(true);
+            (0, $iBTHO$solidjsweb.insert)(_el$4, ()=>i18n_.view_more_());
+            return _el$4;
+        })()
+    };
+    (0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
+        for await (const number of ipns)set_showing_recommendation_rows(number);
+    })();
+    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_showing_recommendation_rows, (new_rows = $fb29c6201c369e39$export$1c8c715550dc689d)=>{
+        if (ipns.latest_call_value !== new_rows && ipns.state !== new_rows) ipns(new_rows);
+    }, {
+        defer: true
+    }));
+    return rows;
+}
+
+
+
+
+
+
+function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , search_query_: [get_search_query] , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
+    const [get_selected_filters, set_selected_filters] = selected_filters_;
+    const clear_filters_next_submit_ = (0, $iBTHO$solidjs.createSignal)(false); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
+    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, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_selected_filters, ()=>{
+        // if the selected filters update, clear the clearing signal
+        set_clear_filters_next_submit(false);
+    }, {
+        defer: true
+    }));
+    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_search_query, (0, $iBTHO$depictaiutilishared.catchify)(()=>{
+        // when a query was submitted, clear filters if clear was pressed before
+        if ((0, $iBTHO$solidjs.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, $47e2cc552c02110c$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 $2b7a005a65221045$export$84bba84a7b837187(search_query) {
+    const ls = localStorage;
+    const key = "depict_searches";
+    const previous_searches = (0, $iBTHO$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
+    const [read_previous_searches, write_previous_searches] = previous_searches;
+    const [read_search_query] = search_query;
+    (0, $iBTHO$solidjs.createEffect)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
+        const json_encoded = JSON.stringify(read_previous_searches());
+        if (ls[key] !== json_encoded) ls[key] = json_encoded;
+    }));
+    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$depictaiutilishared.catchify)(()=>{
+        const searches = (0, $iBTHO$solidjs.untrack)((0, $iBTHO$depictaiutilishared.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 $f328bd45f8ede33c$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, $c8c0cecd8d3d832a$export$26df08e242fe83a3) , after_submit_: after_submit_  }) {
+    const new_search_query = (0, $iBTHO$solidjs.untrack)(read_field_value);
+    const previous_query = (0, $iBTHO$solidjs.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 $b7d0212db218bf0b$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, $iBTHO$solidjs.createSignal)(default_value ?? "");
+    const [exit_iterable, exitable_iterable] = (0, $iBTHO$depictaiutilishared.make_asyncIterable_exiter)((0, $iBTHO$depictaiutilishared.href_change_ipns));
+    (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.catchify)(exit_iterable));
+    (0, $iBTHO$depictaiutilishared.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 $6ae613870d3380fc$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="orig price"></span>`, 2), $6ae613870d3380fc$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $6ae613870d3380fc$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="tagline"></div>`, 2);
+const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n  })=>{
+    // Support for Spendrups displays, should probably be in the Spendrups script
+    const display = (0, $iBTHO$solidjs.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, $iBTHO$solidjs.createMemo)(()=>display().image_url);
+    const contained_image = (0, $iBTHO$solidjs.createMemo)(()=>(0, $iBTHO$depictaiutilishared.ContainedImage)({
+            aspect_ratio: 1,
+            alt: "",
+            // @ts-ignore
+            "data-src": image_url(),
+            srcset_opts: {
+                set_dataset: true
+            },
+            init_with_placeholder: true
+        }));
+    const is_sale = (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price !== display().original_price);
+    const returnVal = (()=>{
+        const _el$ = $6ae613870d3380fc$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$9 = _el$7.firstChild;
+        (0, $iBTHO$solidjsweb.insert)(_el$2, contained_image);
+        (0, $iBTHO$solidjsweb.insert)(_el$5, ()=>display().brand);
+        (0, $iBTHO$solidjsweb.insert)(_el$6, ()=>display().title);
+        (0, $iBTHO$solidjsweb.insert)(_el$4, (()=>{
+            const _c$ = (0, $iBTHO$solidjsweb.memo)(()=>!!(display().sub_heading_1 || display().sub_heading_2));
+            return ()=>_c$() && (()=>{
+                    const _el$10 = $6ae613870d3380fc$var$_tmpl$3.cloneNode(true);
+                    (0, $iBTHO$solidjsweb.insert)(_el$10, ()=>[
+                            display().sub_heading_1,
+                            display().sub_heading_2
+                        ].filter((v)=>v).join(" | "));
+                    return _el$10;
+                })();
+        })(), null);
+        (0, $iBTHO$solidjsweb.insert)(_el$7, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+            get when () {
+                return is_sale();
+            },
+            get children () {
+                const _el$8 = $6ae613870d3380fc$var$_tmpl$.cloneNode(true);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n.price_formatting_().pre_, null);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
+                        price_: (0, $iBTHO$solidjs.createMemo)(()=>display().original_price),
+                        price_formatting_: i18n.price_formatting_
+                    }), null);
+                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n.price_formatting_().post_, null);
+                return _el$8;
+            }
+        }), _el$9);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n.price_formatting_().pre_, null);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
+                price_: (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price),
+                price_formatting_: i18n.price_formatting_
+            }), null);
+        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n.price_formatting_().post_, null);
+        (0, $iBTHO$solidjsweb.effect)((_p$)=>{
+            const _v$ = display().page_url, _v$2 = !!is_sale();
+            _v$ !== _p$._v$ && (0, $iBTHO$solidjsweb.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 $6ae556e536054e87$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
+function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ , search_field_value_: [get_search_field_value] , tenant_: tenant_ , market_: market_ , render_instant_card_: render_instant_card_ , render_instant_card_placeholder_: render_instant_card_placeholder_ , min_products_to_fetch_: min_products_to_fetch_ , has_sort_or_filters_: has_sort_or_filters_ , set_num_results_accessor_: set_num_results_accessor_ , i18n_: i18n_  }) {
+    const max_cards = 4;
+    const [read_current_instant_query, write_current_instant_query] = (0, $iBTHO$solidjs.createSignal)("");
+    let timeout;
+    (0, $iBTHO$solidjs.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, $iBTHO$depictaiutilishared.catchify)(()=>write_current_instant_query(value)), 250);
+    });
+    const [search_results] = (0, $iBTHO$solidjs.createResource)((0, $iBTHO$solidjs.createMemo)(()=>({
+            tenant: tenant_(),
+            market: market_(),
+            query: read_current_instant_query()
+        })), (0, $iBTHO$depictaiutilishared.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, $iBTHO$solidjs.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, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
+            search_results_: search_results,
+            i18n_: i18n_
+        }));
+    const sliced_displays = (0, $iBTHO$solidjs.createMemo)(()=>search_results()?.displays?.slice(0, max_cards));
+    let placeholder;
+    const container = (()=>{
+        const _el$ = $6ae556e536054e87$var$_tmpl$.cloneNode(true);
+        (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
+            get when () {
+                return sliced_displays()?.length;
+            },
+            get fallback () {
+                return (0, $iBTHO$solidjs.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, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Index), {
+                    get each () {
+                        return sliced_displays();
+                    },
+                    children: (d, i)=>$6ae556e536054e87$var$track_elements(d, i, // Custom instant card requires a re-render on every display update
+                        render_instant_card_ ? (0, $iBTHO$solidjs.createMemo)(()=>render_instant_card_(d(), {
+                                index: i,
+                                i18n: i18n_,
+                                merchant: tenant_(),
+                                market: market_()
+                            })) : (0, $6ae613870d3380fc$export$b05c0ae390cf3e06)(d, {
+                            index: i,
+                            i18n: i18n_,
+                            merchant: tenant_(),
+                            market: market_()
+                        }), tenant_, market_)
+                });
+            }
+        }));
+        return _el$;
     })();
     new (0, $iBTHO$depictaiutilishared.Lazyfier)({
         container: container,
@@ -6644,7 +6951,7 @@ function $7b98f0cf558884f7$export$50b90be27d8502d9(el, [get_style_props, set_sty
 
 
 
-function $496cde876b53ce1e$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 $496cde876b53ce1e$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, $iBTHO$solidjs.createSignal)();
     const [exit_iterable, exitable_iterable] = (0, $iBTHO$depictaiutilishared.make_asyncIterable_exiter)((0, $iBTHO$depictaiutilishared.href_change_ipns));
     (0, $iBTHO$solidjs.onCleanup)(exit_iterable);
@@ -6661,8 +6968,11 @@ function $496cde876b53ce1e$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, $iBTHO$solidjs.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 {
@@ -6681,7 +6991,7 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 const $9a268bf73b31a717$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $9a268bf73b31a717$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="item"><div class="left"><span></span></div><button class="delete"></button></a>`, 8);
-function $9a268bf73b31a717$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 $9a268bf73b31a717$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, $iBTHO$solidjs.createMemo)(()=>previous_searches_().length >= 1);
     currently_showing_suggestions_[1]((value)=>{
         value[0] = (0, $iBTHO$solidjs.createMemo)(()=>previous_searches_().map((result)=>({
@@ -6714,7 +7024,8 @@ function $9a268bf73b31a717$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 = $9a268bf73b31a717$var$_tmpl$2.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling;
@@ -6842,8 +7153,8 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
-const $6b65ba8af12c5a26$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $6b65ba8af12c5a26$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="type"></span>`, 2), $6b65ba8af12c5a26$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><span class="value"></span></div>`, 4), $6b65ba8af12c5a26$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $6b65ba8af12c5a26$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestion_container query"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestion_container page"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$8 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestions"></div>`, 2);
-function $6b65ba8af12c5a26$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 $6b65ba8af12c5a26$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $6b65ba8af12c5a26$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="type"></span>`, 2), $6b65ba8af12c5a26$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div><span class="value"></span></div>`, 4), $6b65ba8af12c5a26$var$_tmpl$5 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $6b65ba8af12c5a26$var$_tmpl$6 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestion-container query"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$7 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$8 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="suggestions"></div>`, 2);
+function $6b65ba8af12c5a26$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, $iBTHO$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title  })=>type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
         ));
     const not_queries_memo = (0, $iBTHO$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type  })=>type !== (0, $3ec9e21d6b6debdd$export$3cf9497e790da491)));
@@ -6856,7 +7167,8 @@ function $6b65ba8af12c5a26$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, $iBTHO$solidjs.createSignal)();
         (0, $iBTHO$solidjs.createComputed)(()=>{
@@ -6869,6 +7181,14 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
             (0, $iBTHO$solidjsweb.use)((element)=>element.addEventListener("click", (0, $iBTHO$depictaiutilishared.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, $iBTHO$solidjsweb.addEventListener)(_el$, "mouseleave", (0, $iBTHO$depictaiutilishared.catchify)(()=>write_selected_index_(undefined)));
             (0, $iBTHO$solidjsweb.addEventListener)(_el$, "mouseenter", (0, $iBTHO$depictaiutilishared.catchify)(()=>write_selected_index_([
@@ -7043,6 +7363,9 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
 
 
 
+
+
+const $6a374b16bfe947d0$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a target="_blank"></a>`, 2);
 function $6a374b16bfe947d0$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, $iBTHO$solidjs.createMemo)(()=>{
         const currently_showing_suggestions = read_currently_showing_suggestions();
@@ -7097,7 +7420,7 @@ function $6a374b16bfe947d0$export$217899a935ef803b({ selected_index_: [read_sele
         write_selected_fake_index_: write_selected_fake_index_
     });
 }
-function $6a374b16bfe947d0$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 $6a374b16bfe947d0$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, $iBTHO$solidjs.createEffect)(()=>{
         const sfv = get_search_field_value();
@@ -7119,21 +7442,37 @@ function $6a374b16bfe947d0$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, $iBTHO$solidjs.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 $6a374b16bfe947d0$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 (!$6a374b16bfe947d0$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);
             }
@@ -7145,10 +7484,25 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({ element_
         (0, $iBTHO$solidjs.onCleanup)((0, $iBTHO$depictaiutilishared.catchify)(()=>el.removeEventListener("keyup", handler)));
     });
 }
+function $6a374b16bfe947d0$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$ = $6a374b16bfe947d0$var$_tmpl$.cloneNode(true);
+            (0, $iBTHO$solidjsweb.setAttribute)(_el$, "href", href);
+            return _el$;
+        })();
+        document.body.append(link);
+        link.click();
+        link.remove();
+        return true;
+    }
+    return false;
+}
 
 
 const $3ec9e21d6b6debdd$export$3cf9497e790da491 = "query";
-function $3ec9e21d6b6debdd$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 $3ec9e21d6b6debdd$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, $iBTHO$solidjs.createSignal)();
     const [read_search_field_value] = search_field_value_;
     const updating_blocked = (0, $iBTHO$solidjs.createSignal)(false);
@@ -7188,7 +7542,10 @@ function $3ec9e21d6b6debdd$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, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
@@ -7212,7 +7569,8 @@ function $3ec9e21d6b6debdd$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_
                 });
             }
         }),
@@ -7239,7 +7597,9 @@ function $3ec9e21d6b6debdd$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_
         })
     ];
 }
@@ -7301,8 +7661,33 @@ function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 }
 
 
-const $f40a47a30a358305$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $f40a47a30a358305$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2), $f40a47a30a358305$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $f40a47a30a358305$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div id="depict-override" class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
-function $f40a47a30a358305$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, $iBTHO$solidjs.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 $f978ab22f3df4bd7$export$af8311b651139246 = (css_properties)=>{
+    return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
+};
+const $f978ab22f3df4bd7$export$1233ca167bf71f9a = (styles)=>{
+    return Object.entries(styles).map(([selector, css_properties])=>`${selector} { ${$f978ab22f3df4bd7$export$af8311b651139246(css_properties)} }`).join(" ");
+};
+
+
+
+const $b776f25acdda22eb$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<style></style>`, 2);
+function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
+    const valid_css_string = (0, $iBTHO$solidjs.createMemo)(()=>{
+        return (0, $f978ab22f3df4bd7$export$1233ca167bf71f9a)(props.styles());
+    });
+    return (()=>{
+        const _el$ = $b776f25acdda22eb$var$_tmpl$.cloneNode(true);
+        (0, $iBTHO$solidjsweb.insert)(_el$, valid_css_string);
+        return _el$;
+    })();
+}
+
+
+const $f40a47a30a358305$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $f40a47a30a358305$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2), $f40a47a30a358305$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $f40a47a30a358305$var$_tmpl$4 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
+function $f40a47a30a358305$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, $iBTHO$solidjs.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, $iBTHO$solidjs.createSignal)();
     const [get_search_field_value_] = search_field_value_;
@@ -7343,6 +7728,12 @@ function $f40a47a30a358305$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, $iBTHO$depictaiutilishared.make_random_classname)();
+    const body_style = (0, $iBTHO$solidjs.createMemo)(()=>{
+        return {
+            [`.depict .${random_classname}`]: style_props_[0]()
+        };
+    });
     const modal_element = (()=>{
         const _el$4 = $f40a47a30a358305$var$_tmpl$3.cloneNode(true), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
         (0, $iBTHO$solidjsweb.addEventListener)(_el$4, "click", (0, $iBTHO$depictaiutilishared.catchify)(({ target: target  })=>{
@@ -7382,7 +7773,9 @@ function $f40a47a30a358305$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);
@@ -7403,7 +7796,12 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
         }), null);
         (0, $iBTHO$solidjsweb.insert)(_el$6, elements_inside_scrollable, null);
         (0, $iBTHO$solidjsweb.insert)(_el$5, elements_outside_scrollable, null);
-        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.style)(_el$5, style_props_[0](), _$p));
+        (0, $iBTHO$solidjsweb.insert)(_el$4, (0, $iBTHO$solidjsweb.createComponent)((0, $b776f25acdda22eb$export$f021bdedd3ec901a), {
+            styles: body_style
+        }), null);
+        (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.classList)(_el$5, {
+                [random_classname]: true
+            }, _$p));
         return _el$4;
     })();
     return [
@@ -7411,7 +7809,15 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: search
             const _el$7 = $f40a47a30a358305$var$_tmpl$4.cloneNode(true), _el$8 = _el$7.firstChild;
             (0, $iBTHO$solidjsweb.addEventListener)(_el$8, "click", close_modal_, true);
             (0, $iBTHO$solidjsweb.insert)(_el$7, modal_element, null);
-            (0, $iBTHO$solidjsweb.effect)((_$p)=>(0, $iBTHO$solidjsweb.classList)(_el$7, class_list_?.(), _$p));
+            (0, $iBTHO$solidjsweb.effect)((_p$)=>{
+                const _v$ = (0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_MODAL, _v$2 = class_list_?.();
+                _v$ !== _p$._v$ && (0, $iBTHO$solidjsweb.setAttribute)(_el$7, "id", _p$._v$ = _v$);
+                _p$._v$2 = (0, $iBTHO$solidjsweb.classList)(_el$7, _v$2, _p$._v$2);
+                return _p$;
+            }, {
+                _v$: undefined,
+                _v$2: undefined
+            });
             return _el$7;
         })()
     ];
@@ -7458,6 +7864,8 @@ function $f40a47a30a358305$var$close_modal_when_navigating_away(close_modal, sea
 
 
 
+
+
 const $04048c1bef16c249$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="category-suggestions"></div>`, 2), $04048c1bef16c249$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="category-suggestion"></div>`, 2);
 function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , selected_filters_: selected_filters_ , slider_arrow_button_: slider_arrow_button_  }) {
     const category_suggestions_ = (0, $iBTHO$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
@@ -7510,130 +7918,6 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
 
 
 
-const $fb29c6201c369e39$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="cards"></div>`, 2), $fb29c6201c369e39$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="search-recs"><h3 class="search-recs-title"></h3></div>`, 4), $fb29c6201c369e39$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<button class="show_more major" type="button"></button>`, 2);
-const $fb29c6201c369e39$export$1c8c715550dc689d = 2;
-function $fb29c6201c369e39$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, $iBTHO$solidjs.createSignal)(false);
-    const cards = $fb29c6201c369e39$var$_tmpl$.cloneNode(true);
-    const on_next_render = [];
-    const main_element = (()=>{
-        const _el$2 = $fb29c6201c369e39$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-        (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>i18n_.search_recs_title_());
-        (0, $iBTHO$solidjsweb.insert)(_el$2, cards, null);
-        return _el$2;
-    })();
-    const [get_showing_recommendation_rows] = showing_recommendation_rows_;
-    const rows_object = view_more_button_ ? $fb29c6201c369e39$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
-    const cleanup_old_cards = [];
-    (0, $iBTHO$depictaiutilishared.Layout)({
-        container_element: cards,
-        layout: "grid",
-        rows: rows_object,
-        ...layout_options_
-    }).catch((e)=>(0, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.observer).wait_for_element(cards).then((0, $iBTHO$depictaiutilishared.catchify)((element)=>{
-        let start_lazy_loading;
-        const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
-        const lf = new (0, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.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, $iBTHO$depictaiutilishared.deparallelize_no_drop)((0, $iBTHO$depictaiutilishared.catchify)(async (base_query)=>{
-        const recs_promise = depict_api_.get_recommended(base_query).then((r)=>r.displays);
-        // create owner to run product cards with an Owner, so they know when they've gotten removed
-        const [owner_for_cards, dispose_our_cards] = (0, $iBTHO$solidjs.createRoot)((dispose)=>[
-                (0, $iBTHO$solidjs.getOwner)(),
-                dispose
-            ]);
-        const rendering_result = await (await (0, $iBTHO$depictaiutilishared.make_placeholder_rr)({
-            // render the max amount of elements that there could be, to make sure scroll restoration works (placeholders can't be shorter than actual content)
-            num_items: (0, $aec24316ed262dc0$export$6c9030e511152266) + (0, $iBTHO$solidjs.untrack)(get_showing_recommendation_rows) * Math.max(...layout_options_.cols_at_size.map(([per_column])=>per_column))
-        }))(tenant_object_, {
-            type: "search_recs",
-            recs: recs_promise,
-            ...rr_options_,
-            ...typeof rr_options_.template === "function" ? {
-                template: (...args)=>(0, $iBTHO$solidjs.runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
-                        rr_options_.template(...args))
-            } : {}
-        });
-        const { elements: elements , should_stay_inserted: should_stay_inserted  } = rendering_result;
-        let dead = false;
-        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, $iBTHO$solidjs.createRenderEffect)(()=>deparallelized_recs_fetcher(search_query_base_()));
-    (0, $iBTHO$solidjs.onCleanup)(()=>cleanup_old_cards.forEach((fn)=>fn())); // if everything gets cleaned up without new cards replacing the old ones, clean up the last cards
-    return (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-        get when () {
-            return is_showing_something();
-        },
-        children: main_element
-    });
-}
-function $fb29c6201c369e39$var$make_state_saved_rows([get_showing_recommendation_rows, set_showing_recommendation_rows], i18n_) {
-    const ipns = (0, $iBTHO$depictaiutilishared.async_iterable_ipns)();
-    const rows = {
-        ipns: ipns,
-        start_rows: (0, $iBTHO$solidjs.untrack)(get_showing_recommendation_rows) ?? $fb29c6201c369e39$export$1c8c715550dc689d,
-        rows_per_click: 3,
-        button: (()=>{
-            const _el$4 = $fb29c6201c369e39$var$_tmpl$3.cloneNode(true);
-            (0, $iBTHO$solidjsweb.insert)(_el$4, ()=>i18n_.view_more_());
-            return _el$4;
-        })()
-    };
-    (0, $iBTHO$depictaiutilishared.catchify)(async ()=>{
-        for await (const number of ipns)set_showing_recommendation_rows(number);
-    })();
-    (0, $iBTHO$solidjs.createComputed)((0, $iBTHO$solidjs.on)(get_showing_recommendation_rows, (new_rows = $fb29c6201c369e39$export$1c8c715550dc689d)=>{
-        if (ipns.latest_call_value !== new_rows && ipns.state !== new_rows) ipns(new_rows);
-    }, {
-        defer: true
-    }));
-    return rows;
-}
-
-
-
-
-
-
-
 
 
 const $65a0c4b1c2eb5d0b$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<b></b>`, 2), $65a0c4b1c2eb5d0b$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="results-for"></div>`, 2);
@@ -7663,6 +7947,7 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 
 
+
 const $f1d7cb69f839a526$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $f1d7cb69f839a526$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
     const { depict_api_: depict_api_ , 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;
@@ -7820,7 +8105,7 @@ function $f1d7cb69f839a526$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 = $f1d7cb69f839a526$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
             (0, $iBTHO$solidjsweb.insert)(_el$3, input_field, null);
@@ -7940,6 +8225,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
                     });
                 }
             }), null);
+            (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$2, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_PAGE));
             return _el$2;
         })()
     ];
@@ -7948,125 +8234,6 @@ function $f1d7cb69f839a526$export$a54ec244c8863715(opts) {
 
 
 
-
-
-
-
-
-
-
-
-
-const $ad63d2a35e827266$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="orig price"></span>`, 2), $ad63d2a35e827266$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="instant-card"><div class="img_part"></div><div class="right_part"><div class="title_brand_tagline"><span class="brand"></span><span class="title"></span></div><div class="price_container"><span class="price"></span></div></div></a>`, 16), $ad63d2a35e827266$var$_tmpl$3 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="tagline"></div>`, 2);
-function $ad63d2a35e827266$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, $iBTHO$solidjs.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, $iBTHO$solidjs.createMemo)(()=>display().image_url);
-    const contained_image = (0, $iBTHO$solidjs.createMemo)(()=>(0, $iBTHO$depictaiutilishared.ContainedImage)({
-            aspect_ratio: 1,
-            alt: "",
-            // @ts-ignore
-            "data-src": image_url(),
-            rendering_options: (0, $iBTHO$solidjs.untrack)(()=>get_fake_rendering_options()),
-            srcset_opts: {
-                set_dataset: true
-            },
-            init_with_placeholder: true
-        }));
-    const is_sale = (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price !== display().original_price);
-    return (()=>{
-        const _el$ = $ad63d2a35e827266$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$9 = _el$7.firstChild;
-        (0, $iBTHO$solidjsweb.insert)(_el$2, contained_image);
-        (0, $iBTHO$solidjsweb.insert)(_el$5, ()=>display().brand);
-        (0, $iBTHO$solidjsweb.insert)(_el$6, ()=>display().title);
-        (0, $iBTHO$solidjsweb.insert)(_el$4, ()=>display().sub_heading_1 || display().sub_heading_2 && (()=>{
-                const _el$10 = $ad63d2a35e827266$var$_tmpl$3.cloneNode(true);
-                (0, $iBTHO$solidjsweb.insert)(_el$10, ()=>[
-                        display().sub_heading_1,
-                        display().sub_heading_2
-                    ].filter((v)=>v).join(" | "));
-                return _el$10;
-            })(), null);
-        (0, $iBTHO$solidjsweb.insert)(_el$7, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-            get when () {
-                return is_sale();
-            },
-            get children () {
-                const _el$8 = $ad63d2a35e827266$var$_tmpl$.cloneNode(true);
-                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n_.price_formatting_().pre_, null);
-                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
-                        price_: (0, $iBTHO$solidjs.createMemo)(()=>display().original_price),
-                        price_formatting_: i18n_.price_formatting_
-                    }), null);
-                (0, $iBTHO$solidjsweb.insert)(_el$8, ()=>i18n_.price_formatting_().post_, null);
-                return _el$8;
-            }
-        }), _el$9);
-        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n_.price_formatting_().pre_, null);
-        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>(0, $d659702496cb72ea$export$469c7af753d08925)({
-                price_: (0, $iBTHO$solidjs.createMemo)(()=>display().sale_price),
-                price_formatting_: i18n_.price_formatting_
-            }), null);
-        (0, $iBTHO$solidjsweb.insert)(_el$9, ()=>i18n_.price_formatting_().post_, null);
-        (0, $iBTHO$solidjsweb.effect)((_p$)=>{
-            const _v$ = display().page_url, _v$2 = !!is_sale();
-            _v$ !== _p$._v$ && (0, $iBTHO$solidjsweb.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 $dae23104ba8bb78c$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<span class="parent_title"></span>`, 2), $dae23104ba8bb78c$var$_tmpl$2 = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<a class="category-suggestion"><span class="title"></span></a>`, 4);
-function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , on_navigation_: on_navigation_  }) {
-    return (()=>{
-        const _el$ = $dae23104ba8bb78c$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild;
-        (0, $iBTHO$solidjsweb.addEventListener)(_el$, "click", (0, $iBTHO$depictaiutilishared.catchify)((e)=>{
-            if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
-            return;
-            return on_navigation_?.(category_suggestion_().page_url);
-        }), true);
-        (0, $iBTHO$solidjsweb.insert)(_el$2, ()=>category_suggestion_().title);
-        (0, $iBTHO$solidjsweb.insert)(_el$, (0, $iBTHO$solidjsweb.createComponent)((0, $iBTHO$solidjs.Show), {
-            get when () {
-                return typeof category_suggestion_().parent_title === "string";
-            },
-            get children () {
-                const _el$3 = $dae23104ba8bb78c$var$_tmpl$.cloneNode(true);
-                (0, $iBTHO$solidjsweb.insert)(_el$3, ()=>category_suggestion_().parent_title);
-                return _el$3;
-            }
-        }), null);
-        (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "href", category_suggestion_().page_url));
-        return _el$;
-    })();
-}
-(0, $iBTHO$solidjsweb.delegateEvents)([
-    "click"
-]);
-
-
 const $4e04be41243c3d80$var$transform_elements = (sorted_cols_at_size)=>{
     const cols_at_size = [];
     for(let i = 0; i < sorted_cols_at_size.length; i++){
@@ -8113,6 +8280,8 @@ const $4e04be41243c3d80$export$6daf8749b65a1b77 = (cols_at_size)=>{
 
 
 
+
+
 const $fd2d5ef67fc09716$var$_tmpl$ = /*#__PURE__*/ (0, $iBTHO$solidjsweb.template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
@@ -8126,7 +8295,7 @@ class $fd2d5ef67fc09716$export$ac6237957a15b3f0 {
     #modal_open_signal = (0, $iBTHO$solidjs.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 ($fd2d5ef67fc09716$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
         const alternative_query_submitter_for_spas_ = on_navigation && ((search_param_name, new_search_query, url_transformer)=>{
@@ -8157,8 +8326,9 @@ class $fd2d5ef67fc09716$export$ac6237957a15b3f0 {
         const previous_searches = (0, $2b7a005a65221045$export$84bba84a7b837187)(search_query_signal_);
         const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
         const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $fb29c6201c369e39$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
+        const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
         const configured_submit_query_ = ()=>(0, $f328bd45f8ede33c$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,
@@ -8216,9 +8386,11 @@ class $fd2d5ef67fc09716$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_: $fd2d5ef67fc09716$var$min_products_to_fetch_,
-                    render_instant_card_: (0, $ad63d2a35e827266$export$3b5becc25bbaed73),
+                    render_instant_card_: render_instant_card,
                     render_instant_card_placeholder_: (0, $6f604560873e4f69$export$ee1733d9a8495996),
                     has_sort_or_filters_: (0, $iBTHO$solidjs.createMemo)(()=>!!(Object.keys(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
                 },
@@ -8261,21 +8433,16 @@ class $fd2d5ef67fc09716$export$ac6237957a15b3f0 {
                 }
                 // Open centered modal
                 const supports_hover = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
-                const slim = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-width: 600px)");
                 const desktop_short = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height: 790px)");
                 const mobile_short = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height: 1000px)");
-                const transform_x = (0, $iBTHO$solidjs.createSignal)(false);
-                const transform_y = (0, $iBTHO$solidjs.createSignal)(false);
+                const transform_y = (0, $iBTHO$solidjs.createMemo)(()=>supports_hover() ? !desktop_short() : !mobile_short());
                 const style_props_ = (0, $iBTHO$solidjs.createSignal)({
                     position: "fixed",
-                    top: "50%",
-                    left: "50%"
+                    top: "50%"
                 });
-                (0, $iBTHO$solidjs.createComputed)(()=>transform_y[1](supports_hover() ? !desktop_short() : !mobile_short()));
-                (0, $iBTHO$solidjs.createComputed)(()=>transform_x[1](transform_y[0]() || !slim()));
                 (0, $iBTHO$solidjs.createComputed)(()=>style_props_[1]((old_value)=>({
                             ...old_value,
-                            transform: transform_x[0]() && transform_y[0]() ? "translate(-50%,-50%)" : transform_x[0]() ? "translateX(-50%)" : transform_y[0]() ? "translateY(-50%)" : "unset"
+                            transform: transform_y() ? "translateY(-50%)" : "unset"
                         })));
                 if (signal_value_is_options) {
                     const [options_arg1, ...rest1] = open_signal_value;
@@ -8440,6 +8607,7 @@ function $fd2d5ef67fc09716$export$b94867ecbd698f21({ depict_search: depict_searc
             (()=>{
                 const _el$ = $fd2d5ef67fc09716$var$_tmpl$.cloneNode(true);
                 (0, $iBTHO$solidjsweb.insert)(_el$, input);
+                (0, $iBTHO$solidjsweb.effect)(()=>(0, $iBTHO$solidjsweb.setAttribute)(_el$, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).SEARCH_MODAL));
                 return _el$;
             })()
         ];
@@ -8472,3 +8640,6 @@ function $fd2d5ef67fc09716$var$run_in_root_or_auto_cleanup(component, error_mess
 
 
 
+(0, $iBTHO$depictaiutilishared.dlog)("@depict-ai/ui version", (0, $b757f75811f3261f$export$83d89fbfd8236492));
+
+