@depict-ai/ui 0.0.78 → 0.0.80

package/dist/main.js

@@ -31,11 +31,11 @@ $parcel$export(module.exports, "DepictAPI", () => $9ce64f69303c371e$export$e015e
 $parcel$export(module.exports, "media_query_to_accessor", () => $beec9d22e42ed2cf$export$d9f36cf74e24d595);
 $parcel$export(module.exports, "setup_fast_leave", () => $d589470b68ce5b67$export$689e204eadb33baf);
 $parcel$export(module.exports, "show_toast", () => $b3e6a0e9382bf87e$export$5196e4c01fa56fcb);
-$parcel$export(module.exports, "solid_format_price", () => $5fc9fc23df1591db$export$469c7af753d08925);
+$parcel$export(module.exports, "SolidFormatPrice", () => $5fc9fc23df1591db$export$a71e92cfbb498adc);
 $parcel$export(module.exports, "connect_search_field_height_to_aligner_height", () => $246e3e89a097f014$export$828dcdd425fd3231);
 $parcel$export(module.exports, "PageReplacer", () => $37e96a5ebc768cc7$export$3ccaa27d81dd8556);
 $parcel$export(module.exports, "version", () => $ae93561d5649a847$export$83d89fbfd8236492);
-/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.78";
+/*! Depict.ai search and product listing SDK */ const $ae93561d5649a847$export$83d89fbfd8236492 = "0.0.80";
 
 
 
@@ -57,25 +57,28 @@ async function $8c4e48a4bf96b284$export$58e808b1db15d3bc({ merchant: merchant ,
 
 
 
-function $1ee6da2465098194$export$e183a13865960371(params_to_default_value) {
+function $1ee6da2465098194$export$e183a13865960371(params_to_default_value, router_) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
     const event_handler = (0, $46MJV$depictaiutilishared.catchify)(({ state: state  })=>$1ee6da2465098194$var$history_state_change(signals, entries, state));
-    for (const [param, default_value] of entries){
-        const [read_signal] = signals[param] = (0, $46MJV$solidjs.createSignal)(history.state?.[param] ?? default_value);
-        (0, $46MJV$solidjs.createComputed)((0, $46MJV$depictaiutilishared.catchify)(()=>{
+    // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
+    (0, $46MJV$solidjs.createRenderEffect)(()=>{
+        let signal_changed = false;
+        let { state: state  } = history; // cloning isn't necessary because we're calling replaceState on it anyway
+        if (state === null || typeof state != "object") state = {};
+        for (const [param, default_value] of entries){
+            const [read_signal] = signals[param] ||= (0, $46MJV$solidjs.createSignal)(state[param] ?? default_value);
             const new_value = read_signal();
-            let { state: state  } = history; // cloning isn't necessary because we're calling replaceState on it anyway
-            if (new_value !== state?.[param]) {
-                if (state === null || typeof state != "object") state = {};
+            if (new_value !== state[param]) {
+                signal_changed = true;
                 state[param] = new_value;
-                history.replaceState(state, "", location.href);
             }
-        }));
-    }
+        }
+        if (signal_changed) router_.navigate_.replace_state_(state);
+    });
     window.addEventListener("popstate", event_handler);
     (0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.catchify)(()=>window.removeEventListener("popstate", event_handler)));
-    (0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(()=>(0, $46MJV$solidjs.untrack)((0, $46MJV$depictaiutilishared.catchify)(()=>$1ee6da2465098194$var$history_state_change(signals, entries, history.state))))); // we need this to run after the first writing
+    (0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(()=>(0, $46MJV$solidjs.untrack)((0, $46MJV$depictaiutilishared.catchify)(()=>$1ee6da2465098194$var$history_state_change(signals, entries, history.state))))); // we need this to run after reading the initial state from history.state to write the defaults to history.state
     return signals;
 }
 function $1ee6da2465098194$var$history_state_change(signals, entries, state) {
@@ -89,8 +92,8 @@ function $1ee6da2465098194$var$history_state_change(signals, entries, state) {
 }
 
 
-function $0de081f67b6d15b5$export$9862539c89138352(get_default_values_) {
-    const state = (0, $1ee6da2465098194$export$e183a13865960371)(get_default_values_());
+function $0de081f67b6d15b5$export$9862539c89138352(get_default_values_, router_) {
+    const state = (0, $1ee6da2465098194$export$e183a13865960371)(get_default_values_(), router_);
     const reset_state = ()=>{
         const new_defaults = get_default_values_();
         for(const key in state){
@@ -315,8 +318,12 @@ function $891da49c419865de$export$92f2da32c6e7e7ee({ search_results_: search_res
 
 
 
-function $5fc9fc23df1591db$export$469c7af753d08925({ price_: price_ , price_formatting_: price_formatting_  }) {
-    return (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$depictaiutilishared.standard_price_format)(price_(), price_formatting_().places_after_comma_, price_formatting_().decimal_places_delimiter_, price_formatting_().thousands_delimiter_));
+
+function $5fc9fc23df1591db$export$a71e92cfbb498adc(props) {
+    return (0, $46MJV$solidjs.createMemo)(()=>{
+        const price_formatting = props.price_formatting_;
+        return (0, $46MJV$depictaiutilishared.standard_price_format)(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
+    });
 }
 
 
@@ -423,19 +430,27 @@ function $08fa9d20f7ec85af$export$83fd5de5504a7a67({ formatted_number_of_results
         }));
     });
     return (()=>{
-        const _el$ = $08fa9d20f7ec85af$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$6 = _el$4.nextSibling, _el$7 = _el$6.nextSibling, _el$10 = _el$7.nextSibling, _el$8 = _el$10.nextSibling, _el$9 = _el$8.nextSibling;
+        const _el$ = $08fa9d20f7ec85af$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$7 = _el$4.nextSibling, _el$8 = _el$7.nextSibling, _el$11 = _el$8.nextSibling, _el$9 = _el$11.nextSibling, _el$10 = _el$9.nextSibling;
         const _ref$ = element;
         typeof _ref$ === "function" ? (0, $46MJV$solidjsweb.use)(_ref$, _el$) : element = _el$;
-        (0, $46MJV$solidjsweb.insert)(_el$3, (0, $5fc9fc23df1591db$export$469c7af753d08925)({
-            price_: first_to_show,
-            price_formatting_: modified_price_formatting_
+        (0, $46MJV$solidjsweb.insert)(_el$3, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+            get price_ () {
+                return first_to_show();
+            },
+            get price_formatting_ () {
+                return modified_price_formatting_();
+            }
         }));
-        (0, $46MJV$solidjsweb.insert)(_el$6, (0, $5fc9fc23df1591db$export$469c7af753d08925)({
-            price_: last_to_show,
-            price_formatting_: modified_price_formatting_
+        (0, $46MJV$solidjsweb.insert)(_el$7, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+            get price_ () {
+                return last_to_show();
+            },
+            get price_formatting_ () {
+                return modified_price_formatting_();
+            }
         }));
-        (0, $46MJV$solidjsweb.insert)(_el$2, of_, _el$10);
-        (0, $46MJV$solidjsweb.insert)(_el$9, count_to_show);
+        (0, $46MJV$solidjsweb.insert)(_el$2, of_, _el$11);
+        (0, $46MJV$solidjsweb.insert)(_el$10, count_to_show);
         return _el$;
     })();
 }
@@ -710,7 +725,8 @@ function $92e4e7906daa1ff8$export$8895d39404bd2bb1(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, $46MJV$solidjs.untrack)(get_selected_filters);
     if (!previous_selected_filters.length) {
-        // no filters selected, do nothing
+        // no filters selected, still clear sorting if applicable but don't display a toast for that since it's very minor
+        if (also_clear_sorting_) props.current_sorting_[1]();
         if (delay_toast_) return ()=>{};
         return;
     }
@@ -1381,16 +1397,24 @@ function $c130252ae1aed6e2$export$fecbb157621501bd({ number_of_rendered_selected
                                                                 };
                                                                 (0, $46MJV$solidjsweb.insert)(_el$5, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$depictaiutilishared.CrossIcon), {}), _el$6);
                                                                 (0, $46MJV$solidjsweb.insert)(_el$6, ()=>price_formatting_().pre_, _el$7);
-                                                                (0, $46MJV$solidjsweb.insert)(_el$6, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                                                                        price_: (0, $46MJV$solidjs.createMemo)(()=>filter().data[0]),
-                                                                        price_formatting_: price_formatting_
-                                                                    }), _el$7);
+                                                                (0, $46MJV$solidjsweb.insert)(_el$6, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+                                                                    get price_ () {
+                                                                        return filter().data[0];
+                                                                    },
+                                                                    get price_formatting_ () {
+                                                                        return price_formatting_();
+                                                                    }
+                                                                }), _el$7);
                                                                 (0, $46MJV$solidjsweb.insert)(_el$6, ()=>price_formatting_().post_, _el$7);
                                                                 (0, $46MJV$solidjsweb.insert)(_el$6, ()=>price_formatting_().pre_, null);
-                                                                (0, $46MJV$solidjsweb.insert)(_el$6, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                                                                        price_: (0, $46MJV$solidjs.createMemo)(()=>filter().data[1]),
-                                                                        price_formatting_: price_formatting_
-                                                                    }), null);
+                                                                (0, $46MJV$solidjsweb.insert)(_el$6, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+                                                                    get price_ () {
+                                                                        return filter().data[1];
+                                                                    },
+                                                                    get price_formatting_ () {
+                                                                        return price_formatting_();
+                                                                    }
+                                                                }), null);
                                                                 (0, $46MJV$solidjsweb.insert)(_el$6, ()=>price_formatting_().post_, null);
                                                                 return _el$5;
                                                             })();
