@depict-ai/ui 0.0.78 → 0.0.80

package/dist/module.js

@@ -1,9 +1,9 @@
-import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, base_url as $g9l4l$base_url, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, dlog as $g9l4l$dlog, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Tenant as $g9l4l$Tenant, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, default_rr as $g9l4l$default_rr, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, Lazyfier as $g9l4l$Lazyfier, queueMacroTask as $g9l4l$queueMacroTask, deparallelize as $g9l4l$deparallelize, Rec_Renderer as $g9l4l$Rec_Renderer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, normal_get_product_id as $g9l4l$normal_get_product_id, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, make_placeholder_rr as $g9l4l$make_placeholder_rr, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, depict_click as $g9l4l$depict_click, impression_track_element as $g9l4l$impression_track_element, add_new_tab_listener as $g9l4l$add_new_tab_listener, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
-import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, classList as $g9l4l$classList, memo as $g9l4l$memo, style as $g9l4l$style, mergeProps as $g9l4l$mergeProps, className as $g9l4l$className} from "solid-js/web";
-import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, createRenderEffect as $g9l4l$createRenderEffect, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, createReaction as $g9l4l$createReaction, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, Index as $g9l4l$Index, For as $g9l4l$For} from "solid-js";
+import {add_to_version_info as $g9l4l$add_to_version_info, fetch_recs as $g9l4l$fetch_recs, snakeCasifyObject as $g9l4l$snakeCasifyObject, GenericSliderArrowButton as $g9l4l$GenericSliderArrowButton, catchify as $g9l4l$catchify, base_url as $g9l4l$base_url, get_depict_id as $g9l4l$get_depict_id, get_user_id as $g9l4l$get_user_id, get_session_id as $g9l4l$get_session_id, dlog as $g9l4l$dlog, make_url_with_query_params as $g9l4l$make_url_with_query_params, fetch_retry as $g9l4l$fetch_retry, add_version_query_params as $g9l4l$add_version_query_params, sort_obj as $g9l4l$sort_obj, Tenant as $g9l4l$Tenant, Placeholder as $g9l4l$Placeholder, report as $g9l4l$report, javascript_media_query as $g9l4l$javascript_media_query, standard_price_format as $g9l4l$standard_price_format, deparallelize_no_drop as $g9l4l$deparallelize_no_drop, default_rr as $g9l4l$default_rr, make_random_classname as $g9l4l$make_random_classname, n_col_styling_with_dist as $g9l4l$n_col_styling_with_dist, observer as $g9l4l$observer, Lazyfier as $g9l4l$Lazyfier, queueMacroTask as $g9l4l$queueMacroTask, deparallelize as $g9l4l$deparallelize, Rec_Renderer as $g9l4l$Rec_Renderer, CrossIcon as $g9l4l$CrossIcon, useExpandingContainer as $g9l4l$useExpandingContainer, Amazing_Slider as $g9l4l$Amazing_Slider, slider_snap_css as $g9l4l$slider_snap_css, slider_fading_factory as $g9l4l$slider_fading_factory, MinusIcon as $g9l4l$MinusIcon, FilterIcon as $g9l4l$FilterIcon, SortIconAsc as $g9l4l$SortIconAsc, SortIconDesc as $g9l4l$SortIconDesc, PlusIcon as $g9l4l$PlusIcon, hsl_to_rgb as $g9l4l$hsl_to_rgb, relative_luminance_from_rgb as $g9l4l$relative_luminance_from_rgb, TickIcon as $g9l4l$TickIcon, ArrowUp as $g9l4l$ArrowUp, instant_exec_on_suspect_history_change as $g9l4l$instant_exec_on_suspect_history_change, dwarn as $g9l4l$dwarn, normal_get_product_id as $g9l4l$normal_get_product_id, ContainedPlaceholderImage as $g9l4l$ContainedPlaceholderImage, BackIcon as $g9l4l$BackIcon, SearchIcon as $g9l4l$SearchIcon, Layout as $g9l4l$Layout, make_placeholder_rr as $g9l4l$make_placeholder_rr, async_iterable_ipns as $g9l4l$async_iterable_ipns, make_asyncIterable_exiter as $g9l4l$make_asyncIterable_exiter, href_change_ipns as $g9l4l$href_change_ipns, depict_click as $g9l4l$depict_click, impression_track_element as $g9l4l$impression_track_element, add_new_tab_listener as $g9l4l$add_new_tab_listener, ContainedImage as $g9l4l$ContainedImage, buildThresholdList as $g9l4l$buildThresholdList, PreviousSearchIcon as $g9l4l$PreviousSearchIcon, insert_surfaces as $g9l4l$insert_surfaces} from "@depict-ai/utilishared";
+import {template as $g9l4l$template, insert as $g9l4l$insert, effect as $g9l4l$effect, setAttribute as $g9l4l$setAttribute, createComponent as $g9l4l$createComponent, use as $g9l4l$use, addEventListener as $g9l4l$addEventListener, delegateEvents as $g9l4l$delegateEvents, spread as $g9l4l$spread, classList as $g9l4l$classList, memo as $g9l4l$memo, style as $g9l4l$style, Dynamic as $g9l4l$Dynamic, mergeProps as $g9l4l$mergeProps, className as $g9l4l$className} from "solid-js/web";
+import {createSignal as $g9l4l$createSignal, onCleanup as $g9l4l$onCleanup, createComputed as $g9l4l$createComputed, createRenderEffect as $g9l4l$createRenderEffect, createEffect as $g9l4l$createEffect, untrack as $g9l4l$untrack, batch as $g9l4l$batch, createResource as $g9l4l$createResource, createMemo as $g9l4l$createMemo, Show as $g9l4l$Show, runWithOwner as $g9l4l$runWithOwner, createRoot as $g9l4l$createRoot, getOwner as $g9l4l$getOwner, createReaction as $g9l4l$createReaction, on as $g9l4l$on, ErrorBoundary as $g9l4l$ErrorBoundary, Index as $g9l4l$Index, For as $g9l4l$For} from "solid-js";
 import {compressToBase64 as $g9l4l$compressToBase64, decompressFromBase64 as $g9l4l$decompressFromBase64} from "lz-string";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.78";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.80";
 
 
 
