@depict-ai/ui 1.4.1 → 1.4.3

package/dist/client/main.cjs

@@ -49,9 +49,7 @@ $parcel$export(module.exports, "defaultGridSpacing", () => $a3280f0aad997933$exp
 $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$export$c3834fa86c616831);
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.1";
-
-
+/*! Depict.ai search and product listing SDK */ const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.3";
 
 
 
@@ -61,11 +59,11 @@ $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fb
 
 
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
-    const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $57o7A$depictaiutilishared.useExpandingContainer)(...params);
+    const { collapse: collapse, expand: expand, ExpandingContainer: ExpandingContainer } = (0, $57o7A$depictaiutilishared.useExpandingContainer)(...params);
     return {
         collapse: collapse,
         expand: expand,
-        ExpandingContainer: ({ children: children  })=>{
+        ExpandingContainer: ({ children: children })=>{
             // get reactive signals/solid's jsx elements into `ExpandingContainer`
             const fake_div = document.createElement("div");
             const outer_expanding = (0, $57o7A$solidjsweb.createComponent)(ExpandingContainer, {
@@ -86,8 +84,8 @@ const $a69e505a12a77874$var$has_new_animate = /*@__PURE__*/ $a69e505a12a77874$ex
 function $a69e505a12a77874$export$6c6d7a51fa9aa15d(props) {
     let fresh_component = true;
     let timeout_started = false;
-    const { details_: details_ , summary_: summary_ , children: children , duration_: duration_ , delay_: delay_ , dont_animate_if_instant_open_: dont_animate_if_instant_open_ = true  } = props;
-    const { expand: expand , ExpandingContainer: ExpandingContainer , collapse: collapse  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
+    const { details_: details_, summary_: summary_, children: children, duration_: duration_, delay_: delay_, dont_animate_if_instant_open_: dont_animate_if_instant_open_ = true } = props;
+    const { expand: expand, ExpandingContainer: ExpandingContainer, collapse: collapse } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: duration_ ?? 250,
         delay: delay_ ?? 0
     });
@@ -120,7 +118,7 @@ function $a69e505a12a77874$export$6c6d7a51fa9aa15d(props) {
         }
     }));
     details_.addEventListener("toggle", (0, $57o7A$depictaiutilishared.catchify)(()=>{
-        const { open: open  } = details_;
+        const { open: open } = details_;
         if (open !== (0, $57o7A$solidjs.untrack)(()=>props.is_open_[0]())) // diffing here since the two items in is_open might be setters and getters that aren't part of one signal like in CheckboxHierarchicalFilter
         props.is_open_[1](open);
     }) // in case someone somehow toggles it without us intercepting it at least follow suit
@@ -130,7 +128,7 @@ function $a69e505a12a77874$export$6c6d7a51fa9aa15d(props) {
         toggle();
     }));
     summary_.addEventListener("keydown", (0, $57o7A$depictaiutilishared.catchify)((ev)=>{
-        const { key: key  } = ev;
+        const { key: key } = ev;
         if (key === "Enter" || key === " ") {
             ev.preventDefault();
             toggle();
@@ -170,14 +168,6 @@ function $0785f4c9947d9b5f$export$f091cbac892643a4(obj) {
 
 
 
-
-
-
-
-
-
-
-
 function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
     return (0, $57o7A$solidjs.createMemo)(()=>{
         const price_formatting = props.price_formatting_;
@@ -191,13 +181,6 @@ function $d659702496cb72ea$export$a71e92cfbb498adc(props) {
 
 
 
-
-
-
-
-
-
-
 const $0f313083912e447a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>`, 4);
 function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
     return (()=>{
@@ -217,7 +200,7 @@ function $0f313083912e447a$export$8be2714ec7f169ee(props = {}) {
 
 
 const $a0e53f99354809d9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
-function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
+function $a0e53f99354809d9$export$6649caad96ef8870({ children: children, slider_ref_: slider_ref_, faded_opacity_: faded_opacity_ = 0.7, mutation_plugins_: mutation_plugins_ = [] }) {
     const slider = new (0, $57o7A$depictaiutilishared.Amazing_Slider)({
         button_contents: {
             left: [
@@ -258,19 +241,10 @@ function $a0e53f99354809d9$export$6649caad96ef8870({ children: children , slider
 
 
 
-
-
-
-
-
-
-
-
-
 const $ee498ec5e7dc2bba$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2);
 const $ee498ec5e7dc2bba$var$closing_functions = /*@__PURE__*/ new Set();
 const $ee498ec5e7dc2bba$export$22970a0140fc759c = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjs.createSignal)(false);
-function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({ children: children , on_close_: on_close_ , close_after_: close_after_ , ...more_attributes }) {
+function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({ children: children, on_close_: on_close_, close_after_: close_after_, ...more_attributes }) {
     let close_toast_;
     const stay_open_promise = new Promise((r)=>close_toast_ = r);
     (0, $57o7A$depictaiutilishared.catchify)(async ()=>{
@@ -322,7 +296,7 @@ function $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({ children: children , on_clo
         // let other toasts close us if they open while we're still here
         $ee498ec5e7dc2bba$var$closing_functions.add(close_toast_);
         set_is_showing_toast(true);
-        const handler = (0, $57o7A$depictaiutilishared.catchify)(({ key: key  })=>{
+        const handler = (0, $57o7A$depictaiutilishared.catchify)(({ key: key })=>{
             if (key === "Escape") // make pressing escape close the toast
             close_toast_();
         });
@@ -382,7 +356,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
         // if we get called to close the toast before it has shown, never show it
         show_configured_toast = ()=>{};
     };
-    const { user_triggered_: user_triggered_ , i18n_: i18n_ , also_clear_sorting_: also_clear_sorting_ , local_filter_cache_: [get_local_filter_cache, set_local_filter_cache] , selected_filters_: [get_selected_filters, set_selected_filters] , expanded_hierarchical_filters_: [get_expanded_hierarchical_filters, set_expanded_hierarchical_filters] , delay_toast_: delay_toast_  } = props;
+    const { user_triggered_: user_triggered_, i18n_: i18n_, also_clear_sorting_: also_clear_sorting_, local_filter_cache_: [get_local_filter_cache, set_local_filter_cache], selected_filters_: [get_selected_filters, set_selected_filters], expanded_hierarchical_filters_: [get_expanded_hierarchical_filters, set_expanded_hierarchical_filters], delay_toast_: delay_toast_ } = props;
     const previous_selected_filters = (0, $57o7A$solidjs.untrack)(get_selected_filters);
     if (!previous_selected_filters.length) {
         // no filters selected, still clear sorting if applicable but don't display a toast for that since it's very minor
@@ -414,7 +388,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
         }));
     });
     let show_configured_toast = ()=>{
-        ({ close_toast_: close_toast_  } = (0, $ee498ec5e7dc2bba$export$5196e4c01fa56fcb)({
+        ({ close_toast_: close_toast_ } = (0, $ee498ec5e7dc2bba$export$5196e4c01fa56fcb)({
             class: "cleared_filters",
             close_after_: 30000,
             on_close_: on_toast_hidden,
@@ -454,10 +428,6 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
 
 
 
-
-
-
-
 const $c77c68e559a1506c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path></svg>`, 4);
 function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
     return (()=>{
@@ -475,10 +445,10 @@ function $c77c68e559a1506c$export$3b621d86b1566b2(props = {}) {
 
 
 const $235a2771a44e28e9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-all-filters minor"></button>`, 2), $235a2771a44e28e9$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $235a2771a44e28e9$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $235a2771a44e28e9$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
-function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , get_search_filters_open_: get_search_filters_open_ , get_search_sorting_open_: get_search_sorting_open_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
-    const { price_formatting_: price_formatting_  } = i18n_;
+function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_, i18n_: i18n_, selected_filters_: selected_filters_, local_filter_cache_: [read_local_filter_cache], get_search_filters_open_: get_search_filters_open_, get_search_sorting_open_: get_search_sorting_open_, local_filter_cache_: local_filter_cache_, expanded_hierarchical_filters_: expanded_hierarchical_filters_ }) {
+    const { price_formatting_: price_formatting_ } = i18n_;
     const [read_selected_filters, write_selected_filters] = selected_filters_;
-    const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
+    const { collapse: collapse, expand: expand, ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: 200
     });
     const owner = (0, $57o7A$solidjs.getOwner)();
@@ -518,7 +488,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                         const matching_filter = (0, $57o7A$solidjs.createMemo)(()=>read_local_filter_cache().find((hay)=>hay.field === filter().field && hay.op === filter().op));
                                         const meta = (0, $57o7A$solidjs.createMemo)(()=>matching_filter()?.meta);
                                         const iterable_selected_filter_data = (0, $57o7A$solidjs.createMemo)(()=>{
-                                            const { data: data  } = filter();
+                                            const { data: data } = filter();
                                             if (Array.isArray(data)) return data;
                                             else return [
                                                 data
@@ -527,7 +497,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                         const data_structure_if_hierarchical = (0, $57o7A$solidjs.createMemo)(()=>{
                                             const m = meta();
                                             if (m?.type !== "checkbox-hierarchical") return;
-                                            const { values: values  } = m;
+                                            const { values: values } = m;
                                             const data_structure = {};
                                             for(let i = 0; i < values.length; i++){
                                                 const value = values[i];
@@ -650,7 +620,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                                                     if (siblings) return [
                                                                         parent,
                                                                         ...Object.values(siblings)
-                                                                    ].every(({ value_: value_  })=>iterable_selected_filter_data()?.some((v)=>Array.isArray(v) && v.length === value_.length && value_.every((val, index)=>v[index] === val)));
+                                                                    ].every(({ value_: value_ })=>iterable_selected_filter_data()?.some((v)=>Array.isArray(v) && v.length === value_.length && value_.every((val, index)=>v[index] === val)));
                                                                     return false;
                                                                 });
                                                                 return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
@@ -683,7 +653,7 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
                                                                                         const recursive_kids = Object.values(in_structure.children_);
                                                                                         while(recursive_kids.length){
                                                                                             const kid = recursive_kids.pop();
-                                                                                            const { value_: value_  } = kid;
+                                                                                            const { value_: value_ } = kid;
                                                                                             const index_to_remove = cloned_data.findIndex((item)=>Array.isArray(item) && item.length === value_.length && value_.every((val, index)=>item[index] === val));
                                                                                             if (index_to_remove >= 0) cloned_data.splice(index_to_remove, 1);
                                                                                             recursive_kids.push(...Object.values(kid.children_));
@@ -750,28 +720,6 @@ function $235a2771a44e28e9$export$fecbb157621501bd({ number_of_rendered_selected
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 const $b3cf6ca8dc0e9998$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="count"></span>`, 2), $b3cf6ca8dc0e9998$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="checkbox"><span class="custom-indicator"></span><span class="text"></span></div><!#><!/></label>`, 11);
 const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
     // It seems like there's no diffing without memos here (since we often just have computations in the getters above that update to the same result often because their dependencies change with unrelated changes often), so put memos here to avoid unneeded DOM changes
@@ -827,19 +775,6 @@ const $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d = (props)=>{
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 const $cc43b6428000c4bf$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path></svg>`, 4);
 function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
     return (()=>{
@@ -856,7 +791,7 @@ function $cc43b6428000c4bf$export$f21ab0717a89c77f(props) {
 
 
 const $0fe1e7efdf4200d6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
-function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
+function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras], i18n_: i18n_ }) {
     return (()=>{
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0fe1e7efdf4200d6$var$_tmpl$), _el$3 = _el$.firstChild, [_el$4, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$3.nextSibling), _el$2 = _el$4.nextSibling;
         (0, $57o7A$solidjsweb.addEventListener)(_el$, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>set_show_extras((p)=>!p)), true);
@@ -878,10 +813,10 @@ function $0fe1e7efdf4200d6$export$ca21a16d65b3dd8({ show_extras_: [get_show_extr
 const $d94869c80e337a3d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<form class="checkboxes"><!#><!/><!#><!/></form>`, 6);
 const $d94869c80e337a3d$var$max_visible_without_collapsing = 7;
 const $d94869c80e337a3d$var$show_non_collapsible_when_collapsed = 4;
-function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [, set_view_more_button_below_group_]  }) {
+function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_, selected_filters_: [get_selected_filters, set_selected_filters], i18n_: i18n_, view_more_button_below_group_: [, set_view_more_button_below_group_] }) {
     const existing_filter = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { field: field , op: op  } = filter_();
-        return get_selected_filters().find(({ field: checking_field , op: checking_op  })=>checking_field === field && checking_op === op);
+        const { field: field, op: op } = filter_();
+        return get_selected_filters().find(({ field: checking_field, op: checking_op })=>checking_field === field && checking_op === op);
     });
     let form;
     const checkboxes = (0, $57o7A$solidjs.createMemo)(()=>{
@@ -912,7 +847,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_ , selected
     const show_extras_signal = (0, $57o7A$solidjs.createSignal)(false);
     const [get_show_extras] = show_extras_signal;
     const togglable_rest = (0, $57o7A$solidjs.createMemo)(()=>checkboxes().length > $d94869c80e337a3d$var$max_visible_without_collapsing);
-    const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
+    const { expand: expand, collapse: collapse, ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: 200
     });
     const expanding_container_els = (0, $57o7A$solidjsweb.createComponent)(ExpandingContainer, {
@@ -950,7 +885,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_ , selected
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($d94869c80e337a3d$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
         (0, $57o7A$solidjsweb.addEventListener)(_el$, "change", (0, $57o7A$depictaiutilishared.catchify)(()=>{
             const set_filter = existing_filter();
-            const { field: field , op: op  } = filter_();
+            const { field: field, op: op } = filter_();
             const base_object = set_filter ? set_filter : {
                 op: op,
                 field: field
@@ -985,19 +920,12 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({ filter_: filter_ , selected
 
 
 
-
-
-
-
-
-
-
 const $c1dc1554c1b94233$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<form class="radios"></form>`, 2), $c1dc1554c1b94233$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="count"></span>`, 2), $c1dc1554c1b94233$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<label class="input-row"><div class="left"><input type="radio"><span class="custom-indicator"></span><!#><!/></div><!#><!/></label>`, 11);
-function $c1dc1554c1b94233$export$430444115f70a734({ selected_filters_: selected_filters_ , filter_: filter_  }) {
+function $c1dc1554c1b94233$export$430444115f70a734({ selected_filters_: selected_filters_, filter_: filter_ }) {
     const radio_name = (0, $57o7A$depictaiutilishared.make_random_classname)();
     const existing_filter = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { op: op , field: field  } = filter_();
-        return selected_filters_[0]().find(({ field: checking_field , op: checking_op  })=>checking_field === field && checking_op === op);
+        const { op: op, field: field } = filter_();
+        return selected_filters_[0]().find(({ field: checking_field, op: checking_op })=>checking_field === field && checking_op === op);
     });
     return (()=>{
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($c1dc1554c1b94233$var$_tmpl$);
@@ -1063,21 +991,10 @@ function $c1dc1554c1b94233$export$430444115f70a734({ selected_filters_: selected
 
 
 
-
-
-
-
-
-
-
-
-
-
-
 const $0b7222ba8a8bb72f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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>`, 32), $0b7222ba8a8bb72f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="slider"><div class="progress"></div></div>`, 4), $0b7222ba8a8bb72f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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_  }) {
+function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({ filter_: filter_, selected_filters_: selected_filters_, i18n_: i18n_ }) {
     const current_range = (0, $57o7A$solidjs.createSignal)((0, $57o7A$solidjs.untrack)(()=>filter_().data));
-    const selected_filter = (0, $57o7A$solidjs.createMemo)(()=>selected_filters_[0]().find(({ field: checking_field , op: checking_op  })=>checking_field === filter_().field && checking_op === filter_().op));
+    const selected_filter = (0, $57o7A$solidjs.createMemo)(()=>selected_filters_[0]().find(({ field: checking_field, op: checking_op })=>checking_field === filter_().field && checking_op === filter_().op));
     let debounce_timeout;
     (0, $57o7A$solidjs.onCleanup)(()=>clearTimeout(debounce_timeout));
     (0, $57o7A$solidjs.createComputed)(()=>{
@@ -1128,7 +1045,7 @@ function $0b7222ba8a8bb72f$export$e0d834a0ad870cda({ filter_: filter_ , selected
         }
     });
 }
-function $0b7222ba8a8bb72f$var$RangeSelector({ max_: max_ , min_: min_ , current_range_: current_range_ , price_formatting_: price_formatting_ , i18n_: i18n_  }) {
+function $0b7222ba8a8bb72f$var$RangeSelector({ max_: max_, min_: min_, current_range_: current_range_, price_formatting_: price_formatting_, i18n_: i18n_ }) {
     let price_input_1;
     let price_input_2;
     const [get_current_range] = current_range_;
@@ -1138,13 +1055,13 @@ function $0b7222ba8a8bb72f$var$RangeSelector({ max_: max_ , min_: min_ , current
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0b7222ba8a8bb72f$var$_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$23 = _el$2.nextSibling, [_el$24, _co$7] = (0, $57o7A$solidjsweb.getNextMarker)(_el$23.nextSibling), _el$8 = _el$24.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, [_el$11, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$14.nextSibling), _el$16 = _el$9.nextSibling, _el$17 = _el$16.firstChild, [_el$18, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$21.nextSibling);
         const _ref$ = price_input_1;
         typeof _ref$ === "function" ? (0, $57o7A$solidjsweb.use)(_ref$, _el$4) : price_input_1 = _el$4;
-        (0, $57o7A$solidjsweb.addEventListener)(_el$4, "keydown", (0, $57o7A$depictaiutilishared.catchify)(({ key: key  })=>{
+        (0, $57o7A$solidjsweb.addEventListener)(_el$4, "keydown", (0, $57o7A$depictaiutilishared.catchify)(({ key: key })=>{
             if (key === "Enter") $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1);
         }), true);
         (0, $57o7A$solidjsweb.addEventListener)(_el$4, "blur", (0, $57o7A$depictaiutilishared.catchify)(()=>$0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_range_, 0, price_input_1)));
         const _ref$2 = price_input_2;
         typeof _ref$2 === "function" ? (0, $57o7A$solidjsweb.use)(_ref$2, _el$7) : price_input_2 = _el$7;
-        (0, $57o7A$solidjsweb.addEventListener)(_el$7, "keydown", (0, $57o7A$depictaiutilishared.catchify)(({ key: key  })=>{
+        (0, $57o7A$solidjsweb.addEventListener)(_el$7, "keydown", (0, $57o7A$depictaiutilishared.catchify)(({ key: key })=>{
             if (key === "Enter") $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_range_, 1, price_input_2);
         }), true);
         (0, $57o7A$solidjsweb.addEventListener)(_el$7, "blur", (0, $57o7A$depictaiutilishared.catchify)(()=>$0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_range_, 1, price_input_2)));
@@ -1197,7 +1114,7 @@ function $0b7222ba8a8bb72f$var$RangeSelector({ max_: max_ , min_: min_ , current
         return _el$;
     })();
 }
-function $0b7222ba8a8bb72f$var$ExponentialSlider({ current_range_: current_range_ , min_: min_ , i18n_: i18n_ , max_: max_  }) {
+function $0b7222ba8a8bb72f$var$ExponentialSlider({ current_range_: current_range_, min_: min_, i18n_: i18n_, max_: max_ }) {
     // inspired by https://observablehq.com/@mbostock/nonlinear-slider
     const transform_linear_to_nonlinear = ([smaller, larger])=>[
             Math.sqrt(smaller),
@@ -1235,7 +1152,7 @@ function $0b7222ba8a8bb72f$var$ExponentialSlider({ current_range_: current_range
         i18n_: i18n_
     });
 }
-function $0b7222ba8a8bb72f$var$LinearSlider({ max_: max_ , min_: min_ , current_range_: current_range_ , offset_value_calculator_: offset_value_calculator_ , i18n_: i18n_  }) {
+function $0b7222ba8a8bb72f$var$LinearSlider({ max_: max_, min_: min_, current_range_: current_range_, offset_value_calculator_: offset_value_calculator_, i18n_: i18n_ }) {
     let range_input_1;
     let range_input_2;
     let clickable_slider;
@@ -1355,19 +1272,8 @@ function $0b7222ba8a8bb72f$var$set_range_with_sanitation(min_, max_, current_ran
 
 
 
-
-
-
-
-
-
-
-
-
-
-
 const $7567511a7c3e4bd7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="morphing-sign" role="img"><span></span><span></span></div>`, 6);
-function $7567511a7c3e4bd7$export$e5c2828934226505({ expanded_: expanded_ , i18n_: i18n_  }) {
+function $7567511a7c3e4bd7$export$e5c2828934226505({ expanded_: expanded_, i18n_: i18n_ }) {
     let first_span;
     let second_span;
     const animation_options = {
@@ -1419,11 +1325,11 @@ function $7567511a7c3e4bd7$export$e5c2828934226505({ expanded_: expanded_ , i18n
 const $3bdc00a1353c1150$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<form class="checkboxes hierarchical"><!#><!/><!#><!/></form>`, 6), $3bdc00a1353c1150$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="checkbox-details"><!#><!/><!#><!/></div>`, 6), $3bdc00a1353c1150$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details></details>`, 2), $3bdc00a1353c1150$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="category-parent"><div class="summary"><span class="count"></span><!#><!/></div></summary>`, 8);
 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_  }) {
+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_ }) {
     let form;
     const existing_filter = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { field: field , op: op  } = filter_();
-        return selected_filters_[0]().find(({ field: checking_field , op: checking_op  })=>checking_field === field && checking_op === op);
+        const { field: field, op: op } = filter_();
+        return selected_filters_[0]().find(({ field: checking_field, op: checking_op })=>checking_field === field && checking_op === op);
     });
     const show_extras = (0, $57o7A$solidjs.createSignal)(false);
     const trigger_sync_ = $3bdc00a1353c1150$var$batching_filter_state_syncer({
@@ -1436,7 +1342,7 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({ filter_: filter_ , selected
     });
     const structured_categories = (0, $57o7A$solidjs.createMemo)(()=>{
         const execute_when_structure_finished = [];
-        const { values: values , names: names , counts: counts  } = filter_().meta;
+        const { values: values, names: names, counts: counts } = filter_().meta;
         const data_structure = {};
         for(let i = 0; i < values.length; i++){
             const value = values[i];
@@ -1458,7 +1364,7 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({ filter_: filter_ , selected
                         value_: value_as_string,
                         children_: {}
                     };
-                    const { signal_: signal_ , on_structure_complete_: on_structure_complete_  } = $3bdc00a1353c1150$var$create_updating_signal({
+                    const { signal_: signal_, on_structure_complete_: on_structure_complete_ } = $3bdc00a1353c1150$var$create_updating_signal({
                         self_: created_obj,
                         existing_filter_: (0, $57o7A$solidjs.untrack)(existing_filter),
                         trigger_sync_: trigger_sync_
@@ -1501,7 +1407,7 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({ filter_: filter_ , selected
         return data_structure;
     });
     const some_top_level_are_hidden = (0, $57o7A$solidjs.createMemo)(()=>Object.keys(structured_categories()).length > $3bdc00a1353c1150$var$max_visible_without_collapsing);
-    const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
+    const { expand: expand, collapse: collapse, ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: 200
     });
     const expanding_container_els = (0, $57o7A$solidjsweb.createComponent)(ExpandingContainer, {
@@ -1575,7 +1481,7 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_) {
                                 },
                                 input_ref_: (input)=>{
                                     input.addEventListener("change", (0, $57o7A$depictaiutilishared.catchify)(()=>(0, $57o7A$solidjs.untrack)(()=>{
-                                            const { checked: checked  } = input;
+                                            const { checked: checked } = input;
                                             if (checked) value()?.is_expanded_.set_user_expanded_(true);
                                             value()?.is_checked_[1](checked);
                                         })));
@@ -1622,7 +1528,7 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_) {
                                                 const v = value();
                                                 if (!v) // only to prevent cleanup errors
                                                 return (0, $57o7A$solidjs.createSignal)(false);
-                                                const { is_expanded_: { ui_should_show_expanded_: ui_should_show_expanded_ , set_user_expanded_: set_user_expanded_  }  } = v;
+                                                const { is_expanded_: { ui_should_show_expanded_: ui_should_show_expanded_, set_user_expanded_: set_user_expanded_ } } = v;
                                                 return [
                                                     ui_should_show_expanded_,
                                                     set_user_expanded_
@@ -1644,13 +1550,13 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_) {
     });
 }
 function $3bdc00a1353c1150$var$batching_filter_state_syncer(props) {
-    const { filter_: filter_ , selected_filters_: selected_filters_ , existing_filter_: existing_filter_  } = props;
+    const { filter_: filter_, selected_filters_: selected_filters_, existing_filter_: existing_filter_ } = props;
     let sync_queued = false;
     const sync_fn = (0, $57o7A$depictaiutilishared.catchify)(async ()=>{
         sync_queued = false;
         // if we change, update filter state - next microtask, so that "reactions" to the change can process before we send it off to the API
         const set_filter = existing_filter_();
-        const { field: field , op: op  } = filter_();
+        const { field: field, op: op } = filter_();
         const base_object = set_filter ? set_filter : {
             op: op,
             field: field
@@ -1683,7 +1589,7 @@ function $3bdc00a1353c1150$var$batching_filter_state_syncer(props) {
     };
     return trigger_sync;
 }
-function $3bdc00a1353c1150$var$create_updating_signal({ self_: self_ , existing_filter_: existing_filter_ , trigger_sync_: trigger_sync_  }) {
+function $3bdc00a1353c1150$var$create_updating_signal({ self_: self_, existing_filter_: existing_filter_, trigger_sync_: trigger_sync_ }) {
     const signal_ = [];
     const on_structure_complete_ = ()=>{
         // wait for the children to have populated and us to have received the correct value_ and name_ values
@@ -1692,7 +1598,7 @@ function $3bdc00a1353c1150$var$create_updating_signal({ self_: self_ , existing_
         signal_.push(...(0, $57o7A$solidjs.createSignal)(index_of_us_in_selected_filter >= 0 ? true : false));
         const [read_checked, write_checked] = signal_;
         const child_objects = Object.values(self_.children_);
-        const get_child_object_values = child_objects.map(({ is_checked_: [read_is_checked]  })=>read_is_checked);
+        const get_child_object_values = child_objects.map(({ is_checked_: [read_is_checked] })=>read_is_checked);
         (0, $57o7A$solidjs.createComputed)((0, $57o7A$solidjs.on)(read_checked, trigger_sync_, {
             defer: true
         }));
@@ -1727,8 +1633,8 @@ function $3bdc00a1353c1150$var$create_updating_signal({ self_: self_ , existing_
         on_structure_complete_: on_structure_complete_
     };
 }
-function $3bdc00a1353c1150$var$make_expanded_signal({ expanded_hierarchical_filters_: [read_expanded_hierarchical_filters, write_expanded_hierarchical_filters] , filter_value_: filter_value_  }) {
-    const index_in_expanded_filters = (0, $57o7A$solidjs.createMemo)(()=>read_expanded_hierarchical_filters().findIndex(({ value_: value_  })=>value_.length === filter_value_.length && value_.every((item, index)=>filter_value_[index] === item)), undefined, {
+function $3bdc00a1353c1150$var$make_expanded_signal({ expanded_hierarchical_filters_: [read_expanded_hierarchical_filters, write_expanded_hierarchical_filters], filter_value_: filter_value_ }) {
+    const index_in_expanded_filters = (0, $57o7A$solidjs.createMemo)(()=>read_expanded_hierarchical_filters().findIndex(({ value_: value_ })=>value_.length === filter_value_.length && value_.every((item, index)=>filter_value_[index] === item)), undefined, {
         equals: false
     } // we always want this to update so that we can make updates of the object on this index depend on this memo
     );
@@ -1793,18 +1699,11 @@ function $3bdc00a1353c1150$var$expand_until_choice(data_structure) {
 
 
 
-
-
-
-
-
-
-
 const $0ef1681699140f1a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="checkbox-grid"></div>`, 2), $0ef1681699140f1a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="major-minor-transition"></button>`, 2);
-const $0ef1681699140f1a$export$414f6a19d38e655c = ({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters]  })=>{
+const $0ef1681699140f1a$export$414f6a19d38e655c = ({ filter_: filter_, selected_filters_: [get_selected_filters, set_selected_filters] })=>{
     const existing_filter = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { field: field , op: op  } = filter_();
-        return get_selected_filters().find(({ field: checking_field , op: checking_op  })=>checking_field === field && checking_op === op);
+        const { field: field, op: op } = filter_();
+        return get_selected_filters().find(({ field: checking_field, op: checking_op })=>checking_field === field && checking_op === op);
     });
     const buttons = (0, $57o7A$solidjs.createMemo)(()=>{
         const meta = filter_().meta;
@@ -1826,7 +1725,7 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({ filter_: filter_ , selected
                     const _el$2 = (0, $57o7A$solidjsweb.getNextElement)($0ef1681699140f1a$var$_tmpl$2);
                     (0, $57o7A$solidjsweb.addEventListener)(_el$2, "click", (0, $57o7A$depictaiutilishared.catchify)(()=>{
                         const set_filter = existing_filter();
-                        const { field: field , op: op  } = filter_();
+                        const { field: field, op: op } = filter_();
                         const base_object = set_filter ? set_filter : {
                             op: op,
                             field: field
@@ -1884,16 +1783,9 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({ filter_: filter_ , selected
 
 
 
-
-
-
-
-
-
-
 function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
     const signal = (0, $57o7A$solidjs.createSignal)(false);
-    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)(media_query, ({ matches: matches  })=>signal[1](matches)).remove);
+    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)(media_query, ({ matches: matches })=>signal[1](matches)).remove);
     return signal[0];
 }
 
@@ -1901,27 +1793,29 @@ function $b54e6192d0caa293$export$d9f36cf74e24d595(media_query) {
 const $b51a2b8b9355e66c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<form class="checkbox-color"><!#><!/><!#><!/></form>`, 6);
 const $b51a2b8b9355e66c$var$max_visible_without_collapsing = 14;
 const $b51a2b8b9355e66c$var$show_non_collapsible_when_collapsed = 8;
-function $b51a2b8b9355e66c$export$82ed4b28ecb67608({ filter_: filter_ , selected_filters_: [get_selected_filters, set_selected_filters] , i18n_: i18n_ , view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_]  }) {
+function $b51a2b8b9355e66c$export$82ed4b28ecb67608({ filter_: filter_, selected_filters_: [get_selected_filters, set_selected_filters], i18n_: i18n_, view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_] }) {
     const supports_hover = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("not all and (hover: none)");
     // same as in CheckboxFilter, maybe we should make this DRY at some point
     const existing_filter = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { field: field , op: op  } = filter_();
-        return get_selected_filters().find(({ field: checking_field , op: checking_op  })=>checking_field === field && checking_op === op);
+        const { field: field, op: op } = filter_();
+        return get_selected_filters().find(({ field: checking_field, op: checking_op })=>checking_field === field && checking_op === op);
     });
     let form;
     const checkboxes = (0, $57o7A$solidjs.createMemo)(()=>{
         const meta = filter_().meta;
-        return meta.values.map((value_, index)=>// @ts-ignore - backend doesn't support colors yet
-            ({
+        return meta.values.map((value_, index)=>{
+            return {
                 value_: value_,
                 name_: meta.names?.[index],
-                count_: meta.counts?.[index],
-                color_: meta.colors?.[index]
-            }));
+                count_: meta.counts?.[index]
+            };
+        });
     });
     const render_checkbox = (checkbox)=>{
-        // Checkbox always calls the getters in props, so we don't wrap these values into memos
-        const [get_is_hovered, set_is_hovered] = (0, $57o7A$solidjs.createSignal)(false);
+        const color_name = (0, $57o7A$solidjs.createMemo)(()=>checkbox().value_.split(";")?.[0] || "");
+        const hex_color = (0, $57o7A$solidjs.createMemo)(()=>checkbox().value_.split(";")?.[1] || "");
+        const rgb_color = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$depictaiutilishared.hex_to_rgb)(hex_color()));
+        const black_contrast_better = (0, $57o7A$solidjs.createMemo)(()=>rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : true);
         const input_row = (0, $57o7A$solidjsweb.createComponent)((0, $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d), {
             get value_ () {
                 return checkbox().value_;
@@ -1936,51 +1830,22 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({ filter_: filter_ , selected
                 return existing_filter()?.data?.includes(checkbox().value_);
             },
             custom_indicator_ref: (span)=>{
-                const { classList: classList , style: style  } = span;
-                // create some memos for diffing
-                const hue = (0, $57o7A$solidjs.createMemo)(()=>checkbox().color_[0]);
-                const saturation = (0, $57o7A$solidjs.createMemo)(()=>checkbox().color_[1]);
-                const lightness = (0, $57o7A$solidjs.createMemo)(()=>checkbox().color_[2]);
-                const special_type = (0, $57o7A$solidjs.createMemo)(()=>checkbox().color_[3]);
+                const { classList: classList, style: style } = span;
                 classList.add("color");
                 (0, $57o7A$solidjs.createComputed)(()=>{
-                    const is_hovered = get_is_hovered() && supports_hover();
-                    classList.toggle("outline", lightness() > 90);
-                    if (special_type() === "multi") {
-                        // to generate darkened gradient, this was used:
-                        //     $change: -5%;
-                        //     background: linear-gradient(
-                        //         180deg,
-                        //         color.adjust(#ff0000, $lightness: $change) 0%,
-                        //         color.adjust(#ff6e00, $lightness: $change) 17.71%,
-                        //         color.adjust(#ffff00, $lightness: $change) 33.33%,
-                        //         color.adjust(#1eb41e, $lightness: $change) 50.52%,
-                        //         color.adjust(#00d2ff, $lightness: $change) 67.71%,
-                        //         color.adjust(#3737c8, $lightness: $change) 83.85%,
-                        //         color.adjust(#d200ff, $lightness: $change) 100%
-                        // );
-                        classList.toggle("check-multi", true);
-                        style.backgroundImage = is_hovered ? `linear-gradient(#e60000 0%, #e66300 17.71%, #e6e600 33.33%, #1a9e1a 50.52%, #00bde6 67.71%, #3232b4 83.85%, #bd00e6 100%)` : `linear-gradient(180deg, #FF0000 0%, #FF6E00 17.71%, #FFFF00 33.33%, #1EB41E 50.52%, #00D2FF 67.71%, #3737C8 83.85%, #D200FF 100%)`;
-                    } else {
-                        const is_light = lightness() > 50;
-                        // lighten or darken (+/- 10) depending on it's over or under 50 lightness
-                        // lighten under 25 lightness by 20
-                        const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
-                        classList.toggle("check-dark", $b51a2b8b9355e66c$var$black_contrast_better(hue(), saturation(), lightness())); // Decide between black/white checkmark based on which one has better contrast according to WCAG contrast guidelines
-                        style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
-                    }
+                    style.background = hex_color();
+                    span.dataset.colorName = color_name();
+                    classList.toggle("black-check", black_contrast_better());
                 });
             }
         });
-        input_row.addEventListener("mouseover", (0, $57o7A$depictaiutilishared.catchify)(()=>set_is_hovered(true)));
-        input_row.addEventListener("mouseout", (0, $57o7A$depictaiutilishared.catchify)(()=>set_is_hovered(false)));
         return input_row;
     };
     const show_extras_signal = (0, $57o7A$solidjs.createSignal)(false);
     const [get_show_extras] = show_extras_signal;
     const togglable_rest = (0, $57o7A$solidjs.createMemo)(()=>checkboxes().length > $b51a2b8b9355e66c$var$max_visible_without_collapsing);
     const expand_animation_duration = 200;
-    const { expand: expand , collapse: collapse , ExpandingContainer: ExpandingContainer  } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
+    const { expand: expand, collapse: collapse, ExpandingContainer: ExpandingContainer } = (0, $4b455f60dadde8b8$export$5bad61ecde080b1f)({
         duration: expand_animation_duration
     });
     const [get_having_expanding_in_dom, set_having_expanding_in_dom] = (0, $57o7A$solidjs.createSignal)((0, $57o7A$solidjs.untrack)(togglable_rest)); // We need to remove the expanding els from the DOM if they're empty, otherwise the flexbox makes a weird gap to the right of the last item sometimes
@@ -2028,7 +1893,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({ filter_: filter_ , selected
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($b51a2b8b9355e66c$var$_tmpl$), _el$2 = _el$.firstChild, [_el$3, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$2.nextSibling), _el$4 = _el$3.nextSibling, [_el$5, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
         (0, $57o7A$solidjsweb.addEventListener)(_el$, "change", (0, $57o7A$depictaiutilishared.catchify)(()=>{
             const set_filter = existing_filter();
-            const { field: field , op: op  } = filter_();
+            const { field: field, op: op } = filter_();
             const base_object = set_filter ? set_filter : {
                 op: op,
                 field: field
@@ -2063,9 +1928,9 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({ filter_: filter_ , selected
         return _el$;
     })();
 }
-function $b51a2b8b9355e66c$var$black_contrast_better(hue, saturation, lightness) {
-    const as_rgb = (0, $57o7A$depictaiutilishared.hsl_to_rgb)(hue, saturation, lightness);
-    const luminance_color = (0, $57o7A$depictaiutilishared.relative_luminance_from_rgb)(...as_rgb);
+// Daniel's magic https://gitlab.com/depict-ai/depict.ai/-/merge_requests/7648#note_1468373350
+function $b51a2b8b9355e66c$var$does_black_contrast_better(rgb) {
+    const luminance_color = (0, $57o7A$depictaiutilishared.relative_luminance_from_rgb)(...rgb);
     const luminance_white = 1;
     const luminance_black = 0;
     const contrast_ratio_if_white = (luminance_white + 0.05) / (luminance_color + 0.05);
@@ -2090,14 +1955,6 @@ var $a636ca15e3d3570d$export$2e2bcd8739ae039 = {
 
 
 
-
-
-
-
-
-
-
-
 const $0f4656eaf6c22d1d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="14"><path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path></svg>`, 4);
 function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
     return (()=>{
@@ -2110,17 +1967,17 @@ function $0f4656eaf6c22d1d$export$f2ca6fc699ca1fb4(props = {}) {
 
 
 const $b064919833b3e80b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
-function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_  }  }) {
+function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_, i18n_: { price_formatting_: price_formatting_ } }) {
     const [show_tick_icon, set_show_tick_icon] = (0, $57o7A$solidjs.createSignal)(false);
     const text = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$solidjs.batch)(()=>{
             set_show_tick_icon(false);
-            let { size: size  } = selected_filters_in_group_();
+            let { size: size } = selected_filters_in_group_();
             try_specific: {
                 if (size > 1) break try_specific;
                 for (const [selected_filter, filter_data] of selected_filters_in_group_()){
                     // we're intentionally not looping in this statement since we always just want to show the first thing in the filter group
-                    const { meta: meta  } = filter_data;
-                    const { type: type  } = meta;
+                    const { meta: meta } = filter_data;
+                    const { type: type } = meta;
                     if (type === "range") return [
                         (0, $57o7A$solidjsweb.memo)(()=>price_formatting_().pre_),
                         (0, $57o7A$solidjsweb.createComponent)((0, $d659702496cb72ea$export$a71e92cfbb498adc), {
@@ -2145,7 +2002,7 @@ function $b064919833b3e80b$export$53c59af873b303c9({ selected_filters_in_group_:
                         (0, $57o7A$solidjsweb.memo)(()=>price_formatting_().post_)
                     ];
                     else {
-                        const { data: data  } = selected_filter;
+                        const { data: data } = selected_filter;
                         const data_is_array = Array.isArray(data);
                         if (data_is_array && data.length !== 1) {
                             size = data.length;
@@ -2229,10 +2086,6 @@ function $8c939a05b87fbbbc$export$ab34afce88557c0e(props) {
 
 
 
-
-
-
-
 // Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
 class $7dd1edb2ee2b43ad$export$e1d52e4f0c7557a1 extends Error {
 }
@@ -2249,7 +2102,7 @@ const $edafe91daf3091d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solid
 function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
     return (0, $57o7A$solidjs.ErrorBoundary)({
         fallback (err, retry) {
-            const { message_: message_ , severity_: severity_  } = props;
+            const { message_: message_, severity_: severity_ } = props;
             let message = message_;
             if (err instanceof (0, $7dd1edb2ee2b43ad$export$aa14a9f43128f61f)) {
                 console.error(err.cause);
@@ -2279,11 +2132,6 @@ function $edafe91daf3091d7$export$b69d0d92862de18b(props) {
 
 
 
-
-
-
-
-
 const $9fe9883b1d8ecccc$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span></span>`, 2);
 function $9fe9883b1d8ecccc$export$acb3eaade4b23afd(props) {
     return (()=>{
@@ -2305,7 +2153,7 @@ function $9fe9883b1d8ecccc$export$acb3eaade4b23afd(props) {
 
 function $061ff5b4c3d36171$export$89c6019e4baa40b1(props) {
     const style = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { style: style , height: height , width: width  } = props;
+        const { style: style, height: height, width: width } = props;
         return {
             ...style || {},
             height: height ?? "1em",
@@ -2477,7 +2325,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
                                                             ...props.selected_filters_[0]()
                                                         ];
                                                         for (const filter of filter_array_()){
-                                                            const index = new_filter_obj.findIndex(({ op: op , field: field  })=>op === filter.op && field === filter.field);
+                                                            const index = new_filter_obj.findIndex(({ op: op, field: field })=>op === filter.op && field === filter.field);
                                                             if (index >= 0) new_filter_obj.splice(index, 1);
                                                         }
                                                         props.selected_filters_[1](new_filter_obj);
@@ -2563,7 +2411,7 @@ function $aff9a96d30ed3563$var$ActualFilterBody(props) {
 
 
 
-function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: available_filters_ , local_filter_cache_: [read_local_cache, write_local_cache] , selected_filters_: [read_selected_filters]  }) {
+function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: available_filters_, local_filter_cache_: [read_local_cache, write_local_cache], selected_filters_: [read_selected_filters] }) {
     let last_remote_state;
     (0, $57o7A$solidjs.createComputed)(()=>{
         const remote_filters = Object.fromEntries(available_filters_()?.map((filter)=>[
@@ -2650,14 +2498,14 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
                         }).map((key)=>data_objs_in_local[key]),
                         ...Object.values(data_objs_in_remote)
                     ];
-                    const new_values = new_data.map(({ value_: value_  })=>value_);
+                    const new_values = new_data.map(({ value_: value_ })=>value_);
                     const result = {
                         ...remote_filter,
                         meta: {
                             ...remote_filter.meta,
                             values: new_values,
-                            names: new_data.map(({ name_: name_  })=>name_),
-                            counts: new_data.map(({ count_: count_  })=>count_)
+                            names: new_data.map(({ name_: name_ })=>name_),
+                            counts: new_data.map(({ count_: count_ })=>count_)
                         }
                     };
                     new_local_filter_state.push(result);
@@ -2715,16 +2563,6 @@ function $70482f04605572e2$export$b288c38ae3fddb56({ available_filters_: availab
 
 
 
-
-
-
-
-
-
-
-
-
-
 function $5f7d55c710fd1bc2$export$2f0cbfbb4354bb52(elements) {
     // FYI this probably doesn't work on hugely deep nestings or large amount of elements
     return (0, $57o7A$solidjs.createMemo)(()=>$5f7d55c710fd1bc2$var$unwrapping_helper(elements));
@@ -2744,17 +2582,24 @@ function $5f7d55c710fd1bc2$var$unwrapping_helper(elements) {
 
 const $f48d0fbb00835aaa$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $f48d0fbb00835aaa$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<style type="text/css"></style>`, 2);
 function $f48d0fbb00835aaa$export$d21e32dfedac04be(props) {
+    const container_element_ = (()=>{
+        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
+        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
+        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
+        (0, $57o7A$solidjsweb.runHydrationEvents)();
+        return _el$;
+    })(); // Don't want this in the error boundary below, it should only be for the actual layouting
     return (0, $57o7A$solidjsweb.createComponent)((0, $edafe91daf3091d7$export$b69d0d92862de18b), {
         get message_ () {
             return "Failed calculating " + props.layout + " layout";
         },
         severity_: "error",
         get children () {
-            return $f48d0fbb00835aaa$var$ActualSolidLayout(props);
+            return $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element_);
         }
     });
 }
-function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
+function $f48d0fbb00835aaa$var$ActualSolidLayout(props, container_element) {
     // Copy of Layout from utilishared but using solid-js signals instead of async iterable IPNS
     const show_all_rows = (0, $57o7A$solidjs.createMemo)(()=>props.rows === "all");
     const rows_or_empty_object = (0, $57o7A$solidjs.createMemo)(()=>show_all_rows() ? {} : props.rows);
@@ -2766,13 +2611,6 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
     const [get_styling, set_styling] = (0, $57o7A$solidjs.createSignal)();
     const container_class = (0, $57o7A$depictaiutilishared.make_random_classname)();
     const selector_beginning = `.depict .${container_class}>`; // class so ppl can have id if needed
-    const container_element = (()=>{
-        const _el$ = (0, $57o7A$solidjsweb.getNextElement)($f48d0fbb00835aaa$var$_tmpl$);
-        (0, $57o7A$solidjsweb.spread)(_el$, (0, $57o7A$solidjsweb.mergeProps)(()=>props.element_attributes), false, true);
-        (0, $57o7A$solidjsweb.insert)(_el$, ()=>props.children);
-        (0, $57o7A$solidjsweb.runHydrationEvents)();
-        return _el$;
-    })();
     const [get_children_count, set_children_count] = (0, $57o7A$solidjs.createSignal)(0);
     const update_children_count = ()=>set_children_count(container_element.children.length);
     const col_styling = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$depictaiutilishared.n_col_styling_with_dist)(selector_beginning, props.grid_spacing, props.cols_at_size, props.layout, props.override_vertical_spacing));
@@ -2812,7 +2650,7 @@ function $f48d0fbb00835aaa$var$ActualSolidLayout(props) {
         (0, $57o7A$solidjs.onCleanup)(()=>mutation_observer.disconnect());
         set_styling(// this is needed because solid will think that the memo-accessor is a setter function otherwise
         ()=>(0, $57o7A$solidjs.createMemo)(()=>{
-                const { rows_per_click: rows_per_click , max_rows: max_rows = -1  } = rows_or_empty_object();
+                const { rows_per_click: rows_per_click, max_rows: max_rows = -1 } = rows_or_empty_object();
                 const rows_visible = get_rows_visible();
                 const children_count = get_children_count();
                 return col_styling() + props.cols_at_size.map((options)=>{
@@ -2901,7 +2739,7 @@ async function $9abb0a35d4b60ed3$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
-async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
+async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant, market: market, headers: headers, ...fetch_recs_options }) {
     return await (0, $57o7A$depictaiutilishared.fetch_recs)({
         tenant: merchant,
         market: market
@@ -2913,11 +2751,6 @@ async function $bc91d938b8c601b4$export$58e808b1db15d3bc({ merchant: merchant ,
 
 
 
-
-
-
-
-
 function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, router_) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
@@ -2927,7 +2760,7 @@ function $6e22b5314fb52f4c$export$e183a13865960371(params_to_default_value, rout
     // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
     (0, $57o7A$solidjs.createRenderEffect)(()=>{
         let signal_changed = false;
-        let { state: state  } = globalThis?.history || {
+        let { state: state } = globalThis?.history || {
             state: {}
         }; // cloning isn't necessary because we're calling replaceState on it anyway
         if (state === null || typeof state != "object") state = {};
@@ -2958,7 +2791,7 @@ function $6e22b5314fb52f4c$var$history_state_change(signals, entries, state) {
 }
 
 
-function $26a56f6b44703084$export$9862539c89138352({ get_default_values_: get_default_values_ , router_: router_ , prefix_: prefix_  }) {
+function $26a56f6b44703084$export$9862539c89138352({ get_default_values_: get_default_values_, router_: router_, prefix_: prefix_ }) {
     const get_prefixed_default_values_ = ()=>{
         const default_values = get_default_values_();
         return Object.fromEntries(Object.entries(default_values).map(([key, value])=>[
@@ -2987,6 +2820,38 @@ function $26a56f6b44703084$export$9862539c89138352({ get_default_values_: get_de
 
 
 
+/**
+ * We use group_title for more beautiful urls if possible, this function modifies the search filters in an API response to have group_title as field, when possible.
+ * Backend supports accepting group_title as field, so we just pretend it was field in the whole app to avoid major refactoring.
+ * But also because it would be a lot more code since it's not guaranteed for group_title to exist. So at all places where we take `field` to send it to the API we'd have to check if group_title exists and use that instead and at all places where we try to pair filters sent from the API and filters set we'd have to both check if `op` and `field` match or if `op` and `group_title` match.
+ *
+ * This way it's just much simpler - group_title _is_ field for all intents and purposes if it exists, and we don't have to change anything/add lots of if-statements. The only reason we need the old field (actual_field) is for the compatibility with the old filters (see fix_old_filter_links).
+ */ function $67dc366d96177e70$export$967e966fca9515e(api_response) {
+    if ("filters" in api_response) {
+        const filters = api_response.filters;
+        if (!filters) return api_response;
+        const new_filters = [];
+        for(let i = 0; i < filters.length; i++){
+            const filter = filters[i];
+            const group_title = filter.meta?.group_title?.toLowerCase();
+            const new_filter = {
+                ...filter
+            };
+            if (group_title) {
+                new_filter.field = group_title;
+                new_filter.actual_field = filter.field;
+            }
+            new_filters.push(new_filter);
+        }
+        return {
+            ...api_response,
+            filters: new_filters
+        };
+    }
+    return api_response;
+}
+
+
 const $e1d6c0f3d89d531c$var$v2_base_url = (0, $57o7A$depictaiutilishared.base_url) + "/v2/";
 const $e1d6c0f3d89d531c$var$search_base_url = $e1d6c0f3d89d531c$var$v2_base_url + "search/";
 class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
@@ -3042,7 +2907,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         Object.defineProperties(category_suggestions.pop(), Object.getOwnPropertyDescriptors(page_urls.pop()));
         return response;
     }
-    async #run_url_creator_for_rest(merchant1, market1, input_data) {
+    async #run_url_creator_for_rest(merchant, market, input_data) {
         if (!this.page_url_creator) return input_data;
         const displays = input_data.displays;
         const breadcrumb = input_data.breadcrumb;
@@ -3050,8 +2915,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         if (displays) {
             const page_urls = await this.page_url_creator({
                 type: "products",
-                merchant: merchant1,
-                market: market1,
+                merchant: merchant,
+                market: market,
                 displays: [
                     ...input_data.displays
                 ]
@@ -3078,8 +2943,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
             if (!category_display_array) continue;
             const page_urls = await this.page_url_creator({
                 type: "categories",
-                merchant: merchant1,
-                market: market1,
+                merchant: merchant,
+                market: market,
                 data: [
                     ...category_display_array
                 ]
@@ -3090,8 +2955,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         }
         return input_data;
     }
-    async #cached_post_request(endpoint1, input_req, fallback_response) {
-        const cache_obj = this.#get_cache_obj_for_endpoint(endpoint1);
+    async #cached_post_request(endpoint, input_req, fallback_response) {
+        const cache_obj = this.#get_cache_obj_for_endpoint(endpoint);
         const with_ids = this.#add_ids_to_request(input_req);
         const metaData = await this.#get_metadata?.();
         const request = metaData ? Object.assign(with_ids, {
@@ -3105,7 +2970,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         let resolve_in_progress;
         cache_obj.in_progress_[body] = new Promise((r)=>resolve_in_progress = r);
         try {
-            const api_response = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint1), {
+            const api_response = await (0, $57o7A$depictaiutilishared.fetch_retry)((0, $57o7A$depictaiutilishared.add_version_query_params)(endpoint), {
                 method: "POST",
                 body: body
             });
@@ -3119,6 +2984,8 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
                     (0, $57o7A$depictaiutilishared.dwarn)("URL creator or json decoding failed", e);
                     break return_successfully;
                 }
+                // Here result actually becomes O
+                result = (0, $67dc366d96177e70$export$967e966fca9515e)(result);
                 cache_obj.cache_[body] = new WeakRef(result);
                 resolve_in_progress(result);
                 setTimeout((0, $57o7A$depictaiutilishared.catchify)(()=>{
@@ -3138,7 +3005,7 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
         }
     }
     constructor(options){
-        const { get_metadata: get_metadata , get_user_id: get_user_id , get_session_id: get_session_id , page_url_creator: page_url_creator  } = options ?? {};
+        const { get_metadata: get_metadata, get_user_id: get_user_id, get_session_id: get_session_id, page_url_creator: page_url_creator } = options ?? {};
         this.#get_metadata = get_metadata;
         this.#get_user_id = get_user_id;
         this.#get_session_id = get_session_id;
@@ -3203,21 +3070,14 @@ class $e1d6c0f3d89d531c$export$e015ed2f2950f2e3 {
 
 
 
-
-
-
-
-
-
-
 const $6b384adf40a5f4d7$var$get_available_range = (available_filters_, search_for_field)=>{
-    const maybe_meta = (0, $57o7A$solidjs.untrack)(available_filters_)?.find(({ op: op , field: field  })=>field === search_for_field && op === "inrange")?.meta;
+    const maybe_meta = (0, $57o7A$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 [
         maybe_meta.min,
         maybe_meta.max
     ];
 };
-function $6b384adf40a5f4d7$export$e702733a056c40d6({ available_filters_: available_filters_ , selected_filters_: selected_filters_  }) {
+function $6b384adf40a5f4d7$export$e702733a056c40d6({ available_filters_: available_filters_, selected_filters_: selected_filters_ }) {
     (0, $57o7A$solidjs.createComputed)(()=>{
         // we don't want to update (as selected_filters change) as navigating will change the selected range before the available range changes and we might ruin a perfectly valid filter range
         available_filters_();
@@ -3227,7 +3087,7 @@ function $6b384adf40a5f4d7$export$e702733a056c40d6({ available_filters_: availab
         });
     });
 }
-function $6b384adf40a5f4d7$var$correct_range_filter_range_once({ selected_filters_: [read_selected_filters_, write_selected_filters_] , available_filters_: available_filters_  }) {
+function $6b384adf40a5f4d7$var$correct_range_filter_range_once({ selected_filters_: [read_selected_filters_, write_selected_filters_], available_filters_: available_filters_ }) {
     const selected_filters = (0, $57o7A$solidjs.untrack)(read_selected_filters_);
     if (!selected_filters) return;
     for(let i = 0; i < selected_filters.length; i++){
@@ -3270,7 +3130,7 @@ function $6b384adf40a5f4d7$var$correct_range_filter_range_once({ selected_filter
 
 
 
-function $0f400c3f7248d5f1$export$92f2da32c6e7e7ee({ search_results_: search_results_ , i18n_: i18n_  }) {
+function $0f400c3f7248d5f1$export$92f2da32c6e7e7ee({ search_results_: search_results_, i18n_: i18n_ }) {
     return (0, $57o7A$solidjs.createMemo)(()=>{
         const n_hits = search_results_()?.n_hits;
         if (isNaN(n_hits)) return "";
@@ -3287,17 +3147,12 @@ function $0f400c3f7248d5f1$export$92f2da32c6e7e7ee({ search_results_: search_res
 
 
 
-
-
-
-
-
 function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
     const catchified_handler = (0, $57o7A$depictaiutilishared.catchify)(handler);
     const owner = (0, $57o7A$solidjs.getOwner)();
     // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
     // Use observer in case that this gets called before body exists
-    const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists("body", ({ element: element  })=>{
+    const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists("body", ({ element: element })=>{
         element.addEventListener("scroll", catchified_handler, {
             passive: passive
         });
@@ -3317,9 +3172,8 @@ function $76b6ac05693f5c71$export$205efb947c7ffd78(handler, passive = true) {
 }
 
 
-
 const $401aee5f33dca9e2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
-function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_  }  }) {
+function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_, first_result_in_viewport_: [get_first_result_in_viewport], last_result_in_viewport_: [get_last_result_in_viewport], number_of_results_: number_of_results_, i18n_: { price_formatting_: price_formatting_, of_: of_ } }) {
     if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
     const [first_to_show, set_first_to_show] = (0, $57o7A$solidjs.createSignal)(0);
     const [last_to_show, set_last_to_show] = (0, $57o7A$solidjs.createSignal)(0);
@@ -3444,22 +3298,9 @@ function $401aee5f33dca9e2$export$83fd5de5504a7a67({ formatted_number_of_results
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 const $0d0b172488865048$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="hint" href="javascript:void(0)"></a>`, 2), $0d0b172488865048$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="no-results"><div class="text"></div><!#><!/></div>`, 6);
-function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+function $0d0b172488865048$export$ef6006467f04ee41({ i18n_: i18n_, expanded_hierarchical_filters_: expanded_hierarchical_filters_, selected_filters_: selected_filters_, local_filter_cache_: local_filter_cache_ }) {
     const root = (0, $57o7A$solidjs.getOwner)();
     return [
         (()=>{
@@ -3506,7 +3347,7 @@ function $fc23d7668ae0011d$export$a2cc176055f8f08() {
 
 let $0caf87eaa19079da$var$cached_placeholder_element;
 let $0caf87eaa19079da$var$rendering_cached_placeholder_element;
-function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_  }) {
+function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: product_card_template_, num_placeholders_: num_placeholders_ }) {
     const [get_elements, set_elements] = (0, $57o7A$solidjs.createSignal)([]);
     let existing_num = 0;
     if (0, $57o7A$solidjsweb.isServer) // want to render simple placeholders on server, effects don't run there
@@ -3537,7 +3378,7 @@ function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: pro
 }
 /**
  * Get one placeholder element. It will be cloned for each placeholder for ultimate performance even when solid-js isn't rendering the placeholders.
- */ function $0caf87eaa19079da$var$Placeholder({ product_card_template_: product_card_template_  }) {
+ */ function $0caf87eaa19079da$var$Placeholder({ product_card_template_: product_card_template_ }) {
     const get_cloned_placeholders = (element_to_clone = $0caf87eaa19079da$var$cached_placeholder_element)=>Array.isArray(element_to_clone) ? element_to_clone.map((el)=>el instanceof Node ? el.cloneNode(true) : el) : element_to_clone;
     if ($0caf87eaa19079da$var$cached_placeholder_element) return get_cloned_placeholders();
     let dispose_original_copy;
@@ -3590,7 +3431,7 @@ function $0caf87eaa19079da$export$f33414a4df0afd3f({ product_card_template_: pro
 
 
 
-function $3f08fe2992a2a8ca$export$5e4aed86c12acdd9({ percentage_in_view_: percentage_in_view_ , set_extra_displays_: set_extra_displays_ , all_products_loaded_: all_products_loaded_ , plp_results_: plp_results_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , depict_api_: depict_api_  }) {
+function $3f08fe2992a2a8ca$export$5e4aed86c12acdd9({ percentage_in_view_: percentage_in_view_, set_extra_displays_: set_extra_displays_, all_products_loaded_: all_products_loaded_, plp_results_: plp_results_, min_products_to_fetch_: min_products_to_fetch_, query_base_: query_base_, depict_api_: depict_api_ }) {
     let last_loaded = +new Date();
     let is_loading_more = false;
     let is_first_load = true;
@@ -3640,7 +3481,7 @@ function $3f08fe2992a2a8ca$export$5e4aed86c12acdd9({ percentage_in_view_: percen
 
 
 
-function $4117463e2939f5f4$export$63dd0350f8559dda({ displays_by_key_: displays_by_key_ , get_last_result_in_viewport_: get_last_result_in_viewport_ , index_to_target_map_: index_to_target_map_ , is_loading_: is_loading_ , get_extra_displays: get_extra_displays  }) {
+function $4117463e2939f5f4$export$63dd0350f8559dda({ displays_by_key_: displays_by_key_, get_last_result_in_viewport_: get_last_result_in_viewport_, index_to_target_map_: index_to_target_map_, is_loading_: is_loading_, get_extra_displays: get_extra_displays }) {
     const [get_has_rendered_toggle, set_has_rendered_toggle] = (0, $57o7A$solidjs.createSignal)(false);
     (0, $57o7A$solidjs.createEffect)(()=>{
         // We need this to run after the "render phase"
@@ -3701,7 +3542,7 @@ function $a73063cc642f3e5f$export$7f8bd308237ab5a5(get_displays_) {
     });
     return displays_by_key_;
 }
-function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_by_key_ , merchant_: merchant_ , market_: market_ , product_card_template_: product_card_template_ , do_per_elements_: do_per_elements_  }) {
+function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_by_key_, merchant_: merchant_, market_: market_, product_card_template_: product_card_template_, do_per_elements_: do_per_elements_ }) {
     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.For), {
         get each () {
             return [
@@ -3733,8 +3574,8 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_
                     elements.push(element);
                     // Add tracking ids
                     if (!(element instanceof HTMLElement)) continue; // Apparently only HTMLElements have dataset
-                    const { dataset: dataset  } = element;
-                    const { search_result_id: search_result_id , product_listing_result_id: product_listing_result_id , recommendation_id: recommendation_id  } = display;
+                    const { dataset: dataset } = element;
+                    const { search_result_id: search_result_id, product_listing_result_id: product_listing_result_id, recommendation_id: recommendation_id } = display;
                     if (search_result_id) dataset.searchResultId = search_result_id;
                     else if (product_listing_result_id) dataset.productListingResultId = product_listing_result_id;
                     else if (recommendation_id) dataset.recommendationId = recommendation_id;
@@ -3747,7 +3588,7 @@ function $a73063cc642f3e5f$export$43f0fb951fcb0c54({ displays_by_key_: displays_
 }
 
 
-function $ac167f6af6a48fc3$export$a1fd619a4743ca08({ plp_results_: plp_results_ , product_card_template_: product_card_template_ , first_result_in_viewport_: [, set_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport_, set_last_result_in_viewport] , merchant_: merchant_ , market_: market_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , depict_api_: depict_api_ , is_loading_: is_loading_  }) {
+function $ac167f6af6a48fc3$export$a1fd619a4743ca08({ plp_results_: plp_results_, product_card_template_: product_card_template_, first_result_in_viewport_: [, set_first_result_in_viewport], last_result_in_viewport_: [get_last_result_in_viewport_, set_last_result_in_viewport], merchant_: merchant_, market_: market_, all_products_loaded_: all_products_loaded_, min_products_to_fetch_: min_products_to_fetch_, query_base_: query_base_, depict_api_: depict_api_, is_loading_: is_loading_ }) {
     // The following sets up an intersection observer to determine which results are in the viewport, used for the ScrollStatus indicator and knowing when to load more
     const target_to_index_map = new Map();
     const index_to_target_map_ = new Map();
@@ -3755,7 +3596,7 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({ plp_results_: plp_results_
     const intersection_observer = new IntersectionObserver((0, $57o7A$depictaiutilishared.catchify)((records)=>{
         for(let i = 0; i < records.length; i++){
             const record = records[i];
-            const { target: target , intersectionRatio: intersectionRatio  } = record;
+            const { target: target, intersectionRatio: intersectionRatio } = record;
             const index_of_target = target_to_index_map.get(target);
             if (index_of_target == undefined) return; // It seems like it can happen that we get IntersectionObserverEntries after the onCleanup function for a recommendation card has run, in Firefox. Probably a bug in Firefox? If I understood the bug correctly, this is a workaround.
             const is_in_set = currently_intersecting.has(index_of_target);
@@ -3819,7 +3660,7 @@ function $ac167f6af6a48fc3$export$a1fd619a4743ca08({ plp_results_: plp_results_
 
 
 const $fe76fb463cc60b89$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="PLP-results"><!#><!/><!#><!/></div>`, 6);
-function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: [get_scroll_restoration_data] , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , product_card_template_: product_card_template_ , layout_options_: layout_options_ , id_currently_querying_for_: id_currently_querying_for_  }) {
+function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_, depict_api_: depict_api_, all_products_loaded_: all_products_loaded_, min_products_to_fetch_: min_products_to_fetch_, query_base_: query_base_, first_result_in_viewport_: first_result_in_viewport_, last_result_in_viewport_: last_result_in_viewport_, scroll_restoration_data_: [get_scroll_restoration_data], no_results_options_: no_results_options_, desktop_filter_elements_: desktop_filter_elements_, sort_or_filter_open_: sort_or_filter_open_, product_card_template_: product_card_template_, layout_options_: layout_options_, id_currently_querying_for_: id_currently_querying_for_ }) {
     // The plp_results_ resource will be delayed because we're using createBatchedMemo to not make triplicate API requests, but we need to show the placeholders before already to match Chrome and Firefox's "content has to be there, ready for scroll restoration, before all popstate tasks have been completed"-requirement
     const is_loading_ = (0, $57o7A$solidjs.createMemo)(()=>plp_results_.loading || query_base_.loading);
     const merchant_ = (0, $57o7A$solidjs.createMemo)(()=>query_base_().tenant);
@@ -3866,7 +3707,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
                                 product_card_template_: product_card_template_,
                                 num_placeholders_: (0, $57o7A$solidjs.createMemo)(()=>{
                                     // Can't use the data out of request_base for the id because request_base is too late, we need the correct amount of placeholders before the browser has restored the scroll state after processing all popstate events
-                                    return (0, $aec24316ed262dc0$export$6c9030e511152266) + (get_scroll_restoration_data().find(({ for_id: for_id  })=>for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
+                                    return (0, $aec24316ed262dc0$export$6c9030e511152266) + (get_scroll_restoration_data().find(({ for_id: for_id })=>for_id === id_currently_querying_for_())?.min_results_loaded ?? min_products_to_fetch_);
                                 })
                             }) : undefined);
                         const [get_suspense_is_blocked, set_suspense_is_blocked] = (0, $57o7A$solidjs.createSignal)(false);
@@ -3973,7 +3814,7 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
 /**
  * Changes cols_at_size depending on if filters are open or not so one card less is shown when the filters are open
  * This function is special to the actual PLPResults.
- */ function $fe76fb463cc60b89$var$make_modified_cols_at_size({ layout_options_: layout_options_ , sort_or_filter_open_: sort_or_filter_open_  }) {
+ */ function $fe76fb463cc60b89$var$make_modified_cols_at_size({ layout_options_: layout_options_, sort_or_filter_open_: sort_or_filter_open_ }) {
     return (0, $57o7A$solidjs.createMemo)(()=>{
         const layout_options = layout_options_();
         // Add grid styling that changes when filters get opened/closed
@@ -4007,29 +3848,9 @@ function $fe76fb463cc60b89$export$3925f87b1545cfc6({ plp_results_: plp_results_
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 const $be89be42ce9ea60f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting-attributes"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting-direction"></div>`, 2), $be89be42ce9ea60f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span><!#><!/></div></div>`, 9), $be89be42ce9ea60f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span><!#><!/></label></div>`, 9);
-function $be89be42ce9ea60f$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: [get_current_sorting, set_current_sorting] , meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_  }) {
+function $be89be42ce9ea60f$export$1f1775a58da589b5({ available_sortings_: available_sortings_, current_sorting_: [get_current_sorting, set_current_sorting], meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_ }) {
     const title_radio_name = (0, $57o7A$depictaiutilishared.make_random_classname)();
     const order_radio_name = (0, $57o7A$depictaiutilishared.make_random_classname)();
     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
@@ -4119,19 +3940,6 @@ function $be89be42ce9ea60f$export$1f1775a58da589b5({ available_sortings_: availa
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -4179,9 +3987,6 @@ function $ca1176b694a6ee2e$export$fe334901e8bebd57() {
 
 
 
-
-
-
 const $f958b5ac0e4a78da$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path></svg>`, 6);
 function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
     return (()=>{
@@ -4194,9 +3999,6 @@ function $f958b5ac0e4a78da$export$da32f7add8a22e86(props = {}) {
 
 
 
-
-
-
 const $046db47e0326c715$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path></svg>`, 4);
 function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
     return (()=>{
@@ -4209,7 +4011,6 @@ function $046db47e0326c715$export$d10e63059ddb9fd4(props = {}) {
 
 
 
-
 const $02215fefc955d01e$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>`, 4);
 function $02215fefc955d01e$export$28f6150e232898de() {
     return (0, $57o7A$solidjsweb.getNextElement)($02215fefc955d01e$var$_tmpl$);
@@ -4218,7 +4019,7 @@ function $02215fefc955d01e$export$28f6150e232898de() {
 
 const $1872ceb56ede7a52$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="clear minor"></button>`, 2), $1872ceb56ede7a52$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp" id="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>`, 20), $1872ceb56ede7a52$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="sorting"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12), $1872ceb56ede7a52$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="body"></div>`, 2), $1872ceb56ede7a52$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<details class="filters"></details>`, 2), $1872ceb56ede7a52$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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_  }) {
+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;
     let modal_body;
@@ -4284,7 +4085,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
             }, _el$3);
             (0, $57o7A$solidjsweb.addEventListener)(_el$3, "click", dismiss_modal_, true);
             (0, $57o7A$solidjsweb.insert)(_el$3, (0, $57o7A$solidjsweb.createComponent)((0, $c77c68e559a1506c$export$3b621d86b1566b2), {}));
-            _el$4.$$touchstart = ({ changedTouches: changedTouches , target: target  })=>{
+            _el$4.$$touchstart = ({ changedTouches: changedTouches, target: target })=>{
                 // touchstart should always only have one changed touch, track it here
                 if (touches >= 1) {
                     (0, $57o7A$depictaiutilishared.dlog)("Got new touch", changedTouches, "ignoring"); // only support 1 touch for now
@@ -4297,7 +4098,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 set_modal_style("transition", "unset");
                 set_background_style("transition", "unset");
                 set_button_style("transition", "unset");
-                const [{ identifier: our_fingers_identifier , pageY: start_page_y  }] = changedTouches;
+                const [{ identifier: our_fingers_identifier, pageY: start_page_y }] = changedTouches;
                 let gesture_starting_page_y = start_page_y;
                 const start_time = +new Date();
                 let total_distance_travelled = 0;
@@ -4310,7 +4111,7 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
                     return;
                     modal_scrolling_prevented[1](false);
                     const velocity = total_distance_travelled / (+new Date() - start_time); // px/ms
-                    const { offsetHeight: offsetHeight  } = modal;
+                    const { offsetHeight: offsetHeight } = modal;
                     if (e?.type === "touchend" && distance_from_start_of_gesture > offsetHeight / 3 || velocity > 1.5 && distance_from_start_of_gesture > offsetHeight / 10 // I think this is a good magic number
                     ) dismiss_modal_();
                     else if (e) {
@@ -4327,10 +4128,10 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
                     modal.removeEventListener("touchmove", move_handler);
                 });
                 const move_handler = (0, $57o7A$depictaiutilishared.catchify)((e)=>{
-                    const { changedTouches: changedTouches  } = e;
+                    const { changedTouches: changedTouches } = e;
                     let called_prevent_default = false;
                     for(let i = 0; i < changedTouches.length; i++){
-                        const { pageY: this_move_page_y , clientY: clientY , identifier: identifier_of_a_touch  } = changedTouches[i];
+                        const { pageY: this_move_page_y, clientY: clientY, identifier: identifier_of_a_touch } = changedTouches[i];
                         // unrelated to this functionality, we want to block that the site behind is being scrolled when swiping on this if the modal isn't scrollable
                         const scroll_top_max = modal_body.scrollTopMax || modal_body.scrollHeight - modal_body.clientHeight;
                         if (scroll_top_max === 0) {
@@ -4491,7 +4292,6 @@ function $1872ceb56ede7a52$export$9bf11afa910f536e({ args_for_sorting_: args_for
 
 
 
-
 const $f49857214f7675b1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>`, 4);
 function $f49857214f7675b1$export$cb808a3c41736d8e() {
     return (0, $57o7A$solidjsweb.getNextElement)($f49857214f7675b1$var$_tmpl$);
@@ -4501,9 +4301,8 @@ function $f49857214f7675b1$export$cb808a3c41736d8e() {
 
 
 
-
 const $f8f64d05c525825b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $f8f64d05c525825b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $f8f64d05c525825b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $f8f64d05c525825b$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="open-filters-button-container"><!#><!/><button type="button"><!#><!/><span></span></button></div>`, 10), $f8f64d05c525825b$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
-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_  }) {
+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_ }) {
     const Self = ()=>{
         // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
         (0, $70482f04605572e2$export$b288c38ae3fddb56)({
@@ -4597,7 +4396,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_s
             }
         });
         (0, $57o7A$depictaiutilishared.catchify)(async ()=>{
-            ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
+            ({ open_modal_: open_modal_, close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((0, $1872ceb56ede7a52$export$9bf11afa910f536e), {
                 args_for_sorting_: sorting_options,
                 args_for_filtering_: filter_options,
                 search_filters_open_: search_filters_open_,
@@ -4606,7 +4405,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_s
                 dismiss_modal_: dismiss_modal_,
                 i18n_: i18n_
             }));
-            const { remove: remove  } = (0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches));
+            const { remove: remove } = (0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches));
             cleanup_promise.then(remove);
         })();
         get_extra_filters_button_?.(make_open_filters_button());
@@ -4629,7 +4428,7 @@ function $f8f64d05c525825b$export$d7841e452f2e59a8({ current_sorting_: current_s
         }
     });
 }
-function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters]  }) {
+function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_, search_filters_open_: search_filters_open_, search_sorting_open_: search_sorting_open_, filter_button_width_: filter_button_width_, tabindex_: tabindex_, number_of_rendered_selected_filters_items_: [num_selected_filters] }) {
     const filters_closed = (0, $57o7A$solidjs.createMemo)(()=>!search_filters_open_[0]());
     // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
     return (()=>{
@@ -4686,7 +4485,7 @@ function $f8f64d05c525825b$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
         return _el$14;
     })();
 }
-function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_sorting_: get_current_sorting_ , search_filters_open_: search_filters_open_ , available_sortings_: available_sortings_ , search_sorting_open_: search_sorting_open_ , sort_button_width_: sort_button_width_ , tabindex_: tabindex_ , meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_  }) {
+function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_, get_current_sorting_: get_current_sorting_, search_filters_open_: search_filters_open_, available_sortings_: available_sortings_, search_sorting_open_: search_sorting_open_, sort_button_width_: sort_button_width_, tabindex_: tabindex_, meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_ }) {
     const sorting_closed = (0, $57o7A$solidjs.createMemo)(()=>!search_sorting_open_[0]());
     // We assume in embedded_num_products that this is a single HTMLElement so pls change there if you change it here
     return (()=>{
@@ -4750,16 +4549,6 @@ function $f8f64d05c525825b$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 const $084b6a0ee1d481de$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>`, 4);
 function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
@@ -4767,12 +4556,11 @@ function $084b6a0ee1d481de$export$2624c5890f1bbcf7() {
 }
 
 
-
 const $2fb324fbcc7b4a7b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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) {
     if (0, $57o7A$solidjsweb.isServer) return; // won't show in initial render and need scroll position
     const [is_small, set_is_small] = (0, $57o7A$solidjs.createSignal)(true);
-    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
+    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:651px)", ({ matches: matches })=>set_is_small(matches)).remove);
     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
         get when () {
             return is_small();
@@ -4782,7 +4570,7 @@ function $2fb324fbcc7b4a7b$export$b23abd26de154ede(props) {
         }
     });
 }
-function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [get_search_filters_open_, set_search_filters_open_] , search_sorting_open_: [get_search_sorting_open_, set_search_sorting_open_] , current_sorting_: current_sorting_ , sort_and_filter_element_: sort_and_filter_element_ , i18n_: i18n_  }) {
+function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [get_search_filters_open_, set_search_filters_open_], search_sorting_open_: [get_search_sorting_open_, set_search_sorting_open_], current_sorting_: current_sorting_, sort_and_filter_element_: sort_and_filter_element_, i18n_: i18n_ }) {
     let old_pos = scrollY;
     let diff_over_second_or_touch = 0; // for things not supporting touch events
     let timeout;
@@ -4900,14 +4688,9 @@ function $2fb324fbcc7b4a7b$var$ActualFloatingButtons({ search_filters_open_: [ge
 
 
 
-
-
-
-
-
-
-
-
+const $1ab22f2cd39b3061$var$fallback_operator = "in";
+const $1ab22f2cd39b3061$var$fallback_token = "";
+const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
 const $1ab22f2cd39b3061$var$operator_map = {
     "eq": "≡",
     "neq": "≠",
@@ -4923,6 +4706,10 @@ const $1ab22f2cd39b3061$var$range_delimiter = "-";
 const $1ab22f2cd39b3061$var$string_item_delimiter = "‚"; // This is not a comma but a comma-like character that browsers will render in the URL bar.
 const $1ab22f2cd39b3061$var$array_item_delimiter = "‣"; // FIXME: decide on a character. Could theoretically be a double string delimiter.
 const $1ab22f2cd39b3061$var$empty_item_replacement = "0️⃣";
+const $1ab22f2cd39b3061$var$op_to_token = (op)=>{
+    if (op === $1ab22f2cd39b3061$var$fallback_operator) return $1ab22f2cd39b3061$var$fallback_token;
+    return $1ab22f2cd39b3061$var$operator_map[op];
+};
 /**
  * Checks if a given array of filter data can be neatly serialized into an URL query parameter, or if it should fall back to JSON+base64.
  * The requirements are either an array of strings, containing no reserved characters, or an array of arrays of strings, containing no reserved characters.
@@ -4986,35 +4773,40 @@ function $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data) {
 }
 function $1ab22f2cd39b3061$export$58aa3f171519b6d7(filters, search_params, filter_query_param_prefix) {
     for (const filter of filters){
-        const { field: field , op: op , data: data  } = filter;
+        const { field: field, op: op, data: data } = filter;
         const encoded_data = $1ab22f2cd39b3061$var$encode_filter_data(op, data);
-        search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$operator_map[op], encoded_data);
+        search_params.set(filter_query_param_prefix + field + $1ab22f2cd39b3061$var$op_to_token(op), encoded_data);
     }
 }
 function $1ab22f2cd39b3061$export$f934fa24c3a86811(search_params, filter_query_param_prefix) {
     const found_filters = [];
     for (const key of search_params.keys()){
-        if (!key.startsWith(filter_query_param_prefix)) continue;
+        // Allow for backwards compatibility with the old filter query param prefix
+        let chosen_prefix = filter_query_param_prefix;
+        if (!key.startsWith(chosen_prefix)) {
+            chosen_prefix = $1ab22f2cd39b3061$var$legacy_filter_prefix;
+            if (!key.startsWith(chosen_prefix)) continue;
+        }
         const encoded_data = search_params.get(key);
         if (!encoded_data) continue;
-        for (const op of Object.keys($1ab22f2cd39b3061$var$operator_map)){
-            const token = $1ab22f2cd39b3061$var$operator_map[op];
-            if (!key.endsWith(token)) continue;
-            const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
-            if (!data) continue;
-            const field = key.slice(filter_query_param_prefix.length, -token.length);
-            found_filters.push({
-                field: field,
-                op: op,
-                data: data
-            });
-        }
+        const [op, token] = Object.entries($1ab22f2cd39b3061$var$operator_map).find(([, token])=>key.endsWith(token)) || [
+            $1ab22f2cd39b3061$var$fallback_operator,
+            $1ab22f2cd39b3061$var$fallback_token
+        ];
+        const data = $1ab22f2cd39b3061$var$decode_filter_data(op, encoded_data);
+        if (!data) continue;
+        const field = key.slice(chosen_prefix.length, token ? -token.length : undefined);
+        found_filters.push({
+            field: field,
+            op: op,
+            data: data
+        });
     }
     return found_filters;
 }
 function $1ab22f2cd39b3061$export$62acb285a7579555(sorting, search_params, sorting_query_param) {
     if (!sorting) return;
-    const { field: field , order: order  } = sorting;
+    const { field: field, order: order } = sorting;
     const ascending = order === "asc";
     search_params.set(sorting_query_param, field + (ascending ? $1ab22f2cd39b3061$var$ascending_token : $1ab22f2cd39b3061$var$descending_token));
 }
@@ -5037,14 +4829,14 @@ function $1ab22f2cd39b3061$export$916e6850778505f6(search_params, filter_query_p
     const keys = [
         ...search_params.keys()
     ];
-    for (const key of keys)if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param) search_params.delete(key);
+    for (const key of keys)if (key.startsWith(filter_query_param_prefix) || key === sorting_query_param || key.startsWith($1ab22f2cd39b3061$var$legacy_filter_prefix)) search_params.delete(key);
 }
 const $1ab22f2cd39b3061$export$cf5feb2102aec7f2 = "went_sideways_clear_filters";
-function $1ab22f2cd39b3061$export$43cd1e747fecd42e({ to_url_: to_url_ , set_clearing_flag_: set_clearing_flag_ , from_search_params_: from_search_params_ = new URLSearchParams(location.search) , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  }) {
+function $1ab22f2cd39b3061$export$43cd1e747fecd42e({ to_url_: to_url_, set_clearing_flag_: set_clearing_flag_, from_search_params_: from_search_params_ = new URLSearchParams(location.search), sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ }) {
     if (!to_url_) return to_url_;
     const was_url_object = to_url_ instanceof URL;
     const url_object = was_url_object ? to_url_ : new URL(to_url_, location.origin);
-    const { searchParams: searchParams  } = url_object;
+    const { searchParams: searchParams } = url_object;
     if (set_clearing_flag_) searchParams.set($1ab22f2cd39b3061$export$cf5feb2102aec7f2, "true");
     if (from_search_params_.has(sorting_query_param_)) searchParams.set(sorting_query_param_, from_search_params_.get(sorting_query_param_));
     for (const key of from_search_params_.keys())if (key.startsWith(filter_query_param_prefix_)) searchParams.set(key, from_search_params_.get(key));
@@ -5055,7 +4847,7 @@ function $1ab22f2cd39b3061$export$43cd1e747fecd42e({ to_url_: to_url_ , set_clea
 
 
 const $e53b2e7e632ac4cb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<nav class="crumbs"></nav>`, 2), $e53b2e7e632ac4cb$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="crumb"></a>`, 2), $e53b2e7e632ac4cb$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="separator"></span>`, 2);
-function $e53b2e7e632ac4cb$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , router_: router_ , i18n_: i18n_ , filter_query_param_prefix_: filter_query_param_prefix_ , sorting_query_param_: sorting_query_param_  }) {
+function $e53b2e7e632ac4cb$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data, router_: router_, i18n_: i18n_, filter_query_param_prefix_: filter_query_param_prefix_, sorting_query_param_: sorting_query_param_ }) {
     const placeholder_crumb_data = [
         ,
         ,
@@ -5132,16 +4924,8 @@ function $e53b2e7e632ac4cb$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 
-
-
-
-
-
-
-
-
 const $8cceb1d3a967f369$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<nav class="quicklinks"></nav>`, 2), $8cceb1d3a967f369$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div>QuickLinks failed</div>`, 2), $8cceb1d3a967f369$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="quicklink"></a>`, 2);
-function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  }) {
+function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_, router_: router_, current_query_id_: current_query_id_, breadcrumb_data_: breadcrumb_data_, i18n_: i18n_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ }) {
     let scrolling_logic_ran_for_query_id = false;
     let last_scroll_position;
     let scroll_to_element_on_dom_insertion;
@@ -5161,7 +4945,7 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
     const mutation_plugins = [
         function() {
             if (!scrolling_logic_ran_for_query_id) return;
-            const { scrollLeft: scrollLeft  } = this.insert_here;
+            const { scrollLeft: scrollLeft } = this.insert_here;
             if (scrollLeft > 0) {
                 last_scroll_position = scrollLeft;
                 const current_id = (0, $57o7A$solidjs.untrack)(current_query_id_);
@@ -5200,9 +4984,9 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                 faded_opacity_: 0.5,
                 mutation_plugins_: mutation_plugins,
                 slider_ref_: (slider)=>{
-                    const { insert_here: insert_here , intersecting_items_object: intersecting_items_object  } = slider;
+                    const { insert_here: insert_here, intersecting_items_object: intersecting_items_object } = slider;
                     sliding_element = insert_here;
-                    (0, $57o7A$depictaiutilishared.observer).onexists(insert_here, ({ element: element  })=>{
+                    (0, $57o7A$depictaiutilishared.observer).onexists(insert_here, ({ element: element })=>{
                         if (scroll_to_element_on_dom_insertion == undefined) {
                             if (!element.scrollLeft) {
                                 const target_position = last_scroll_position;
@@ -5273,7 +5057,7 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                             // Solution: instead of not adding the state to the url, add a flag to the link if it's a sibling and then display the toast on load if the flag is set
                             const is_sibling = (0, $57o7A$solidjs.createMemo)(()=>{
                                 const current_id = current_query_id_();
-                                return quicklinks_data_()?.some(({ query_id: query_id  })=>query_id === current_id);
+                                return quicklinks_data_()?.some(({ query_id: query_id })=>query_id === current_id);
                             });
                             const href = (0, $57o7A$solidjs.createMemo)(()=>// We don't want these links to delete the sort and filter state by default, only if `clear_filters_when_going_sideways` explicitly clears them
                                 (0, $1ab22f2cd39b3061$export$43cd1e747fecd42e)({
@@ -5330,7 +5114,7 @@ function $8cceb1d3a967f369$export$466cdc317043f6cb({ quicklinks_data_: quicklink
 
 const $276380e4607fb9fb$var$max_history_change_frequency = 300;
 const $276380e4607fb9fb$var$api_max_products_per_request = 100;
-function $276380e4607fb9fb$export$6e49da55e449af7c({ scroll_restoration_data_: [, set_scroll_restoration_data] , last_result_in_viewport_: [get_last_result_in_viewport_] , id_: id_ , can_write_scroll_restoration_: can_write_scroll_restoration_  }) {
+function $276380e4607fb9fb$export$6e49da55e449af7c({ scroll_restoration_data_: [, set_scroll_restoration_data], last_result_in_viewport_: [get_last_result_in_viewport_], id_: id_, can_write_scroll_restoration_: can_write_scroll_restoration_ }) {
     // store last actually seen (within viewport) product in history.state
     let last_time_history_changed = 0;
     let set_to_later;
@@ -5379,8 +5163,8 @@ function $276380e4607fb9fb$export$6e49da55e449af7c({ scroll_restoration_data_: [
     }));
     (0, $57o7A$solidjs.onCleanup)(()=>clearTimeout(timeout)); // could cause weird bugs otherwise
 }
-async function $276380e4607fb9fb$export$cc42dd29bf655ab6({ scroll_restoration_data_: [get_scroll_restoration_data] , make_request_: make_request_ , min_products_to_fetch_: min_products_to_fetch_ , id_: id_  }) {
-    const to_fetch_according_to_state = (0, $57o7A$solidjs.untrack)(get_scroll_restoration_data).find(({ for_id: for_id  })=>for_id === id_)?.min_results_loaded ?? 0;
+async function $276380e4607fb9fb$export$cc42dd29bf655ab6({ scroll_restoration_data_: [get_scroll_restoration_data], make_request_: make_request_, min_products_to_fetch_: min_products_to_fetch_, id_: id_ }) {
+    const to_fetch_according_to_state = (0, $57o7A$solidjs.untrack)(get_scroll_restoration_data).find(({ for_id: for_id })=>for_id === id_)?.min_results_loaded ?? 0;
     const total_products_to_fetch = to_fetch_according_to_state < min_products_to_fetch_ ? min_products_to_fetch_ : to_fetch_according_to_state + 20; // if we fetch according to state, fetch some more in case that the screen size increased, there's some in-accuracy or for the user to scroll. Sometimes the load more post processor will trigger to fetch more after this, but I think that's ok.
     if (total_products_to_fetch <= $276380e4607fb9fb$var$api_max_products_per_request) return await make_request_(total_products_to_fetch);
     const displays = [];
@@ -5450,7 +5234,7 @@ let $0b6e2070a98de347$export$44dad306455dddf;
 
 
 
-function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ , query_id_: query_id_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , plp_results_: plp_results_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
+function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_, query_id_: query_id_, i18n_: i18n_, selected_filters_: selected_filters_, local_filter_cache_: local_filter_cache_, expanded_hierarchical_filters_: expanded_hierarchical_filters_, plp_results_: plp_results_, sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ }) {
     // If we just got opened in a new tab, clear filters instantly and remove the flag
     $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
         plp_results_: plp_results_,
@@ -5477,7 +5261,7 @@ function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
             const went_downwards = previous_length < new_length;
             const shorter_array = went_upwards ? new_crumb_data : previous_crumb_data;
             const longer_array = went_upwards ? previous_crumb_data : new_crumb_data;
-            if (!((went_upwards || went_downwards) && shorter_array.every(({ query_id: query_id  }, index)=>longer_array[index].query_id === query_id))) {
+            if (!((went_upwards || went_downwards) && shorter_array.every(({ query_id: query_id }, index)=>longer_array[index].query_id === query_id))) {
                 // We went sideways, not up or down. Clear filters.
                 (0, $47e2cc552c02110c$export$8895d39404bd2bb1)({
                     user_triggered_: false,
@@ -5496,7 +5280,7 @@ function $ef972f5c10b1c5b4$export$3945d6db2dfd3d12({ crumb_data_: crumb_data_ ,
         if (!allow_filter_clearing) allow_filter_clearing = true;
     })));
 }
-function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]  }) {
+function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_flag({ plp_results_: plp_results_, expanded_hierarchical_filters_: expanded_hierarchical_filters_, i18n_: i18n_, selected_filters_: selected_filters_, local_filter_cache_: local_filter_cache_, sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_] }) {
     const tracking_function_for_plp_results = (0, $57o7A$solidjs.createReaction)(()=>{
         // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
         if (!(0, $57o7A$solidjs.untrack)(get_sideways_filter_clearing_flag_)) return;
@@ -5522,20 +5306,16 @@ function $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_
 
 
 
-
-
-
-
 const $839b3341523d31a2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="statement" style="white-space:pre-wrap">No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.</div>`, 2), $839b3341523d31a2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="buttons"><button class="ok major"></button></div>`, 4);
 function $839b3341523d31a2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
     if (!(0, $57o7A$depictaiutilishared.is_debug)) return; // Just to make sure we don't show this in production
     const owner = (0, $57o7A$solidjs.getOwner)();
-    const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists(el, ({ element: element  })=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(()=>{
+    const disconnect = (0, $57o7A$depictaiutilishared.observer).onexists(el, ({ element: element })=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(()=>{
                 if (!document.documentElement.contains(element)) return;
                 if (!query_id_()) {
                     const warning = "No category ID specified, this is probably unintentional. Make sure to create (and insert) the CategoryPage *after* you have specified a category ID in your Depict Provider.";
                     (0, $57o7A$depictaiutilishared.dwarn)(warning);
-                    const { close_toast_: close_toast_  } = (0, $ee498ec5e7dc2bba$export$5196e4c01fa56fcb)({
+                    const { close_toast_: close_toast_ } = (0, $ee498ec5e7dc2bba$export$5196e4c01fa56fcb)({
                         class: "warning",
                         close_after_: 120000,
                         style: {
@@ -5562,12 +5342,38 @@ function $839b3341523d31a2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 
-
 const $6b502b1b2155a0bc$export$5c28802497c8a83c = /*@__PURE__*/ Symbol("category_title_type");
 
 
+
+function $6a8e766e914723d8$export$d31a1a1a83ad9413(plp_results_, [get_selected_filters, set_selected_filters]) {
+    (0, $57o7A$solidjs.createComputed)(()=>{
+        const available_filters = plp_results_()?.filters;
+        if (!available_filters) return;
+        const selected_filters = get_selected_filters();
+        if (!selected_filters) return;
+        const new_filters = [];
+        let modified_filters = false;
+        for(let i = 0; i < selected_filters.length; i++){
+            const selected_filter = selected_filters[i];
+            const available_filter = available_filters.find((available_filter)=>available_filter.field === selected_filter.field && available_filter.op === selected_filter.op);
+            const available_filter_old_filter_link = available_filters.find((available_filter)=>available_filter.actual_field === selected_filter.field && available_filter.op === selected_filter.op);
+            if (!available_filter && available_filter_old_filter_link) {
+                new_filters.push({
+                    ...selected_filter,
+                    field: available_filter_old_filter_link.field
+                }); // <- Change the field to be the new field which actually is group_title
+                modified_filters = true;
+            } else new_filters.push(selected_filter);
+        }
+        if (modified_filters) // This will unfortunately trigger a refetch which isn't great UX but it's the best we can do for now
+        set_selected_filters(new_filters);
+    });
+}
+
+
 const $840d88a04b2d22a7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div></div>`, 2), $840d88a04b2d22a7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $840d88a04b2d22a7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , listing_type_: listing_type_ , 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_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  }) {
+function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_, query_id_: query_id_, listing_type_: listing_type_, 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_, expanded_hierarchical_filters_: expanded_hierarchical_filters_, local_filter_cache_: local_filter_cache_, tenant_: tenant_, market_: market_, router_: router_, show_quicklinks_: show_quicklinks_, category_title_: category_title_, show_breadcrumbs_: show_breadcrumbs_, layout_options_: layout_options_, scroll_restoration_data_: scroll_restoration_data_, product_card_template_: product_card_template_, sideways_filter_clearing_flag_: sideways_filter_clearing_flag_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ }) {
     let results_for;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -5664,6 +5470,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             }), _el$6, _co$2);
             return _el$;
         })();
+    (0, $6a8e766e914723d8$export$d31a1a1a83ad9413)(plp_results_, selected_filters_);
     // aiming to have as little unneeded functionality in the bundle as possible, therefore we have two kinds of components that can "plug in" here depending on if there should be a title in the category page along with the count in a row above the buttons on mobile or if it should merge between the buttons when possible
     if (category_title_type === "simple") {
         const CategoryTitleComponent = category_title_;
@@ -5676,7 +5483,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
             }
         });
     } else if (category_title_type == "interactive") {
-        ({ middle_elements_: middle_elements_ , only_show_filters_opener_: only_show_filters_opener_ , on_filters_constructed_: on_filters_constructed_  } = category_title_({
+        ({ middle_elements_: middle_elements_, only_show_filters_opener_: only_show_filters_opener_, on_filters_constructed_: on_filters_constructed_ } = category_title_({
             make_product_count_: make_product_count_,
             is_slim_: is_slim_,
             set_observed_results_filters_elements_: set_observed_results_filters_elements_,
@@ -6013,12 +5820,12 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
     const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(globalThis?.location?.href ?? "https://example.com");
     const history_change_handler = (0, $57o7A$depictaiutilishared.catchify)(()=>set_current_href(location.href));
     const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)());
-    const { sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  } = options;
+    const { sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ } = options;
     let writer_started = false;
     (0, $57o7A$depictaiutilishared.instant_exec_on_suspect_history_change).add(history_change_handler);
     (0, $57o7A$solidjs.onCleanup)(()=>(0, $57o7A$depictaiutilishared.instant_exec_on_suspect_history_change).delete(history_change_handler));
     (0, $57o7A$solidjs.createComputed)(()=>{
-        const { searchParams: searchParams  } = new URL(get_current_href());
+        const { searchParams: searchParams } = new URL(get_current_href());
         (0, $57o7A$solidjs.batch)(()=>{
             const found_sorting = (0, $1ab22f2cd39b3061$export$766e9676e74997d3)(searchParams, sorting_query_param_);
             if (found_sorting) {
@@ -6028,7 +5835,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
             } else set_sorting();
             const found_filters = (0, $1ab22f2cd39b3061$export$f934fa24c3a86811)(searchParams, filter_query_param_prefix_);
             const selected_filters = (0, $57o7A$solidjs.untrack)(get_selected_filters_);
-            const found_filters_map = new Map(found_filters.map(({ field: field , op: op , data: data  })=>[
+            const found_filters_map = new Map(found_filters.map(({ field: field, op: op, data: data })=>[
                     JSON.stringify([
                         field,
                         op
@@ -6036,7 +5843,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
                     data
                 ]));
             // Sorry for this diffing algorithm lol. Looking forwards to Records and Tuples.
-            if (selected_filters.length !== found_filters.length || !selected_filters.every(({ field: field , op: op , data: data  })=>JSON.stringify(found_filters_map.get(JSON.stringify([
+            if (selected_filters.length !== found_filters.length || !selected_filters.every(({ field: field, op: op, data: data })=>JSON.stringify(found_filters_map.get(JSON.stringify([
                     field,
                     op
                 ]))) === JSON.stringify(data))) set_selected_filters(found_filters);
@@ -6072,7 +5879,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
 }
 /**
  * Writes the sorting and filters to the URL query parameters when they change.
- */ function $c79fd10a3ab7d6e0$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_ , get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  }) {
+ */ function $c79fd10a3ab7d6e0$var$start_href_writer({ get_sorting_: get_sorting_, get_selected_filters_: get_selected_filters_, router_: router_, get_has_sideways_filter_clearing_flag_: get_has_sideways_filter_clearing_flag_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ }) {
     (0, $57o7A$solidjs.createEffect)((0, $57o7A$solidjs.on)([
         get_sorting_,
         get_selected_filters_,
@@ -6080,7 +5887,7 @@ function $c79fd10a3ab7d6e0$export$477caf01aecaeb2a(options) {
     ], ([sorting, filters, has_sideways_filter_clearing_flag])=>{
         const current_href = location.href;
         const url_object = new URL(current_href);
-        const { searchParams: searchParams  } = url_object;
+        const { searchParams: searchParams } = url_object;
         (0, $1ab22f2cd39b3061$export$916e6850778505f6)(searchParams, filter_query_param_prefix_, sorting_query_param_);
         (0, $1ab22f2cd39b3061$export$62acb285a7579555)(sorting, searchParams, sorting_query_param_);
         (0, $1ab22f2cd39b3061$export$58aa3f171519b6d7)(filters, searchParams, filter_query_param_prefix_);
@@ -6117,7 +5924,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
    */ /**
    * We store query_id in history.state and do operate on this both here and in js-ui, this is the key to be used which js-ui provides
    */ #throwing_on_navigation(...args) {
-        const { on_navigation_: on_navigation_  } = this;
+        const { on_navigation_: on_navigation_ } = this;
         if (typeof on_navigation_ !== "function") throw new Error("on_navigation_ is not a function");
         // make sure that we don't accidentally catchify if the SDK consumer has fucked up
         try {
@@ -6161,7 +5968,7 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
      * @param force_spa_navigation_ if you want to force SPA navigation even if on_navigation_ is set to "hard_navigation". You should only set this to true for inter-SDK-page navigations
      * @param is_replace_ if you want to replace the current URL in history instead of pushing a new one
      * @param category_query_id_ If you are navigating to a category and know the query_id of, please provide it. This is for making a better devEx in js-ui
-     */ go_to_: (0, $57o7A$depictaiutilishared.catchify)(async ({ new_url_: raw_new_url , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_ , scroll: scroll = true  })=>{
+     */ go_to_: (0, $57o7A$depictaiutilishared.catchify)(async ({ new_url_: raw_new_url, event_: event_, force_spa_navigation_: force_spa_navigation_, is_replace_: is_replace_, category_query_id_: category_query_id_, scroll: scroll = true })=>{
             const new_url_ = raw_new_url instanceof URL ? raw_new_url : new URL(raw_new_url, location.origin);
             const wants_hard_navigation = this.on_navigation_ === "hard_navigation";
             if (this.#dont_attempt_navigation(event_)) return;
@@ -6199,11 +6006,10 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
 }
 
 
-
 const $48567ac5b39bac56$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp category"></div>`, 2);
 const $48567ac5b39bac56$var$min_products_to_fetch_ = 20;
 const $48567ac5b39bac56$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
-const $48567ac5b39bac56$var$InExternalAreaDiv = ({ children: children  })=>(()=>{
+const $48567ac5b39bac56$var$InExternalAreaDiv = ({ children: children })=>(()=>{
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($48567ac5b39bac56$var$_tmpl$);
         (0, $57o7A$solidjsweb.insert)(_el$, children);
         (0, $57o7A$solidjsweb.effect)(()=>(0, $57o7A$solidjsweb.setAttribute)(_el$, "id", (0, $0b6e2070a98de347$export$44dad306455dddf).PLP_CATEGORY));
@@ -6216,7 +6022,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     #market_signal = (0, $57o7A$solidjs.createSignal)();
     #query_id_signal = (0, $57o7A$solidjs.createSignal)("");
     #listing_type_signal = (0, $57o7A$solidjs.createSignal)();
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     get localization() {
         // allow reactive access
         return this.#locale_signal[0]();
@@ -6255,18 +6061,18 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
     set on_navigation(new_function) {
         this.#router.on_navigation_ = new_function;
     }
-    constructor({ api: api , on_navigation: on_navigation , page_url_creator: page_url_creator , unique_instance_key_for_state: unique_instance_key_for_state = "" , query_id_state_key: query_id_state_key , ...props_on_class }){
+    constructor({ api: api, on_navigation: on_navigation, page_url_creator: page_url_creator, unique_instance_key_for_state: unique_instance_key_for_state = "", query_id_state_key: query_id_state_key, ...props_on_class }){
         const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
-            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictCategory with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class); // set initial signal values
             (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
             this.#router = new (0, $e96dd13889871fc0$export$7e1297a3a19f10d8)("hard_navigation", query_id_state_key);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
             const sorting_query_param_ = "sorting" + unique_instance_key_for_state;
-            const filter_query_param_prefix_ = "filter" + unique_instance_key_for_state + "_";
-            const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
+            const filter_query_param_prefix_ = "f" + unique_instance_key_for_state + "_";
+            const { selected_filters_: selected_filters_, current_sorting_: current_sorting_, sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
                 router_: this.#router,
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
@@ -6301,16 +6107,17 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
                 sorting_query_param_: sorting_query_param_,
                 filter_query_param_prefix_: filter_query_param_prefix_
             });
-            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.push(unique_instance_key_for_state);
+            $48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $57o7A$solidjs.onCleanup)(()=>$48567ac5b39bac56$export$f34314aa9505732e.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
 }
 function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
-    const { depict_category: depict_category , product_card_template: product_card_template , category_title: category_title  } = props;
+    const { depict_category: depict_category, product_card_template: product_card_template, category_title: category_title } = props;
     const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
     return (0, $95837413165cc2df$export$23fca46f3143581f)(()=>{
         const grid_spacing_override = (0, $57o7A$solidjs.createMemo)(()=>{
-            const { grid_spacing: grid_spacing  } = props; // can be reactive
+            const { grid_spacing: grid_spacing } = props; // can be reactive
             return typeof grid_spacing === "string" ? {
                 grid_spacing: grid_spacing
             } : {
@@ -6318,7 +6125,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
                 grid_spacing: grid_spacing.horizontal
             };
         });
-        const { state_: { local_filter_cache: local_filter_cache_ , filters_open: category_filters_open_ , sorting_open: category_sorting_open_ , expanded_filters: expanded_filters_ , expanded_hierarchical_filters: expanded_hierarchical_filters_ , scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  } = shared_properties;
+        const { state_: { local_filter_cache: local_filter_cache_, filters_open: category_filters_open_, sorting_open: category_sorting_open_, expanded_filters: expanded_filters_, expanded_hierarchical_filters: expanded_hierarchical_filters_, scroll_restoration_data: scroll_restoration_data_ }, current_sorting_: current_sorting_, selected_filters_: selected_filters_, reset_history_state_: reset_history_state_, depict_api_: depict_api_, i18n_: i18n_, router_: router_, breadcrumb_signal_: breadcrumb_signal_, quicklinks_signal_: quicklinks_signal_, sideways_filter_clearing_flag_: sideways_filter_clearing_flag_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ } = shared_properties;
         (0, $57o7A$solidjs.onCleanup)(reset_history_state_);
         return (0, $840d88a04b2d22a7$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -6353,8 +6160,8 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
         });
     }, "Entire CategoryPage failed");
 }
-function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , breadcrumb_signal_: [crumb_data_] , router_: router_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
+function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_category }) {
+    const { i18n_: i18n_, breadcrumb_signal_: [crumb_data_], router_: router_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
     return (0, $57o7A$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
         get children () {
             return (0, $e53b2e7e632ac4cb$export$5646050d516e06bc)({
@@ -6367,8 +6174,8 @@ function $48567ac5b39bac56$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
         }
     });
 }
-function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ , sorting_query_param_: sorting_query_param_ , filter_query_param_prefix_: filter_query_param_prefix_  } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
+function $48567ac5b39bac56$export$de035477d6fef996({ depict_category: depict_category }) {
+    const { i18n_: i18n_, quicklinks_signal_: [quicklinks_data_], breadcrumb_signal_: [breadcrumb_data_], router_: router_, sorting_query_param_: sorting_query_param_, filter_query_param_prefix_: filter_query_param_prefix_ } = $48567ac5b39bac56$var$get_shared_properties(depict_category);
     return (0, $57o7A$solidjsweb.createComponent)($48567ac5b39bac56$var$InExternalAreaDiv, {
         get children () {
             return (0, $8cceb1d3a967f369$export$466cdc317043f6cb)({
@@ -6393,14 +6200,9 @@ function $48567ac5b39bac56$var$get_shared_properties(depict_category) {
 
 
 
-
-
-
-
-
 const $0b23bfd073d9a4e8$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-title"><h1 class="title"></h1><span class="explanation"> — <!#><!/></span></div>`, 8);
 const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
-    const actual_function = ({ category_title_: category_title_ , product_count_: product_count_  })=>{
+    const actual_function = ({ category_title_: category_title_, product_count_: product_count_ })=>{
         return (()=>{
             const _el$ = (0, $57o7A$solidjsweb.getNextElement)($0b23bfd073d9a4e8$var$_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, [_el$6, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$5.nextSibling);
             (0, $57o7A$solidjsweb.insert)(_el$2, ()=>category_title_() || (0, $57o7A$solidjsweb.createComponent)((0, $061ff5b4c3d36171$export$89c6019e4baa40b1), {
@@ -6421,12 +6223,9 @@ const $0b23bfd073d9a4e8$export$b91cec6bdc6b32a1 = /*@__PURE__*/ (()=>{
 
 
 
-
-
-
 const $85b747260aa175c9$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="sort-and-filter-buttons fake" aria-hidden="true" style="position:absolute;z-index:-1;pointer-events:none;opacity:0"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12);
 const $85b747260aa175c9$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
-    const actual_function = ({ make_product_count_: make_product_count_ , set_observed_results_filters_elements_: set_observed_results_filters_elements_ , is_slim_: is_slim_ , sort_and_filter_element_: sort_and_filter_element_ , extra_sort_and_filter_args_: extra_sort_and_filter_args_  })=>{
+    const actual_function = ({ make_product_count_: make_product_count_, set_observed_results_filters_elements_: set_observed_results_filters_elements_, is_slim_: is_slim_, sort_and_filter_element_: sort_and_filter_element_, extra_sort_and_filter_args_: extra_sort_and_filter_args_ })=>{
         // this does two things: make the sorting and filters button the same width and move the number of products out of the SortAndFilter middle_elements_ if it doesn't fit
         let extra_sort_button_;
         let extra_filter_button_;
@@ -6589,16 +6388,9 @@ async function $63b10c9f461e0ef6$var$download_categories(tenant, market, type) {
 
 
 
-
-
-
-
-
-
-
 function $3bc4a89b971a3af5$export$3f37af283f8fb843(props) {
     const style = (0, $57o7A$solidjs.createMemo)(()=>{
-        const { style: style , height: height , width: width , aspectRatio: aspectRatio  } = props;
+        const { style: style, height: height, width: width, aspectRatio: aspectRatio } = props;
         const is_image = aspectRatio != undefined;
         const size_data = is_image ? {
             width: "100%",
@@ -6644,17 +6436,8 @@ function $6f604560873e4f69$export$ee1733d9a8495996() {
 
 
 
-
-
-
-
-
-
-
-
-
 const $dae23104ba8bb78c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="parent-title"></span>`, 2), $dae23104ba8bb78c$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="category-suggestion"><span class="title"></span><!#><!/></a>`, 6);
-function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_ , router_: router_  }) {
+function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: category_suggestion_, router_: router_ }) {
     return (()=>{
         const _el$ = (0, $57o7A$solidjsweb.getNextElement)($dae23104ba8bb78c$var$_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$4.nextSibling);
         (0, $57o7A$solidjsweb.addEventListener)(_el$, "click", (0, $57o7A$depictaiutilishared.catchify)((e)=>{
@@ -6689,18 +6472,6 @@ function $dae23104ba8bb78c$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
 const $3df11fc61432d1fd$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>`, 4);
 function $3df11fc61432d1fd$export$1c641004b5485fed() {
     return (0, $57o7A$solidjsweb.getNextElement)($3df11fc61432d1fd$var$_tmpl$);
@@ -6709,10 +6480,6 @@ function $3df11fc61432d1fd$export$1c641004b5485fed() {
 
 
 
-
-
-
-
 const $87d7574e1d89d69b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg><path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path></svg>`, 4);
 function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
     return (()=>{
@@ -6729,7 +6496,7 @@ function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
 
 
 const $66b8b9a9613c141d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<button class="back" type="button"></button>`, 2), $66b8b9a9613c141d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-field"><!#><!/><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 11);
-function $66b8b9a9613c141d$export$b94867ecbd698f21({ 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_ , after_focusing_: after_focusing_  }) {
+function $66b8b9a9613c141d$export$b94867ecbd698f21({ 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_, after_focusing_: after_focusing_ }) {
     let input_element;
     // This is the div where we recommend (and ourselves do) attach the event listener to that opens the search modal.
     let field_div;
@@ -6758,10 +6525,10 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
             field_div = el;
             field_element_ref_?.(el);
         }, _el$3);
-        _el$4.$$pointerdown = ({ pointerType: pointerType  })=>{
+        _el$4.$$pointerdown = ({ pointerType: pointerType })=>{
             // When selecting text with a mouse we want a SearchField to be focussed even when releasing the mouse outside the .field element (we assume the event listener which opens the modal is attached to that).
             if (pointerType === "mouse") {
-                const handler = (0, $57o7A$depictaiutilishared.catchify)(({ pointerType: pointerType , target: target  })=>{
+                const handler = (0, $57o7A$depictaiutilishared.catchify)(({ pointerType: pointerType, target: target })=>{
                     if (pointerType !== "mouse" || !(target instanceof Node) || target === field_div || field_div.contains(target)) return;
                     input_element.click();
                 });
@@ -6781,7 +6548,7 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
             });
         }));
         (0, $57o7A$solidjsweb.addEventListener)(_el$4, "input", (0, $57o7A$depictaiutilishared.catchify)(()=>{
-            const { value: value  } = input_element;
+            const { value: value } = input_element;
             if (!disabled_ && !value.length) clear_filters_(false); // if the user clears the whole field, reset filters on next submit
             search_field_value_[1](value);
         }), true);
@@ -6843,14 +6610,9 @@ function $66b8b9a9613c141d$export$b94867ecbd698f21({ search_field_value_: search
 
 
 
-
-
-
-
-
 const $fb29c6201c369e39$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-recs"><h3 class="search-recs-title"></h3><!#><!/><!#><!/></div>`, 8), $fb29c6201c369e39$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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_ , search_query_base_: search_query_base_ , product_card_template_: product_card_template_ , showing_recommendation_rows_: showing_recommendation_rows_ , view_more_button_: view_more_button_ = true , layout_options_: layout_options_  }) {
+function $fb29c6201c369e39$export$7de92c4c2205ebf3({ depict_api_: depict_api_, i18n_: i18n_, search_query_base_: search_query_base_, product_card_template_: product_card_template_, showing_recommendation_rows_: showing_recommendation_rows_, view_more_button_: view_more_button_ = true, layout_options_: layout_options_ }) {
     const [get_showing_recommendation_rows] = showing_recommendation_rows_; // We reset this in after_submit in search.tsx FYI
     const rows_object = view_more_button_ ? $fb29c6201c369e39$var$make_state_saved_rows(showing_recommendation_rows_, i18n_) : "all";
     const [recommendations_resource] = (0, $57o7A$solidjs.createResource)(search_query_base_, (query)=>depict_api_.get_recommended(query).then((r)=>r.displays));
@@ -6944,7 +6706,7 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
     let ro;
     if (one_axies_only !== "top") {
         ro = new ResizeObserver((0, $57o7A$depictaiutilishared.catchify)((records)=>{
-            records.forEach(({ contentRect: { width: width  }  })=>{
+            records.forEach(({ contentRect: { width: width } })=>{
                 if (width_transformer) width = width_transformer(width);
                 modal_body_style[1]((old_value)=>({
                         ...old_value,
@@ -6974,7 +6736,7 @@ function $fd463ff0edb29915$export$b3ad617e9036868(modal_body_style, input_field,
 
 
 
-function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , get_search_query_: get_search_query_ , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
+function $b34ce0b89e6db4e1$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_, get_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] = selected_filters_;
     // Possible values:
     // 0 - we should not clear next submit
@@ -7039,7 +6801,7 @@ function $2b7a005a65221045$export$84bba84a7b837187(read_search_query) {
 
 
 
-async function $f328bd45f8ede33c$export$e16630ecb9644a1c({ on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ , search_param_name_: search_param_name_ , set_search_field_value_: set_search_field_value_ , get_search_query_: get_search_query_ , url_transformer_: url_transformer_ , router_: router_ , after_submit_: after_submit_ , get_new_query: get_new_query  }) {
+async function $f328bd45f8ede33c$export$e16630ecb9644a1c({ on_submit_with_unchanged_value_: on_submit_with_unchanged_value_, search_param_name_: search_param_name_, set_search_field_value_: set_search_field_value_, get_search_query_: get_search_query_, url_transformer_: url_transformer_, router_: router_, after_submit_: after_submit_, get_new_query: get_new_query }) {
     const new_search_query = get_new_query();
     const previous_query = (0, $57o7A$solidjs.untrack)(get_search_query_);
     if (previous_query === new_search_query && new URLSearchParams(location.search).has(search_param_name_)) {
@@ -7066,21 +6828,6 @@ async function $f328bd45f8ede33c$export$e16630ecb9644a1c({ on_submit_with_unchan
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -7100,18 +6847,8 @@ async function $f328bd45f8ede33c$export$e16630ecb9644a1c({ on_submit_with_unchan
 
 
 
-
-
-
-
-
-
-
-
-
-
 const $6ae613870d3380fc$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="orig price"><!#><!/><!#><!/><!#><!/></span>`, 8), $6ae613870d3380fc$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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>`, 26), $6ae613870d3380fc$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="tagline"></div>`, 2);
-const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n  }, router_)=>{
+const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n }, router_)=>{
     const search_result_id = (0, $57o7A$solidjs.createMemo)(()=>display_or_variant_container().search_result_id);
     const display = (0, $57o7A$solidjs.createMemo)(()=>{
         const display = display_or_variant_container();
@@ -7214,7 +6951,7 @@ const $6ae613870d3380fc$export$b05c0ae390cf3e06 = (display_or_variant_container,
 
 
 const $6ae556e536054e87$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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_ , router_: router_  }) {
+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_, router_: router_ }) {
     const max_cards = 4;
     const [read_current_instant_query, write_current_instant_query] = (0, $57o7A$solidjs.createSignal)("");
     let timeout;
@@ -7286,7 +7023,6 @@ function $6ae556e536054e87$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
 
 
 
-
 const $7b98f0cf558884f7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;top:-100%;"></div>`, 2), $7b98f0cf558884f7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div style="position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;"></div>`, 2);
 function $7b98f0cf558884f7$export$50b90be27d8502d9(el, [get_style_props, set_style_props], bottom_distance) {
     const overflow_style_beginning = "position:absolute;z-index:-1;pointer-events:none;width:100%;height:200%;";
@@ -7326,15 +7062,7 @@ function $7b98f0cf558884f7$export$50b90be27d8502d9(el, [get_style_props, set_sty
 
 
 
-
-
-
-
-
-
-
-
-function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_  }) {
+function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_, value_: value_, url_transformer_: url_transformer_ }) {
     const [get_current_href, set_current_href] = (0, $57o7A$solidjs.createSignal)(location.href);
     const [exit_iterable, exitable_iterable] = (0, $57o7A$depictaiutilishared.make_asyncIterable_exiter)((0, $57o7A$depictaiutilishared.href_change_ipns));
     (0, $57o7A$solidjs.onCleanup)(exit_iterable);
@@ -7353,7 +7081,6 @@ function $496cde876b53ce1e$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 
-
 const $9e30168c4b1661d2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>`, 4);
 function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
     return (0, $57o7A$solidjsweb.getNextElement)($9e30168c4b1661d2$var$_tmpl$);
@@ -7362,7 +7089,7 @@ function $9e30168c4b1661d2$export$5d2caaa6b530761c() {
 
 
 const $9a268bf73b31a717$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $9a268bf73b31a717$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
-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_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , i18n_: i18n_ , submit_query_: submit_query_  }) {
+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_, selected_index_: [read_selected_index_, write_selected_index_], url_transformer_: url_transformer_, i18n_: i18n_, submit_query_: submit_query_ }) {
     const has_entries = (0, $57o7A$solidjs.createMemo)(()=>previous_searches_().length >= 1);
     currently_showing_suggestions_[1]((value)=>{
         value[0] = (0, $57o7A$solidjs.createMemo)(()=>previous_searches_().map((result)=>({
@@ -7450,25 +7177,11 @@ function $9a268bf73b31a717$export$a146ac6fa8346a25({ text_: text_ , previous_sea
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
 const $d023ed916c84e75d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="highlighted-part"></span>`, 2), $d023ed916c84e75d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span></span>`, 2);
-function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo , searching_for_value_: searching_for_value_memo , class_: class_  }) {
+function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: whole_text_to_display_memo, searching_for_value_: searching_for_value_memo, class_: class_ }) {
     const [get_has_highlighted, set_has_highlighted] = (0, $57o7A$solidjs.createSignal)(false);
     const text_itself = (0, $57o7A$solidjs.createMemo)(()=>(0, $57o7A$solidjs.batch)(()=>{
             set_has_highlighted(false);
@@ -7530,10 +7243,10 @@ function $d023ed916c84e75d$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 
 
 const $6b65ba8af12c5a26$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $6b65ba8af12c5a26$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<span class="type"></span>`, 2), $6b65ba8af12c5a26$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div><!#><!/><span class="value"></span></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $6b65ba8af12c5a26$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6), $6b65ba8af12c5a26$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $6b65ba8af12c5a26$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
-function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_query_url_param_name_: search_query_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_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , router_: router_ , submit_query_: submit_query_  }) {
-    const queries_memo = (0, $57o7A$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
+function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_, search_query_url_param_name_: search_query_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_, i18n_: i18n_, include_category_suggestions_: include_category_suggestions_, searching_for_value_: searching_for_value_, router_: router_, submit_query_: submit_query_ }) {
+    const queries_memo = (0, $57o7A$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, $57o7A$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type  })=>type !== (0, $3ec9e21d6b6debdd$export$3cf9497e790da491)));
+    const not_queries_memo = (0, $57o7A$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type })=>type !== (0, $3ec9e21d6b6debdd$export$3cf9497e790da491)));
     const render_entry = (input_obj, autocomplete_data_index, index, is_history = false)=>{
         const is_query = (0, $57o7A$solidjs.createMemo)(()=>input_obj().type === (0, $3ec9e21d6b6debdd$export$3cf9497e790da491));
         const href_with_changed_params_accessor = (0, $57o7A$solidjs.createMemo)(()=>is_query() ? (0, $496cde876b53ce1e$export$91c3b6774e8be0f5)({
@@ -7736,10 +7449,8 @@ function $6b65ba8af12c5a26$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
 
 
 
-
-
 const $6a374b16bfe947d0$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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 }) {
+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, $57o7A$solidjs.createMemo)(()=>{
         const currently_showing_suggestions = read_currently_showing_suggestions();
         let total_length = 0;
@@ -7794,13 +7505,13 @@ 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_ , url_transformer_: url_transformer_ , search_query_param_name_: search_query_param_name_ , router_: router_  }) {
+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_, url_transformer_: url_transformer_, search_query_param_name_: search_query_param_name_, router_: router_ }) {
     let previous_value;
     (0, $57o7A$solidjs.createEffect)(()=>{
         const sfv = get_search_field_value();
         if (!(0, $57o7A$solidjs.untrack)(()=>read_updating_blocked())) previous_value = sfv;
     });
-    const handler = (0, $57o7A$depictaiutilishared.catchify)(({ keyCode: keyCode  })=>(0, $57o7A$solidjs.untrack)(()=>{
+    const handler = (0, $57o7A$depictaiutilishared.catchify)(({ keyCode: keyCode })=>(0, $57o7A$solidjs.untrack)(()=>{
             const up = keyCode === 38;
             const down = keyCode === 40;
             if (!up && !down) return;
@@ -7827,7 +7538,7 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({ element_
             };
             // update text field value if needed
             if (selected_entry?.type == "query") {
-                const { title: title  } = selected_entry;
+                const { title: title } = selected_entry;
                 block_updating_for_one_change();
                 set_search_field_value(title);
                 override_on_enter_for_this_entry((e)=>{
@@ -7839,7 +7550,7 @@ function $6a374b16bfe947d0$var$actual_navigation_working_on_fake_data({ element_
                     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;
+                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
                 router_.navigate_.go_to_({
                     new_url_: page_url,
@@ -7877,7 +7588,7 @@ function $6a374b16bfe947d0$var$open_link_on_cmd_pressed(e, href) {
 
 
 const $3ec9e21d6b6debdd$export$3cf9497e790da491 = "query";
-function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({ search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , search_query_url_param_name_: search_query_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_ , submit_query_: submit_query_ , router_: router_  }) {
+function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({ search_field_value_: search_field_value_, get_search_query_: get_search_query_, search_query_url_param_name_: search_query_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_, submit_query_: submit_query_, router_: router_ }) {
     const [searching_for_value, set_searching_for_value] = (0, $57o7A$solidjs.createSignal)();
     const [read_search_field_value] = search_field_value_;
     const updating_blocked = (0, $57o7A$solidjs.createSignal)(false);
@@ -7891,7 +7602,7 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({ search_field_value_: search
             write_suggestion_signal([]);
             return;
         }
-        const new_value = api_response.suggestions.sort(({ type: a_type  }, { type: b_type  } // this is probably stupid? But in the UI we show query suggestions first so for the keyboard suggestions to make sense with the index we sort them first here
+        const new_value = api_response.suggestions.sort(({ type: a_type }, { type: b_type } // this is probably stupid? But in the UI we show query suggestions first so for the keyboard suggestions to make sense with the index we sort them first here
         )=>a_type === $3ec9e21d6b6debdd$export$3cf9497e790da491 && b_type === $3ec9e21d6b6debdd$export$3cf9497e790da491 || a_type !== $3ec9e21d6b6debdd$export$3cf9497e790da491 && b_type !== $3ec9e21d6b6debdd$export$3cf9497e790da491 ? 0 : a_type === $3ec9e21d6b6debdd$export$3cf9497e790da491 ? -1 : 1);
         write_suggestion_signal(new_value);
         selected_index_[1](undefined); // reset selected index on new results
@@ -7936,7 +7647,7 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({ search_field_value_: search
                     search_query_param_name_: search_query_url_param_name_,
                     text_: previous_searches_text_,
                     get previous_searches_ () {
-                        return (0, $57o7A$solidjs.createMemo)(()=>filtered_previous_searches().slice(0, 5));
+                        return (0, $57o7A$solidjs.createMemo)(()=>filtered_previous_searches().slice(0, 3));
                     },
                     selected_index_: selected_index_,
                     currently_showing_suggestions_: currently_showing_suggestions_,
@@ -7953,7 +7664,7 @@ function $3ec9e21d6b6debdd$export$2f2b9559550c7bbc({ search_field_value_: search
                         const value = searching_for_value()?.toLowerCase();
                         if (!value) return false;
                         return search.includes(value) || value.includes(search);
-                    }).slice(0, 3);
+                    }).slice(0, 2);
                 });
             },
             on_previous_searches_page_: show_previous_searches_component,
@@ -7995,14 +7706,14 @@ function $341a019928b8b91e$export$c7e181728ad525f(url) {
 }
 
 
-function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: get_search_field_value_ , search_query_url_param_name_: search_query_url_param_name_ , url_transformer_: url_transformer_ , get_search_query_: get_search_query_  }) {
+function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: get_search_field_value_, search_query_url_param_name_: search_query_url_param_name_, url_transformer_: url_transformer_, get_search_query_: get_search_query_ }) {
     // @ts-ignore
     if (process.env.GA === "false") return;
     let debounce_timeout;
     const stop_timeout = ()=>clearTimeout(debounce_timeout);
     const send_to_ga = (0, $57o7A$depictaiutilishared.catchify)(()=>{
         const fake_url = new URL(location.href);
-        const { searchParams: searchParams  } = fake_url;
+        const { searchParams: searchParams } = fake_url;
         searchParams.set(search_query_url_param_name_, (0, $57o7A$solidjs.untrack)(get_search_field_value_));
         searchParams.set("instant_result", "true");
         url_transformer_?.(fake_url);
@@ -8030,8 +7741,6 @@ function $036d367ce3058351$export$3340fdd8259bd4fd({ get_search_field_value_: ge
 
 
 
-
-
 const $2be658935c4043a9$export$af8311b651139246 = (css_properties)=>{
     return Object.entries(css_properties).map(([key, value])=>`${key}: ${value};`).join(" ");
 };
@@ -8055,7 +7764,7 @@ function $b776f25acdda22eb$export$f021bdedd3ec901a(props) {
 
 
 const $f40a47a30a358305$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $f40a47a30a358305$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<b></b>`, 2), $f40a47a30a358305$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><!#><!/><div class="padded"><!#><!/><!#><!/><!#><!/></div><!#><!/></div><!#><!/></div>`, 18), $f40a47a30a358305$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div><!#><!/></div>`, 6);
-function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: props_search_field_value , get_search_query_: get_search_query_ , search_query_url_param_name_: search_query_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $57o7A$solidjs.createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: props_submit_query , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , selected_text_range_: selected_text_range_ , dont_sync_search_field_value_except_on_submit_: dont_sync_search_field_value_except_on_submit_ = false , router_: router_  }) {
+function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: props_search_field_value, get_search_query_: get_search_query_, search_query_url_param_name_: search_query_url_param_name_, previous_searches_: previous_searches_, close_modal_: close_modal_, style_props_: style_props_ = (0, $57o7A$solidjs.createSignal)({}), depict_api_: depict_api_, tenant_: tenant_, market_: market_, submit_query_: props_submit_query, instant_results_options_: instant_results_options_, register_closing_animation_: register_closing_animation_, url_transformer_: url_transformer_, closing_animation_: closing_animation_, clear_filters_: clear_filters_, i18n_: i18n_, disable_scrolling_: disable_scrolling_ = true, enable_category_suggestions_: enable_category_suggestions_, class_list_: class_list_, bottom_distance_under_modal_: bottom_distance_under_modal_, selected_text_range_: selected_text_range_, dont_sync_search_field_value_except_on_submit_: dont_sync_search_field_value_except_on_submit_ = false, router_: router_ }) {
     let on_enter_in_search_field_function;
     // As per feedback from stronger we sometimes want a modal with the search field value disconnected from the one in the rest of the UI, see https://depictaiworkspace.slack.com/archives/C02J16R9XEH/p1679065878487709.
     // This is desired for when the modal is opened from a UI element that visually does not look connected with the search page or current query
@@ -8073,7 +7782,7 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: props_
     const [get_search_field_value_] = search_field_value_;
     const [elements_outside_scrollable, set_elements_outside_scrollable] = (0, $57o7A$solidjs.createSignal)();
     const [elements_inside_scrollable, set_elements_inside_scrollable] = (0, $57o7A$solidjs.createSignal)();
-    const close_on_escape_handler = (0, $57o7A$depictaiutilishared.catchify)(({ key: key  })=>{
+    const close_on_escape_handler = (0, $57o7A$depictaiutilishared.catchify)(({ key: key })=>{
         if (key === "Escape") close_modal_();
     });
     const [get_num_results_accessor, set_num_results_accessor_] = (0, $57o7A$solidjs.createSignal)();
@@ -8086,7 +7795,7 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: props_
     window.addEventListener("keydown", close_on_escape_handler);
     (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.catchify)(()=>window.removeEventListener("keydown", close_on_escape_handler)));
     const owner = (0, $57o7A$solidjs.getOwner)();
-    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-height:700px)", ({ matches: matches  })=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
+    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-height:700px)", ({ matches: matches })=>(0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
             // the if below is reactive so we need an owner
             (matches ? set_elements_outside_scrollable : set_elements_inside_scrollable)("");
             (matches ? set_elements_inside_scrollable : set_elements_outside_scrollable)((()=>{
@@ -8141,7 +7850,7 @@ function $f40a47a30a358305$export$1c593cbd6f1e10bc({ search_field_value_: props_
     search_field.classList.add("in-modal");
     const modal_element = (()=>{
         const _el$4 = (0, $57o7A$solidjsweb.getNextElement)($f40a47a30a358305$var$_tmpl$3), _el$5 = _el$4.firstChild, _el$13 = _el$5.firstChild, [_el$14, _co$4] = (0, $57o7A$solidjsweb.getNextMarker)(_el$13.nextSibling), _el$6 = _el$14.nextSibling, _el$7 = _el$6.firstChild, [_el$8, _co$] = (0, $57o7A$solidjsweb.getNextMarker)(_el$7.nextSibling), _el$9 = _el$8.nextSibling, [_el$10, _co$2] = (0, $57o7A$solidjsweb.getNextMarker)(_el$9.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$3] = (0, $57o7A$solidjsweb.getNextMarker)(_el$11.nextSibling), _el$15 = _el$6.nextSibling, [_el$16, _co$5] = (0, $57o7A$solidjsweb.getNextMarker)(_el$15.nextSibling), _el$17 = _el$5.nextSibling, [_el$18, _co$6] = (0, $57o7A$solidjsweb.getNextMarker)(_el$17.nextSibling);
-        (0, $57o7A$solidjsweb.addEventListener)(_el$4, "click", (0, $57o7A$depictaiutilishared.catchify)(({ target: target  })=>{
+        (0, $57o7A$solidjsweb.addEventListener)(_el$4, "click", (0, $57o7A$depictaiutilishared.catchify)(({ target: target })=>{
             if (target === modal_element) close_modal_();
         }), true);
         (0, $57o7A$solidjsweb.insert)(_el$5, search_field, _el$14, _co$4);
@@ -8256,18 +7965,9 @@ function $f40a47a30a358305$var$close_modal_when_navigating_away(close_modal, sea
 
 
 
-
-
-
-
-
-
-
-
-
 
 const $04048c1bef16c249$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestions"></div>`, 2), $04048c1bef16c249$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="category-suggestion"></div>`, 2);
-function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children  }) {
+function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_, children: children }) {
     const category_suggestions_ = (0, $57o7A$solidjs.createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $57o7A$solidjsweb.createComponent)((0, $57o7A$solidjs.Show), {
         get when () {
@@ -8318,10 +8018,8 @@ function $04048c1bef16c249$export$c05a196222ba1302({ suggestions_: suggestions_
 
 
 
-
-
 const $65a0c4b1c2eb5d0b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<b></b>`, 2), $65a0c4b1c2eb5d0b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="results-for"></div>`, 2);
-function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_  }) {
+function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_search_query_, i18n_: i18n_, formatted_number_of_results_: formatted_number_of_results_ }) {
     const contents = (0, $57o7A$solidjs.createMemo)((0, $57o7A$depictaiutilishared.catchify)(()=>{
         const q = get_search_query_();
         return i18n_.get_showing_results_for_()((()=>{
@@ -8350,7 +8048,7 @@ function $65a0c4b1c2eb5d0b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
-function $2005eec80e40088f$export$41b4894022a3580f({ style_props_: style_props_ = (0, $57o7A$solidjs.createSignal)({})  } = {}) {
+function $2005eec80e40088f$export$41b4894022a3580f({ style_props_: style_props_ = (0, $57o7A$solidjs.createSignal)({}) } = {}) {
     const [, set_style_props] = style_props_;
     const supports_hover = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(hover: hover) and (pointer: fine)");
     const desktop_short = (0, $b54e6192d0caa293$export$d9f36cf74e24d595)("(max-height: 790px)");
@@ -8370,7 +8068,7 @@ function $2005eec80e40088f$export$41b4894022a3580f({ style_props_: style_props_
 
 
 const $f1d7cb69f839a526$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $f1d7cb69f839a526$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
-function $f1d7cb69f839a526$export$a54ec244c8863715({ depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_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_ , 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_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , modal_body_style_ref_: modal_body_style_ref_  }) {
+function $f1d7cb69f839a526$export$a54ec244c8863715({ depict_api_: depict_api_, search_field_value_: search_field_value_, get_search_query_: get_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_, 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_, search_recs_view_more_: search_recs_view_more_, disable_search_recommendations_: disable_search_recommendations_, layout_options_: layout_options_, recommendations_layout_options_: recommendations_layout_options_, scroll_restoration_data_: scroll_restoration_data_, product_card_template_: product_card_template_, modal_body_style_ref_: modal_body_style_ref_ }) {
     const [get_sorting] = current_sorting_;
     const all_products_loaded_ = (0, $57o7A$solidjs.createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -8457,7 +8155,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({ depict_api_: depict_api_ ,
     });
     const results_filters = (0, $57o7A$solidjs.createSignal)();
     const owner = (0, $57o7A$solidjs.getOwner)();
-    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches  })=>{
+    (0, $57o7A$solidjs.onCleanup)((0, $57o7A$depictaiutilishared.javascript_media_query)("(max-width:600px)", async ({ matches: matches })=>{
         results_filters[1]();
         await new Promise((r)=>queueMicrotask(r));
         (0, $57o7A$solidjs.runWithOwner)(owner, ()=>results_filters[1](matches ? [
@@ -8470,6 +8168,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({ depict_api_: depict_api_ ,
                 return _el$;
             })()));
     }).remove);
+    (0, $6a8e766e914723d8$export$d31a1a1a83ad9413)(search_results_, selected_filters_);
     (0, $57o7A$depictaiutilishared.catchify)((0, $276380e4607fb9fb$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
         last_result_in_viewport_: last_result_in_viewport_,
@@ -8695,7 +8394,6 @@ function $d8e94ea381ab57fa$export$828dcdd425fd3231(aligner) {
 
 
 
-
 const $2c61e4cd8229c49a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$57o7A$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.
@@ -8707,19 +8405,19 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
     #merchant_signal = (0, $57o7A$solidjs.createSignal)();
     #market_signal = (0, $57o7A$solidjs.createSignal)();
     #modal_open_signal = (0, $57o7A$solidjs.createSignal)(false);
-    static #keys_constructed_with = [];
+    static #keys_constructed_with = new Set();
     #router = new (0, $e96dd13889871fc0$export$7e1297a3a19f10d8)("hard_navigation");
-    constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "" , search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , page_url_creator: page_url_creator , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
-    disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
+    constructor({ unique_instance_key_for_state: unique_instance_key_for_state = "", search_query_url_param_name: search_query_url_param_name_ = "query" + unique_instance_key_for_state, url_transformer: url_transformer, on_navigation: on_navigation, enable_category_suggestions: enable_category_suggestions = true, page_url_creator: page_url_creator, disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
+    disable_scrolling_during_modal = true, api: api, bottom_distance_under_modal: bottom_distance_under_modal, render_instant_card: render_instant_card, ...props_on_class }){
         const owner = (0, $57o7A$solidjs.getOwner)() || (0, $57o7A$solidjs.createRoot)(()=>(0, $57o7A$solidjs.getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $57o7A$solidjs.runWithOwner)(owner, ()=>{
-            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.includes(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
+            if ($2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.has(unique_instance_key_for_state) && !(0, $57o7A$solidjsweb.isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
             throw new Error("You can only have one instance of DepictSearch with the same uniqueInstanceKeyForState");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
             const sorting_query_param_ = "sorting" + unique_instance_key_for_state;
-            const filter_query_param_prefix_ = "filter" + unique_instance_key_for_state + "_";
-            const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
+            const filter_query_param_prefix_ = "f" + unique_instance_key_for_state + "_";
+            const { current_sorting_: current_sorting_, selected_filters_: selected_filters_, search_query_accessor_: raw_search_query_accessor } = (0, $c79fd10a3ab7d6e0$export$477caf01aecaeb2a)({
                 search_query_url_param_name_: search_query_url_param_name_,
                 router_: this.#router,
                 sorting_query_param_: sorting_query_param_,
@@ -8791,7 +8489,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
             });
             (0, $d84fe647b84b5dc5$export$5162a71f252e6122)();
             (0, $57o7A$depictaiutilishared.catchify)(async ()=>{
-                const { open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((...args)=>{
+                const { open_modal_: open_modal_, close_modal_: close_modal_ } = await (0, $9abb0a35d4b60ed3$export$79b1565500412d9b)((...args)=>{
                     (0, $57o7A$solidjs.onCleanup)(()=>this.modal_open = false);
                     return (0, $f40a47a30a358305$export$1c593cbd6f1e10bc)(...args);
                 }, {
@@ -8827,7 +8525,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
                         close_modal_();
                         return;
                     }
-                    const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_  } = $2c61e4cd8229c49a$var$privately_shared_properties.get(this);
+                    const { search_page_aligned_modal_body_style_signal_: search_page_aligned_modal_body_style_signal_ } = $2c61e4cd8229c49a$var$privately_shared_properties.get(this);
                     if (signal_value_is_options && open_signal_value[0]?.style_props_) {
                         // They know what they're doing, just call the modal with the provided options
                         open_modal_(...open_signal_value);
@@ -8864,7 +8562,8 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
                 };
                 (0, $57o7A$solidjs.runWithOwner)(owner, ()=>(0, $57o7A$solidjs.createEffect)(modal_opening_effect));
             })();
-            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.push(unique_instance_key_for_state);
+            $2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.add(unique_instance_key_for_state);
+            (0, $57o7A$solidjs.onCleanup)(()=>$2c61e4cd8229c49a$export$ac6237957a15b3f0.#keys_constructed_with.delete(unique_instance_key_for_state));
         });
     }
     get on_navigation() {
@@ -8900,7 +8599,7 @@ class $2c61e4cd8229c49a$export$ac6237957a15b3f0 {
         this.#market_signal[1](market);
     }
     async fetchSearchResults(query, filters, maxResults = 48) {
-        const { depict_api_: depict_api_  } = $2c61e4cd8229c49a$var$privately_shared_properties.get(this);
+        const { depict_api_: depict_api_ } = $2c61e4cd8229c49a$var$privately_shared_properties.get(this);
         const result = await depict_api_.query({
             tenant: this.merchant,
             market: this.market,
@@ -8918,12 +8617,12 @@ function $2c61e4cd8229c49a$var$get_shared_properties(depict_search) {
     return shared_properties;
 }
 function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
-    const { depict_search: depict_search , product_card_template: product_card_template  } = props;
+    const { depict_search: depict_search, product_card_template: product_card_template } = props;
     const shared_properties = $2c61e4cd8229c49a$var$get_shared_properties(depict_search);
     return (0, $95837413165cc2df$export$23fca46f3143581f)(()=>{
-        const { state_: state_  } = shared_properties;
+        const { state_: state_ } = shared_properties;
         const grid_spacing_override = (0, $57o7A$solidjs.createMemo)(()=>{
-            const { grid_spacing: grid_spacing  } = props; // can be reactive
+            const { grid_spacing: grid_spacing } = props; // can be reactive
             return typeof grid_spacing === "string" ? {
                 grid_spacing: grid_spacing
             } : {
@@ -8981,7 +8680,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
                     ...grid_spacing_override()
                 })),
             recommendations_layout_options_: (0, $57o7A$solidjs.createMemo)(()=>{
-                const { extra_depict_options: extra_depict_options  } = props;
+                const { extra_depict_options: extra_depict_options } = props;
                 return extra_depict_options?.recommendations_cols_at_size ? {
                     cols_at_size: (0, $4e04be41243c3d80$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
                     ...grid_spacing_override()
@@ -8992,7 +8691,7 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
     }, "Entire SearchPage failed");
 }
 function $2c61e4cd8229c49a$export$316f6f283ae64765(props) {
-    const { depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler  } = props;
+    const { depict_search: depict_search, modal_dispose_handler: modal_dispose_handler, click_handler: click_handler } = props;
     const shared_properties = $2c61e4cd8229c49a$var$get_shared_properties(depict_search);
     return (0, $95837413165cc2df$export$23fca46f3143581f)(()=>{
         let input_element;
@@ -9021,7 +8720,7 @@ function $2c61e4cd8229c49a$export$316f6f283ae64765(props) {
                         input_element.selectionStart,
                         input_element.selectionEnd
                     ];
-                    const { cleanup: cleanup  } = $2c61e4cd8229c49a$var$align_field_modal(style_props_, search_field, ()=>props.aligner_ref);
+                    const { cleanup: cleanup } = $2c61e4cd8229c49a$var$align_field_modal(style_props_, search_field, ()=>props.aligner_ref);
                     const complete_modal_dispose_handler = ()=>{
                         modal_dispose_handler?.();
                         cleanup();
@@ -9057,7 +8756,7 @@ function $2c61e4cd8229c49a$var$align_field_modal(style_props_, input, aligner_re
                 (0, $fd463ff0edb29915$export$b3ad617e9036868)(style_props_, input);
                 return;
             }
-            const { cleanup: cleanup  } = (0, $d8e94ea381ab57fa$export$828dcdd425fd3231)(aligner_ref);
+            const { cleanup: cleanup } = (0, $d8e94ea381ab57fa$export$828dcdd425fd3231)(aligner_ref);
             (0, $57o7A$solidjs.onCleanup)(cleanup);
             (0, $fd463ff0edb29915$export$b3ad617e9036868)(style_props_, aligner_ref, undefined, false, "top");
         });
@@ -9073,7 +8772,7 @@ function $2c61e4cd8229c49a$var$align_field_modal(style_props_, input, aligner_re
 
 
 const $9c143d25df1fc2a2$export$d86a33413558014e = (openModalParams)=>{
-    const { search: search , makesNewSearch: makesNewSearch = true  } = openModalParams;
+    const { search: search, makesNewSearch: makesNewSearch = true } = openModalParams;
     openModalParams.location ||= "centered";
     if (openModalParams.location === "aligned" && !openModalParams.element) throw new Error("No active search header aligner on the page!");
     if (openModalParams.location !== "aligned") {
@@ -9095,7 +8794,7 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = (openModalParams)=>{
         ];
         return;
     }
-    const { cleanup: cleanup  } = (0, $d8e94ea381ab57fa$export$828dcdd425fd3231)(openModalParams.element);
+    const { cleanup: cleanup } = (0, $d8e94ea381ab57fa$export$828dcdd425fd3231)(openModalParams.element);
     let dispose_aligner;
     /**
    * Setting position to fixed is important to make the modal work with align_field.
@@ -9127,8 +8826,8 @@ const $9c143d25df1fc2a2$export$d86a33413558014e = (openModalParams)=>{
 
 function $5ab706c0a6d61264$export$d0596b5cae35ad4(open_search) {
     const handler = (0, $57o7A$depictaiutilishared.catchify)((e)=>{
-        const { key: key , target: target  } = e;
-        const { body: body  } = document;
+        const { key: key, target: target } = e;
+        const { body: body } = document;
         if (key === "/" && (target === body || !body.contains(target))) {
             open_search();
             e.preventDefault();
@@ -9156,7 +8855,7 @@ function $08e7f10b1831645f$export$689e204eadb33baf(pr) {
     let resolve_remove_added_listeners;
     pr.addEventListener("open", (0, $57o7A$depictaiutilishared.catchify)(()=>{
         remove_added_listeners = new Promise((r)=>resolve_remove_added_listeners = r);
-        disconnect_link_observer = (0, $57o7A$depictaiutilishared.observer).onexists("a", async ({ element: element  })=>{
+        disconnect_link_observer = (0, $57o7A$depictaiutilishared.observer).onexists("a", async ({ element: element })=>{
             element.addEventListener("click", link_handler);
             await remove_added_listeners;
             element.removeEventListener("click", link_handler);
@@ -9254,13 +8953,13 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
             try_forever: true
         });
         const first_element_found = new Promise((r)=>{
-            this.#disconnect_observer = (0, $57o7A$depictaiutilishared.observer).onexists(this.selector_, ({ element: element , disconnector: disconnector  })=>{
+            this.#disconnect_observer = (0, $57o7A$depictaiutilishared.observer).onexists(this.selector_, ({ element: element, disconnector: disconnector })=>{
                 r();
                 if (this.append_instead_of_replace_) {
                     disconnector();
                     return;
                 }
-                const { style: style  } = element;
+                const { style: style } = element;
                 const old_display_value = style.display;
                 style.setProperty("display", "none", "important");
                 this.#revert_fns.push(()=>{
@@ -9269,7 +8968,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
             });
         });
         await first_element_found;
-        const { title: title  } = document;
+        const { title: title } = document;
         if (this.title_) {
             document.title = this.title_;
             this.#revert_fns.push(()=>document.title = title);
@@ -9317,7 +9016,7 @@ class $0a6acf31d1eae57c$export$3ccaa27d81dd8556 extends EventTarget {
         this.#unload();
         this.#stop_listening?.();
     }
-    constructor({ is_spa_: is_spa_ , ...options }){
+    constructor({ is_spa_: is_spa_, ...options }){
         super();
         Object.assign(this, options);
         this.#listen().catch((e)=>(0, $57o7A$depictaiutilishared.report)([