@@ -1961,16 +1985,24 @@ function $6833018d8bbbb2ad$var$RangeSelector({ max_: max_ , min_: min_ , current
             i18n_: i18n_
         }), _el$8);
         (0, $46MJV$solidjsweb.insert)(_el$9, pre_price, null);
-        (0, $46MJV$solidjsweb.insert)(_el$9, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                price_: min_,
-                price_formatting_: price_formatting_
-            }), null);
+        (0, $46MJV$solidjsweb.insert)(_el$9, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+            get price_ () {
+                return min_();
+            },
+            get price_formatting_ () {
+                return price_formatting_();
+            }
+        }), null);
         (0, $46MJV$solidjsweb.insert)(_el$9, post_price, null);
         (0, $46MJV$solidjsweb.insert)(_el$10, pre_price, null);
-        (0, $46MJV$solidjsweb.insert)(_el$10, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                price_: max_,
-                price_formatting_: price_formatting_
-            }), null);
+        (0, $46MJV$solidjsweb.insert)(_el$10, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+            get price_ () {
+                return max_();
+            },
+            get price_formatting_ () {
+                return price_formatting_();
+            }
+        }), null);
         (0, $46MJV$solidjsweb.insert)(_el$10, post_price, null);
         (0, $46MJV$solidjsweb.effect)((_p$)=>{
             const _v$ = i18n_.range_filter_low_point_aria_label_(), _v$2 = min_(), _v$3 = max_(), _v$4 = i18n_.range_filter_high_point_aria_label_(), _v$5 = min_(), _v$6 = max_();
@@ -2875,48 +2907,57 @@ var $6865c7388a79e957$export$2e2bcd8739ae039 = {
 const $8578879ddb04f368$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
 function $8578879ddb04f368$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_  }  }) {
     const [show_tick_icon, set_show_tick_icon] = (0, $46MJV$solidjs.createSignal)(false);
-    return (()=>{
-        const _el$ = $8578879ddb04f368$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
-        (0, $46MJV$solidjsweb.insert)(_el$2, ()=>(0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.batch)(()=>{
-                    set_show_tick_icon(false);
-                    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;
-                            if (type === "range") return [
-                                (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().pre_),
-                                (0, $46MJV$solidjsweb.memo)(()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                                        price_: (0, $46MJV$solidjs.createMemo)(()=>selected_filter.data[0]),
-                                        price_formatting_: price_formatting_
-                                    })),
-                                (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().post_),
-                                " – ",
-                                (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().pre_),
-                                (0, $46MJV$solidjsweb.memo)(()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                                        price_: (0, $46MJV$solidjs.createMemo)(()=>selected_filter.data[1]),
-                                        price_formatting_: price_formatting_
-                                    })),
-                                (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().post_)
-                            ];
-                            else {
-                                const { data: data  } = selected_filter;
-                                const data_is_array = Array.isArray(data);
-                                if (data_is_array && data.length !== 1) {
-                                    size = data.length;
-                                    break try_specific;
-                                }
-                                const needle = data_is_array ? data[0] : data;
-                                const index_in_meta = meta.values.findIndex((value)=>needle === value || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index)=>needle[index] === item));
-                                return meta.names?.[index_in_meta] || meta.values?.[index_in_meta];
+    const text = (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.batch)(()=>{
+            set_show_tick_icon(false);
+            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;
+                    if (type === "range") return [
+                        (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().pre_),
+                        (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+                            get price_ () {
+                                return selected_filter.data[0];
+                            },
+                            get price_formatting_ () {
+                                return price_formatting_();
+                            }
+                        }),
+                        (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().post_),
+                        " – ",
+                        (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().pre_),
+                        (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+                            get price_ () {
+                                return selected_filter.data[1];
+                            },
+                            get price_formatting_ () {
+                                return price_formatting_();
                             }
+                        }),
+                        (0, $46MJV$solidjsweb.memo)(()=>price_formatting_().post_)
+                    ];
+                    else {
+                        const { data: data  } = selected_filter;
+                        const data_is_array = Array.isArray(data);
+                        if (data_is_array && data.length !== 1) {
+                            size = data.length;
+                            break try_specific;
                         }
+                        const needle = data_is_array ? data[0] : data;
+                        const index_in_meta = meta.values.findIndex((value)=>needle === value || Array.isArray(needle) && Array.isArray(value) && needle.length === value.length && value.every((item, index)=>needle[index] === item));
+                        return meta.names?.[index_in_meta] || meta.values?.[index_in_meta];
                     }
-                    set_show_tick_icon(true);
-                    return size + "";
-                })));
+                }
+            }
+            set_show_tick_icon(true);
+            return size + "";
+        }));
+    return (()=>{
+        const _el$ = $8578879ddb04f368$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
+        (0, $46MJV$solidjsweb.insert)(_el$2, text);
         (0, $46MJV$solidjsweb.insert)(_el$, (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjs.Show), {
             get when () {
                 return show_tick_icon();
@@ -2982,6 +3023,7 @@ function $5804fd6cbfb7160f$export$ab34afce88557c0e(props) {
 
 
 
+
 const $1587765bd31f3722$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-collapsible"></div>`, 2), $1587765bd31f3722$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-group"><span></span></button>`, 4), $1587765bd31f3722$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="view-more-clear"></div>`, 2), $1587765bd31f3722$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $1587765bd31f3722$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<details class="filter-collapsible"></details>`, 2), $1587765bd31f3722$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $1587765bd31f3722$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="ungrouped"></div>`, 2), $1587765bd31f3722$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="clear-all-filters major"></button>`, 2);
 function $1587765bd31f3722$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3093,13 +3135,22 @@ function $1587765bd31f3722$var$ActualFilterBody(props) {
                                                     return "Filter group " + JSON.stringify(section_) + " failed";
                                                 },
                                                 get children () {
-                                                    return (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.createMemo)(()=>(0, $6865c7388a79e957$export$2e2bcd8739ae039)[filter()?.meta?.type])()?.({
-                                                            filter_: filter,
-                                                            expanded_hierarchical_filters_: props.expanded_hierarchical_filters_,
-                                                            selected_filters_: props.selected_filters_,
-                                                            i18n_: props.i18n_,
-                                                            view_more_button_below_group_: view_more_button_below_group
-                                                        }));
+                                                    return (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjsweb.Dynamic), {
+                                                        get component () {
+                                                            return (0, $6865c7388a79e957$export$2e2bcd8739ae039)[filter()?.meta?.type];
+                                                        },
+                                                        filter_: filter,
+                                                        get expanded_hierarchical_filters_ () {
+                                                            return props.expanded_hierarchical_filters_;
+                                                        },
+                                                        get selected_filters_ () {
+                                                            return props.selected_filters_;
+                                                        },
+                                                        get i18n_ () {
+                                                            return props.i18n_;
+                                                        },
+                                                        view_more_button_below_group_: view_more_button_below_group
+                                                    });
                                                 }
                                             })
                                     }));
@@ -3155,19 +3206,27 @@ function $1587765bd31f3722$var$ActualFilterBody(props) {
                     get each () {
                         return untogglable_filters();
                     },
-                    children: (filter)=>// create memo to diff the function with next function
-                    {
+                    children: (filter)=>{
                         const view_more_button_below_group = (0, $46MJV$solidjs.createSignal)();
-                        const filter_element_memo = (0, $46MJV$solidjs.createMemo)(()=>(0, $46MJV$solidjs.createMemo)(()=>(0, $6865c7388a79e957$export$2e2bcd8739ae039)[filter()?.meta?.type])()?.({
+                        const [get_view_more_button_below_group] = view_more_button_below_group;
+                        return [
+                            (0, $46MJV$solidjsweb.createComponent)((0, $46MJV$solidjsweb.Dynamic), {
+                                get component () {
+                                    return (0, $6865c7388a79e957$export$2e2bcd8739ae039)[filter()?.meta?.type];
+                                },
                                 filter_: filter,
-                                expanded_hierarchical_filters_: props.expanded_hierarchical_filters_,
-                                selected_filters_: props.selected_filters_,
-                                i18n_: props.i18n_,
+                                get expanded_hierarchical_filters_ () {
+                                    return props.expanded_hierarchical_filters_;
+                                },
+                                get selected_filters_ () {
+                                    return props.selected_filters_;
+                                },
+                                get i18n_ () {
+                                    return props.i18n_;
+                                },
                                 view_more_button_below_group_: view_more_button_below_group
-                            }));
-                        return [
-                            filter_element_memo,
-                            view_more_button_below_group[0]
+                            }),
+                            (0, $46MJV$solidjsweb.memo)(get_view_more_button_below_group)
                         ];
                     }
                 }));
@@ -3775,6 +3834,7 @@ function $0bc45cf6753f874a$export$b288c38ae3fddb56({ available_filters_: availab
 
 const $881cb1745bafff7a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filters"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sorting"><div class="body"></div></div>`, 4), $881cb1745bafff7a$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $881cb1745bafff7a$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="num-filters"></span>`, 2), $881cb1745bafff7a$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $881cb1745bafff7a$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
 function $881cb1745bafff7a$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_  }) {
+    // @ts-ignore
     return (0, $0f2f58dd60b11888$export$b69d0d92862de18b)({
         severity_: "error",
         message_: "Sorting and filters failed",
@@ -4298,7 +4358,7 @@ const $c6a04c153e9853a7$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
 function $c6a04c153e9853a7$export$43cd1e747fecd42e(to_url, set_clearing_flag, from_search_params = new URLSearchParams(location.search)) {
     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);
+    const url_object = was_url_object ? to_url : new URL(to_url, location.origin);
     const { searchParams: searchParams  } = url_object;
     if (set_clearing_flag) searchParams.set($c6a04c153e9853a7$export$e2cf3f19dd3f8aac, "true");
     if (from_search_params.has($c6a04c153e9853a7$var$sorting_query_param)) searchParams.set($c6a04c153e9853a7$var$sorting_query_param, from_search_params.get($c6a04c153e9853a7$var$sorting_query_param));
@@ -5172,6 +5232,7 @@ function $623202ae203e9e59$export$f091cbac892643a4(obj) {
 
 function $f27b0b326e0a87e2$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
+        // @ts-ignore
         return (0, $0f2f58dd60b11888$export$b69d0d92862de18b)({
             severity_: "error",
             message_: error_message,
@@ -5198,13 +5259,16 @@ function $f27b0b326e0a87e2$export$23fca46f3143581f(component, error_message) {
 
 
 
-function $004640621ca953d0$export$7bcff1eb3eca57d7(router) {
+function $cb699e435fadd254$export$477caf01aecaeb2a({ search_query_url_param_name_: search_query_url_param_name_ , router_: router_  }) {
+    const search_query_ = search_query_url_param_name_ ? (0, $46MJV$solidjs.createSignal)("") : undefined;
+    const get_search_query_ = search_query_?.[0];
+    const set_search_query = search_query_?.[1];
     const current_sorting_ = (0, $46MJV$solidjs.createSignal)();
     const selected_filters_ = (0, $46MJV$solidjs.createSignal)([]);
-    const [get_sorting, set_sorting] = current_sorting_;
-    const [get_selected_filters, set_selected_filters] = selected_filters_;
+    const [get_sorting_, set_sorting] = current_sorting_;
+    const [get_selected_filters_, set_selected_filters] = selected_filters_;
     const [get_current_href, set_current_href] = (0, $46MJV$solidjs.createSignal)(location.href);
-    const history_change_handler = ()=>set_current_href(location.href);
+    const history_change_handler = (0, $46MJV$depictaiutilishared.catchify)(()=>set_current_href(location.href));
     const owner = (0, $46MJV$solidjs.getOwner)() || (0, $46MJV$solidjs.createRoot)(()=>(0, $46MJV$solidjs.getOwner)());
     let writer_started = false;
     (0, $46MJV$depictaiutilishared.instant_exec_on_suspect_history_change).add(history_change_handler);
@@ -5214,12 +5278,12 @@ function $004640621ca953d0$export$7bcff1eb3eca57d7(router) {
         (0, $46MJV$solidjs.batch)(()=>{
             const found_sorting = (0, $c6a04c153e9853a7$export$766e9676e74997d3)(searchParams);
             if (found_sorting) {
-                const current_sorting = (0, $46MJV$solidjs.untrack)(get_sorting);
+                const current_sorting = (0, $46MJV$solidjs.untrack)(get_sorting_);
                 // Do some diffing since we might assume in certain places of the code that if the signal changes it means the sorting has changed
                 if (current_sorting?.field !== found_sorting.field || current_sorting?.order !== found_sorting.order) set_sorting(found_sorting);
             } else set_sorting();
             const found_filters = (0, $c6a04c153e9853a7$export$f934fa24c3a86811)(searchParams);
-            const selected_filters = (0, $46MJV$solidjs.untrack)(get_selected_filters);
+            const selected_filters = (0, $46MJV$solidjs.untrack)(get_selected_filters_);
             const found_filters_map = new Map(found_filters.map(({ field: field , op: op , data: data  })=>[
                     JSON.stringify([
                         field,
@@ -5232,25 +5296,36 @@ function $004640621ca953d0$export$7bcff1eb3eca57d7(router) {
                     field,
                     op
                 ]))) === JSON.stringify(data))) set_selected_filters(found_filters);
+            if (search_query_url_param_name_) {
+                const found_query = searchParams.get(search_query_url_param_name_);
+                set_search_query(found_query || "");
+            }
             if (!writer_started) {
                 // The owner here is the createComputed which gets disposed the next time the computation runs - but we actually just want to delay the start of the href_writer until our signals contain the current value of the URL, therefore the runWithOwner
-                (0, $46MJV$solidjs.runWithOwner)(owner, ()=>$004640621ca953d0$var$start_href_writer(get_sorting, get_selected_filters, router));
+                (0, $46MJV$solidjs.runWithOwner)(owner, ()=>$cb699e435fadd254$var$start_href_writer({
+                        get_sorting_: get_sorting_,
+                        get_selected_filters_: get_selected_filters_,
+                        router_: router_
+                    }));
                 writer_started = true;
             }
         });
     });
+    // @ts-ignore
     return {
         current_sorting_: current_sorting_,
-        selected_filters_: selected_filters_
+        selected_filters_: selected_filters_,
+        ...typeof search_query_url_param_name_ === "string" ? {
+            search_query_accessor_: get_search_query_
+        } : {}
     };
 }
 /**
  * Writes the sorting and filters to the URL query parameters when they change.
- */ function $004640621ca953d0$var$start_href_writer(get_sorting, get_selected_filters, router) {
-    // This has to be a createComputed because there can be some kind of URL query bouncing back and forwards otherwise (observed when clearing filters by making a new search)
-    (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)([
-        get_sorting,
-        get_selected_filters
+ */ function $cb699e435fadd254$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_  }) {
+    (0, $46MJV$solidjs.createEffect)((0, $46MJV$solidjs.on)([
+        get_sorting_,
+        get_selected_filters_
     ], ([sorting, filters])=>{
         const current_href = location.href;
         const url_object = new URL(current_href);
@@ -5268,7 +5343,7 @@ function $004640621ca953d0$export$7bcff1eb3eca57d7(router) {
         // Having the array middle step because if we'd check the "size" property of the map the algorithm could be fooled if there were two query parameters with the same key
         const new_search_params_map = new Map(new_search_params);
         if (unmodified_search_params.length !== new_search_params.length || !unmodified_search_params.every(([key, value])=>new_search_params_map.get(key) === value)) // Only update URL if it actually changed
-        router.navigate_.go_to_({
+        router_.navigate_.go_to_({
             is_replace_: true,
             new_url_: url_object.href,
             force_spa_navigation_: true
@@ -5327,10 +5402,15 @@ class $43940d5ca403c293$export$7e1297a3a19f10d8 {
      * @param event_ event if you have this in a click handler, will not do anything on cmd/ctrl or non-left click then
      * @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
-     */ go_to_: async ({ new_url_: new_url_ , event_: event_ , force_spa_navigation_: force_spa_navigation_ , is_replace_: is_replace_ , category_query_id_: category_query_id_  })=>{
+     * @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, $46MJV$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_  })=>{
+            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;
-            if (wants_hard_navigation && !force_spa_navigation_) {
+            const different_origin = new_url_.origin !== location.origin;
+            if (wants_hard_navigation && (!force_spa_navigation_ || different_origin)) {
+                if (force_spa_navigation_ && different_origin) // If we call history.pushState on a different origin, it will throw an error, so fallback to hard navigations
+                (0, $46MJV$depictaiutilishared.dwarn)("Can't single page navigate to", new_url_.href, "due to different origin, this MIGHT mean you should fix the URLs");
                 if (!event_) // If we haven't gotten an event, nothing will happen by not calling prevent default, so we need to change the URL
                 location.assign(new_url_);
                 return;
@@ -5340,14 +5420,15 @@ class $43940d5ca403c293$export$7e1297a3a19f10d8 {
             if (force_spa_navigation_ && wants_hard_navigation) {
                 // Don't allow hard navigation if we're forcing SPA navigation, which we do for things where PageReplacer can be used for performance
                 const new_state = history.state;
-                if (category_query_id_) new_state.category_current_query_id = category_query_id_;
+                if (category_query_id_) // In JS-UI we need to know the query_id of the current category, therefore push it into state
+                new_state.category_current_query_id = category_query_id_;
                 history[is_replace_ ? "replaceState" : "pushState"](new_state, "", new_url_);
             } else this.#throwing_on_navigation.call(this, {
                 is_replace: is_replace_,
-                new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_)
+                new_url: new_url_ instanceof URL ? new_url_ : new URL(new_url_, location.origin)
             });
             await promise;
-        }
+        })
     };
     constructor(on_navigation){
         this.on_navigation_ = on_navigation;
@@ -5409,7 +5490,9 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
         Object.assign(this, props_on_class); // set initial signal values
         (0, $33815c5a406b6cc0$export$5162a71f252e6122)();
         if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $004640621ca953d0$export$7bcff1eb3eca57d7)(this.#router);
+        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
+            router_: this.#router
+        });
         const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
                 category_filters_open: false,
                 category_sorting_open: false,
@@ -5418,7 +5501,7 @@ class $068a627cc18f7bb6$export$f34314aa9505732e {
                 category_local_filter_cache: [],
                 category_expanded_hierarchical_filters: [],
                 category_scroll_restoration_data: []
-            }));
+            }), this.#router);
         const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
         $068a627cc18f7bb6$var$privately_shared_properties.set(this, {
             state_: state_,
@@ -6063,7 +6146,7 @@ function $67b60b572b7b7059$export$b3ad617e9036868(modal_body_style, input_field,
 
 
 
-function $8b282f736ce4f3b8$export$e026af0c7b64ea5f({ selected_filters_: selected_filters_ , search_query_: [get_search_query] , current_sorting_: current_sorting_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , i18n_: i18n_ , local_filter_cache_: local_filter_cache_  }) {
+function $8b282f736ce4f3b8$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
@@ -6078,7 +6161,7 @@ function $8b282f736ce4f3b8$export$e026af0c7b64ea5f({ selected_filters_: selected
     }, {
         defer: true
     }));
-    (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)(get_search_query, (0, $46MJV$depictaiutilishared.catchify)(()=>{
+    (0, $46MJV$solidjs.createComputed)((0, $46MJV$solidjs.on)(get_search_query_, (0, $46MJV$depictaiutilishared.catchify)(()=>{
         // when a query was submitted, clear filters if clear was pressed before
         const clear_value = (0, $46MJV$solidjs.untrack)(get_clear_filters_next_submit);
         if (clear_value) {
@@ -6103,12 +6186,11 @@ function $8b282f736ce4f3b8$export$e026af0c7b64ea5f({ selected_filters_: selected
 
 
 
-function $ad118c2ba257d9b7$export$84bba84a7b837187(search_query) {
+function $ad118c2ba257d9b7$export$84bba84a7b837187(read_search_query) {
     const ls = localStorage;
     const key = "depict_searches";
     const previous_searches = (0, $46MJV$solidjs.createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
-    const [read_search_query] = search_query;
     (0, $46MJV$solidjs.createEffect)((0, $46MJV$depictaiutilishared.catchify)(()=>{
         const json_encoded = JSON.stringify(read_previous_searches());
         if (ls[key] !== json_encoded) ls[key] = json_encoded;
@@ -6129,9 +6211,9 @@ function $ad118c2ba257d9b7$export$84bba84a7b837187(search_query) {
 
 
 
-async function $1c323edfb89c9dca$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_ , search_query_: [read_search_query] , url_transformer_: url_transformer_ , router_: router_ , after_submit_: after_submit_ , get_new_query: get_new_query  }) {
+async function $1c323edfb89c9dca$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, $46MJV$solidjs.untrack)(read_search_query);
+    const previous_query = (0, $46MJV$solidjs.untrack)(get_search_query_);
     if (previous_query === new_search_query && new URLSearchParams(location.search).has(search_param_name_)) {
         // don't push a history entry / re-search if someone submits a search again
         // do close the modal though
@@ -6155,32 +6237,6 @@ async function $1c323edfb89c9dca$export$e16630ecb9644a1c({ on_submit_with_unchan
 
 
 
-function $690220645373c65e$export$2542ffb77b620b02(params_to_default_value) {
-    // TODO: remove this abstraction, put it in same place as filters
-    // TODO: make it only return an accessor
-    const signals = {};
-    const entries = Object.entries(params_to_default_value);
-    for (const [param, default_value] of entries)signals[param] = (0, $46MJV$solidjs.createSignal)(default_value ?? "");
-    const [exit_iterable, exitable_iterable] = (0, $46MJV$depictaiutilishared.make_asyncIterable_exiter)((0, $46MJV$depictaiutilishared.href_change_ipns));
-    (0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.catchify)(exit_iterable));
-    (0, $46MJV$depictaiutilishared.catchify)(async ()=>{
-        for await (const href of exitable_iterable){
-            const { searchParams: searchParams  } = new URL(href);
-            for (const [param, default_value] of entries){
-                const [_get, set] = signals[param];
-                if (searchParams.has(param)) {
-                    const new_val = searchParams.get(param) ?? default_value ?? "";
-                    set(new_val);
-                } else set(default_value ?? "");
-            }
-        }
-    })();
-    return signals;
-}
-
-
-
-
 
 
 
@@ -6217,8 +6273,10 @@ function $690220645373c65e$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
+
+
 const $1bf0125991f2d39b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="orig price"></span>`, 2), $1bf0125991f2d39b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="instant-card"><div class="img-part"></div><div class="right-part"><div class="title-brand-tagline"><span class="brand"></span><span class="title"></span></div><div class="price-container"><span class="price"></span></div></div></a>`, 16), $1bf0125991f2d39b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="tagline"></div>`, 2);
-const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n , market: market  })=>{
+const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n , market: market  }, router_)=>{
     const display = (0, $46MJV$solidjs.createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
@@ -6230,11 +6288,6 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
             };
         }
         if (display.page_url) return display;