@@ -25,25 +25,28 @@ async function $e95f1855a5e3864f$export$58e808b1db15d3bc({ merchant: merchant ,
 
 
 
-function $014a147d094b0d08$export$e183a13865960371(params_to_default_value) {
+function $014a147d094b0d08$export$e183a13865960371(params_to_default_value, router_) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
     const event_handler = (0, $g9l4l$catchify)(({ state: state  })=>$014a147d094b0d08$var$history_state_change(signals, entries, state));
-    for (const [param, default_value] of entries){
-        const [read_signal] = signals[param] = (0, $g9l4l$createSignal)(history.state?.[param] ?? default_value);
-        (0, $g9l4l$createComputed)((0, $g9l4l$catchify)(()=>{
+    // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
+    (0, $g9l4l$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, $g9l4l$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, $g9l4l$onCleanup)((0, $g9l4l$catchify)(()=>window.removeEventListener("popstate", event_handler)));
-    (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(()=>(0, $g9l4l$untrack)((0, $g9l4l$catchify)(()=>$014a147d094b0d08$var$history_state_change(signals, entries, history.state))))); // we need this to run after the first writing
+    (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(()=>(0, $g9l4l$untrack)((0, $g9l4l$catchify)(()=>$014a147d094b0d08$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 $014a147d094b0d08$var$history_state_change(signals, entries, state) {
@@ -57,8 +60,8 @@ function $014a147d094b0d08$var$history_state_change(signals, entries, state) {
 }
 
 
-function $3075a4497054bec6$export$9862539c89138352(get_default_values_) {
-    const state = (0, $014a147d094b0d08$export$e183a13865960371)(get_default_values_());
+function $3075a4497054bec6$export$9862539c89138352(get_default_values_, router_) {
+    const state = (0, $014a147d094b0d08$export$e183a13865960371)(get_default_values_(), router_);
     const reset_state = ()=>{
         const new_defaults = get_default_values_();
         for(const key in state){
@@ -283,8 +286,12 @@ function $925024900e36130f$export$92f2da32c6e7e7ee({ search_results_: search_res
 
 
 
-function $5178263ed1e394ca$export$469c7af753d08925({ price_: price_ , price_formatting_: price_formatting_  }) {
-    return (0, $g9l4l$createMemo)(()=>(0, $g9l4l$standard_price_format)(price_(), price_formatting_().places_after_comma_, price_formatting_().decimal_places_delimiter_, price_formatting_().thousands_delimiter_));
+
+function $5178263ed1e394ca$export$a71e92cfbb498adc(props) {
+    return (0, $g9l4l$createMemo)(()=>{
+        const price_formatting = props.price_formatting_;
+        return (0, $g9l4l$standard_price_format)(props.price_, price_formatting.places_after_comma_, price_formatting.decimal_places_delimiter_, price_formatting.thousands_delimiter_);
+    });
 }
 
 
@@ -391,19 +398,27 @@ function $51b5c03492337d58$export$83fd5de5504a7a67({ formatted_number_of_results
         }));
     });
     return (()=>{
-        const _el$ = $51b5c03492337d58$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$ = $51b5c03492337d58$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, $g9l4l$use)(_ref$, _el$) : element = _el$;
-        (0, $g9l4l$insert)(_el$3, (0, $5178263ed1e394ca$export$469c7af753d08925)({
-            price_: first_to_show,
-            price_formatting_: modified_price_formatting_
+        (0, $g9l4l$insert)(_el$3, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+            get price_ () {
+                return first_to_show();
+            },
+            get price_formatting_ () {
+                return modified_price_formatting_();
+            }
         }));
-        (0, $g9l4l$insert)(_el$6, (0, $5178263ed1e394ca$export$469c7af753d08925)({
-            price_: last_to_show,
-            price_formatting_: modified_price_formatting_
+        (0, $g9l4l$insert)(_el$7, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+            get price_ () {
+                return last_to_show();
+            },
+            get price_formatting_ () {
+                return modified_price_formatting_();
+            }
         }));
-        (0, $g9l4l$insert)(_el$2, of_, _el$10);
-        (0, $g9l4l$insert)(_el$9, count_to_show);
+        (0, $g9l4l$insert)(_el$2, of_, _el$11);
+        (0, $g9l4l$insert)(_el$10, count_to_show);
         return _el$;
     })();
 }
@@ -678,7 +693,8 @@ function $af89070cc0052779$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, $g9l4l$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;
     }
@@ -1349,16 +1365,24 @@ function $a7abb08807717ef9$export$fecbb157621501bd({ number_of_rendered_selected
                                                                 };
                                                                 (0, $g9l4l$insert)(_el$5, (0, $g9l4l$createComponent)((0, $g9l4l$CrossIcon), {}), _el$6);
                                                                 (0, $g9l4l$insert)(_el$6, ()=>price_formatting_().pre_, _el$7);
-                                                                (0, $g9l4l$insert)(_el$6, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                                                                        price_: (0, $g9l4l$createMemo)(()=>filter().data[0]),
-                                                                        price_formatting_: price_formatting_
-                                                                    }), _el$7);
+                                                                (0, $g9l4l$insert)(_el$6, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+                                                                    get price_ () {
+                                                                        return filter().data[0];
+                                                                    },
+                                                                    get price_formatting_ () {
+                                                                        return price_formatting_();
+                                                                    }
+                                                                }), _el$7);
                                                                 (0, $g9l4l$insert)(_el$6, ()=>price_formatting_().post_, _el$7);
                                                                 (0, $g9l4l$insert)(_el$6, ()=>price_formatting_().pre_, null);
-                                                                (0, $g9l4l$insert)(_el$6, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                                                                        price_: (0, $g9l4l$createMemo)(()=>filter().data[1]),
-                                                                        price_formatting_: price_formatting_
-                                                                    }), null);
+                                                                (0, $g9l4l$insert)(_el$6, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+                                                                    get price_ () {
+                                                                        return filter().data[1];
+                                                                    },
+                                                                    get price_formatting_ () {
+                                                                        return price_formatting_();
+                                                                    }
+                                                                }), null);
                                                                 (0, $g9l4l$insert)(_el$6, ()=>price_formatting_().post_, null);
                                                                 return _el$5;
                                                             })();
@@ -1929,16 +1953,24 @@ function $66f3de62e88607b0$var$RangeSelector({ max_: max_ , min_: min_ , current
             i18n_: i18n_
         }), _el$8);
         (0, $g9l4l$insert)(_el$9, pre_price, null);
-        (0, $g9l4l$insert)(_el$9, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                price_: min_,
-                price_formatting_: price_formatting_
-            }), null);
+        (0, $g9l4l$insert)(_el$9, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+            get price_ () {
+                return min_();
+            },
+            get price_formatting_ () {
+                return price_formatting_();
+            }
+        }), null);
         (0, $g9l4l$insert)(_el$9, post_price, null);
         (0, $g9l4l$insert)(_el$10, pre_price, null);
-        (0, $g9l4l$insert)(_el$10, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                price_: max_,
-                price_formatting_: price_formatting_
-            }), null);
+        (0, $g9l4l$insert)(_el$10, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+            get price_ () {
+                return max_();
+            },
+            get price_formatting_ () {
+                return price_formatting_();
+            }
+        }), null);
         (0, $g9l4l$insert)(_el$10, post_price, null);
         (0, $g9l4l$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_();
@@ -2843,48 +2875,57 @@ var $7b224b353182ce9a$export$2e2bcd8739ae039 = {
 const $7c4a8499f0ad6e11$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="show-selected" aria-hidden="true"><span></span></span>`, 4);
 function $7c4a8499f0ad6e11$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_  }  }) {
     const [show_tick_icon, set_show_tick_icon] = (0, $g9l4l$createSignal)(false);
-    return (()=>{
-        const _el$ = $7c4a8499f0ad6e11$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
-        (0, $g9l4l$insert)(_el$2, ()=>(0, $g9l4l$createMemo)(()=>(0, $g9l4l$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, $g9l4l$memo)(()=>price_formatting_().pre_),
-                                (0, $g9l4l$memo)(()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                                        price_: (0, $g9l4l$createMemo)(()=>selected_filter.data[0]),
-                                        price_formatting_: price_formatting_
-                                    })),
-                                (0, $g9l4l$memo)(()=>price_formatting_().post_),
-                                " – ",
-                                (0, $g9l4l$memo)(()=>price_formatting_().pre_),
-                                (0, $g9l4l$memo)(()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                                        price_: (0, $g9l4l$createMemo)(()=>selected_filter.data[1]),
-                                        price_formatting_: price_formatting_
-                                    })),
-                                (0, $g9l4l$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, $g9l4l$createMemo)(()=>(0, $g9l4l$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, $g9l4l$memo)(()=>price_formatting_().pre_),
+                        (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+                            get price_ () {
+                                return selected_filter.data[0];
+                            },
+                            get price_formatting_ () {
+                                return price_formatting_();
+                            }
+                        }),
+                        (0, $g9l4l$memo)(()=>price_formatting_().post_),
+                        " – ",
+                        (0, $g9l4l$memo)(()=>price_formatting_().pre_),
+                        (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+                            get price_ () {
+                                return selected_filter.data[1];
+                            },
+                            get price_formatting_ () {
+                                return price_formatting_();
                             }
+                        }),
+                        (0, $g9l4l$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$ = $7c4a8499f0ad6e11$var$_tmpl$.cloneNode(true), _el$2 = _el$.firstChild;
+        (0, $g9l4l$insert)(_el$2, text);
         (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
             get when () {
                 return show_tick_icon();
@@ -2950,6 +2991,7 @@ function $a2432c33d88ec427$export$ab34afce88557c0e(props) {
 
 
 
+
 const $8aff437d739a524d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-collapsible"></div>`, 2), $8aff437d739a524d$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-group"><span></span></button>`, 4), $8aff437d739a524d$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="view-more-clear"></div>`, 2), $8aff437d739a524d$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div></div>`, 4), $8aff437d739a524d$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<details class="filter-collapsible"></details>`, 2), $8aff437d739a524d$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"></div></div></summary>`, 8), $8aff437d739a524d$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="ungrouped"></div>`, 2), $8aff437d739a524d$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="clear-all-filters major"></button>`, 2);
 function $8aff437d739a524d$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3061,13 +3103,22 @@ function $8aff437d739a524d$var$ActualFilterBody(props) {
                                                     return "Filter group " + JSON.stringify(section_) + " failed";
                                                 },
                                                 get children () {
-                                                    return (0, $g9l4l$createMemo)(()=>(0, $g9l4l$createMemo)(()=>(0, $7b224b353182ce9a$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, $g9l4l$createComponent)((0, $g9l4l$Dynamic), {
+                                                        get component () {
+                                                            return (0, $7b224b353182ce9a$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
+                                                    });
                                                 }
                                             })
                                     }));
@@ -3123,19 +3174,27 @@ function $8aff437d739a524d$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, $g9l4l$createSignal)();
-                        const filter_element_memo = (0, $g9l4l$createMemo)(()=>(0, $g9l4l$createMemo)(()=>(0, $7b224b353182ce9a$export$2e2bcd8739ae039)[filter()?.meta?.type])()?.({
+                        const [get_view_more_button_below_group] = view_more_button_below_group;
+                        return [
+                            (0, $g9l4l$createComponent)((0, $g9l4l$Dynamic), {
+                                get component () {
+                                    return (0, $7b224b353182ce9a$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, $g9l4l$memo)(get_view_more_button_below_group)
                         ];
                     }
                 }));
@@ -3743,6 +3802,7 @@ function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: availab
 
 const $bf7fe049e78f975a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filters"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $bf7fe049e78f975a$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"></div></div></div>`, 6), $bf7fe049e78f975a$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="num-filters"></span>`, 2), $bf7fe049e78f975a$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="open-filters-button-container"><button class="filter toggle-button major-minor-transition" type="button"><span></span></button></div>`, 6), $bf7fe049e78f975a$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span></button>`, 4);
 function $bf7fe049e78f975a$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, $a406ebe9523f192f$export$b69d0d92862de18b)({
         severity_: "error",
         message_: "Sorting and filters failed",
@@ -4266,7 +4326,7 @@ const $73294c7089bfc7c9$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
 function $73294c7089bfc7c9$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($73294c7089bfc7c9$export$e2cf3f19dd3f8aac, "true");
     if (from_search_params.has($73294c7089bfc7c9$var$sorting_query_param)) searchParams.set($73294c7089bfc7c9$var$sorting_query_param, from_search_params.get($73294c7089bfc7c9$var$sorting_query_param));
@@ -5140,6 +5200,7 @@ function $0466953901b38f18$export$f091cbac892643a4(obj) {
 
 function $c7f938ac40924f3b$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
+        // @ts-ignore
         return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
             severity_: "error",
             message_: error_message,
@@ -5166,13 +5227,16 @@ function $c7f938ac40924f3b$export$23fca46f3143581f(component, error_message) {
 
 
 
-function $b4291f5d2e6b2fae$export$7bcff1eb3eca57d7(router) {
+function $f01b3a0b9fbf6519$export$477caf01aecaeb2a({ search_query_url_param_name_: search_query_url_param_name_ , router_: router_  }) {
+    const search_query_ = search_query_url_param_name_ ? (0, $g9l4l$createSignal)("") : undefined;
+    const get_search_query_ = search_query_?.[0];
+    const set_search_query = search_query_?.[1];
     const current_sorting_ = (0, $g9l4l$createSignal)();
     const selected_filters_ = (0, $g9l4l$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, $g9l4l$createSignal)(location.href);
-    const history_change_handler = ()=>set_current_href(location.href);
+    const history_change_handler = (0, $g9l4l$catchify)(()=>set_current_href(location.href));
     const owner = (0, $g9l4l$getOwner)() || (0, $g9l4l$createRoot)(()=>(0, $g9l4l$getOwner)());
     let writer_started = false;
     (0, $g9l4l$instant_exec_on_suspect_history_change).add(history_change_handler);
@@ -5182,12 +5246,12 @@ function $b4291f5d2e6b2fae$export$7bcff1eb3eca57d7(router) {
         (0, $g9l4l$batch)(()=>{
             const found_sorting = (0, $73294c7089bfc7c9$export$766e9676e74997d3)(searchParams);
             if (found_sorting) {
-                const current_sorting = (0, $g9l4l$untrack)(get_sorting);
+                const current_sorting = (0, $g9l4l$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, $73294c7089bfc7c9$export$f934fa24c3a86811)(searchParams);
-            const selected_filters = (0, $g9l4l$untrack)(get_selected_filters);
+            const selected_filters = (0, $g9l4l$untrack)(get_selected_filters_);
             const found_filters_map = new Map(found_filters.map(({ field: field , op: op , data: data  })=>[
                     JSON.stringify([
                         field,
@@ -5200,25 +5264,36 @@ function $b4291f5d2e6b2fae$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, $g9l4l$runWithOwner)(owner, ()=>$b4291f5d2e6b2fae$var$start_href_writer(get_sorting, get_selected_filters, router));
+                (0, $g9l4l$runWithOwner)(owner, ()=>$f01b3a0b9fbf6519$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 $b4291f5d2e6b2fae$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, $g9l4l$createComputed)((0, $g9l4l$on)([
-        get_sorting,
-        get_selected_filters
+ */ function $f01b3a0b9fbf6519$var$start_href_writer({ get_sorting_: get_sorting_ , get_selected_filters_: get_selected_filters_ , router_: router_  }) {
+    (0, $g9l4l$createEffect)((0, $g9l4l$on)([
+        get_sorting_,
+        get_selected_filters_
     ], ([sorting, filters])=>{
         const current_href = location.href;
         const url_object = new URL(current_href);
@@ -5236,7 +5311,7 @@ function $b4291f5d2e6b2fae$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
@@ -5295,10 +5370,15 @@ class $cfa2761d36e5714c$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, $g9l4l$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, $g9l4l$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;
@@ -5308,14 +5388,15 @@ class $cfa2761d36e5714c$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;
@@ -5377,7 +5458,9 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
         Object.assign(this, props_on_class); // set initial signal values
         (0, $2864fd26f57ff474$export$5162a71f252e6122)();
         if (on_navigation) this.#router.on_navigation_ = on_navigation;
-        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $b4291f5d2e6b2fae$export$7bcff1eb3eca57d7)(this.#router);
+        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
+            router_: this.#router
+        });
         const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
                 category_filters_open: false,
                 category_sorting_open: false,
@@ -5386,7 +5469,7 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
                 category_local_filter_cache: [],
                 category_expanded_hierarchical_filters: [],
                 category_scroll_restoration_data: []
-            }));
+            }), this.#router);
         const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
         $ec52ef1e6c117813$var$privately_shared_properties.set(this, {
             state_: state_,
@@ -6031,7 +6114,7 @@ function $079defea521d5e2a$export$b3ad617e9036868(modal_body_style, input_field,
 
 
 
-function $a0d89ff25220eb8d$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 $a0d89ff25220eb8d$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
@@ -6046,7 +6129,7 @@ function $a0d89ff25220eb8d$export$e026af0c7b64ea5f({ selected_filters_: selected
     }, {
         defer: true
     }));
-    (0, $g9l4l$createComputed)((0, $g9l4l$on)(get_search_query, (0, $g9l4l$catchify)(()=>{
+    (0, $g9l4l$createComputed)((0, $g9l4l$on)(get_search_query_, (0, $g9l4l$catchify)(()=>{
         // when a query was submitted, clear filters if clear was pressed before
         const clear_value = (0, $g9l4l$untrack)(get_clear_filters_next_submit);
         if (clear_value) {
@@ -6071,12 +6154,11 @@ function $a0d89ff25220eb8d$export$e026af0c7b64ea5f({ selected_filters_: selected
 
 
 
-function $4d62f5daa51642fe$export$84bba84a7b837187(search_query) {
+function $4d62f5daa51642fe$export$84bba84a7b837187(read_search_query) {
     const ls = localStorage;
     const key = "depict_searches";
     const previous_searches = (0, $g9l4l$createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
-    const [read_search_query] = search_query;
     (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(()=>{
         const json_encoded = JSON.stringify(read_previous_searches());
         if (ls[key] !== json_encoded) ls[key] = json_encoded;
@@ -6097,9 +6179,9 @@ function $4d62f5daa51642fe$export$84bba84a7b837187(search_query) {
 
 
 
-async function $7f6ddd9a7e868c4d$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 $7f6ddd9a7e868c4d$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, $g9l4l$untrack)(read_search_query);
+    const previous_query = (0, $g9l4l$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
@@ -6123,32 +6205,6 @@ async function $7f6ddd9a7e868c4d$export$e16630ecb9644a1c({ on_submit_with_unchan
 
 
 
-function $4ad18a8b237ff7f6$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, $g9l4l$createSignal)(default_value ?? "");
-    const [exit_iterable, exitable_iterable] = (0, $g9l4l$make_asyncIterable_exiter)((0, $g9l4l$href_change_ipns));
-    (0, $g9l4l$onCleanup)((0, $g9l4l$catchify)(exit_iterable));
-    (0, $g9l4l$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;
-}
-
-
-
-
 
 
 
@@ -6185,8 +6241,10 @@ function $4ad18a8b237ff7f6$export$2542ffb77b620b02(params_to_default_value) {
 
 
 
+
+
 const $d3c0043bb23a833f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="orig price"></span>`, 2), $d3c0043bb23a833f$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$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), $d3c0043bb23a833f$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="tagline"></div>`, 2);
-const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n , market: market  })=>{
+const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n , market: market  }, router_)=>{
     const display = (0, $g9l4l$createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
@@ -6198,11 +6256,6 @@ const $d3c0043bb23a833f$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];
@@ -6220,8 +6273,14 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
             init_with_placeholder: true
         }));
     const is_sale = (0, $g9l4l$createMemo)(()=>display().sale_price !== display().original_price);
+    const href = (0, $g9l4l$createMemo)(()=>display().page_url);
     const returnVal = (()=>{
         const _el$ = $d3c0043bb23a833f$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, $g9l4l$addEventListener)(_el$, "click", (0, $g9l4l$catchify)((event_)=>router_.navigate_.go_to_({
+                new_url_: href(),
+                is_replace_: false,
+                event_: event_
+            })), true);
         (0, $g9l4l$insert)(_el$2, contained_image);
         (0, $g9l4l$insert)(_el$5, ()=>display().brand);
         (0, $g9l4l$insert)(_el$6, ()=>display().title);
@@ -6243,22 +6302,30 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
             get children () {
                 const _el$8 = $d3c0043bb23a833f$var$_tmpl$.cloneNode(true);
                 (0, $g9l4l$insert)(_el$8, ()=>i18n.price_formatting_().pre_, null);
-                (0, $g9l4l$insert)(_el$8, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                        price_: (0, $g9l4l$createMemo)(()=>display().original_price),
-                        price_formatting_: i18n.price_formatting_
-                    }), null);
+                (0, $g9l4l$insert)(_el$8, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+                    get price_ () {
+                        return display().original_price;
+                    },
+                    get price_formatting_ () {
+                        return i18n.price_formatting_();
+                    }
+                }), null);
                 (0, $g9l4l$insert)(_el$8, ()=>i18n.price_formatting_().post_, null);
                 return _el$8;
             }
         }), _el$9);
         (0, $g9l4l$insert)(_el$9, ()=>i18n.price_formatting_().pre_, null);
-        (0, $g9l4l$insert)(_el$9, ()=>(0, $5178263ed1e394ca$export$469c7af753d08925)({
-                price_: (0, $g9l4l$createMemo)(()=>display().sale_price),
-                price_formatting_: i18n.price_formatting_
-            }), null);
+        (0, $g9l4l$insert)(_el$9, (0, $g9l4l$createComponent)((0, $5178263ed1e394ca$export$a71e92cfbb498adc), {
+            get price_ () {
+                return display().sale_price;
+            },
+            get price_formatting_ () {
+                return i18n.price_formatting_();
+            }
+        }), null);
         (0, $g9l4l$insert)(_el$9, ()=>i18n.price_formatting_().post_, null);
         (0, $g9l4l$effect)((_p$)=>{
-            const _v$ = display().page_url, _v$2 = !!is_sale();
+            const _v$ = href(), _v$2 = !!is_sale();
             _v$ !== _p$._v$ && (0, $g9l4l$setAttribute)(_el$, "href", _p$._v$ = _v$);
             _v$2 !== _p$._v$2 && _el$9.classList.toggle("sales-price", _p$._v$2 = _v$2);
             return _p$;
@@ -6271,10 +6338,13 @@ const $d3c0043bb23a833f$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, $g9l4l$delegateEvents)([
+    "click"
+]);
 
 
 const $d811ce622b5b7626$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="instant-results"></div>`, 2);
