@depict-ai/ui 0.0.64 → 0.0.66

package/dist/module.js

@@ -1,9 +1,8 @@
-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, queueMacroTask as $g9l4l$queueMacroTask, 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, 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, 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, instant_exec_on_popstate_before_ipns_update as $g9l4l$instant_exec_on_popstate_before_ipns_update} 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, memo as $g9l4l$memo, style as $g9l4l$style, mergeProps as $g9l4l$mergeProps, classList as $g9l4l$classList, 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, createReaction as $g9l4l$createReaction, 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, on as $g9l4l$on, Index as $g9l4l$Index, For as $g9l4l$For, ErrorBoundary as $g9l4l$ErrorBoundary} from "solid-js";
-import {decompressFromBase64 as $g9l4l$decompressFromBase64, compressToBase64 as $g9l4l$compressToBase64} from "lz-string";
+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, 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, instant_exec_on_popstate_before_ipns_update as $g9l4l$instant_exec_on_popstate_before_ipns_update} 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";
 
-/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.64";
+/*! Depict.ai search and product listing SDK */ const $18bf1d29fb889cca$export$83d89fbfd8236492 = "0.0.66";
 
 
 
@@ -57,16 +56,14 @@ function $014a147d094b0d08$var$history_state_change(signals, entries, state) {
 }
 
 