-        // Support for post-migration (but still old basic format) Stronger displays, with slug but without page_url
-        if (display.slug) {
-            display.page_url = `/${market}/` + display.slug;
-            return display;
-        }
         // Support for Spendrups displays, used by our frontend script and Spendrups coming react-ui integration.
         if (!display?.variants?.length) return;
         return display.variants.filter((v)=>v.product_id == display.product_id)[0];
@@ -6252,8 +6305,14 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
             init_with_placeholder: true
         }));
     const is_sale = (0, $46MJV$solidjs.createMemo)(()=>display().sale_price !== display().original_price);
+    const href = (0, $46MJV$solidjs.createMemo)(()=>display().page_url);
     const returnVal = (()=>{
         const _el$ = $1bf0125991f2d39b$var$_tmpl$2.cloneNode(true), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$4.nextSibling, _el$9 = _el$7.firstChild;
+        (0, $46MJV$solidjsweb.addEventListener)(_el$, "click", (0, $46MJV$depictaiutilishared.catchify)((event_)=>router_.navigate_.go_to_({
+                new_url_: href(),
+                is_replace_: false,
+                event_: event_
+            })), true);
         (0, $46MJV$solidjsweb.insert)(_el$2, contained_image);
         (0, $46MJV$solidjsweb.insert)(_el$5, ()=>display().brand);
         (0, $46MJV$solidjsweb.insert)(_el$6, ()=>display().title);
@@ -6275,22 +6334,30 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
             get children () {
                 const _el$8 = $1bf0125991f2d39b$var$_tmpl$.cloneNode(true);
                 (0, $46MJV$solidjsweb.insert)(_el$8, ()=>i18n.price_formatting_().pre_, null);
-                (0, $46MJV$solidjsweb.insert)(_el$8, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                        price_: (0, $46MJV$solidjs.createMemo)(()=>display().original_price),
-                        price_formatting_: i18n.price_formatting_
-                    }), null);
+                (0, $46MJV$solidjsweb.insert)(_el$8, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+                    get price_ () {
+                        return display().original_price;
+                    },
+                    get price_formatting_ () {
+                        return i18n.price_formatting_();
+                    }
+                }), null);
                 (0, $46MJV$solidjsweb.insert)(_el$8, ()=>i18n.price_formatting_().post_, null);
                 return _el$8;
             }
         }), _el$9);
         (0, $46MJV$solidjsweb.insert)(_el$9, ()=>i18n.price_formatting_().pre_, null);