-function $d811ce622b5b7626$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 $d811ce622b5b7626$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, $g9l4l$createSignal)("");
     let timeout;
@@ -6332,7 +6402,7 @@ function $d811ce622b5b7626$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
                             i18n: i18n_,
                             merchant: tenant_(),
                             market: market_()
-                        }), tenant_, market_)
+                        }, router_), tenant_, market_)
                 });
             }
         }));
@@ -6638,14 +6708,14 @@ function $54eb3ff8b0c7c7b8$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 
 
 const $f19e81a7eecb0aac$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="suggestion"></a>`, 2), $f19e81a7eecb0aac$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-icon"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="type"></span>`, 2), $f19e81a7eecb0aac$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><span class="value"></span></div>`, 4), $f19e81a7eecb0aac$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<h2 class="text"></h2>`, 2), $f19e81a7eecb0aac$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestion-container query"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestion-container page"></div>`, 2), $f19e81a7eecb0aac$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="suggestions"></div>`, 2);
-function $f19e81a7eecb0aac$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 $f19e81a7eecb0aac$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, $g9l4l$createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title  })=>type === (0, $c7bc9269d29d4bdc$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
         ));
     const not_queries_memo = (0, $g9l4l$createMemo)(()=>suggestion_memo_().filter(({ type: type  })=>type !== (0, $c7bc9269d29d4bdc$export$3cf9497e790da491)));
     const render_entry = (input_obj, autocomplete_data_index, index, is_history = false)=>{
         const is_query = (0, $g9l4l$createMemo)(()=>input_obj().type === (0, $c7bc9269d29d4bdc$export$3cf9497e790da491));
         const href_with_changed_params_accessor = (0, $g9l4l$createMemo)(()=>is_query() ? (0, $8fee64e5ff6fd014$export$91c3b6774e8be0f5)({
-                param_: search_page_url_param_name_,
+                param_: search_query_url_param_name_,
                 value_: (0, $g9l4l$createMemo)(()=>input_obj().title),
                 url_transformer_: url_transformer_
             }) : undefined);
@@ -6981,7 +7051,7 @@ function $a817d06dc1c5911c$var$open_link_on_cmd_pressed(e, href) {
 
 
 const $c7bc9269d29d4bdc$export$3cf9497e790da491 = "query";
-function $c7bc9269d29d4bdc$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 $c7bc9269d29d4bdc$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, $g9l4l$createSignal)();
     const [read_search_field_value] = search_field_value_;
     const updating_blocked = (0, $g9l4l$createSignal)(false);
@@ -7022,7 +7092,7 @@ function $c7bc9269d29d4bdc$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_
     });