-function $764ea8aa12c4fc5b$export$90a2b6b3fb2a1455({ get_default_values_: get_default_values_ , current_sorting_: [, set_current_sorting] , selected_filters_: [get_selected_filters, set_selected_filters]  }) {
-    const state = (0, $014a147d094b0d08$export$e183a13865960371)(get_default_values_());
+function $3075a4497054bec6$export$9862539c89138352(get_default_values) {
+    const state = (0, $014a147d094b0d08$export$e183a13865960371)(get_default_values());
     const reset_state = ()=>{
-        const new_defaults = get_default_values_();
+        const new_defaults = get_default_values();
         for(const key in state){
             const new_value = new_defaults[key];
             state[key][1](new_value);
         }
-        set_current_sorting();
-        if (get_selected_filters().length > 0) set_selected_filters([]);
     };
     return [
         reset_state,
@@ -124,8 +121,9 @@ class $3846bb34098c738f$export$e015ed2f2950f2e3 {
     async #cached_post_request(endpoint1, input_req, fallback_response) {
         const cache_obj = this.#get_cache_obj_for_endpoint(endpoint1);
         const with_ids = $3846bb34098c738f$var$add_ids_to_request(input_req);
-        const request = this.#get_metadata ? Object.assign(with_ids, {
-            metadata: await this.#get_metadata()
+        const metaData = await this.#get_metadata?.();
+        const request = metaData ? Object.assign(with_ids, {
+            metadata: metaData
         }) : with_ids;
         const body = JSON.stringify((0, $g9l4l$sort_obj)(request));
         const response_from_cache = cache_obj.cache_[body]?.deref?.();
@@ -789,6 +787,55 @@ function $ed06bb0bb83a46b3$export$a2cc176055f8f08() {
 }
 
 
+
+
+
+
+
+
+// Errors caused by SDK consuming code interfacing with the SDK, not the SDK itself or other Depict packages
+class $22d7fd594100c3d0$export$e1d52e4f0c7557a1 extends Error {
+}
+class $22d7fd594100c3d0$export$aa14a9f43128f61f extends $22d7fd594100c3d0$export$e1d52e4f0c7557a1 {
+    constructor(templateError){
+        super("Uncaught error in product card template", {
+            cause: templateError
+        });
+    }
+}
+
+
+const $a406ebe9523f192f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
+function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
+    return (0, $g9l4l$ErrorBoundary)({
+        fallback (err, retry) {
+            const { message_: message_ , severity_: severity_  } = props;
+            let message = message_;
+            if (err instanceof (0, $22d7fd594100c3d0$export$aa14a9f43128f61f)) {
+                console.error(err.cause);
+                message = `${message}: ${err.message}`;
+            } else (0, $g9l4l$report)([
+                err,
+                message_
+            ], severity_);
+            props.on_error_?.(retry);
+            return (()=>{
+                const _el$ = $a406ebe9523f192f$var$_tmpl$.cloneNode(true);
+                (0, $g9l4l$insert)(_el$, message);
+                (0, $g9l4l$effect)((_$p)=>(0, $g9l4l$classList)(_el$, Object.fromEntries(props.class_list_?.map((c)=>[
+                            c,
+                            true
+                        ]) || []), _$p));
+                return _el$;
+            })();
+        },
+        get children () {
+            return props.children;
+        }
+    });
+}
+
+
 const $57363319986950eb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="PLP-results"></div>`, 2), $57363319986950eb$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="cards"></div>`, 2);
 let $57363319986950eb$var$cached_placeholder_element;
 function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_ , depict_api_: depict_api_ , all_products_loaded_: all_products_loaded_ , min_products_to_fetch_: min_products_to_fetch_ , query_base_: query_base_ , first_result_in_viewport_: first_result_in_viewport_ , last_result_in_viewport_: last_result_in_viewport_ , scroll_restoration_data_: scroll_restoration_data_ , no_results_options_: no_results_options_ , desktop_filter_elements_: desktop_filter_elements_ , sort_or_filter_open_: sort_or_filter_open_ , rr_options_: rr_options_ , layout_options_: layout_options_ , tenant_object_: tenant_object_ , type_for_tracking_: type_for_tracking_ , id_currently_querying_for_: id_currently_querying_for_  }) {
@@ -825,8 +872,7 @@ function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_
             recs: current_results.displays,
             ...rr_options_,
             ...typeof rr_options_.template === "function" ? {
-                template: (...args)=>(0, $g9l4l$runWithOwner)(owner_for_cards, ()=>// give template the possibility to know when it gets removed from the DOM by using solid-js onCleanup
-                        rr_options_.template(...args))
+                template: $57363319986950eb$var$wrap_template_to_throw_into_error_boundary(rr_options_.template, owner_for_cards)
             } : {},
             post_processors: [
                 ...rr_options_.post_processors || [],
@@ -871,86 +917,101 @@ function $57363319986950eb$export$3925f87b1545cfc6({ plp_results_: plp_results_
                 return (0, $g9l4l$createComponent)((0, $a20b0ecfca7ab32d$export$ef6006467f04ee41), no_results_options_);
             },
             get children () {
-                return (()=>{
-                    const random_id = (0, $g9l4l$make_random_classname)();
-                    const selector_beginning = `.depict.plp #${random_id}>`;
-                    const cards = (()=>{
-                        const _el$2 = $57363319986950eb$var$_tmpl$2.cloneNode(true);
-                        (0, $g9l4l$setAttribute)(_el$2, "id", random_id);
-                        return _el$2;
-                    })();
-                    const style = document.createElement("style");
-                    (0, $g9l4l$createRenderEffect)(()=>{
-                        // Add grid styling that changes when filters get opened/closed
-                        const when_filters_closed_cols = layout_options_.cols_at_size;
-                        const cols_at_size = sort_or_filter_open_() ? when_filters_closed_cols.map((row)=>{
-                            const [num_cols_default, , , , override_cols] = row;
-                            const cloned_row = [
-                                ...row
-                            ];
-                            // @ts-ignore
-                            cloned_row[0] = num_cols_default - 1;
-                            if (override_cols) // @ts-ignore
-                            cloned_row[4] = {
-                                overrides: Object.fromEntries(Object.entries(override_cols.overrides).map(([row, column])=>[
-                                        row,
-                                        column - 1
-                                    ]))
-                            };
-                            return cloned_row;
-                        }) : when_filters_closed_cols;
-                        const css = (0, $g9l4l$n_col_styling_with_dist)(selector_beginning, layout_options_.grid_spacing, cols_at_size, "grid", layout_options_.override_vertical_spacing);
-                        style.replaceChildren(css);
-                    });
-                    (0, $g9l4l$createRenderEffect)(// render placeholders / product cards
-                    (0, $g9l4l$catchify)(async ()=>{
-                        const owner_ = (0, $g9l4l$getOwner)();
-                        if (is_loading()) await $57363319986950eb$var$insert_placeholders({
-                            scroll_restoration_data_: scroll_restoration_data_,
-                            id_currently_querying_for_: id_currently_querying_for_,
-                            rr_options_: rr_options_,
-                            tenant_object_: tenant_object_,
-                            min_products_to_fetch_: min_products_to_fetch_,
-                            owner_: owner_,
-                            cards_element_: cards
-                        });
-                        else if (!has_no_results_or_failed()) {
-                            plp_results_(); // re-run render_and_insert_results when results change
-                            render_and_insert_results(cards, owner_);
-                        }
-                    }));
-                    // copied from RecommendationGrid
-                    // convoluted lazy loading that
-                    // when the elements are in the DOM starts IntersectionObserver on whole grid
-                    // when grid intersects starts Lazyfier
-                    // this is because Lazyfier is fucking stupid
-                    (0, $g9l4l$observer).wait_for_element(cards).then((0, $g9l4l$catchify)((element)=>{
-                        let start_lazy_loading;
-                        const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
-                        const lf = new (0, $g9l4l$Lazyfier)({
-                            only_load_intersecting: true,
-                            wait_for_dominsertion: lazy_loading_promise,
-                            ignore_data_urls: true,
-                            lazyfinder: {
-                                unload () {}
-                            }
+                return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
+                    severity_: "error",
+                    // More granular error handling
+                    // This _also_ fails when a product card rendering fails due to the runWithOwner with a root that was created inside the "root"/"context" of this ErrorBoundary
+                    on_error_: (retry)=>{
+                        // re-try / reset ErrorBoundary next time we're getting product cards
+                        const track = (0, $g9l4l$createReaction)(retry);
+                        track(plp_results_);
+                    },
+                    class_list_: [
+                        "cards"
+                    ],
+                    // So that the styling looks pretty when we've failed
+                    message_: "Result rendering failed",
+                    get children () {
+                        const random_id = (0, $g9l4l$make_random_classname)();
+                        const selector_beginning = `.depict.plp #${random_id}>`;
+                        const cards = (()=>{
+                            const _el$2 = $57363319986950eb$var$_tmpl$2.cloneNode(true);
+                            (0, $g9l4l$setAttribute)(_el$2, "id", random_id);
+                            return _el$2;
+                        })();
+                        const style = document.createElement("style");
+                        (0, $g9l4l$createRenderEffect)(()=>{
+                            // Add grid styling that changes when filters get opened/closed
+                            const when_filters_closed_cols = layout_options_.cols_at_size;
+                            const cols_at_size = sort_or_filter_open_() ? when_filters_closed_cols.map((row)=>{
+                                const [num_cols_default, , , , override_cols] = row;
+                                const cloned_row = [
+                                    ...row
+                                ];
+                                // @ts-ignore
+                                cloned_row[0] = num_cols_default - 1;
+                                if (override_cols) // @ts-ignore
+                                cloned_row[4] = {
+                                    overrides: Object.fromEntries(Object.entries(override_cols.overrides).map(([row, column])=>[
+                                            row,
+                                            column - 1
+                                        ]))
+                                };
+                                return cloned_row;
+                            }) : when_filters_closed_cols;
+                            const css = (0, $g9l4l$n_col_styling_with_dist)(selector_beginning, layout_options_.grid_spacing, cols_at_size, "grid", layout_options_.override_vertical_spacing);
+                            style.replaceChildren(css);
                         });
-                        lf.start_observing_for_new_children_(element);
-                        const i_o = new IntersectionObserver((0, $g9l4l$catchify)((records)=>{
-                            for (const record of records)if (record.intersectionRatio > 0) {
-                                start_lazy_loading();
-                                i_o.disconnect();
-                                return;
+                        (0, $g9l4l$createRenderEffect)(// render placeholders / product cards
+                        (0, $g9l4l$catchify)(async ()=>{
+                            const owner_ = (0, $g9l4l$getOwner)();
+                            if (is_loading()) await $57363319986950eb$var$insert_placeholders({
+                                scroll_restoration_data_: scroll_restoration_data_,
+                                id_currently_querying_for_: id_currently_querying_for_,
+                                rr_options_: rr_options_,
+                                tenant_object_: tenant_object_,
+                                min_products_to_fetch_: min_products_to_fetch_,
+                                owner_: owner_,
+                                cards_element_: cards
+                            });
+                            else if (!has_no_results_or_failed()) {
+                                plp_results_(); // re-run render_and_insert_results when results change
+                                render_and_insert_results(cards, owner_);
                             }
                         }));
-                        i_o.observe(cards);
-                    }));
-                    return [
-                        (0, $ed06bb0bb83a46b3$export$a2cc176055f8f08)(),
-                        cards,
-                        style
-                    ];
-                })();
+                        // copied from RecommendationGrid
+                        // convoluted lazy loading that
+                        // when the elements are in the DOM starts IntersectionObserver on whole grid
+                        // when grid intersects starts Lazyfier
+                        // this is because Lazyfier is fucking stupid
+                        (0, $g9l4l$observer).wait_for_element(cards).then((0, $g9l4l$catchify)((element)=>{
+                            let start_lazy_loading;
+                            const lazy_loading_promise = new Promise((r)=>start_lazy_loading = r);
+                            const lf = new (0, $g9l4l$Lazyfier)({
+                                only_load_intersecting: true,
+                                wait_for_dominsertion: lazy_loading_promise,
+                                ignore_data_urls: true,
+                                lazyfinder: {
+                                    unload () {}
+                                }
+                            });
+                            lf.start_observing_for_new_children_(element);
+                            const i_o = new IntersectionObserver((0, $g9l4l$catchify)((records)=>{
+                                for (const record of records)if (record.intersectionRatio > 0) {
+                                    start_lazy_loading();
+                                    i_o.disconnect();
+                                    return;
+                                }
+                            }));
+                            i_o.observe(cards);
+                        }));
+                        return [
+                            (0, $ed06bb0bb83a46b3$export$a2cc176055f8f08)(),
+                            cards,
+                            style
+                        ];
+                    }
+                });
             }
         }), null);
         (0, $g9l4l$insert)(_el$, desktop_filter_elements_, null);
@@ -967,19 +1028,18 @@ async function $57363319986950eb$var$insert_placeholders({ scroll_restoration_da
     let existing_num = 0;
     let removed_old_children = false;
     if (!$57363319986950eb$var$cached_placeholder_element) {
+        const [dispose_card, root_in_root] = (0, $g9l4l$createRoot)((dispose)=>[
+                dispose,
+                (0, $g9l4l$getOwner)()
+            ]);
         const { elements: elements  } = await (0, $g9l4l$default_rr)(tenant_object_, {
             ...rr_options_,
             type: "placeholder",
             pre_processors: [],
             post_processors: [],
             ...typeof rr_options_.template === "function" ? {
-                template: (...args)=>(0, $g9l4l$createRoot)(async (dispose)=>{
-                        try {
-                            return await rr_options_.template(...args);
-                        } finally{
-                            (0, $g9l4l$queueMacroTask)((0, $g9l4l$catchify)(dispose)); // we just want it cloned and dead
-                        }
-                    })
+                template: $57363319986950eb$var$wrap_template_to_throw_into_error_boundary(rr_options_.template, root_in_root, ()=>(0, $g9l4l$queueMacroTask)((0, $g9l4l$catchify)(dispose_card)) // we just want it cloned and dead
+                )
             } : {},
             recs: [
                 {
@@ -995,13 +1055,28 @@ async function $57363319986950eb$var$insert_placeholders({ scroll_restoration_da
             const to_add = num_placeholders() - existing_num;
             if (to_add <= 0) return;
             // We don't need to remove placeholders, only need to add. The reason for that is that chrome restores the scroll position once all tasks queued as reaction of the "popstate" events have been completed in the task queue. That means that we need to get the placeholders in fast, or we might lose scroll position if the previous site was shorter.
-            // The query id and the amount might update in separate tasks because one comes from href_change_ipns and the other one from another "popstate" listener. Therefore, we need to be able to dynamically add more placeholders. I'm not entirely sure about this anymore though, since we have the scroll position on a per-id basis it might work anyways but THIS WORKS and I've been working on this bug for 3 hours so let's just keep it this way.
+            // The query id and the amount might update in separate tasks because one comes from href_change_ipns and the other one from another "popstate" listener. Therefore, we need to be able to dynamically add more placeholders. I'm not entirely sure about this anymore though, since we have the scroll position on a per-id basis it might work anyway but THIS WORKS, and I've been working on this bug for 3 hours so let's just keep it this way.
             cards_element_[removed_old_children ? "append" : (removed_old_children = true, "replaceChildren")](...Array.from({
                 length: to_add
             }).map(()=>$57363319986950eb$var$cached_placeholder_element.cloneNode(true)));
             existing_num += to_add;
         }));
 }
+function $57363319986950eb$var$wrap_template_to_throw_into_error_boundary(template, root_in_root, on_finally) {
+    return async (...args)=>{
+        try {
+            return await (0, $g9l4l$runWithOwner)(root_in_root, ()=>template(...args)) || [];
+        } catch (e) {
+            (0, $g9l4l$runWithOwner)(root_in_root, ()=>{
+                // Throw in case of promise rejection, ultimately into ErrorBoundary
+                throw e;
+            });
+            return [];
+        } finally{
+            on_finally?.();
+        }
+    };
+}
 
 
 
@@ -2637,7 +2712,7 @@ function $b114513503b25433$export$82ed4b28ecb67608({ filter_: filter_ , selected
                         // lighten or darken (+/- 10) depending on it's over or under 50 lightness
                         // lighten under 25 lightness by 20
                         const target_lightness = is_hovered ? is_light ? lightness() - 10 : lightness() < 25 ? lightness() + 20 : lightness() + 10 : lightness();
-                        classList.toggle("check-dark", lightness() > 75); // dark checkmark for bright colors
+                        classList.toggle("check-dark", $b114513503b25433$var$black_contrast_better(hue(), saturation(), lightness())); // Decide between black/white checkmark based on which one has better contrast according to WCAG contrast guidelines
                         style.backgroundColor = `hsl(${hue()}, ${saturation()}%, ${target_lightness}%)`;
                     }
                 });
@@ -2734,6 +2809,15 @@ function $b114513503b25433$export$82ed4b28ecb67608({ filter_: filter_ , selected
         return _el$;
     })();
 }
+function $b114513503b25433$var$black_contrast_better(hue, saturation, lightness) {
+    const as_rgb = (0, $g9l4l$hsl_to_rgb)(hue, saturation, lightness);
+    const luminance_color = (0, $g9l4l$relative_luminance_from_rgb)(...as_rgb);
+    const luminance_white = 1;
+    const luminance_black = 0;
+    const contrast_ratio_if_white = (luminance_white + 0.05) / (luminance_color + 0.05);
+    const contrast_ratio_if_black = (luminance_color + 0.05) / (luminance_black + 0.05);
+    return contrast_ratio_if_black > contrast_ratio_if_white;
+}
 
 
 var $7b224b353182ce9a$export$2e2bcd8739ae039 = {
@@ -2749,6 +2833,156 @@ var $7b224b353182ce9a$export$2e2bcd8739ae039 = {
 
 
 
+function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: available_filters_ , local_filter_cache_: [read_local_cache, write_local_cache] , selected_filters_: [read_selected_filters]  }) {
+    let last_remote_state;
+    (0, $g9l4l$createComputed)(()=>{
+        const remote_filters = Object.fromEntries(available_filters_()?.map((filter)=>[
+                JSON.stringify([
+                    filter.field,
+                    filter.op,
+                    filter?.meta?.type
+                ]),
+                filter
+            ]) || []);
+        const local_filters = Object.fromEntries(read_local_cache().map((filter)=>[
+                JSON.stringify([
+                    filter.field,
+                    filter.op,
+                    filter?.meta?.type
+                ]),
+                filter
+            ]));
+        const selected_filters = Object.fromEntries(read_selected_filters().map((filter_obj)=>[
+                JSON.stringify([
+                    filter_obj.field,
+                    filter_obj.op
+                ]),
+                filter_obj
+            ]));
+        const new_local_filter_state = [];
+        // we want to be as close as possible to available_filters_ in local_filters except that we want to keep values from previous available_filters_ as long as they're selected
+        for (const filter_id of [
+            ...Object.keys(local_filters).filter((key)=>!(key in remote_filters)),
+            ...Object.keys(remote_filters)
+        ]){
+            const local_filter = local_filters[filter_id];
+            const remote_filter = remote_filters[filter_id];
+            const filter_id_without_meta_type = JSON.stringify(JSON.parse(filter_id).slice(0, 2));
+            if (!remote_filter) // check if this filter is selected, if it is just take the local one but set counts to 0 and remove non-selected options
+            {
+                if (filter_id_without_meta_type in selected_filters) new_local_filter_state.push($dd3727f29e682893$var$modify_only_local_filter(local_filter, selected_filters[filter_id_without_meta_type]));
+            } else if (!local_filter) // just take the remote one
+            new_local_filter_state.push(remote_filter);
+            else {
+                // both exist, merge them if needed
+                const remote_meta = remote_filter.meta;
+                const local_meta = local_filter.meta;
+                const this_applied_filter = selected_filters[filter_id_without_meta_type];
+                if (!remote_meta || !local_meta || !("values" in remote_meta) || !("values" in local_meta) || !Array.isArray(this_applied_filter?.data)) // can't or shouldn't be merged due to not being selected, just take remote one
+                new_local_filter_state.push(remote_filter);
+                else {
+                    const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index)=>[
+                            JSON.stringify(value),
+                            {
+                                value_: value,
+                                count_: remote_meta.counts?.[index],
+                                name_: remote_meta.names?.[index]
+                            }
+                        ]));
+                    const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index)=>[
+                            JSON.stringify(value),
+                            {
+                                value_: value,
+                                count_: 0,
+                                name_: local_meta.names?.[index]
+                            }
+                        ]));
+                    const new_data = [
+                        ...Object.keys(data_objs_in_local).filter((key)=>{
+                            // put data entries that are selected and don't exist in new remote state first
+                            if (key in data_objs_in_remote) return false;
+                            const selected_values = this_applied_filter.data;
+                            return selected_values.some((value)=>{
+                                const is_equal = JSON.stringify(value) === key;
+                                if (is_equal) return true;
+                                if (local_meta.type === remote_meta.type && local_meta.type === "checkbox-hierarchical") {
+                                    // Very special case for hierarchical checkboxes - when a parent has all kids checked and a kid is deselected, the parent gets deselected. But since if it still has selected children we don't want to remove it from the filter state, even though it isn't selected, as the UI won't know the correct title of the parent category otherwise. This keeps it in that case.
+                                    const selected_values = data_objs_in_local[key].value_;
+                                    const values_length = value?.length;
+                                    if (values_length > 1 && values_length - 1 === selected_values.length) {
+                                        let is_parent = true;
+                                        for(let i = 0; i < selected_values.length; i++)if (selected_values[i] !== value[i]) is_parent = false;
+                                        return is_parent;
+                                    }
+                                }
+                                return false;
+                            });
+                        }).map((key)=>data_objs_in_local[key]),
+                        ...Object.values(data_objs_in_remote)
+                    ];
+                    const new_values = new_data.map(({ value_: value_  })=>value_);
+                    const result = {
+                        ...remote_filter,
+                        meta: {
+                            ...remote_filter.meta,
+                            values: new_values,
+                            names: new_data.map(({ name_: name_  })=>name_),
+                            counts: new_data.map(({ count_: count_  })=>count_)
+                        }
+                    };
+                    new_local_filter_state.push(result);
+                }
+            }
+        }
+        if (last_remote_state !== available_filters_() || // we HAVE to update the local filter state (it can contain same info but needs to be different object reference) every time the API state changes, otherwise the CheckboxHierarchicalFilter component doesn't update
+        JSON.stringify(new_local_filter_state) !== JSON.stringify(read_local_cache())) // Sorry……… They're not that big
+        write_local_cache(new_local_filter_state);
+        last_remote_state = available_filters_();
+    });
+    return read_local_cache;
+}
+/**
+ * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
+ * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
+ */ function $dd3727f29e682893$var$modify_only_local_filter(local_filter_object, selected_filter) {
+    const old_meta = local_filter_object.meta;
+    const selected_filter_data = selected_filter.data;
+    const modified_filter_object = {
+        ...local_filter_object
+    };
+    if (old_meta) {
+        const new_meta = {
+            ...old_meta
+        };
+        modified_filter_object.meta = new_meta;
+        // set counts to 0
+        if ("counts" in new_meta) {
+            const counts = new_meta.counts;
+            if (counts) new_meta.counts = counts.map(()=>0);
+        }
+        if (Array.isArray(selected_filter_data) && "values" in new_meta) {
+            // we have an array of values and want to strip the ones from the available ones that aren't selected
+            const values = new_meta.values;
+            if (Array.isArray(values)) {
+                const jsond_set_values = selected_filter_data.map((data)=>JSON.stringify(data));
+                const indexes_to_remove = new Set();
+                for(let i = 0; i < values.length; i++){
+                    const value = values[i];
+                    if (!jsond_set_values.includes(JSON.stringify(value))) // We want to remove the entry with this value from the filter object because it's not selected
+                    indexes_to_remove.add(i);
+                }
+                new_meta.values = values.filter((_, index)=>!indexes_to_remove.has(index));
+                if (new_meta.names) new_meta.names = new_meta.names.filter((_, index)=>!indexes_to_remove.has(index));
+                if (new_meta.counts) // remove counts that are too much, they're all zero anyway if they exist
+                new_meta.counts.length -= indexes_to_remove.size;
+            }
+        }
+    }
+    return modified_filter_object;
+}
+
+
+
 
 
 
@@ -2865,31 +3099,6 @@ function $a2432c33d88ec427$export$ab34afce88557c0e(props) {
 
 
 
-
-
-const $a406ebe9523f192f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2);
-function $a406ebe9523f192f$export$b69d0d92862de18b(props) {
-    return (0, $g9l4l$ErrorBoundary)({
-        fallback (err) {
-            const { message_: message_ , severity_: severity_  } = props;
-            (0, $g9l4l$report)([
-                err,
-                message_
-            ], severity_);
-            return (()=>{
-                const _el$ = $a406ebe9523f192f$var$_tmpl$.cloneNode(true);
-                (0, $g9l4l$insert)(_el$, message_);
-                return _el$;
-            })();
-        },
-        get children () {
-            return props.children;
-        }
-    });
-}
-
-
-
 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
@@ -2915,7 +3124,11 @@ function $8aff437d739a524d$export$3f1a388cc0d8fed7(props) {
     });
 }
 function $8aff437d739a524d$var$ActualFilterBody(props) {
-    const [modified_available_filters_with_selected_unexisting_ones_injected_from_local_state] = props.local_filter_cache_;
+    const modified_available_filters_with_selected_unexisting_ones_injected_from_local_state = (0, $dd3727f29e682893$export$b288c38ae3fddb56)({
+        available_filters_: props.available_filters_,
+        selected_filters_: props.selected_filters_,
+        local_filter_cache_: props.local_filter_cache_
+    });
     const togglable_filters = (0, $g9l4l$createMemo)(()=>modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter((item)=>item?.meta?.group_title));
     const untogglable_filters = (0, $g9l4l$createMemo)(()=>modified_available_filters_with_selected_unexisting_ones_injected_from_local_state().filter((item)=>!item?.meta?.group_title));
     const togglable_filters_grouped_by_collapsible = (0, $g9l4l$createMemo)(()=>{
@@ -3116,10 +3329,9 @@ function $8aff437d739a524d$var$ActualFilterBody(props) {
 
 
 const $c23bd3d951eee1f2$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting-attributes"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="sorting-direction"></div>`, 2), $c23bd3d951eee1f2$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><div class="input-row"><input type="radio"><span class="custom-indicator"></span></div></div>`, 7), $c23bd3d951eee1f2$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div><label class="input-row"><input type="radio"><span class="custom-indicator"></span></label></div>`, 7);
-function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: [get_current_sorting, set_current_sorting]  }) {
+function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: available_sortings_ , current_sorting_: current_sorting_  }) {
     const title_radio_name = (0, $g9l4l$make_random_classname)();
     const order_radio_name = (0, $g9l4l$make_random_classname)();
-    const meta_of_currently_selected_sorting = (0, $g9l4l$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting()?.field)?.meta);
     return (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
         get when () {
             return available_sortings_()?.length;
@@ -3151,14 +3363,14 @@ function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: availa
                         },
                         children: (item, index)=>{
                             const is_checked = (0, $g9l4l$createMemo)(()=>{
-                                const sort = get_current_sorting();
+                                const sort = current_sorting_[0]();
                                 if (!sort) // if no sortings are selected, "select" first sort
                                 return index === 0;
                                 return sort.field === item().field && (sort.order === item().order || item().meta.values?.length > 1);
                             });
                             return /* wrapping div for flex gap polyfill scss mixin */ (()=>{
                                 const _el$8 = $c23bd3d951eee1f2$var$_tmpl$4.cloneNode(true), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.nextSibling;
-                                (0, $g9l4l$addEventListener)(_el$10, "change", (0, $g9l4l$catchify)(()=>set_current_sorting(item())));
+                                (0, $g9l4l$addEventListener)(_el$10, "change", (0, $g9l4l$catchify)(()=>current_sorting_[1](item())));
                                 (0, $g9l4l$setAttribute)(_el$10, "name", title_radio_name);
                                 (0, $g9l4l$insert)(_el$9, ()=>item().meta.title, null);
                                 (0, $g9l4l$effect)(()=>_el$10.checked = is_checked());
@@ -3170,25 +3382,27 @@ function $c23bd3d951eee1f2$export$1f1775a58da589b5({ available_sortings_: availa
                 })(),
                 (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
                     get when () {
-                        return meta_of_currently_selected_sorting()?.values?.length > 1;
+                        return current_sorting_[0]()?.meta?.values?.length > 1;
                     },
                     get children () {
                         const _el$2 = $c23bd3d951eee1f2$var$_tmpl$2.cloneNode(true);
                         (0, $g9l4l$insert)(_el$2, (0, $g9l4l$createComponent)((0, $g9l4l$Index), {
                             get each () {
-                                return meta_of_currently_selected_sorting()?.values;
+                                return current_sorting_[0]().meta.values;
                             },
                             children: (order_value, index)=>{
-                                const is_checked = (0, $g9l4l$createMemo)(()=>get_current_sorting()?.order === order_value());
                                 return (()=>{
                                     const _el$12 = $c23bd3d951eee1f2$var$_tmpl$4.cloneNode(true), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling;
-                                    (0, $g9l4l$addEventListener)(_el$14, "change", (0, $g9l4l$catchify)(()=>set_current_sorting((c)=>c && {
+                                    (0, $g9l4l$addEventListener)(_el$14, "change", (0, $g9l4l$catchify)(()=>current_sorting_[1]((c)=>c && {
                                                 ...c,
                                                 order: order_value()
                                             })));
                                     (0, $g9l4l$setAttribute)(_el$14, "name", order_radio_name);
-                                    (0, $g9l4l$insert)(_el$13, ()=>meta_of_currently_selected_sorting()?.names?.[index], null);
-                                    (0, $g9l4l$effect)(()=>_el$14.checked = is_checked());
+                                    (0, $g9l4l$insert)(_el$13, ()=>current_sorting_[0]()?.meta?.names?.[index], null);
+                                    (0, $g9l4l$effect)(()=>_el$14.checked = (0, $g9l4l$createMemo)(()=>{
+                                            const sort = current_sorting_[0]();
+                                            return sort?.order === order_value();
+                                        })());
                                     return _el$12;
                                 })();
                             }
@@ -3533,167 +3747,12 @@ function $fd7da6fb3e08aa40$export$9bf11afa910f536e({ args_for_sorting_: args_for
 
 
 
-
-function $dd3727f29e682893$export$b288c38ae3fddb56({ available_filters_: available_filters_ , local_filter_cache_: [read_local_cache, write_local_cache] , selected_filters_: [read_selected_filters]  }) {
-    let last_remote_state;
-    (0, $g9l4l$createComputed)(()=>{
-        const remote_filters = Object.fromEntries(available_filters_()?.map((filter)=>[
-                JSON.stringify([
-                    filter.field,
-                    filter.op,
-                    filter?.meta?.type
-                ]),
-                filter
-            ]) || []);
-        const local_filters = Object.fromEntries(read_local_cache().map((filter)=>[
-                JSON.stringify([
-                    filter.field,
-                    filter.op,
-                    filter?.meta?.type
-                ]),
-                filter
-            ]));
-        const selected_filters = Object.fromEntries(read_selected_filters().map((filter_obj)=>[
-                JSON.stringify([
-                    filter_obj.field,
-                    filter_obj.op
-                ]),
-                filter_obj
-            ]));
-        const new_local_filter_state = [];
-        // we want to be as close as possible to available_filters_ in local_filters except that we want to keep values from previous available_filters_ as long as they're selected
-        for (const filter_id of [
-            ...Object.keys(local_filters).filter((key)=>!(key in remote_filters)),
-            ...Object.keys(remote_filters)
-        ]){
-            const local_filter = local_filters[filter_id];
-            const remote_filter = remote_filters[filter_id];
-            const filter_id_without_meta_type = JSON.stringify(JSON.parse(filter_id).slice(0, 2));
-            if (!remote_filter) // check if this filter is selected, if it is just take the local one but set counts to 0 and remove non-selected options
-            {
-                if (filter_id_without_meta_type in selected_filters) new_local_filter_state.push($dd3727f29e682893$var$modify_only_local_filter(local_filter, selected_filters[filter_id_without_meta_type]));
-            } else if (!local_filter) // just take the remote one
-            new_local_filter_state.push(remote_filter);
-            else {
-                // both exist, merge them if needed
-                const remote_meta = remote_filter.meta;
-                const local_meta = local_filter.meta;
-                const this_applied_filter = selected_filters[filter_id_without_meta_type];
-                if (!remote_meta || !local_meta || !("values" in remote_meta) || !("values" in local_meta) || !Array.isArray(this_applied_filter?.data)) // can't or shouldn't be merged due to not being selected, just take remote one
-                new_local_filter_state.push(remote_filter);
-                else {
-                    const data_objs_in_remote = Object.fromEntries(remote_meta.values.map((value, index)=>[
-                            JSON.stringify(value),
-                            {
-                                value_: value,
-                                count_: remote_meta.counts?.[index],
-                                name_: remote_meta.names?.[index]
-                            }
-                        ]));
-                    const data_objs_in_local = Object.fromEntries(local_meta.values.map((value, index)=>[
-                            JSON.stringify(value),
-                            {
-                                value_: value,
-                                count_: 0,
-                                name_: local_meta.names?.[index]
-                            }
-                        ]));
-                    const new_data = [
-                        ...Object.keys(data_objs_in_local).filter((key)=>{
-                            // put data entries that are selected and don't exist in new remote state first
-                            if (key in data_objs_in_remote) return false;
-                            const selected_values = this_applied_filter.data;
-                            return selected_values.some((value)=>{
-                                const is_equal = JSON.stringify(value) === key;
-                                if (is_equal) return true;
-                                if (local_meta.type === remote_meta.type && local_meta.type === "checkbox-hierarchical") {
-                                    // Very special case for hierarchical checkboxes - when a parent has all kids checked and a kid is deselected, the parent gets deselected. But since if it still has selected children we don't want to remove it from the filter state, even though it isn't selected, as the UI won't know the correct title of the parent category otherwise. This keeps it in that case.
-                                    const selected_values = data_objs_in_local[key].value_;
-                                    const values_length = value?.length;
-                                    if (values_length > 1 && values_length - 1 === selected_values.length) {
-                                        let is_parent = true;
-                                        for(let i = 0; i < selected_values.length; i++)if (selected_values[i] !== value[i]) is_parent = false;
-                                        return is_parent;
-                                    }
-                                }
-                                return false;
-                            });
-                        }).map((key)=>data_objs_in_local[key]),
-                        ...Object.values(data_objs_in_remote)
-                    ];
-                    const new_values = new_data.map(({ value_: value_  })=>value_);
-                    const result = {
-                        ...remote_filter,
-                        meta: {
-                            ...remote_filter.meta,
-                            values: new_values,
-                            names: new_data.map(({ name_: name_  })=>name_),
-                            counts: new_data.map(({ count_: count_  })=>count_)
-                        }
-                    };
-                    new_local_filter_state.push(result);
-                }
-            }
-        }
-        if (last_remote_state !== available_filters_() || // we HAVE to update the local filter state (it can contain same info but needs to be different object reference) every time the API state changes, otherwise the CheckboxHierarchicalFilter component doesn't update
-        JSON.stringify(new_local_filter_state) !== JSON.stringify(read_local_cache())) // Sorry……… They're not that big
-        write_local_cache(new_local_filter_state);
-        last_remote_state = available_filters_();
-    });
-}
-/**
- * When a filter is only available locally due to being selected in a previous navigation, we want to make that clear and prevent further "invalid" choices.
- * This sets the counts to 0 (if applicable) and removes non-selected options (if applicable)
- */ function $dd3727f29e682893$var$modify_only_local_filter(local_filter_object, selected_filter) {
-    const old_meta = local_filter_object.meta;
-    const selected_filter_data = selected_filter.data;
-    const modified_filter_object = {
-        ...local_filter_object
-    };
-    if (old_meta) {
-        const new_meta = {
-            ...old_meta
-        };
-        modified_filter_object.meta = new_meta;
-        // set counts to 0
-        if ("counts" in new_meta) {
-            const counts = new_meta.counts;
-            if (counts) new_meta.counts = counts.map(()=>0);
-        }
-        if (Array.isArray(selected_filter_data) && "values" in new_meta) {
-            // we have an array of values and want to strip the ones from the available ones that aren't selected
-            const values = new_meta.values;
-            if (Array.isArray(values)) {
-                const jsond_set_values = selected_filter_data.map((data)=>JSON.stringify(data));
-                const indexes_to_remove = new Set();
-                for(let i = 0; i < values.length; i++){
-                    const value = values[i];
-                    if (!jsond_set_values.includes(JSON.stringify(value))) // We want to remove the entry with this value from the filter object because it's not selected
-                    indexes_to_remove.add(i);
-                }
-                new_meta.values = values.filter((_, index)=>!indexes_to_remove.has(index));
-                if (new_meta.names) new_meta.names = new_meta.names.filter((_, index)=>!indexes_to_remove.has(index));
-                if (new_meta.counts) // remove counts that are too much, they're all zero anyway if they exist
-                new_meta.counts.length -= indexes_to_remove.size;
-            }
-        }
-    }
-    return modified_filter_object;
-}
-
-
 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_  }) {
     return (0, $a406ebe9523f192f$export$b69d0d92862de18b)({
         severity_: "error",
         message_: "Sorting and filters failed",
         get children () {
-            // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
-            (0, $dd3727f29e682893$export$b288c38ae3fddb56)({
-                available_filters_: available_filters_,
-                selected_filters_: selected_filters_,
-                local_filter_cache_: local_filter_cache_
-            });
             const cleanup_promise = new Promise((r)=>(0, $g9l4l$onCleanup)(r));
             const [filters_open, set_filters_open] = search_filters_open_;
             const [sorting_open, set_sorting_open] = search_sorting_open_;
@@ -4064,166 +4123,6 @@ function $4a2667e8d77eb55a$var$ActualFloatingButtons({ search_filters_open_: [ge
 
 
 
-
-
-
-
-const $4ebab5f2b1a65493$var$operator_map = {
-    "eq": "≡",
-    "neq": "≠",
-    "in": "∈",
-    "nin": "∉",
-    "leq": "≤",
-    "geq": "≥",
-    "inrange": "\uD83D\uDD22"
-};
-const $4ebab5f2b1a65493$var$ascending_token = "\uD83D\uDCC8";
-const $4ebab5f2b1a65493$var$descending_token = "\uD83D\uDCC9";
-const $4ebab5f2b1a65493$export$4f506378e99f23dd = "filter_";
-const $4ebab5f2b1a65493$export$196aa1ee621a9930 = "sorting";
-const $4ebab5f2b1a65493$var$range_delimiter = "-";
-function $4ebab5f2b1a65493$export$7bcff1eb3eca57d7() {
-    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_current_href, set_current_href] = (0, $g9l4l$createSignal)(location.href);
-    const history_change_handler = ()=>set_current_href(location.href);
-    let writer_started = false;
-    (0, $g9l4l$instant_exec_on_suspect_history_change).add(history_change_handler);
-    (0, $g9l4l$onCleanup)(()=>(0, $g9l4l$instant_exec_on_suspect_history_change).delete(history_change_handler));
-    (0, $g9l4l$createComputed)(()=>{
-        const { searchParams: searchParams  } = new URL(get_current_href());
-        const sorting = searchParams.get($4ebab5f2b1a65493$export$196aa1ee621a9930);
-        (0, $g9l4l$batch)(()=>{
-            set_sorting: {
-                if (!sorting) {
-                    set_sorting();
-                    break set_sorting;
-                }
-                let target_field;
-                let target_order;
-                if (sorting.endsWith($4ebab5f2b1a65493$var$ascending_token)) {
-                    target_field = sorting.slice(0, -$4ebab5f2b1a65493$var$ascending_token.length);
-                    target_order = "asc";
-                } else if (sorting.endsWith($4ebab5f2b1a65493$var$descending_token)) {
-                    target_field = sorting.slice(0, -$4ebab5f2b1a65493$var$descending_token.length);
-                    target_order = "desc";
-                } else {
-                    (0, $g9l4l$dlog)("Invalid sorting query param value", sorting);
-                    break set_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 !== target_field || current_sorting?.order !== target_order) set_sorting({
-                    field: target_field,
-                    order: target_order
-                });
-            }
-            const found_filters = [];
-            for (const key of searchParams.keys()){
-                if (!key.startsWith($4ebab5f2b1a65493$export$4f506378e99f23dd)) continue;
-                for (const op of Object.keys($4ebab5f2b1a65493$var$operator_map)){
-                    const token = $4ebab5f2b1a65493$var$operator_map[op];
-                    if (!key.endsWith(token)) continue;
-                    const field = key.slice($4ebab5f2b1a65493$export$4f506378e99f23dd.length, -token.length);
-                    const data = searchParams.get(key);
-                    if (data) {
-                        let parsed_data;
-                        if (op === "inrange") parsed_data = data.split($4ebab5f2b1a65493$var$range_delimiter).map((x)=>parseFloat(x));
-                        else if (data === "1") parsed_data = "true";
-                        else if (data === "0") parsed_data = "false";
-                        else try {
-                            parsed_data = JSON.parse((0, $g9l4l$decompressFromBase64)(data));
-                        } catch (e) {
-                            (0, $g9l4l$dlog)("Failed to parse filter data", key, data, e);
-                            continue;
-                        }
-                        found_filters.push({
-                            field: field,
-                            op: op,
-                            data: parsed_data
-                        });
-                    }
-                }
-            }
-            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,
-                        op
-                    ]),
-                    data
-                ]));
-            // Sorry for this diffing algorithm lol. Looking forwards to Records and Tuples.
-            if (selected_filters.length !== found_filters.length || !selected_filters.every(({ field: field , op: op , data: data  })=>JSON.stringify(found_filters_map.get(JSON.stringify([
-                    field,
-                    op
-                ]))) === JSON.stringify(data))) set_selected_filters(found_filters);
-            if (!writer_started) {
-                $4ebab5f2b1a65493$var$start_href_writer(get_sorting, get_selected_filters);
-                writer_started = true;
-            }
-        });
-    });
-    return {
-        current_sorting_: current_sorting_,
-        selected_filters_: selected_filters_
-    };
-}
-function $4ebab5f2b1a65493$var$start_href_writer(get_sorting, get_selected_filters) {
-    // 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
-    ], ([sorting, filters])=>{
-        const current_href = location.href;
-        const url_object = new URL(current_href);
-        const { searchParams: searchParams  } = url_object;
-        const keys = [
-            ...searchParams.keys()
-        ]; // get keys here to be able to iterate over it later while modifying the search params
-        if (sorting) {
-            const { field: field , order: order  } = sorting;
-            const ascending = order === "asc";
-            searchParams.set($4ebab5f2b1a65493$export$196aa1ee621a9930, field + (ascending ? $4ebab5f2b1a65493$var$ascending_token : $4ebab5f2b1a65493$var$descending_token));
-        } else searchParams.delete($4ebab5f2b1a65493$export$196aa1ee621a9930);
-        for (const key of keys)if (key.startsWith($4ebab5f2b1a65493$export$4f506378e99f23dd)) searchParams.delete(key);
-        for (const filter of filters){
-            const { field: field , op: op , data: data  } = filter;
-            let value;
-            if (op === "inrange" && Array.isArray(data)) value = data.join($4ebab5f2b1a65493$var$range_delimiter);
-            else if (data === "true") value = "1";
-            else if (data === "false") value = "0";
-            else value = (0, $g9l4l$compressToBase64)(JSON.stringify(data));
-            searchParams.set($4ebab5f2b1a65493$export$4f506378e99f23dd + field + $4ebab5f2b1a65493$var$operator_map[op], value);
-        }
-        // We can't just check if the URL is equal since sometimes the order of the parameters in the URL changes (randomly?) so we need to compare them one by one
-        const unmodified_search_params = [
-            ...new URL(current_href).searchParams
-        ];
-        const new_search_params = new Map(searchParams);
-        if (unmodified_search_params.length !== new_search_params.size || !unmodified_search_params.every(([key, value])=>new_search_params.get(key) === value)) // Only update URL if it actually changed
-        history.replaceState({}, "", url_object.href);
-    }, {
-        defer: true
-    }));
-}
-
-
-function $36c8a3d571f01d23$export$bca5a41ac5ef1190(url) {
-    if (!url) return url;
-    const got_u_o = url instanceof URL;
-    const u_o = got_u_o ? url : new URL(url);
-    const { searchParams: searchParams  } = u_o;
-    const current_search_params = new URLSearchParams(location.search);
-    if (current_search_params.has((0, $4ebab5f2b1a65493$export$196aa1ee621a9930))) searchParams.set((0, $4ebab5f2b1a65493$export$196aa1ee621a9930), current_search_params.get((0, $4ebab5f2b1a65493$export$196aa1ee621a9930)));
-    for (const key of current_search_params.keys())if (key.startsWith((0, $4ebab5f2b1a65493$export$4f506378e99f23dd))) searchParams.set(key, current_search_params.get(key));
-    if (got_u_o) return u_o;
-    return u_o.href;
-}
-
-
 const $1b5a927e48d892a1$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<nav class="crumbs"></nav>`, 2), $1b5a927e48d892a1$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="crumb"></a>`, 2), $1b5a927e48d892a1$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<span class="separator"></span>`, 2);
 function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_data , on_crumb_click_: on_crumb_click_ , i18n_: i18n_  }) {
     const placeholder_crumb_data = [
@@ -4241,20 +4140,11 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                 get each () {
                     return crumb_data();
                 },
-                children: (unmodified_display_accessor, index)=>{
-                    const modified_display_accessor = (0, $g9l4l$createMemo)(()=>{
-                        const value = unmodified_display_accessor();
-                        if (!value) return value;
-                        return {
-                            ...value,
-                            // We don't want these links to delete the sort and filter state by default, only if `clear_filters_when_going_sideways` explicitly clears them
-                            page_url: (0, $36c8a3d571f01d23$export$bca5a41ac5ef1190)(value.page_url)
-                        };
-                    });
+                children: (display_accessor, index)=>{
                     return [
                         (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
                             get when () {
-                                return modified_display_accessor();
+                                return display_accessor();
                             },
                             get fallback () {
                                 return (0, $g9l4l$createComponent)((0, $g9l4l$Placeholder), {
@@ -4264,9 +4154,9 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
                             },
                             get children () {
                                 const _el$2 = $1b5a927e48d892a1$var$_tmpl$2.cloneNode(true);
-                                (0, $g9l4l$addEventListener)(_el$2, "click", (0, $g9l4l$catchify)((ev)=>on_crumb_click_(ev, modified_display_accessor())), true);
-                                (0, $g9l4l$insert)(_el$2, ()=>modified_display_accessor().title);
-                                (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$2, "href", modified_display_accessor().page_url));
+                                (0, $g9l4l$addEventListener)(_el$2, "click", (0, $g9l4l$catchify)((ev)=>on_crumb_click_(ev, display_accessor())), true);
+                                (0, $g9l4l$insert)(_el$2, ()=>display_accessor().title);
+                                (0, $g9l4l$effect)(()=>(0, $g9l4l$setAttribute)(_el$2, "href", display_accessor().page_url));
                                 return _el$2;
                             }
                         }),
@@ -4303,9 +4193,7 @@ function $1b5a927e48d892a1$export$5646050d516e06bc({ crumb_data_: get_api_crumb_
 
 
 
-
 const $6af87e1502f04aa3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<nav class="quicklinks"></nav>`, 2), $6af87e1502f04aa3$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div>QuickLinks failed</div>`, 2), $6af87e1502f04aa3$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<a class="quicklink"></a>`, 2);
-const $6af87e1502f04aa3$export$e2cf3f19dd3f8aac = "went_sideways_clear_filters";
 function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , on_link_click_: on_link_click_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
     let scrolling_logic_ran_for_query_id = false;
     let last_scroll_position;
@@ -4427,43 +4315,20 @@ function $6af87e1502f04aa3$export$466cdc317043f6cb({ quicklinks_data_: quicklink
                         get each () {
                             return place_holdey_quicklinks_data();
                         },
-                        children: (unmodified_display_accessor, index)=>{
+                        children: (display_accessor, index)=>{
                             const is_selected = (0, $g9l4l$createMemo)(()=>selected_index() === index);
-                            // Problem: if opening a sibling link in a new tab, filter clearing behavior is no longer consistent
-                            // Solution:
-                            // If current one in quick links they're siblings, don't add state to the url
-                            // If it's not in it, it's a child of the current one, so add state
-                            // (This brought up the issue on what happens if someone links to a filter that no longer exists, I chose to ignore that for now)
-                            // Problem: When you don't open a link in a new tab, we don't display the filter cleared toast
-                            // Solution: instead of not adding the state to the url, add a flag to the link if it's a sibling and then display the toast on load if the flag is set
-                            const is_child = (0, $g9l4l$createMemo)(()=>{
-                                const current_id = current_query_id_();
-                                return !quicklinks_data_()?.find(({ query_id: query_id  })=>query_id === current_id);
-                            });
-                            const modified_display_accessor = (0, $g9l4l$createMemo)(()=>{
-                                const value = unmodified_display_accessor();
-                                if (!value) return value;
-                                const new_page_url = new URL(value.page_url, location.origin);
-                                (0, $36c8a3d571f01d23$export$bca5a41ac5ef1190)(new_page_url);
-                                if (!is_child()) new_page_url.searchParams.set($6af87e1502f04aa3$export$e2cf3f19dd3f8aac, "true");
-                                return {
-                                    ...value,
-                                    // We don't want these links to delete the sort and filter state by default, only if `clear_filters_when_going_sideways` explicitly clears them
-                                    page_url: new_page_url.href
-                                };
-                            });
                             return (()=>{
                                 const _el$3 = $6af87e1502f04aa3$var$_tmpl$3.cloneNode(true);
                                 (0, $g9l4l$addEventListener)(_el$3, "click", (0, $g9l4l$catchify)((ev)=>{
                                     if (is_selected() && !ev.metaKey && !ev.ctrlKey && !ev.button) ev.preventDefault();
-                                    else if (modified_display_accessor()) on_link_click_(ev, modified_display_accessor());
+                                    else if (display_accessor()) on_link_click_(ev, display_accessor());
                                 }), true);
-                                (0, $g9l4l$insert)(_el$3, ()=>modified_display_accessor()?.title || (0, $g9l4l$createComponent)((0, $g9l4l$Placeholder), {
+                                (0, $g9l4l$insert)(_el$3, ()=>display_accessor()?.title || (0, $g9l4l$createComponent)((0, $g9l4l$Placeholder), {
                                         height: "1em",
                                         width: "10ch"
                                     }));
                                 (0, $g9l4l$effect)((_p$)=>{
-                                    const _v$ = !!is_selected(), _v$2 = modified_display_accessor()?.page_url || "javascript:void(0)";
+                                    const _v$ = !!is_selected(), _v$2 = display_accessor()?.page_url || "javascript:void(0)";
                                     _v$ !== _p$._v$ && _el$3.classList.toggle("selected", _p$._v$ = _v$);
                                     _v$2 !== _p$._v$2 && (0, $g9l4l$setAttribute)(_el$3, "href", _p$._v$2 = _v$2);
                                     return _p$;
@@ -4638,7 +4503,6 @@ let $01115659405f3c64$export$44dad306455dddf;
 })($01115659405f3c64$export$44dad306455dddf || ($01115659405f3c64$export$44dad306455dddf = {}));
 
 
-
 const $1ae892b13d7746ab$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="product-count"> </div>`, 2), $1ae892b13d7746ab$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div></div>`, 2), $1ae892b13d7746ab$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="filter-results-for-one-row"></div>`, 2), $1ae892b13d7746ab$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"><div class="listing-page"></div></div>`, 4);
 function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ , query_id_: query_id_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , category_filters_open_: category_filters_open_ , category_sorting_open_: category_sorting_open_ , expanded_filters_: expanded_filters_ , selected_filters_: selected_filters_ , get_quicklinks_accessor_: get_quicklinks_accessor_ , i18n_: incoming_i18n , get_breadcrumb_accessor_: get_breadcrumb_accessor_ , slider_arrow_button_: slider_arrow_button_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , local_filter_cache_: local_filter_cache_ , tenant_: tenant_ , market_: market_ , on_category_link_click_: on_category_link_click_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , rr_options_: rr_options_ , get_product_id_: get_product_id_  }) {
     let results_for;
@@ -4661,26 +4525,6 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     const first_result_in_viewport_ = (0, $g9l4l$createSignal)();
     const last_result_in_viewport_ = (0, $g9l4l$createSignal)();
     const [can_write_scroll_restoration_, set_can_write_scroll_restoration] = (0, $g9l4l$createSignal)(false);
-    const tracking_function_for_plp_results = (0, $g9l4l$createReaction)(()=>{
-        // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
-        const url_object = new URL(location.href);
-        const { searchParams: searchParams  } = url_object;
-        if (searchParams.get((0, $6af87e1502f04aa3$export$e2cf3f19dd3f8aac)) !== "true") return;
-        searchParams.delete((0, $6af87e1502f04aa3$export$e2cf3f19dd3f8aac));
-        history.pushState(history.state, "", url_object.href);
-        (0, $g9l4l$dlog)("Flag to clear filters was set, clearing filters");
-        (0, $g9l4l$queueMacroTask)(()=>{
-            // Do it next task so that all the filters have time to populate
-            (0, $af89070cc0052779$export$8895d39404bd2bb1)({
-                user_triggered_: false,
-                i18n_: i18n_,
-                also_clear_sorting_: false,
-                selected_filters_: selected_filters_,
-                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-                local_filter_cache_: local_filter_cache_
-            });
-        });
-    });
     const query_base_ = (0, $930337c3b3b5f896$export$210f130a61ac1e8d)(()=>{
         const sort_obj = get_sorting() && {
             ...get_sorting()
@@ -4712,7 +4556,6 @@ function $1ae892b13d7746ab$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                     } : {}
                 })
         })));
-    tracking_function_for_plp_results(plp_results_);
     const available_sortings_ = (0, $g9l4l$createMemo)(()=>plp_results_()?.sorts?.map((sort)=>({
                 ...sort,
                 order: sort.order ?? "desc"
@@ -5089,7 +4932,6 @@ function $c7f938ac40924f3b$export$23fca46f3143581f(component, error_message) {
 }
 
 
-
 const $ec52ef1e6c117813$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp category"></div>`, 2);
 const $ec52ef1e6c117813$var$min_products_to_fetch_ = 20;
 const $ec52ef1e6c117813$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -5135,20 +4977,17 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
         $ec52ef1e6c117813$export$f34314aa9505732e.#has_been_constructed = true;
         Object.assign(this, props_on_class); // set initial signal values
         (0, $2864fd26f57ff474$export$5162a71f252e6122)();
-        const { selected_filters_: selected_filters_ , current_sorting_: current_sorting_  } = (0, $4ebab5f2b1a65493$export$7bcff1eb3eca57d7)();
-        const [reset_history_state_, state_] = (0, $764ea8aa12c4fc5b$export$90a2b6b3fb2a1455)({
-            selected_filters_: selected_filters_,
-            current_sorting_: current_sorting_,
-            get_default_values_: ()=>({
-                    category_filters_open: false,
-                    category_sorting_open: false,
-                    category_expanded_filters: [],
-                    // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters and we'll end up with too few filters in search_local_filter_cache in some cases
-                    category_local_filter_cache: [],
-                    category_expanded_hierarchical_filters: [],
-                    category_scroll_restoration_data: []
-                })
-        });
+        const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
+                category_sorting: undefined,
+                category_filters_open: false,
+                category_sorting_open: false,
+                category_expanded_filters: [],
+                // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters and we'll end up with too few filters in search_local_filter_cache in some cases
+                category_selected_filters: [],
+                category_local_filter_cache: [],
+                category_expanded_hierarchical_filters: [],
+                category_scroll_restoration_data: []
+            }));
         const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
         const on_category_link_click_ = (e, d)=>{
             if (e.button || e.metaKey || e.ctrlKey) // Not single page navigating because button is not 0 or ctrl/command click
@@ -5173,8 +5012,6 @@ class $ec52ef1e6c117813$export$f34314aa9505732e {
             reset_history_state_: reset_history_state_,
             depict_api_: api ?? new (0, $3846bb34098c738f$export$e015ed2f2950f2e3)(),
             on_category_link_click_: on_category_link_click_,
-            selected_filters_: selected_filters_,
-            current_sorting_: current_sorting_,
             slider_arrow_button_: (0, $g9l4l$GenericSliderArrowButton)({
                 height_: 12,
                 width_: 6.46
@@ -5191,7 +5028,7 @@ function $ec52ef1e6c117813$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
-        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , on_category_link_click_: on_category_link_click_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
+        const { state_: { category_local_filter_cache: local_filter_cache_ , category_sorting: current_sorting_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_selected_filters: selected_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , on_category_link_click_: on_category_link_click_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_  } = shared_properties;
         (0, $g9l4l$onCleanup)(reset_history_state_);
         return (0, $1ae892b13d7746ab$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5520,14 +5357,18 @@ function $7a7079d66c12b788$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 const $6ded59a142c93078$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<button class="back" type="button"></button>`, 2), $6ded59a142c93078$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="search-field"><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 9);
-function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_  }) {
-    let input_field;
+function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search_field_value_ , input_field_ref_: input_field_ref_ , field_element_ref_: field_element_ref_ , submit_query_: submit_query_ , override_on_enter_: override_on_enter_ , clear_filters_: clear_filters_ , disabled_: disabled_ = false , on_back_: on_back_ , i18n_: i18n_ , after_focusing_: after_focusing_  }) {
+    let input_element;
+    // This is the div where we recommend (and ourselves do) attach the event listener to that opens the search modal.
+    let field_div;
     (0, $g9l4l$createEffect)((0, $g9l4l$catchify)(async ()=>{
         if (disabled_) return;
         // we aren't in DOM yet unfortunately, wouldn't even be with onMount
-        await (0, $g9l4l$observer).wait_for_element(input_field);
-        input_field.focus();
+        await (0, $g9l4l$observer).wait_for_element(input_element);
+        input_element.focus();
+        after_focusing_?.(input_element);
     })); // focus field on render
+    const owner_of_field_element = (0, $g9l4l$getOwner)();
     return (()=>{
         const _el$ = $6ded59a142c93078$var$_tmpl$2.cloneNode(true), _el$3 = _el$.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
         (0, $g9l4l$insert)(_el$, (0, $g9l4l$createComponent)((0, $g9l4l$Show), {
@@ -5540,48 +5381,55 @@ function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search
                 return _el$2;
             }
         }), _el$3);
-        (0, $g9l4l$use)((el)=>field_element_ref_?.(el), _el$3);
-        (0, $g9l4l$addEventListener)(_el$4, "select", (0, $g9l4l$catchify)((e)=>{
-            if (!disabled_) // just in case. The field not actually being disabled when being disabled_ is so that you can focus it and open the modal. We don't want any of the other input-field-interaction features to work
-            {
-                if (input_field.selectionStart === 0 && input_field.selectionEnd === input_field.value.length) // everything was selected, clear filters on next submit on next input
-                input_field.addEventListener("input", (0, $g9l4l$catchify)(()=>clear_filters_(false)), // We don't count this as user triggered since it wasn't explicit
-                {
+        (0, $g9l4l$use)((el)=>{
+            field_div = el;
+            field_element_ref_?.(el);
+        }, _el$3);
+        _el$4.$$pointerdown = ({ pointerType: pointerType  })=>{
+            // When selecting text with a mouse we want a SearchField to be focussed even when releasing the mouse outside the .field element (we assume the event listener which opens the modal is attached to that).
+            if (pointerType === "mouse") {
+                const handler = (0, $g9l4l$catchify)(({ pointerType: pointerType , target: target  })=>{
+                    if (pointerType !== "mouse" || !(target instanceof Node) || target === field_div || field_div.contains(target)) return;
+                    input_element.click();
+                });
+                window.addEventListener("pointerup", handler, {
                     once: true
                 });
+                if (owner_of_field_element) (0, $g9l4l$runWithOwner)(owner_of_field_element, ()=>(0, $g9l4l$onCleanup)(()=>window.removeEventListener("pointerup", handler)));
             }
+        };
+        (0, $g9l4l$addEventListener)(_el$4, "select", (0, $g9l4l$catchify)(()=>{
+            if (disabled_) // just in case. The field not actually being disabled when being disabled_ is so that you can focus it and open the modal. We don't want any of the other input-field-interaction features to work
+            return;
+            if (input_element.selectionStart === 0 && input_element.selectionEnd === input_element.value.length) // everything was selected, clear filters on next submit on next input
+            input_element.addEventListener("input", (0, $g9l4l$catchify)(clear_filters_), {
+                once: true
+            });
         }));
         (0, $g9l4l$addEventListener)(_el$4, "input", (0, $g9l4l$catchify)(()=>{
-            const { value: value  } = input_field;
-            if (!disabled_ && !value.length) clear_filters_(false); // if the user clears the whole field, reset filters on next submit
+            const { value: value  } = input_element;
+            if (!disabled_ && !value.length) clear_filters_(); // if the user clears the whole field, reset filters on next submit
             search_field_value_[1](value);
         }), true);
         (0, $g9l4l$addEventListener)(_el$4, "keydown", (0, $g9l4l$catchify)((e)=>{
             if (disabled_) {
                 if (e.key !== "Tab" && e.key !== "Shift") // alow tab-selecting the input field and then open the modal when the user start writing but also to move past the field with tab
-                input_field.click();
+                input_element.click();
             } else if (e.key === "Enter") {
                 const dont_submit = override_on_enter_?.(e);
                 if (!dont_submit) submit_query_();
             }
         }), true);
-        (0, $g9l4l$addEventListener)(_el$4, "focus", (0, $g9l4l$catchify)(()=>{
-            if (disabled_) {
-                const last_pos = input_field.value.length;
-                input_field.setSelectionRange(last_pos, last_pos);
-            }
-        }));
         const _ref$ = (0, $g9l4l$catchify)((el)=>{
-            input_field = el;
+            input_element = el;
             input_field_ref_?.(el);
         });
         typeof _ref$ === "function" && (0, $g9l4l$use)(_ref$, _el$4);
         _el$4.classList.toggle("has-adjacent-back-button", !!on_back_);
         (0, $g9l4l$addEventListener)(_el$5, "click", (0, $g9l4l$catchify)(()=>{
             search_field_value_[1]("");
-            clear_filters_(true);
-            if (disabled_) return;
-            input_field.focus();
+            clear_filters_();
+            if (!disabled_) input_element.focus();
         }), true);
         (0, $g9l4l$insert)(_el$5, (0, $g9l4l$createComponent)((0, $g9l4l$CrossIcon), {}));
         (0, $g9l4l$addEventListener)(_el$6, "click", (0, $g9l4l$catchify)(()=>submit_query_()), true);
@@ -5608,7 +5456,8 @@ function $6ded59a142c93078$export$b94867ecbd698f21({ search_field_value_: search
 (0, $g9l4l$delegateEvents)([
     "click",
     "keydown",
-    "input"
+    "input",
+    "pointerdown"
 ]);
 
 
@@ -5797,27 +5646,27 @@ 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_  }) {
-    const [get_selected_filters] = selected_filters_;
-    // Possible values:
-    // 0 - we should not clear next submit
-    // 1 - we should clear next submit due to internal heuristics
-    // 2 - we should clear next submit due to EXPLICIT user action (i.e. clear button pressed)
-    const clear_filters_next_submit_ = (0, $g9l4l$createSignal)(0); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
+    const [get_selected_filters, set_selected_filters] = selected_filters_;
+    const clear_filters_next_submit_ = (0, $g9l4l$createSignal)(false); // we store this here (and not in history.state) (maybe there's a better place) because it's a very temporary thing. I.e. as soon as anything breaks the "flow of intent" to make a new search we want this reset
     const [get_clear_filters_next_submit, set_clear_filters_next_submit] = clear_filters_next_submit_;
-    const clear_filters = (user_triggered)=>set_clear_filters_next_submit(user_triggered ? 2 : 1);
+    const clear_filters = ()=>set_clear_filters_next_submit(true);
     (0, $g9l4l$createComputed)((0, $g9l4l$on)(get_selected_filters, ()=>{
         // if the selected filters update, clear the clearing signal
-        set_clear_filters_next_submit(0);
+        set_clear_filters_next_submit(false);
     }, {
         defer: true
     }));
     (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) {
-            set_clear_filters_next_submit(0);
+        if ((0, $g9l4l$untrack)(get_clear_filters_next_submit)) {
+            set_clear_filters_next_submit(false);
+            set_selected_filters([]);
+            // also collapse expanded filters in hierarchical filter tree again
+            expanded_hierarchical_filters_[1]([]);
+            // also clear sorting
+            current_sorting_[1](undefined);
             (0, $af89070cc0052779$export$8895d39404bd2bb1)({
-                user_triggered_: clear_value === 2,
+                user_triggered_: true,
                 selected_filters_: selected_filters_,
                 i18n_: i18n_,
                 also_clear_sorting_: true,
@@ -5960,7 +5809,7 @@ 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  })=>{
+const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container, { i18n: i18n , market: market  })=>{
     const display = (0, $g9l4l$createMemo)(()=>{
         const display = display_or_variant_container();
         // Support for backend's new display format
@@ -5972,7 +5821,12 @@ const $d3c0043bb23a833f$export$b05c0ae390cf3e06 = (display_or_variant_container,
             };
         }
         if (display.page_url) return display;
-        // Support for Spendrups displays, should probably be in the Spendrups script
+        // 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];
     });
@@ -6959,7 +6813,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_: 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_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_  }) {
+function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search_field_value_ , search_query_: search_query_ , search_page_url_param_name_: search_page_url_param_name_ , previous_searches_: previous_searches_ , close_modal_: close_modal_ , style_props_: style_props_ = (0, $g9l4l$createSignal)({}) , depict_api_: depict_api_ , tenant_: tenant_ , market_: market_ , submit_query_: submit_query_ , instant_results_options_: instant_results_options_ , register_closing_animation_: register_closing_animation_ , url_transformer_: url_transformer_ , closing_animation_: closing_animation_ , alternative_query_submitter_for_spas_: alternative_query_submitter_for_spas_ , clear_filters_: clear_filters_ , i18n_: i18n_ , disable_scrolling_: disable_scrolling_ = true , enable_category_suggestions_: enable_category_suggestions_ , class_list_: class_list_ , after_submit_: after_submit_ , bottom_distance_under_modal_: bottom_distance_under_modal_ , navigate_page_to_href_: navigate_page_to_href_ , on_submit_with_unchanged_value_: on_submit_with_unchanged_value_ , selected_text_range_: selected_text_range_  }) {
     let on_enter_in_search_field_function;
     const [input_field, set_input_field] = (0, $g9l4l$createSignal)();
     const [get_search_field_value_] = search_field_value_;
@@ -7021,7 +6875,14 @@ function $a9f6faeac82c322b$export$1c593cbd6f1e10bc({ search_field_value_: search
         search_field_value_: search_field_value_,
         submit_query_: submit_query_,
         clear_filters_: clear_filters_,
-        i18n_: i18n_
+        i18n_: i18n_,
+        after_focusing_: (input_el)=>{
+            // Restore the selection range from the SearchField that was used to open the modal, if it was saved.
+            if (!selected_text_range_) return;
+            const [start, end] = selected_text_range_;
+            if (start === null || end === null) return;
+            input_el.setSelectionRange(start, end);
+        }
     });
     search_field.classList.add("in-modal");
     const modal_element = (()=>{
@@ -7291,28 +7152,38 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
             })));
     const available_filters_ = (0, $g9l4l$createMemo)(()=>search_results_()?.filters);
     const modal_body_style = (0, $g9l4l$createSignal)({});
-    let input_field;
+    let search_field;
     if (include_input_field_) {
         const SafeSearchField = (0, $g9l4l$catchify)((0, $6ded59a142c93078$export$b94867ecbd698f21));
-        input_field = (0, $g9l4l$createComponent)(SafeSearchField, {
+        let input_element;
+        let div_with_field_class;
+        search_field = SafeSearchField({
             i18n_: i18n_,
-            disabled_: true,
             search_query_: search_query_,
             search_field_value_: search_field_value_,
             submit_query_: submit_query_,
-            clear_filters_: clear_filters_on_next_submit_
+            clear_filters_: clear_filters_on_next_submit_,
+            input_field_ref_: (el)=>input_element = el,
+            field_element_ref_: (el)=>div_with_field_class = el,
+            disabled_: true
         });
-        if (input_field) {
+        if (search_field) {
             opts?.modal_body_style_ref_?.(modal_body_style);
-            const align_position = (0, $g9l4l$catchify)((0, $079defea521d5e2a$export$b3ad617e9036868))(modal_body_style, input_field, undefined, true);
-            input_field.addEventListener("click", (0, $g9l4l$catchify)((e)=>{
+            const align_position = (0, $g9l4l$catchify)((0, $079defea521d5e2a$export$b3ad617e9036868))(modal_body_style, search_field, undefined, true);
+            div_with_field_class.addEventListener("click", (0, $g9l4l$catchify)((e)=>{
                 const target = e.target;
                 const sel = ".submit";
                 if (target?.matches?.(sel) || target?.closest?.(sel)) // the search button is just decor, don't do anything when clicked
                 return;
+                // When selecting text in the SearchField that's in the page we want the same selection to persist. It doesn't by itself, since the SearchModal has an entirely different SearchField. Therefore, we manually copy the selection over.
+                const selected_text_range_ = [
+                    input_element.selectionStart,
+                    input_element.selectionEnd
+                ];
                 align_position?.();
                 open_modal_({
-                    style_props_: modal_body_style
+                    style_props_: modal_body_style,
+                    selected_text_range_: selected_text_range_
                 }, ()=>include_input_field_?.on_close_?.());
                 include_input_field_?.on_open_?.();
             }));
@@ -7388,7 +7259,7 @@ function $b76e8f62b1f313ef$export$a54ec244c8863715(opts) {
         document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$2 = $b76e8f62b1f313ef$var$_tmpl$2.cloneNode(true), _el$3 = _el$2.firstChild;
-            (0, $g9l4l$insert)(_el$3, input_field, null);
+            (0, $g9l4l$insert)(_el$3, search_field, null);
             (0, $g9l4l$insert)(_el$3, make_category_suggestion_card_ ? (0, $g9l4l$createComponent)((0, $a406ebe9523f192f$export$b69d0d92862de18b), {
                 severity_: "error",
                 message_: "Category suggestions failed",
@@ -7543,7 +7414,6 @@ function $a79ffb1cbfbd2a09$export$828dcdd425fd3231(aligner) {
 }
 
 
-
 const $540e930c58500cbe$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$g9l4l$template)(`<div class="depict plp search"></div>`, 2);
 /**
  * Type for the private properties that are shared between the different exported search SDK wrapper functions. SDK users are not allowed to change/access these, they're an internal implementation detail.
@@ -7556,7 +7426,7 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
     #market_signal = (0, $g9l4l$createSignal)();
     #modal_open_signal = (0, $g9l4l$createSignal)(false);
     static #has_been_constructed = false;
-    constructor({ search_query_url_param_name: search_query_url_param_name = "query" , url_transformer: url_transformer , on_navigation: raw_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
+    constructor({ search_query_url_param_name: search_query_url_param_name = "search_query" , url_transformer: url_transformer , on_navigation: raw_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);
@@ -7578,22 +7448,19 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
             target_url.searchParams.set(search_param_name, new_search_query);
             on_navigation(target_url.href);
         });
-        const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_  } = (0, $4ebab5f2b1a65493$export$7bcff1eb3eca57d7)();
-        const [reset_history_state_, state_] = (0, $764ea8aa12c4fc5b$export$90a2b6b3fb2a1455)({
-            selected_filters_: selected_filters_,
-            current_sorting_: current_sorting_,
-            get_default_values_: ()=>({
-                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
-                    search_filters_open: false,
-                    search_sorting_open: false,
-                    search_expanded_filters: [],
-                    // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
-                    search_local_filter_cache: [],
-                    search_expanded_hierarchical_filters: [],
-                    search_showing_recommendation_rows: (0, $aee0c68312d971f4$export$1c8c715550dc689d),
-                    search_scroll_restoration_data: []
-                })
-        });
+        const [reset_history_state_, state_] = (0, $3075a4497054bec6$export$9862539c89138352)(()=>({
+                search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name) ?? "",
+                search_sorting: undefined,
+                search_filters_open: false,
+                search_sorting_open: false,
+                search_expanded_filters: [],
+                // WARNING, it is insanely important, when creating the signals like this using make_resettable_history_state, that the two lines below are in *precisely that order*. The reason for that is that make_resettable_history_state will write the values of the signals in the order that they are written here when a "popstate" event occurs. If the filter cache is popped before the selected filters are the code in create_modified_filters() in FilterBody.tsx is going to re-calculate search_local_filter_cache without knowing the real value of search_selected_filters, and we'll end up with too few filters in search_local_filter_cache in some cases
+                search_selected_filters: [],
+                search_local_filter_cache: [],
+                search_expanded_hierarchical_filters: [],
+                search_showing_recommendation_rows: (0, $aee0c68312d971f4$export$1c8c715550dc689d),
+                search_scroll_restoration_data: []
+            }));
         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]: ""
@@ -7615,9 +7482,9 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
             });
         const i18n_ = (0, $0466953901b38f18$export$f091cbac892643a4)(this.#locale_signal[0]);
         const clear_filters_on_next_submit_ = (0, $a0d89ff25220eb8d$export$e026af0c7b64ea5f)({
-            selected_filters_: selected_filters_,
+            selected_filters_: state_.search_selected_filters,
             search_query_: search_query_signal_,
-            current_sorting_: current_sorting_,
+            current_sorting_: state_.search_sorting,
             expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
             i18n_: i18n_,
             local_filter_cache_: state_.search_local_filter_cache
@@ -7640,9 +7507,7 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
             configured_submit_query_: configured_submit_query_,
             search_query_signal_: search_query_signal_,
             i18n_: i18n_,
-            search_query_updating_blocked_: search_query_updating_blocked_,
-            current_sorting_: current_sorting_,
-            selected_filters_: selected_filters_
+            search_query_updating_blocked_: search_query_updating_blocked_
         });
         (0, $2864fd26f57ff474$export$5162a71f252e6122)();
         (0, $g9l4l$catchify)(async ()=>{
@@ -7669,7 +7534,7 @@ class $540e930c58500cbe$export$ac6237957a15b3f0 {
                     min_products_to_fetch_: $540e930c58500cbe$var$min_products_to_fetch_,
                     render_instant_card_: render_instant_card,
                     render_instant_card_placeholder_: (0, $aaacfac0064e97d9$export$ee1733d9a8495996),
-                    has_sort_or_filters_: (0, $g9l4l$createMemo)(()=>!!(Object.keys(selected_filters_[0]())?.length || current_sorting_[0]()))
+                    has_sort_or_filters_: (0, $g9l4l$createMemo)(()=>!!(Object.keys(state_.search_selected_filters[0]())?.length || state_.search_sorting[0]()))
                 },
                 i18n_: i18n_,
                 enable_category_suggestions_: enable_category_suggestions,
@@ -7809,7 +7674,7 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                     });
                 });
             },
-            current_sorting_: shared_properties.current_sorting_,
+            current_sorting_: state_.search_sorting,
             search_filters_open_: state_.search_filters_open,
             search_sorting_open_: state_.search_sorting_open,
             expanded_filters_: state_.search_expanded_filters,
@@ -7820,7 +7685,7 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 });
             } : false,
             expanded_hierarchical_filters_: state_.search_expanded_hierarchical_filters,
-            selected_filters_: shared_properties.selected_filters_,
+            selected_filters_: state_.search_selected_filters,
             showing_recommendation_rows_: state_.search_showing_recommendation_rows,
             scroll_restoration_data_: state_.search_scroll_restoration_data,
             include_input_field_: include_input_field,
@@ -7851,7 +7716,8 @@ function $540e930c58500cbe$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
 function $540e930c58500cbe$export$316f6f283ae64765({ depict_search: depict_search , modal_dispose_handler: modal_dispose_handler , click_handler: click_handler , aligner_ref: aligner_ref  }) {
     const shared_properties = $540e930c58500cbe$var$get_shared_properties(depict_search);
     return (0, $c7f938ac40924f3b$export$23fca46f3143581f)(()=>{
-        const input = (0, $g9l4l$createComponent)((0, $6ded59a142c93078$export$b94867ecbd698f21), {
+        let input_element;
+        const search_field = (0, $g9l4l$createComponent)((0, $6ded59a142c93078$export$b94867ecbd698f21), {
             get search_query_ () {
                 return shared_properties.search_query_signal_;
             },
@@ -7868,35 +7734,40 @@ function $540e930c58500cbe$export$316f6f283ae64765({ depict_search: depict_searc
                 return shared_properties.i18n_;
             },
             disabled_: true,
+            input_field_ref_: (el)=>input_element = el,
             field_element_ref_: (field)=>{
                 const style_props_ = (0, $g9l4l$createSignal)({
                     position: "fixed"
                 });
                 const defaultHandler = (0, $g9l4l$catchify)(()=>{
-                    const { cleanup: cleanup  } = $540e930c58500cbe$var$align_field_modal(style_props_, input, aligner_ref);
+                    // When selecting text in the SearchField that's in the page we want the same selection to persist. It doesn't by itself, since the SearchModal has an entirely different SearchField. Therefore, we manually copy the selection over.
+                    const selected_text_range_ = [
+                        input_element.selectionStart,
+                        input_element.selectionEnd
+                    ];
+                    const { cleanup: cleanup  } = $540e930c58500cbe$var$align_field_modal(style_props_, search_field, aligner_ref);
                     const complete_modal_dispose_handler = ()=>{
                         modal_dispose_handler?.();
                         cleanup();
                     };
                     depict_search.modal_open = [
                         {
-                            style_props_: style_props_
+                            style_props_: style_props_,
+                            selected_text_range_: selected_text_range_
                         },
                         complete_modal_dispose_handler
                     ];
                 });
                 const handler = click_handler ?? defaultHandler;
                 field.addEventListener("click", handler);
-                (0, $g9l4l$onCleanup)(()=>{
-                    field.removeEventListener("click", handler);
-                });
+                (0, $g9l4l$onCleanup)(()=>field.removeEventListener("click", handler));
             }
         });
         // We assume this to be an array containing exactly on div in js-ui
         return [
             (()=>{
                 const _el$ = $540e930c58500cbe$var$_tmpl$.cloneNode(true);
-                (0, $g9l4l$insert)(_el$, input);
+                (0, $g9l4l$insert)(_el$, search_field);
                 return _el$;
             })()
         ];
@@ -7926,6 +7797,7 @@ function $540e930c58500cbe$var$align_field_modal(style_props_, input, aligner_re
 
 
 
+
 const $7cbfd6122dbaf087$export$d86a33413558014e = (openModalParams)=>{
     const { search: search  } = openModalParams;
     openModalParams.location ||= "centered";
@@ -8183,4 +8055,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, $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, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $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, $972ebf2641490830$export$26df08e242fe83a3 as push_state_with_query_param_value, $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};