-        (0, $46MJV$solidjsweb.insert)(_el$9, ()=>(0, $5fc9fc23df1591db$export$469c7af753d08925)({
-                price_: (0, $46MJV$solidjs.createMemo)(()=>display().sale_price),
-                price_formatting_: i18n.price_formatting_
-            }), null);
+        (0, $46MJV$solidjsweb.insert)(_el$9, (0, $46MJV$solidjsweb.createComponent)((0, $5fc9fc23df1591db$export$a71e92cfbb498adc), {
+            get price_ () {
+                return display().sale_price;
+            },
+            get price_formatting_ () {
+                return i18n.price_formatting_();
+            }
+        }), null);
         (0, $46MJV$solidjsweb.insert)(_el$9, ()=>i18n.price_formatting_().post_, null);
         (0, $46MJV$solidjsweb.effect)((_p$)=>{
-            const _v$ = display().page_url, _v$2 = !!is_sale();
+            const _v$ = href(), _v$2 = !!is_sale();
             _v$ !== _p$._v$ && (0, $46MJV$solidjsweb.setAttribute)(_el$, "href", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && _el$9.classList.toggle("sales-price", _p$._v$2 = _v$2);
             return _p$;
@@ -6303,10 +6370,13 @@ const $1bf0125991f2d39b$export$b05c0ae390cf3e06 = (display_or_variant_container,
     // This solves a JSX type issue where the return value does not match with the explicit JSX.Element type for some reason
     return returnVal;
 };
+(0, $46MJV$solidjsweb.delegateEvents)([
+    "click"
+]);
 
 
 const $4cadf33fd6aaf4b6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="instant-results"></div>`, 2);
-function $4cadf33fd6aaf4b6$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_  }) {
+function $4cadf33fd6aaf4b6$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, $46MJV$solidjs.createSignal)("");
     let timeout;
@@ -6364,7 +6434,7 @@ function $4cadf33fd6aaf4b6$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
                             i18n: i18n_,
                             merchant: tenant_(),
                             market: market_()
-                        }), tenant_, market_)
+                        }, router_), tenant_, market_)
                 });
             }
         }));
@@ -6670,14 +6740,14 @@ function $5a0afe153acd45d7$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 
 
 const $aabe56c678fa29ec$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<a class="suggestion"></a>`, 2), $aabe56c678fa29ec$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="search-icon"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<span class="type"></span>`, 2), $aabe56c678fa29ec$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div><span class="value"></span></div>`, 4), $aabe56c678fa29ec$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<h2 class="text"></h2>`, 2), $aabe56c678fa29ec$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestion-container query"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestion-container page"></div>`, 2), $aabe56c678fa29ec$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="suggestions"></div>`, 2);
-function $aabe56c678fa29ec$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_page_url_param_name_: search_page_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , router_: router_ , submit_query_: submit_query_  }) {
+function $aabe56c678fa29ec$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, $46MJV$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title  })=>type === (0, $81eea900c72d569b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
         ));
     const not_queries_memo = (0, $46MJV$solidjs.createMemo)(()=>suggestion_memo_().filter(({ type: type  })=>type !== (0, $81eea900c72d569b$export$3cf9497e790da491)));
     const render_entry = (input_obj, autocomplete_data_index, index, is_history = false)=>{
         const is_query = (0, $46MJV$solidjs.createMemo)(()=>input_obj().type === (0, $81eea900c72d569b$export$3cf9497e790da491));
         const href_with_changed_params_accessor = (0, $46MJV$solidjs.createMemo)(()=>is_query() ? (0, $41151dd3f5de2c98$export$91c3b6774e8be0f5)({
-                param_: search_page_url_param_name_,
+                param_: search_query_url_param_name_,
                 value_: (0, $46MJV$solidjs.createMemo)(()=>input_obj().title),
                 url_transformer_: url_transformer_
             }) : undefined);
@@ -7013,7 +7083,7 @@ function $bc74fbd61efdd8a5$var$open_link_on_cmd_pressed(e, href) {
 
 
 const $81eea900c72d569b$export$3cf9497e790da491 = "query";
-function $81eea900c72d569b$export$2f2b9559550c7bbc({ search_field_value_: search_field_value_ , search_query_: [get_search_query_] , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: unfiltered_previous_searches , previous_searches_text_: previous_searches_text_ , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , input_field_: input_field_ , url_transformer_: url_transformer_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_override_on_enter_fn_: set_override_on_enter_fn_ , selected_index_: selected_index_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , submit_query_: submit_query_ , router_: router_  }) {
+function $81eea900c72d569b$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, $46MJV$solidjs.createSignal)();
     const [read_search_field_value] = search_field_value_;
     const updating_blocked = (0, $46MJV$solidjs.createSignal)(false);
@@ -7054,7 +7124,7 @@ function $81eea900c72d569b$export$2f2b9559550c7bbc({ search_field_value_: search
         updating_blocked_: updating_blocked,
         currently_showing_suggestions_: currently_showing_suggestions_,
         set_override_on_enter_fn_: set_override_on_enter_fn_,
-        search_query_param_name_: search_page_url_param_name_,
+        search_query_param_name_: search_query_url_param_name_,
         url_transformer_: url_transformer_,
         router_: router_
     });
@@ -7069,7 +7139,7 @@ function $81eea900c72d569b$export$2f2b9559550c7bbc({ search_field_value_: search
                     get set_unfiltered_previous_searches_ () {
                         return unfiltered_previous_searches[1];
                     },
-                    search_query_param_name_: search_page_url_param_name_,
+                    search_query_param_name_: search_query_url_param_name_,
                     text_: previous_searches_text_,
                     get previous_searches_ () {
                         return (0, $46MJV$solidjs.createMemo)(()=>filtered_previous_searches().slice(0, 5));
@@ -7096,7 +7166,7 @@ function $81eea900c72d569b$export$2f2b9559550c7bbc({ search_field_value_: search
             i18n_: i18n_,
             url_transformer_: url_transformer_,
             searching_for_value_: searching_for_value,
-            search_page_url_param_name_: search_page_url_param_name_,
+            search_query_url_param_name_: search_query_url_param_name_,
             selected_index_: selected_index_,
             suggestion_memo_: read_suggestion_signal,
             currently_showing_suggestions_: currently_showing_suggestions_,
@@ -7131,13 +7201,13 @@ function $fe1bd893954cc9ca$export$c7e181728ad525f(url) {
 }
 
 
-function $4ee1f6be4255fde6$export$3340fdd8259bd4fd({ get_search_field_value_: get_search_field_value_ , search_page_url_param_name_: search_page_url_param_name_ , url_transformer_: url_transformer_ , get_search_query_: get_search_query_  }) {
+function $4ee1f6be4255fde6$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_  }) {
     let debounce_timeout;
     const stop_timeout = ()=>clearTimeout(debounce_timeout);
     const send_to_ga = (0, $46MJV$depictaiutilishared.catchify)(()=>{
         const fake_url = new URL(location.href);
         const { searchParams: searchParams  } = fake_url;
-        searchParams.set(search_page_url_param_name_, (0, $46MJV$solidjs.untrack)(get_search_field_value_));
+        searchParams.set(search_query_url_param_name_, (0, $46MJV$solidjs.untrack)(get_search_field_value_));
         searchParams.set("instant_result", "true");
         url_transformer_?.(fake_url);
         (0, $fe1bd893954cc9ca$export$c7e181728ad525f)(fake_url);
@@ -7188,7 +7258,7 @@ function $4a976b492943589f$export$f021bdedd3ec901a(props) {
 
 
 const $121d25ca6af2898f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $121d25ca6af2898f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2), $121d25ca6af2898f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $121d25ca6af2898f$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
-function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_search_field_value , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $46MJV$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 $121d25ca6af2898f$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, $46MJV$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
@@ -7215,7 +7285,7 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
         equals: false
     });
     if (disable_scrolling_) (0, $fa41c421eb980e23$export$fe334901e8bebd57)();
-    $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
+    $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal_, search_query_url_param_name_);
     window.addEventListener("keydown", close_on_escape_handler);
     (0, $46MJV$solidjs.onCleanup)((0, $46MJV$depictaiutilishared.catchify)(()=>window.removeEventListener("keydown", close_on_escape_handler)));
     const owner = (0, $46MJV$solidjs.getOwner)();
@@ -7240,8 +7310,8 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
     (0, $4ee1f6be4255fde6$export$3340fdd8259bd4fd)({
         get_search_field_value_: get_search_field_value_,
         url_transformer_: url_transformer_,
-        search_page_url_param_name_: search_page_url_param_name_,
-        get_search_query_: search_query_[0]
+        search_query_url_param_name_: search_query_url_param_name_,
+        get_search_query_: get_search_query_
     });
     const random_classname = (0, $46MJV$depictaiutilishared.make_random_classname)();
     const body_style = (0, $46MJV$solidjs.createMemo)(()=>{
@@ -7258,7 +7328,6 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
         input_field_ref_: (element)=>set_input_field(element),
         override_on_enter_: (e)=>on_enter_in_search_field_function?.(e),
         on_back_: close_modal_,
-        search_query_: search_query_,
         search_field_value_: search_field_value_,
         submit_query_: submit_query_,
         clear_filters_: clear_filters_,
@@ -7290,9 +7359,9 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
                     get previous_searches_text_ () {
                         return i18n_.previous_searches_text_;
                     },
-                    search_query_: search_query_,
+                    get_search_query_: get_search_query_,
                     previous_searches_: previous_searches_,
-                    search_page_url_param_name_: search_page_url_param_name_,
+                    search_query_url_param_name_: search_query_url_param_name_,
                     market_: market_,
                     tenant_: tenant_,
                     selected_index_: selected_index,
@@ -7317,6 +7386,7 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
                     i18n_: i18n_,
                     market_: market_,
                     set_num_results_accessor_: set_num_results_accessor_,
+                    router_: router_,
                     ...instant_results_options_
                 });
             }
@@ -7349,7 +7419,7 @@ function $121d25ca6af2898f$export$1c593cbd6f1e10bc({ search_field_value_: props_
         })()
     ];
 }
-function $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal, search_page_url_param_name_) {
+function $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal, search_query_url_param_name_) {
     const [exit_iterable, exitable_iterable] = (0, $46MJV$depictaiutilishared.make_asyncIterable_exiter)((0, $46MJV$depictaiutilishared.href_change_ipns));
     let set_initial_values = false;
     let old_pathname;
@@ -7359,7 +7429,7 @@ function $121d25ca6af2898f$var$close_modal_when_navigating_away(close_modal, sea
         for await (const href of exitable_iterable){
             const u_o = new URL(href);
             const new_pathname = u_o.pathname;
-            const new_param_value = u_o.searchParams.get(search_page_url_param_name_);
+            const new_param_value = u_o.searchParams.get(search_query_url_param_name_);
             if (set_initial_values) {
                 if (new_param_value !== old_param_value || new_pathname !== old_pathname) {
                     // close modal when pathname or query changes
@@ -7448,9 +7518,9 @@ function $ea038dec4ee16624$export$c05a196222ba1302({ suggestions_: suggestions_
 
 
 const $297ca03cb5dd5701$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<b></b>`, 2), $297ca03cb5dd5701$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="results-for"></div>`, 2);
-function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_  }) {
+function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ get_search_query_: get_search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_  }) {
     const contents = (0, $46MJV$solidjs.createMemo)((0, $46MJV$depictaiutilishared.catchify)(()=>{
-        const q = search_query_[0]();
+        const q = get_search_query_();
         return i18n_.get_showing_results_for_()((()=>{
             const _el$ = $297ca03cb5dd5701$var$_tmpl$.cloneNode(true);
             (0, $46MJV$solidjsweb.insert)(_el$, q);
@@ -7477,7 +7547,7 @@ function $297ca03cb5dd5701$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 const $93779a41dce11249$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="filter-results-for-one-row"></div>`, 2), $93779a41dce11249$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$46MJV$solidjsweb.template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $93779a41dce11249$export$a54ec244c8863715(opts) {
-    const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , search_query_: search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_  } = opts;
+    const { 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_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , rr_options_: rr_options_ , recommendations_rr_options_: recommendations_rr_options_ = rr_options_ , search_recs_view_more_: search_recs_view_more_ , get_product_id_: get_product_id_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_  } = opts;
     const tenant_object_ = new (0, $46MJV$depictaiutilishared.Tenant)({
         TENANT: (0, $46MJV$solidjs.untrack)(tenant_),
         MARKET: (0, $46MJV$solidjs.untrack)(market_),
@@ -7485,7 +7555,6 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         get_product_id: get_product_id_
     });
     const [get_sorting] = current_sorting_;