@@ -7037,7 +7107,7 @@ function $c7bc9269d29d4bdc$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, $g9l4l$createMemo)(()=>filtered_previous_searches().slice(0, 5));
@@ -7064,7 +7134,7 @@ function $c7bc9269d29d4bdc$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_,
@@ -7099,13 +7169,13 @@ function $b760a1a8108897d0$export$c7e181728ad525f(url) {
 }
 
 
-function $e495e86fcf483c73$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 $e495e86fcf483c73$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, $g9l4l$catchify)(()=>{
         const fake_url = new URL(location.href);
         const { searchParams: searchParams  } = fake_url;
-        searchParams.set(search_page_url_param_name_, (0, $g9l4l$untrack)(get_search_field_value_));
+        searchParams.set(search_query_url_param_name_, (0, $g9l4l$untrack)(get_search_field_value_));
         searchParams.set("instant_result", "true");
         url_transformer_?.(fake_url);
         (0, $b760a1a8108897d0$export$c7e181728ad525f)(fake_url);
@@ -7156,7 +7226,7 @@ function $b24f16c875c2baa6$export$f021bdedd3ec901a(props) {
 
 
 const $a9f6faeac82c322b$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="discover-more"><button class="major" type="button"></button></div>`, 4), $a9f6faeac82c322b$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2), $a9f6faeac82c322b$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict-search-modal"><div class="body"><div class="padded"></div></div></div>`, 6), $a9f6faeac82c322b$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="depict-search-modal-backdrop"></div></div>`, 4);
-function $a9f6faeac82c322b$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, $g9l4l$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 $a9f6faeac82c322b$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, $g9l4l$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
@@ -7183,7 +7253,7 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: props_
         equals: false
     });
     if (disable_scrolling_) (0, $a1123c5ed9b0ee29$export$fe334901e8bebd57)();
-    $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal_, search_page_url_param_name_);
+    $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal_, search_query_url_param_name_);
     window.addEventListener("keydown", close_on_escape_handler);
     (0, $g9l4l$onCleanup)((0, $g9l4l$catchify)(()=>window.removeEventListener("keydown", close_on_escape_handler)));
     const owner = (0, $g9l4l$getOwner)();
@@ -7208,8 +7278,8 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: props_
     (0, $e495e86fcf483c73$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, $g9l4l$make_random_classname)();
     const body_style = (0, $g9l4l$createMemo)(()=>{
@@ -7226,7 +7296,6 @@ function $a9f6faeac82c322b$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_,
@@ -7258,9 +7327,9 @@ function $a9f6faeac82c322b$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,
@@ -7285,6 +7354,7 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: props_
                     i18n_: i18n_,
                     market_: market_,
                     set_num_results_accessor_: set_num_results_accessor_,
+                    router_: router_,
                     ...instant_results_options_
                 });
             }
@@ -7317,7 +7387,7 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: props_
         })()
     ];
 }
-function $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal, search_page_url_param_name_) {
+function $a9f6faeac82c322b$var$close_modal_when_navigating_away(close_modal, search_query_url_param_name_) {
     const [exit_iterable, exitable_iterable] = (0, $g9l4l$make_asyncIterable_exiter)((0, $g9l4l$href_change_ipns));
     let set_initial_values = false;
     let old_pathname;
@@ -7327,7 +7397,7 @@ function $a9f6faeac82c322b$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
@@ -7416,9 +7486,9 @@ function $71cf2f71a46bffea$export$c05a196222ba1302({ suggestions_: suggestions_
 
 
 const $57ec75eac12fe1fc$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<b></b>`, 2), $57ec75eac12fe1fc$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="results-for"></div>`, 2);
-function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_  }) {
+function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ get_search_query_: get_search_query_ , i18n_: i18n_ , formatted_number_of_results_: formatted_number_of_results_  }) {
     const contents = (0, $g9l4l$createMemo)((0, $g9l4l$catchify)(()=>{
-        const q = search_query_[0]();
+        const q = get_search_query_();
         return i18n_.get_showing_results_for_()((()=>{
             const _el$ = $57ec75eac12fe1fc$var$_tmpl$.cloneNode(true);
             (0, $g9l4l$insert)(_el$, q);
@@ -7445,7 +7515,7 @@ function $57ec75eac12fe1fc$export$9dd50d35b9d94fdf({ search_query_: search_query
 
 const $b76e8f62b1f313ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $b76e8f62b1f313ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"><div class="listing-page"></div></div>`, 4);
 function $b76e8f62b1f313ef$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, $g9l4l$Tenant)({
         TENANT: (0, $g9l4l$untrack)(tenant_),
         MARKET: (0, $g9l4l$untrack)(market_),
@@ -7453,7 +7523,6 @@ function $b76e8f62b1f313ef$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, $g9l4l$createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
     const number_of_rendered_selected_filters_items_ = (0, $g9l4l$createSignal)(0);
@@ -7469,7 +7538,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
         return {
             tenant: tenant_(),
             market: market_(),
-            query: get_search_query(),
+            query: get_search_query_(),
             ...f.length ? {
                 filters: f
             } : {},
@@ -7482,7 +7551,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
         set_all_products_loaded(false);
         // only first page of results
         return await (0, $f4d7f67154f032af$export$cc42dd29bf655ab6)({
-            id_: (0, $g9l4l$untrack)(get_search_query),
+            id_: (0, $g9l4l$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({
@@ -7495,7 +7564,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
         });
     }));
     const [suggestions] = (0, $g9l4l$createResource)((0, $g9l4l$createMemo)(()=>({
-            query: search_query_[0](),
+            query: get_search_query_(),
             tenant: tenant_(),
             market: market_()
         })), (opts)=>depict_api_.suggest(opts));
@@ -7512,7 +7581,6 @@ function $b76e8f62b1f313ef$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_,
@@ -7550,7 +7618,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
     });
     const [sort_and_filter_element_, set_sort_and_filter_element_] = (0, $g9l4l$createSignal)();
     const results_for = (0, $g9l4l$createComponent)((0, $57ec75eac12fe1fc$export$9dd50d35b9d94fdf), {
-        search_query_: search_query_,
+        get_search_query_: get_search_query_,
         i18n_: i18n_,
         formatted_number_of_results_: formatted_number_of_results_
     });
@@ -7589,7 +7657,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
     (0, $g9l4l$catchify)((0, $f4d7f67154f032af$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, $g9l4l$createComputed)(()=>{
@@ -7601,7 +7669,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
         available_filters_: available_filters_
     });
     (0, $g9l4l$createEffect)(()=>{
-        get_search_query();
+        get_search_query_();
         (0, $b760a1a8108897d0$export$c7e181728ad525f)(location);
     });
     (0, $g9l4l$createComputed)(()=>{
@@ -7668,7 +7736,7 @@ function $b76e8f62b1f313ef$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_,
@@ -7781,13 +7849,17 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
     #modal_open_signal = (0, $g9l4l$createSignal)(false);
     static #has_been_constructed = false;
     #router = new (0, $cfa2761d36e5714c$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 ($540e930c58500cbe$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, $b4291f5d2e6b2fae$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, $f01b3a0b9fbf6519$export$477caf01aecaeb2a)({
+            search_query_url_param_name_: search_query_url_param_name_,
+            router_: this.#router
+        });
         const [reset_history_state_, state_] = (0, $3075a4497054bec6$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: [],
@@ -7796,14 +7868,15 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
                 search_expanded_hierarchical_filters: [],
                 search_showing_recommendation_rows: (0, $aee0c68312d971f4$export$1c8c715550dc689d),
                 search_scroll_restoration_data: []
-            }));
+            }), this.#router);
         const search_query_updating_blocked_ = (0, $g9l4l$createSignal)(false);