-    const [get_search_query] = search_query_;
     const all_products_loaded_ = (0, $46MJV$solidjs.createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
     const number_of_rendered_selected_filters_items_ = (0, $46MJV$solidjs.createSignal)(0);
@@ -7501,7 +7570,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         return {
             tenant: tenant_(),
             market: market_(),
-            query: get_search_query(),
+            query: get_search_query_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -7514,7 +7583,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         set_all_products_loaded(false);
         // only first page of results
         return await (0, $151280ad98f4438b$export$cc42dd29bf655ab6)({
-            id_: (0, $46MJV$solidjs.untrack)(get_search_query),
+            id_: (0, $46MJV$solidjs.untrack)(get_search_query_),
             min_products_to_fetch_: min_products_to_fetch_,
             scroll_restoration_data_: scroll_restoration_data_,
             make_request_: (limit, cursor)=>depict_api_.query({
@@ -7527,7 +7596,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         });
     }));
     const [suggestions] = (0, $46MJV$solidjs.createResource)((0, $46MJV$solidjs.createMemo)(()=>({
-            query: search_query_[0](),
+            query: get_search_query_(),
             tenant: tenant_(),
             market: market_()
         })), (opts)=>depict_api_.suggest(opts));
@@ -7544,7 +7613,6 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         let div_with_field_class;
         search_field = SafeSearchField({
             i18n_: i18n_,
-            search_query_: search_query_,
             search_field_value_: search_field_value_,
             submit_query_: submit_query_,
             clear_filters_: clear_filters_on_next_submit_,
@@ -7582,7 +7650,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
     });
     const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $46MJV$solidjs.createSignal)();
     const results_for = (0, $46MJV$solidjsweb.createComponent)((0, $297ca03cb5dd5701$export$9dd50d35b9d94fdf), {
-        search_query_: search_query_,
+        get_search_query_: get_search_query_,
         i18n_: i18n_,
         formatted_number_of_results_: formatted_number_of_results_
     });