-        const { [search_query_url_param_name]: raw_search_query_signal  } = (0, $4ad18a8b237ff7f6$export$2542ffb77b620b02)({
-            [search_query_url_param_name]: ""
+        const [get_search_query_updating_blocked] = search_query_updating_blocked_;
+        const get_search_query_ = (0, $g9l4l$createMemo)((previous_value)=>{
+            if (get_search_query_updating_blocked()) return previous_value;
+            else return raw_search_query_accessor();
         });
-        const search_query_signal_ = (0, $g9l4l$createSignal)((0, $g9l4l$untrack)(raw_search_query_signal[0]));
         const depict_api_ = api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)();
-        const previous_searches = (0, $4d62f5daa51642fe$export$84bba84a7b837187)(search_query_signal_);
+        const previous_searches = (0, $4d62f5daa51642fe$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, $aee0c68312d971f4$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;
@@ -7811,31 +7884,24 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
         const configured_submit_query_ = (new_query)=>(0, $7f6ddd9a7e868c4d$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, $g9l4l$untrack)(get_search_field_value_),
+                url_transformer_: url_transformer,
                 router_: this.#router
             });
         const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
         const clear_filters_on_next_submit_ = (0, $a0d89ff25220eb8d$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, $g9l4l$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());
-        });
         $540e930c58500cbe$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,
@@ -7844,7 +7910,7 @@ class $540e930c58500cbe$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_,
@@ -7858,8 +7924,8 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
                 return (0, $a9f6faeac82c322b$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],
@@ -7877,7 +7943,7 @@ class $540e930c58500cbe$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
@@ -8007,7 +8073,7 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
             min_products_to_fetch_: $540e930c58500cbe$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_,
@@ -8072,9 +8138,6 @@ function $540e930c58500cbe$export$316f6f283ae64765({ depict_search: depict_searc
     return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
         let input_element;
         const search_field = (0, $g9l4l$createComponent)((0, $6ded59a142c93078$export$b94867ecbd698f21), {
-            get search_query_ () {
-                return shared_properties.search_query_signal_;
-            },
             get search_field_value_ () {
                 return shared_properties.state_.search_field_value;
             },
@@ -8418,4 +8481,4 @@ class $ba6c9609228edf6b$export$3ccaa27d81dd8556 extends EventTarget {
 (0, $g9l4l$add_to_version_info)("ui", (0, $18bf1d29fb889cca$export$83d89fbfd8236492));
 
 
-export {$e95f1855a5e3864f$export$58e808b1db15d3bc as fetchDepictRecommendations, $ec52ef1e6c117813$export$de035477d6fef996 as QuickLinks, $ec52ef1e6c117813$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $ec52ef1e6c117813$export$f34314aa9505732e as DepictCategory, $ec52ef1e6c117813$export$e2bf8ce7779e827e as CategoryPage, $540e930c58500cbe$export$ac6237957a15b3f0 as DepictSearch, $540e930c58500cbe$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $540e930c58500cbe$export$f2dc7e4e4aa11abb as SearchPage, $540e930c58500cbe$export$316f6f283ae64765 as SearchField, $22d7fd594100c3d0$export$aa14a9f43128f61f as ProductCardError, $7cbfd6122dbaf087$export$d86a33413558014e as open_modal_with_alignment, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $b4e6a093ae83373b$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $246aa49a8f85c7f3$export$1233ca167bf71f9a as styles_to_valid_css_string, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$469c7af753d08925 as solid_format_price, $a79ffb1cbfbd2a09$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};
+export {$e95f1855a5e3864f$export$58e808b1db15d3bc as fetchDepictRecommendations, $ec52ef1e6c117813$export$de035477d6fef996 as QuickLinks, $ec52ef1e6c117813$export$5b7c3ce0ebe51f86 as BreadCrumbs, $6340962f8bafd049$export$b91cec6bdc6b32a1 as CategoryTitle, $9b693ea3ff420de6$export$824dde41348efed1 as embedded_num_products, $80a49d3809ecb080$export$643598a327b5833e as get_categories, $ec52ef1e6c117813$export$f34314aa9505732e as DepictCategory, $ec52ef1e6c117813$export$e2bf8ce7779e827e as CategoryPage, $540e930c58500cbe$export$ac6237957a15b3f0 as DepictSearch, $540e930c58500cbe$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $540e930c58500cbe$export$f2dc7e4e4aa11abb as SearchPage, $540e930c58500cbe$export$316f6f283ae64765 as SearchField, $22d7fd594100c3d0$export$aa14a9f43128f61f as ProductCardError, $7cbfd6122dbaf087$export$d86a33413558014e as open_modal_with_alignment, $aaacfac0064e97d9$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $079defea521d5e2a$export$b3ad617e9036868 as align_field, $b4e6a093ae83373b$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $246aa49a8f85c7f3$export$1233ca167bf71f9a as styles_to_valid_css_string, $a1123c5ed9b0ee29$export$fe334901e8bebd57 as disable_scrolling, $a3e81b85527bc866$export$d0596b5cae35ad4 as open_search_with_shift_slash, $3846bb34098c738f$export$e015ed2f2950f2e3 as DepictAPI, $fefe7683325039b3$export$d9f36cf74e24d595 as media_query_to_accessor, $36316d7b4c897a03$export$689e204eadb33baf as setup_fast_leave, $886fa987db4f3805$export$5196e4c01fa56fcb as show_toast, $5178263ed1e394ca$export$a71e92cfbb498adc as SolidFormatPrice, $a79ffb1cbfbd2a09$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $ba6c9609228edf6b$export$3ccaa27d81dd8556 as PageReplacer, $18bf1d29fb889cca$export$83d89fbfd8236492 as version};