@@ -7621,7 +7689,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
     (0, $46MJV$depictaiutilishared.catchify)((0, $151280ad98f4438b$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
         last_result_in_viewport_: last_result_in_viewport_,
-        id_: get_search_query,
+        id_: get_search_query_,
         can_write_scroll_restoration_: can_write_scroll_restoration_
     });
     (0, $46MJV$solidjs.createComputed)(()=>{
@@ -7633,7 +7701,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
         available_filters_: available_filters_
     });
     (0, $46MJV$solidjs.createEffect)(()=>{
-        get_search_query();
+        get_search_query_();
         (0, $fe1bd893954cc9ca$export$c7e181728ad525f)(location);
     });
     (0, $46MJV$solidjs.createComputed)(()=>{
@@ -7700,7 +7768,7 @@ function $93779a41dce11249$export$a54ec244c8863715(opts) {
                         sort_or_filter_open_: sort_or_filter_open_,
                         tenant_object_: tenant_object_,
                         type_for_tracking_: "search",
-                        id_currently_querying_for_: get_search_query,
+                        id_currently_querying_for_: get_search_query_,
                         no_results_options_: {
                             selected_filters_: selected_filters_,
                             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
@@ -7813,13 +7881,17 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
     #modal_open_signal = (0, $46MJV$solidjs.createSignal)(false);
     static #has_been_constructed = false;
     #router = new (0, $43940d5ca403c293$export$7e1297a3a19f10d8)("hard_navigation");
-    constructor({ search_query_url_param_name: search_query_url_param_name = "query" , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
-    disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal_: bottom_distance_under_modal_ , render_instant_card: render_instant_card , ...props_on_class }){
+    constructor({ search_query_url_param_name: search_query_url_param_name_ = "query" , url_transformer: url_transformer , on_navigation: on_navigation , enable_category_suggestions: enable_category_suggestions = true , disable_scrolling_during_modal: // Stuff needed for non-standard customer deployments that we shouldn't actually expose
+    disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         if ($79fbf145b15af988$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
         Object.assign(this, props_on_class);
-        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_  } = (0, $004640621ca953d0$export$7bcff1eb3eca57d7)(this.#router);
+        if (on_navigation) this.#router.on_navigation_ = on_navigation;
+        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $cb699e435fadd254$export$477caf01aecaeb2a)({
+            search_query_url_param_name_: search_query_url_param_name_,
+            router_: this.#router
+        });
         const [reset_history_state_, state_] = (0, $0de081f67b6d15b5$export$9862539c89138352)(()=>({
-                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
+                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
                 search_filters_open: false,
                 search_sorting_open: false,
                 search_expanded_filters: [],
@@ -7828,14 +7900,15 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
                 search_expanded_hierarchical_filters: [],
                 search_showing_recommendation_rows: (0, $9f81b7ced87aabf2$export$1c8c715550dc689d),
                 search_scroll_restoration_data: []
-            }));
+            }), this.#router);
         const search_query_updating_blocked_ = (0, $46MJV$solidjs.createSignal)(false);
-        const { [search_query_url_param_name]: raw_search_query_signal  } = (0, $690220645373c65e$export$2542ffb77b620b02)({
-            [search_query_url_param_name]: ""
+        const [get_search_query_updating_blocked] = search_query_updating_blocked_;
+        const get_search_query_ = (0, $46MJV$solidjs.createMemo)((previous_value)=>{
+            if (get_search_query_updating_blocked()) return previous_value;
+            else return raw_search_query_accessor();
         });
-        const search_query_signal_ = (0, $46MJV$solidjs.createSignal)((0, $46MJV$solidjs.untrack)(raw_search_query_signal[0]));
         const depict_api_ = api ?? new (0, $9ce64f69303c371e$export$e015ed2f2950f2e3)();
-        const previous_searches = (0, $ad118c2ba257d9b7$export$84bba84a7b837187)(search_query_signal_);
+        const previous_searches = (0, $ad118c2ba257d9b7$export$84bba84a7b837187)(get_search_query_);
         const [, set_search_showing_recommendation_rows] = state_.search_showing_recommendation_rows;
         const after_submit_ = ()=>set_search_showing_recommendation_rows((0, $9f81b7ced87aabf2$export$1c8c715550dc689d)); // do this every time after we have submitted a new query - otherwise there might already be a saved number of rows in the state
         const on_submit_with_unchanged_value_ = ()=>this.modal_open = false;
@@ -7843,31 +7916,24 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
         const configured_submit_query_ = (new_query)=>(0, $1c323edfb89c9dca$export$e16630ecb9644a1c)({
                 on_submit_with_unchanged_value_: on_submit_with_unchanged_value_,
                 set_search_field_value_: set_search_field_value_,
-                search_query_: search_query_signal_,
-                search_param_name_: search_query_url_param_name,
-                url_transformer_: url_transformer,
+                get_search_query_: get_search_query_,
+                search_param_name_: search_query_url_param_name_,
                 after_submit_: after_submit_,
                 get_new_query: ()=>new_query || (0, $46MJV$solidjs.untrack)(get_search_field_value_),
+                url_transformer_: url_transformer,
                 router_: this.#router
             });
         const i18n_ = (0, $623202ae203e9e59$export$f091cbac892643a4)(this.#locale_signal[0]);
         const clear_filters_on_next_submit_ = (0, $8b282f736ce4f3b8$export$e026af0c7b64ea5f)({
             selected_filters_: selected_filters_,
-            search_query_: search_query_signal_,
+            get_search_query_: get_search_query_,
             current_sorting_: current_sorting_,
             expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
             i18n_: i18n_,
             local_filter_cache_: state_.search_local_filter_cache
         });
-        if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        (0, $46MJV$solidjs.createComputed)(()=>{
-            const [get_search_query_updating_blocked] = search_query_updating_blocked_;
-            const [get_raw_search_query_signal] = raw_search_query_signal;
-            const [, set_search_query_signal] = search_query_signal_; // this signal won't get written from anywhere, see url_params_to_signals JSDoc
-            if (!get_search_query_updating_blocked()) set_search_query_signal(get_raw_search_query_signal());
-        });
         $79fbf145b15af988$var$privately_shared_properties.set(this, {
-            search_query_url_param_name_: search_query_url_param_name,
+            search_query_url_param_name_: search_query_url_param_name_,
             reset_history_state_: reset_history_state_,
             state_: state_,
             router_: this.#router,
@@ -7876,7 +7942,7 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
             enable_category_suggestions_: enable_category_suggestions,
             clear_filters_on_next_submit_: clear_filters_on_next_submit_,
             configured_submit_query_: configured_submit_query_,
-            search_query_signal_: search_query_signal_,
+            get_search_query_: get_search_query_,
             i18n_: i18n_,
             search_query_updating_blocked_: search_query_updating_blocked_,
             current_sorting_: current_sorting_,
@@ -7890,8 +7956,8 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
                 return (0, $121d25ca6af2898f$export$1c593cbd6f1e10bc)(...args);
             }, {
                 search_field_value_: state_.search_field_value,
-                search_query_: search_query_signal_,
-                search_page_url_param_name_: search_query_url_param_name,
+                get_search_query_: get_search_query_,
+                search_query_url_param_name_: search_query_url_param_name_,
                 previous_searches_: previous_searches,
                 depict_api_: depict_api_,
                 tenant_: this.#merchant_signal[0],
@@ -7909,7 +7975,7 @@ class $79fbf145b15af988$export$ac6237957a15b3f0 {
                 i18n_: i18n_,
                 enable_category_suggestions_: enable_category_suggestions,
                 disable_scrolling_: disable_scrolling_during_modal,
-                bottom_distance_under_modal_: bottom_distance_under_modal_
+                bottom_distance_under_modal_: bottom_distance_under_modal
             });
             // This will add some default behaviour to open_modal_ if no style_props_ are supplied
             // The default behaviour is to align the modal with the input field if possible
@@ -8039,7 +8105,7 @@ function $79fbf145b15af988$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             min_products_to_fetch_: $79fbf145b15af988$var$min_products_to_fetch_,
             local_filter_cache_: state_.search_local_filter_cache,
             search_field_value_: state_.search_field_value,
-            search_query_: shared_properties.search_query_signal_,
+            get_search_query_: shared_properties.get_search_query_,
             clear_filters_on_next_submit_: shared_properties.clear_filters_on_next_submit_,
             open_modal_: (...args)=>depict_search.modal_open = args,
             submit_query_: shared_properties.configured_submit_query_,
@@ -8104,9 +8170,6 @@ function $79fbf145b15af988$export$316f6f283ae64765({ depict_search: depict_searc
     return (0, $f27b0b326e0a87e2$export$23fca46f3143581f)(()=>{
         let input_element;
         const search_field = (0, $46MJV$solidjsweb.createComponent)((0, $2989e355f64e18e1$export$b94867ecbd698f21), {
-            get search_query_ () {
-                return shared_properties.search_query_signal_;
-            },
             get search_field_value_ () {
                 return shared_properties.state_.search_field_value;
             },