@depict-ai/ui 1.0.16 → 1.0.17

package/dist/client/module.js

@@ -1,55 +1,12 @@
-import {add_to_version_info as $gco9i$add_to_version_info, fetch_recs as $gco9i$fetch_recs, snakeCasifyObject as $gco9i$snakeCasifyObject, catchify as $gco9i$catchify, instant_exec_on_suspect_history_change as $gco9i$instant_exec_on_suspect_history_change, base_url as $gco9i$base_url, dlog as $gco9i$dlog, get_depict_id as $gco9i$get_depict_id, get_user_id as $gco9i$get_user_id, get_session_id as $gco9i$get_session_id, make_url_with_query_params as $gco9i$make_url_with_query_params, fetch_retry as $gco9i$fetch_retry, add_version_query_params as $gco9i$add_version_query_params, sort_obj as $gco9i$sort_obj, report as $gco9i$report, javascript_media_query as $gco9i$javascript_media_query, standard_price_format as $gco9i$standard_price_format, observer as $gco9i$observer, make_random_classname as $gco9i$make_random_classname, n_col_styling_with_dist as $gco9i$n_col_styling_with_dist, useExpandingContainer as $gco9i$useExpandingContainer, Amazing_Slider as $gco9i$Amazing_Slider, slider_snap_css as $gco9i$slider_snap_css, slider_fading_factory as $gco9i$slider_fading_factory, hsl_to_rgb as $gco9i$hsl_to_rgb, relative_luminance_from_rgb as $gco9i$relative_luminance_from_rgb, base64_encode_unicode as $gco9i$base64_encode_unicode, base64_decode_unicode as $gco9i$base64_decode_unicode, queueMacroTask as $gco9i$queueMacroTask, is_debug as $gco9i$is_debug, dwarn as $gco9i$dwarn, Layout as $gco9i$Layout, async_iterable_ipns as $gco9i$async_iterable_ipns, make_asyncIterable_exiter as $gco9i$make_asyncIterable_exiter, href_change_ipns as $gco9i$href_change_ipns, ContainedImage as $gco9i$ContainedImage, buildThresholdList as $gco9i$buildThresholdList, deparallelize_no_drop as $gco9i$deparallelize_no_drop, insert_surfaces as $gco9i$insert_surfaces} from "@depict-ai/utilishared";
-import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, spread as $gco9i$spread, mergeProps as $gco9i$mergeProps, runHydrationEvents as $gco9i$runHydrationEvents, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, insert as $gco9i$insert, isServer as $gco9i$isServer, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, delegateEvents as $gco9i$delegateEvents, classList as $gco9i$classList, style as $gco9i$style, Dynamic as $gco9i$Dynamic, className as $gco9i$className} from "solid-js/web";
+import {add_to_version_info as $gco9i$add_to_version_info, fetch_recs as $gco9i$fetch_recs, snakeCasifyObject as $gco9i$snakeCasifyObject, GenericSliderArrowButton as $gco9i$GenericSliderArrowButton, catchify as $gco9i$catchify, instant_exec_on_suspect_history_change as $gco9i$instant_exec_on_suspect_history_change, base_url as $gco9i$base_url, dlog as $gco9i$dlog, get_depict_id as $gco9i$get_depict_id, get_user_id as $gco9i$get_user_id, get_session_id as $gco9i$get_session_id, make_url_with_query_params as $gco9i$make_url_with_query_params, fetch_retry as $gco9i$fetch_retry, add_version_query_params as $gco9i$add_version_query_params, sort_obj as $gco9i$sort_obj, report as $gco9i$report, javascript_media_query as $gco9i$javascript_media_query, standard_price_format as $gco9i$standard_price_format, observer as $gco9i$observer, make_random_classname as $gco9i$make_random_classname, n_col_styling_with_dist as $gco9i$n_col_styling_with_dist, CrossIcon as $gco9i$CrossIcon, useExpandingContainer as $gco9i$useExpandingContainer, Amazing_Slider as $gco9i$Amazing_Slider, slider_snap_css as $gco9i$slider_snap_css, slider_fading_factory as $gco9i$slider_fading_factory, MinusIcon as $gco9i$MinusIcon, FilterIcon as $gco9i$FilterIcon, SortIconAsc as $gco9i$SortIconAsc, SortIconDesc as $gco9i$SortIconDesc, PlusIcon as $gco9i$PlusIcon, hsl_to_rgb as $gco9i$hsl_to_rgb, relative_luminance_from_rgb as $gco9i$relative_luminance_from_rgb, TickIcon as $gco9i$TickIcon, ArrowUp as $gco9i$ArrowUp, base64_encode_unicode as $gco9i$base64_encode_unicode, base64_decode_unicode as $gco9i$base64_decode_unicode, queueMacroTask as $gco9i$queueMacroTask, is_debug as $gco9i$is_debug, dwarn as $gco9i$dwarn, BackIcon as $gco9i$BackIcon, SearchIcon as $gco9i$SearchIcon, Layout as $gco9i$Layout, async_iterable_ipns as $gco9i$async_iterable_ipns, make_asyncIterable_exiter as $gco9i$make_asyncIterable_exiter, href_change_ipns as $gco9i$href_change_ipns, ContainedImage as $gco9i$ContainedImage, buildThresholdList as $gco9i$buildThresholdList, deparallelize_no_drop as $gco9i$deparallelize_no_drop, PreviousSearchIcon as $gco9i$PreviousSearchIcon, insert_surfaces as $gco9i$insert_surfaces} from "@depict-ai/utilishared";
+import {template as $gco9i$template, getNextElement as $gco9i$getNextElement, insert as $gco9i$insert, effect as $gco9i$effect, setAttribute as $gco9i$setAttribute, createComponent as $gco9i$createComponent, getNextMarker as $gco9i$getNextMarker, use as $gco9i$use, memo as $gco9i$memo, addEventListener as $gco9i$addEventListener, runHydrationEvents as $gco9i$runHydrationEvents, delegateEvents as $gco9i$delegateEvents, spread as $gco9i$spread, classList as $gco9i$classList, style as $gco9i$style, Dynamic as $gco9i$Dynamic, className as $gco9i$className, mergeProps as $gco9i$mergeProps} from "solid-js/web";
 import {createSignal as $gco9i$createSignal, getOwner as $gco9i$getOwner, createRoot as $gco9i$createRoot, runWithOwner as $gco9i$runWithOwner, onCleanup as $gco9i$onCleanup, createComputed as $gco9i$createComputed, createRenderEffect as $gco9i$createRenderEffect, createEffect as $gco9i$createEffect, untrack as $gco9i$untrack, batch as $gco9i$batch, createResource as $gco9i$createResource, createMemo as $gco9i$createMemo, Show as $gco9i$Show, createReaction as $gco9i$createReaction, Suspense as $gco9i$Suspense, on as $gco9i$on, ErrorBoundary as $gco9i$ErrorBoundary, For as $gco9i$For, Index as $gco9i$Index} from "solid-js";
 
-/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.16";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.15";
 
 
 
 
-
-
-
-
-const $19976a74d273070d$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M11.669 10.531l9.156-9.156a.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569A.8.8 0 0 0 20.24 0a.77.77 0 0 0-.569.237l-9.14 9.14-9.14-9.14A.79.79 0 0 0 .807 0a.77.77 0 0 0-.569.237A.78.78 0 0 0 0 .807a.77.77 0 0 0 .237.569l9.156 9.156-9.156 9.14c-.159.157-.237.349-.237.569s.079.412.237.569c.085.085.174.148.268.19a1.095 1.095 0 0 0 .316.048.894.894 0 0 0 .285-.048.84.84 0 0 0 .285-.19l9.139-9.14 9.14 9.14a.894.894 0 0 0 .268.19 1.049 1.049 0 0 0 .301.048.941.941 0 0 0 .301-.048.84.84 0 0 0 .285-.19.78.78 0 0 0 .237-.569c0-.221-.079-.412-.237-.569z"></path></svg>`, 4);
-function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($19976a74d273070d$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "21.064",
-            "height": "21.047",
-            "viewBox": "0 0 21.064 21.064"
-        }), true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
-
-
-
-
-const $fbbadcb080ad1d4a$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 26"><path d="M2 24.656c-.078 0-.156-.016-.234-.047s-.133-.066-.187-.129c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422l10.371-10.371L1.578 2.883c-.117-.117-.176-.258-.176-.422s.059-.305.176-.422.258-.176.422-.176.305.059.422.176l10.805 10.793a.59.59 0 0 1 .176.434c0 .172-.059.305-.176.422L2.422 24.48a.42.42 0 0 1-.199.129.54.54 0 0 1-.223.047zm0 0" fill="#0f0f0f"></path></svg>`, 4);
-function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($fbbadcb080ad1d4a$var$_tmpl$);
-        (0, $gco9i$effect)((_p$)=>{
-            const _v$ = props.width_ ?? 14, _v$2 = props.height_ ?? 26;
-            _v$ !== _p$._v$ && (0, $gco9i$setAttribute)(_el$, "width", _p$._v$ = _v$);
-            _v$2 !== _p$._v$2 && (0, $gco9i$setAttribute)(_el$, "height", _p$._v$2 = _v$2);
-            return _p$;
-        }, {
-            _v$: undefined,
-            _v$2: undefined
-        });
-        return _el$;
-    })();
-}
-
-
-
 async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $gco9i$fetch_recs)({
         tenant: merchant,
@@ -67,6 +24,7 @@ async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant ,
 
 
 
+
 function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, router_) {
     const signals = {};
     const entries = Object.entries(params_to_default_value);
@@ -76,9 +34,7 @@ function $ca6f574bd8772184$export$e183a13865960371(params_to_default_value, rout
     // createRenderEffect because we need the instant execution so the signals always contain values, even before solid's render phase
     (0, $gco9i$createRenderEffect)(()=>{
         let signal_changed = false;
-        let { state: state  } = globalThis?.history || {
-            state: {}
-        }; // cloning isn't necessary because we're calling replaceState on it anyway
+        let { state: state  } = history; // cloning isn't necessary because we're calling replaceState on it anyway
         if (state === null || typeof state != "object") state = {};
         for (const [param, default_value] of entries){
             const [read_signal] = signals[param] ||= (0, $gco9i$createSignal)(state[param] ?? default_value);
@@ -356,14 +312,13 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 
 function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
     const catchified_handler = (0, $gco9i$catchify)(handler);
-    const owner = (0, $gco9i$getOwner)();
     // Some customers (e.g. equestrian) have `height: 100%` and/or `overflow-x: hidden` on the body, which means that scroll events won't get dispatched on `window`. The pages who get it on <body> won't get it on `window` and vice-versa, so there shouldn't be a worry about duplicate calling of the handler.
     // Use observer in case that this gets called before body exists
     const disconnect = (0, $gco9i$observer).onexists("body", ({ element: element  })=>{
         element.addEventListener("scroll", catchified_handler, {
             passive: passive
         });
-        (0, $gco9i$runWithOwner)(owner, ()=>(0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
+        (0, $gco9i$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
     });
     (0, $gco9i$onCleanup)(disconnect);
     for (const event of [
@@ -379,10 +334,8 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
 }
 
 
-
 const $6db49ca163afa2c3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="scroll-status" style="display:none"><span class="text"><b></b> – <b></b> <!#><!/> <b></b></span></div>`, 12);
 function $6db49ca163afa2c3$export$83fd5de5504a7a67({ formatted_number_of_results_: formatted_number_of_results_ , first_result_in_viewport_: [get_first_result_in_viewport] , last_result_in_viewport_: [get_last_result_in_viewport] , number_of_results_: number_of_results_ , i18n_: { price_formatting_: price_formatting_ , of_: of_  }  }) {
-    if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
     const [first_to_show, set_first_to_show] = (0, $gco9i$createSignal)(0);
     const [last_to_show, set_last_to_show] = (0, $gco9i$createSignal)(0);
     const [count_to_show, set_count_to_show] = (0, $gco9i$createSignal)("");
@@ -755,10 +708,8 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
 ]);
 
 
-
 function $a458486f22b22f63$export$a2cc176055f8f08() {
-    const text = "Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.";
-    return (0, $gco9i$isServer) ? `<!-- ${text} -->` : document.createComment(text);
+    return document.createComment("Please try setting `colsAtSize` on the `SearchPage`/`CategoryPage` components to change the grid before setting it with CSS. If you do with CSS, set `ColsAtSize` to an empty array to ensure no declarations created by the SDK leak through.");
 }
 
 
@@ -1441,28 +1392,22 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
 
 
 
-const $f32e14878e75af51$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict-slider depict"><div class="sliding "></div></div>`, 4), $f32e14878e75af51$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2);
+const $f32e14878e75af51$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2);
 function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
-    // TODO: Actual SSR:able slider
-    if (0, $gco9i$isServer) return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$), _el$2 = _el$.firstChild;
-        (0, $gco9i$insert)(_el$2, children);
-        return _el$;
-    })();
     const slider = new (0, $gco9i$Amazing_Slider)({
         button_contents: {
             left: [
                 (()=>{
-                    const _el$3 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$2);
-                    (0, $gco9i$insert)(_el$3, ()=>button_.cloneNode(true));
-                    return _el$3;
+                    const _el$ = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
+                    (0, $gco9i$insert)(_el$, ()=>button_.cloneNode(true));
+                    return _el$;
                 })()
             ],
             right: [
                 (()=>{
-                    const _el$4 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$2);
-                    (0, $gco9i$insert)(_el$4, ()=>button_.cloneNode(true));
-                    return _el$4;
+                    const _el$2 = (0, $gco9i$getNextElement)($f32e14878e75af51$var$_tmpl$);
+                    (0, $gco9i$insert)(_el$2, ()=>button_.cloneNode(true));
+                    return _el$2;
                 })()
             ]
         },
@@ -1485,7 +1430,6 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
 
 
 
-
 const $1adfe60f3a14a1d7$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-all-filters minor"></button>`, 2), $1adfe60f3a14a1d7$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="inner"><span class="title"><!#><!/>: </span><!#><!/></div>`, 8), $1adfe60f3a14a1d7$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span><!#><!/><!#><!/><!#><!/> – <!#><!/><!#><!/><!#><!/></span></button>`, 18), $1adfe60f3a14a1d7$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-filter major"><!#><!/><span></span></button>`, 6);
 function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , i18n_: i18n_ , selected_filters_: selected_filters_ , local_filter_cache_: [read_local_filter_cache] , search_filters_open_: [read_search_filters_open] , search_sorting_open_: [read_search_sorting_open] , slider_arrow_button_: slider_arrow_button_ , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
     const { price_formatting_: price_formatting_  } = i18n_;
@@ -1602,7 +1546,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                                                                     cloned_selected_filters.splice(index_in_selected_filters, 1);
                                                                     write_selected_filters(cloned_selected_filters);
                                                                 };
-                                                                (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$25, _co$9);
+                                                                (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$25, _co$9);
                                                                 (0, $gco9i$insert)(_el$10, ()=>price_formatting_().pre_, _el$13, _co$3);
                                                                 (0, $gco9i$insert)(_el$10, (0, $gco9i$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
                                                                     get price_ () {
@@ -1711,7 +1655,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                                                                                     }
                                                                                     write_selected_filters(cloned_selected_filters);
                                                                                 }), true);
-                                                                                (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$29, _co$10);
+                                                                                (0, $gco9i$insert)(_el$26, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$29, _co$10);
                                                                                 (0, $gco9i$insert)(_el$27, name);
                                                                                 (0, $gco9i$runHydrationEvents)();
                                                                                 return _el$26;
@@ -1913,32 +1857,12 @@ const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
 
 
 
-
-
-
-
-
-const $f8a56ba74eedd0c6$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M10.173 5.548H5.5V.875c0-.075-.027-.14-.081-.193S5.301.601 5.226.601s-.14.027-.193.081-.081.118-.081.193v4.673H.274c-.075 0-.14.027-.193.081A.27.27 0 0 0 0 5.827c0 .075.027.14.081.193s.118.081.193.081h4.678v4.673c0 .075.027.14.081.193s.118.081.193.081.14-.027.193-.081.081-.118.081-.193V6.101h4.673a.27.27 0 0 0 .199-.081c.054-.054.08-.118.08-.193a.27.27 0 0 0-.279-.279z" fill="#000"></path></svg>`, 4);
-function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($f8a56ba74eedd0c6$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "11",
-            "height": "12"
-        }), true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
 const $67b173f9db427028$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button type="button" class="expand-filter"><!#><!/><span></span></button>`, 6);
 function $67b173f9db427028$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
     return (()=>{
         const _el$ = (0, $gco9i$getNextElement)($67b173f9db427028$var$_tmpl$), _el$3 = _el$.firstChild, [_el$4, _co$] = (0, $gco9i$getNextMarker)(_el$3.nextSibling), _el$2 = _el$4.nextSibling;
         (0, $gco9i$addEventListener)(_el$, "click", (0, $gco9i$catchify)(()=>set_show_extras((p)=>!p)), true);
-        (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {}), _el$4, _co$);
+        (0, $gco9i$insert)(_el$, (0, $gco9i$createComponent)((0, $gco9i$PlusIcon), {}), _el$4, _co$);
         (0, $gco9i$insert)(_el$2, (()=>{
             const _c$ = (0, $gco9i$memo)(()=>!!get_show_extras());
             return ()=>_c$() ? i18n_.view_less_() : i18n_.view_more_();
@@ -3165,20 +3089,6 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
 
 
 
-
-
-
-const $9bc34983fc5f7bdb$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="16.8" height="14"><path d="M4.617 12.738a.48.48 0 0 1-.164-.027c-.051-.023-.094-.055-.129-.098L.125 8.414A.39.39 0 0 1 0 8.117c0-.113.039-.211.125-.293s.18-.125.293-.125.215.043.297.125l3.902 3.902L16.086.262c.082-.082.18-.125.297-.125s.211.043.293.125.125.184.125.301-.043.215-.125.297L4.914 12.613c-.039.043-.086.078-.141.098s-.102.027-.156.027zm0 0"></path></svg>`, 4);
-function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($9bc34983fc5f7bdb$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, props, true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
 const $a7b58cb3bcffd156$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="show-selected" aria-hidden="true"><span></span><!#><!/></span>`, 6);
 function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_: selected_filters_in_group_ , i18n_: { price_formatting_: price_formatting_  }  }) {
     const [show_tick_icon, set_show_tick_icon] = (0, $gco9i$createSignal)(false);
@@ -3238,7 +3148,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_:
                 return show_tick_icon();
             },
             get children () {
-                return (0, $gco9i$createComponent)((0, $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4), {});
+                return (0, $gco9i$createComponent)((0, $gco9i$TickIcon), {});
             }
         }), _el$4, _co$);
         return _el$;
@@ -3346,7 +3256,6 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
 }
 
 
-
 const $fab07f52c9861732$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-collapsible"></div>`, 2), $fab07f52c9861732$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-group"><!#><!/><span></span></button>`, 6), $fab07f52c9861732$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="view-more-clear"><!#><!/><!#><!/></div>`, 6), $fab07f52c9861732$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-collapsible-body"><div class="filter-part"></div><!#><!/></div>`, 6), $fab07f52c9861732$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="filter-collapsible"></details>`, 2), $fab07f52c9861732$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<summary class="filter-group-summary"><div class="summary"><span></span><div class="selected-w-sign"><!#><!/><!#><!/></div></div></summary>`, 12), $fab07f52c9861732$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="ungrouped"></div>`, 2), $fab07f52c9861732$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear-all-filters major"></button>`, 2);
 function $fab07f52c9861732$export$3f1a388cc0d8fed7(props) {
     // Split like this to make placeholder wrapping more visible & this component is exported and used in MobileModal
@@ -3503,7 +3412,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
                                                         }
                                                         props.selected_filters_[1](new_filter_obj);
                                                     }), true);
-                                                    (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}), _el$8, _co$);
+                                                    (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}), _el$8, _co$);
                                                     (0, $gco9i$insert)(_el$6, ()=>props.i18n_.clear_individual_filter_());
                                                     (0, $gco9i$runHydrationEvents)();
                                                     return _el$5;
@@ -3743,45 +3652,6 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
 
 
 
-
-
-
-
-
-const $e1bb71e65e01a3a0$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zM9.449 3.5H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h1.398c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-1.051-.699h.703v-.699h-.703zm0 0"></path><path d="M10.852 6.301H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h2.801a.35.35 0 0 1 .348.352v1.398a.35.35 0 0 1-.348.352zm-2.453-.699H10.5v-.703H8.398zm3.851 3.5H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h4.199c.191 0 .352.156.352.352V8.75c0 .191-.16.352-.352.352zm-3.852-.703h3.5V7.7h-3.5zm5.25 3.499H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h5.598a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-5.25-.699H13.3V10.5H8.398zm0 0"></path></svg>`, 6);
-function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($e1bb71e65e01a3a0$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, props, true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
-
-
-
-
-const $05fbe84eb34564ec$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="sort-icon"><path d="M6.199 10.254a.35.35 0 0 0-.496 0L3.5 12.453V.348a.35.35 0 0 0-.7 0v12.105L.598 10.254c-.137-.137-.359-.137-.492 0a.35.35 0 0 0 0 .492l2.797 2.801a.35.35 0 0 0 .496 0L6.2 10.746c.137-.137.137-.355 0-.492zm3.25 1.644H8.051a.35.35 0 0 1-.352-.348v-1.402a.35.35 0 0 1 .352-.348h1.398a.35.35 0 0 1 .352.348v1.402a.35.35 0 0 1-.352.348zm-1.051-.699h.703V10.5h-.703zm2.454-2.097H8.051c-.195 0-.352-.16-.352-.352V7.352A.35.35 0 0 1 8.051 7h2.801a.35.35 0 0 1 .348.352V8.75c0 .191-.156.352-.348.352zm-2.453-.703H10.5V7.7H8.398zm3.851-2.098H8.051a.35.35 0 0 1-.352-.352V4.551a.35.35 0 0 1 .352-.352h4.199c.191 0 .352.156.352.352v1.398c0 .195-.16.352-.352.352zm-3.852-.699h3.5v-.703h-3.5zm5.25-2.102H8.051a.35.35 0 0 1-.352-.352V1.75c0-.191.156-.352.352-.352h5.598c.195 0 .352.16.352.352v1.398a.35.35 0 0 1-.352.352zm-5.25-.699H13.3v-.699H8.398zm0 0"></path></svg>`, 4);
-function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($05fbe84eb34564ec$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, props, true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
-
-
-const $b9bf7fce0ae60241$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" class="filter-icon"><path d="M1.75 14.697c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V8.75c0-.096.034-.178.103-.246s.15-.103.246-.103.178.034.246.103.103.15.103.246v5.599c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-9.796c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-3.5c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103.103.153.103.253v3.5c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.796H1.053c-.292 0-.54-.103-.745-.308S0 6.938 0 6.651s.103-.54.308-.745.453-.308.745-.308h1.395c.292 0 .54.103.745.308s.308.453.308.745-.103.533-.308.738-.453.308-.745.308zM1.053 6.303c-.1 0-.185.034-.253.103s-.103.15-.103.246.034.178.103.246S.952 7 1.053 7h1.395c.1 0 .185-.034.253-.103s.103-.15.103-.246-.034-.178-.103-.246-.153-.103-.253-.103H1.053zm5.599 8.395c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246v-2.796c0-.1.034-.184.103-.253s.15-.102.246-.102.178.034.246.102.103.153.103.253v2.796c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-7c-.096 0-.178-.034-.246-.103s-.103-.15-.103-.246V1.053c0-.1.034-.185.103-.253s.15-.103.246-.103.178.034.246.103S7 .952 7 1.053v6.296c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803H5.947c-.287 0-.533-.102-.738-.308s-.308-.453-.308-.745.103-.533.308-.738.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.451.308.738-.103.54-.308.745-.453.308-.745.308zM5.947 9.099c-.096 0-.178.034-.246.103s-.103.15-.103.246.034.185.103.253.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.103-.153.103-.253-.034-.178-.103-.246-.15-.103-.246-.103H5.947zm5.605 5.599c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246v-7c0-.096.034-.178.102-.246S11.453 7 11.553 7s.178.034.246.103.103.15.103.246v7c0 .096-.034.178-.103.246s-.15.103-.246.103zm0-11.197c-.1 0-.184-.034-.253-.103s-.102-.15-.102-.246V1.053c0-.1.034-.185.102-.253s.153-.103.253-.103.178.034.246.103.103.153.103.253v2.099c0 .096-.034.178-.103.246s-.15.103-.246.103zm.697 2.803h-1.401c-.287 0-.533-.103-.738-.308s-.308-.453-.308-.745.103-.54.308-.745.451-.308.738-.308h1.401c.292 0 .54.103.745.308s.308.453.308.745-.102.54-.308.745-.453.308-.745.308zm-1.401-1.401c-.096 0-.178.034-.246.103s-.102.15-.102.246.034.178.102.246.15.103.246.103h1.401c.096 0 .178-.034.246-.103s.102-.15.102-.246-.034-.178-.102-.246-.15-.103-.246-.103h-1.401z"></path></svg>`, 4);
-function $b9bf7fce0ae60241$export$28f6150e232898de() {
-    return (0, $gco9i$getNextElement)($b9bf7fce0ae60241$var$_tmpl$);
-}
-
-
 const $757dac7f7c6c5241$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="clear minor"></button>`, 2), $757dac7f7c6c5241$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp depict-filter-sort-mobile-modal-container"><div class="depict-filter-sort-modal-backdrop"></div><button class="dismiss-modal"></button><div class="filter-sort-modal"><div class="body"><!#><!/><!#><!/></div><div class="bottom-row"><!#><!/><button class="show-results major"></button></div></div></div>`, 20), $757dac7f7c6c5241$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="sorting"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<summary class="sort-filter-summary"><div class="summary"><div class="left-els"><!#><!/><span></span></div><!#><!/></div></summary>`, 12), $757dac7f7c6c5241$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="body"></div>`, 2), $757dac7f7c6c5241$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<details class="filters"></details>`, 2), $757dac7f7c6c5241$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<b></b>`, 2);
 const $757dac7f7c6c5241$var$no_go_selector = ".range .range-group";
 function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for_sorting_ , args_for_filtering_: args_for_filtering_ , search_filters_open_: [get_search_filters_open, set_search_filters_open] , search_sorting_open_: [get_search_sorting_open, set_search_sorting_open] , dismiss_modal_: dismiss_modal_ , register_closing_animation_: register_closing_animation_ , formatted_number_of_results_: formatted_number_of_results_ , i18n_: i18n_  }) {
@@ -3849,7 +3719,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 }));
             }, _el$3);
             (0, $gco9i$addEventListener)(_el$3, "click", dismiss_modal_, true);
-            (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
+            (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
             _el$4.$$touchstart = ({ changedTouches: changedTouches , target: target  })=>{
                 // touchstart should always only have one changed touch, track it here
                 if (touches >= 1) {
@@ -3957,7 +3827,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
                         const _el$16 = (0, $gco9i$getNextElement)($757dac7f7c6c5241$var$_tmpl$4), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$20 = _el$18.firstChild, [_el$21, _co$4] = (0, $gco9i$getNextMarker)(_el$20.nextSibling), _el$19 = _el$21.nextSibling, _el$22 = _el$18.nextSibling, [_el$23, _co$5] = (0, $gco9i$getNextMarker)(_el$22.nextSibling);
                         (0, $gco9i$insert)(_el$18, (()=>{
                             const _c$ = (0, $gco9i$memo)(()=>args_for_sorting_.current_sorting_[0]()?.order === "asc");
-                            return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
+                            return ()=>_c$() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
                         })(), _el$21, _co$4);
                         (0, $gco9i$insert)(_el$19, ()=>i18n_.sorting_text_());
                         (0, $gco9i$insert)(_el$17, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
@@ -3986,7 +3856,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 get summary_ () {
                     return (()=>{
                         const _el$26 = (0, $gco9i$getNextElement)($757dac7f7c6c5241$var$_tmpl$4), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$30 = _el$28.firstChild, [_el$31, _co$6] = (0, $gco9i$getNextMarker)(_el$30.nextSibling), _el$29 = _el$31.nextSibling, _el$32 = _el$28.nextSibling, [_el$33, _co$7] = (0, $gco9i$getNextMarker)(_el$32.nextSibling);
-                        (0, $gco9i$insert)(_el$28, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}), _el$31, _co$6);
+                        (0, $gco9i$insert)(_el$28, (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {}), _el$31, _co$6);
                         (0, $gco9i$insert)(_el$29, ()=>i18n_.filters_());
                         (0, $gco9i$insert)(_el$27, (0, $gco9i$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
                             expanded_: filters_expanded,
@@ -4204,143 +4074,130 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({ available_filters_: availab
 }
 
 
-
-
-const $11d594c749b76228$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M12.949 7.699H.352A.35.35 0 0 1 0 7.352.35.35 0 0 1 .352 7h12.598a.35.35 0 0 1 .352.352.35.35 0 0 1-.352.348zm0 0"></path></svg>`, 4);
-function $11d594c749b76228$export$cb808a3c41736d8e() {
-    return (0, $gco9i$getNextElement)($11d594c749b76228$var$_tmpl$);
-}
-
-
-
-
-
 const $cdea4cf8c5c071ef$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filters"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sorting"><div class="body"></div></div>`, 4), $cdea4cf8c5c071ef$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="sort-and-filter-buttons"><div class="outer"><div class="inner"><!#><!/><!#><!/><!#><!/></div></div></div>`, 12), $cdea4cf8c5c071ef$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="num-filters"></span>`, 2), $cdea4cf8c5c071ef$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="open-filters-button-container"><!#><!/><button class="filter toggle-button major-minor-transition" type="button"><!#><!/><span></span></button></div>`, 10), $cdea4cf8c5c071ef$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="toggle-button for-sorting major-minor-transition"><span></span><!#><!/></button>`, 6);
 function $cdea4cf8c5c071ef$export$d7841e452f2e59a8({ current_sorting_: current_sorting_ , set_extra_els_in_results_container_: set_extra_els_in_results_container_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , set_sort_or_filter_open_: set_sort_or_filter_open_ , i18n_: i18n_ , available_sortings_: available_sortings_ , available_filters_: available_filters_ , expanded_filters_: expanded_filters_ , middle_elements_: middle_elements_ , input_modal_open_: input_modal_open_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_ , set_sort_and_filter_element_: set_sort_and_filter_element_ , formatted_number_of_results_: formatted_number_of_results_ , filter_button_width_: filter_button_width_ , sort_button_width_: sort_button_width_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_ , get_extra_filters_button_: get_extra_filters_button_ , get_extra_sorting_button_: get_extra_sorting_button_  }) {
-    const Self = ()=>{
-        // This could technically be in SearchPage and CategoryPage and would be better suited there since it writes into local_filter_cache_ which i.e. SelectedFilters uses, but it's better suited here IMO due to DRY and being inside the correct error boundary here
-        (0, $5efb5894079b220e$export$b288c38ae3fddb56)({
-            available_filters_: available_filters_,
-            selected_filters_: selected_filters_,
-            local_filter_cache_: local_filter_cache_
-        });
-        const cleanup_promise = new Promise((r)=>(0, $gco9i$onCleanup)(r));
-        const [filters_open, set_filters_open] = search_filters_open_;
-        const [sorting_open, set_sorting_open] = search_sorting_open_;
-        const [get_current_sorting_] = current_sorting_;
-        const [is_small, set_is_small] = (0, $gco9i$createSignal)(false);
-        const dismiss_modal_ = (0, $gco9i$catchify)(()=>{
-            set_filters_open(false);
-            set_sorting_open(false);
-        });
-        const meta_of_currently_selected_sorting_ = (0, $gco9i$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
-        const filter_options = {
-            expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-            local_filter_cache_: local_filter_cache_,
-            available_filters_: available_filters_,
-            expanded_filters_: expanded_filters_,
-            selected_filters_: selected_filters_,
-            i18n_: i18n_
-        };
-        const sorting_options = {
-            current_sorting_: current_sorting_,
-            available_sortings_: available_sortings_,
-            meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
-        };
-        const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenFiltersButton, {
-                tabindex_: is_tabbable ? 0 : -1,
-                i18n_: i18n_,
-                search_filters_open_: search_filters_open_,
-                search_sorting_open_: search_sorting_open_,
-                number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
-                filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
+    // @ts-ignore
+    return (0, $b7436a6d1fd64e3b$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, $5efb5894079b220e$export$b288c38ae3fddb56)({
+                available_filters_: available_filters_,
+                selected_filters_: selected_filters_,
+                local_filter_cache_: local_filter_cache_
             });
-        const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenSortingButton, {
-                tabindex_: is_tabbable ? 0 : -1,
-                i18n_: i18n_,
-                get_current_sorting_: get_current_sorting_,
-                search_filters_open_: search_filters_open_,
-                search_sorting_open_: search_sorting_open_,
+            const cleanup_promise = new Promise((r)=>(0, $gco9i$onCleanup)(r));
+            const [filters_open, set_filters_open] = search_filters_open_;
+            const [sorting_open, set_sorting_open] = search_sorting_open_;
+            const [get_current_sorting_] = current_sorting_;
+            const [is_small, set_is_small] = (0, $gco9i$createSignal)(false);
+            const dismiss_modal_ = (0, $gco9i$catchify)(()=>{
+                set_filters_open(false);
+                set_sorting_open(false);
+            });
+            const meta_of_currently_selected_sorting_ = (0, $gco9i$createMemo)(()=>available_sortings_()?.find?.((sorting)=>sorting.field === get_current_sorting_()?.field)?.meta);
+            const filter_options = {
+                expanded_hierarchical_filters_: expanded_hierarchical_filters_,
+                local_filter_cache_: local_filter_cache_,
+                available_filters_: available_filters_,
+                expanded_filters_: expanded_filters_,
+                selected_filters_: selected_filters_,
+                i18n_: i18n_
+            };
+            const sorting_options = {
+                current_sorting_: current_sorting_,
                 available_sortings_: available_sortings_,
-                sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
                 meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
+            };
+            const make_open_filters_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenFiltersButton, {
+                    tabindex_: is_tabbable ? 0 : -1,
+                    i18n_: i18n_,
+                    search_filters_open_: search_filters_open_,
+                    search_sorting_open_: search_sorting_open_,
+                    number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
+                    filter_button_width_: adhere_to_width ? filter_button_width_ : undefined
+                });
+            const make_open_sorting_button = (adhere_to_width = false, is_tabbable = false)=>(0, $gco9i$createComponent)($cdea4cf8c5c071ef$var$OpenSortingButton, {
+                    tabindex_: is_tabbable ? 0 : -1,
+                    i18n_: i18n_,
+                    get_current_sorting_: get_current_sorting_,
+                    search_filters_open_: search_filters_open_,
+                    search_sorting_open_: search_sorting_open_,
+                    available_sortings_: available_sortings_,
+                    sort_button_width_: adhere_to_width ? sort_button_width_ : undefined,
+                    meta_of_currently_selected_sorting_: meta_of_currently_selected_sorting_
+                });
+            let open_modal_;
+            let close_modal_;
+            let grid_is_in_original_state = true;
+            (0, $gco9i$createComputed)(()=>{
+                const fi_o = filters_open();
+                const so_o = sorting_open();
+                const i_s = is_small();
+                // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
+                if ((fi_o || so_o) && !i_s) {
+                    if (!grid_is_in_original_state) return;
+                    set_sort_or_filter_open_(true);
+                    grid_is_in_original_state = false;
+                } else if (!grid_is_in_original_state) {
+                    set_sort_or_filter_open_(false);
+                    grid_is_in_original_state = true;
+                }
             });
-        let open_modal_;
-        let close_modal_;
-        let grid_is_in_original_state = true;
-        (0, $gco9i$createComputed)(()=>{
-            const fi_o = filters_open();
-            const so_o = sorting_open();
-            const i_s = is_small();
-            // we need to always read all the signal if we have them in the if-statement the value of it changes when the computation runs
-            if ((fi_o || so_o) && !i_s) {
-                if (!grid_is_in_original_state) return;
-                set_sort_or_filter_open_(true);
-                grid_is_in_original_state = false;
-            } else if (!grid_is_in_original_state) {
-                set_sort_or_filter_open_(false);
-                grid_is_in_original_state = true;
-            }
-        });
-        (0, $gco9i$createEffect)(()=>{
-            if (!filters_open() && !sorting_open()) {
-                close_modal_?.();
-                set_extra_els_in_results_container_("");
-            } else if (is_small()) {
-                if ((0, $gco9i$untrack)(()=>input_modal_open_?.())) {
-                    // we don't want to shove another modal into the users face, silently close the filters for them
-                    set_filters_open(false);
-                    set_sorting_open(false);
-                    return;
+            (0, $gco9i$createEffect)(()=>{
+                if (!filters_open() && !sorting_open()) {
+                    close_modal_?.();
+                    set_extra_els_in_results_container_("");
+                } else if (is_small()) {
+                    if ((0, $gco9i$untrack)(()=>input_modal_open_?.())) {
+                        // we don't want to shove another modal into the users face, silently close the filters for them
+                        set_filters_open(false);
+                        set_sorting_open(false);
+                        return;
+                    }
+                    open_modal_?.();
+                    set_extra_els_in_results_container_("");
+                } else {
+                    close_modal_?.();
+                    if (filters_open()) set_extra_els_in_results_container_((()=>{
+                        const _el$ = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$), _el$2 = _el$.firstChild;
+                        (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
+                        return _el$;
+                    })());
+                    else set_extra_els_in_results_container_((()=>{
+                        const _el$3 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$2), _el$4 = _el$3.firstChild;
+                        (0, $gco9i$insert)(_el$4, (0, $gco9i$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
+                        return _el$3;
+                    })());
                 }
-                open_modal_?.();
-                set_extra_els_in_results_container_("");
-            } else {
-                close_modal_?.();
-                if (filters_open()) set_extra_els_in_results_container_((()=>{
-                    const _el$ = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$), _el$2 = _el$.firstChild;
-                    (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options));
-                    return _el$;
-                })());
-                else set_extra_els_in_results_container_((()=>{
-                    const _el$3 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$2), _el$4 = _el$3.firstChild;
-                    (0, $gco9i$insert)(_el$4, (0, $gco9i$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options));
-                    return _el$3;
-                })());
-            }
-        });
-        (0, $gco9i$catchify)(async ()=>{
-            ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((0, $757dac7f7c6c5241$export$9bf11afa910f536e), {
-                args_for_sorting_: sorting_options,
-                args_for_filtering_: filter_options,
-                search_filters_open_: search_filters_open_,
-                search_sorting_open_: search_sorting_open_,
-                formatted_number_of_results_: formatted_number_of_results_,
-                dismiss_modal_: dismiss_modal_,
-                i18n_: i18n_
-            }));
-            const { remove: remove  } = (0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches));
-            cleanup_promise.then(remove);
-        })();
-        get_extra_filters_button_?.(make_open_filters_button());
-        get_extra_sorting_button_?.(make_open_sorting_button());
-        return (()=>{
-            const _el$5 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $gco9i$getNextMarker)(_el$12.nextSibling);
-            const _ref$ = set_sort_and_filter_element_;
-            typeof _ref$ === "function" ? (0, $gco9i$use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
-            (0, $gco9i$insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
-            (0, $gco9i$insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
-            (0, $gco9i$insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
-            return _el$5;
-        })();
-    };
-    return (0, $gco9i$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-        message_: "Sorting and filters failed",
-        severity_: "error",
-        get children () {
-            return (0, $gco9i$createComponent)(Self, {});
+            });
+            (0, $gco9i$catchify)(async ()=>{
+                ({ open_modal_: open_modal_ , close_modal_: close_modal_  } = await (0, $194bd6b8e4c59830$export$79b1565500412d9b)((0, $757dac7f7c6c5241$export$9bf11afa910f536e), {
+                    args_for_sorting_: sorting_options,
+                    args_for_filtering_: filter_options,
+                    search_filters_open_: search_filters_open_,
+                    search_sorting_open_: search_sorting_open_,
+                    formatted_number_of_results_: formatted_number_of_results_,
+                    dismiss_modal_: dismiss_modal_,
+                    i18n_: i18n_
+                }));
+                const { remove: remove  } = (0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches));
+                cleanup_promise.then(remove);
+            })();
+            get_extra_filters_button_?.(make_open_filters_button());
+            get_extra_sorting_button_?.(make_open_sorting_button());
+            return (()=>{
+                const _el$5 = (0, $gco9i$getNextElement)($cdea4cf8c5c071ef$var$_tmpl$3), _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$2] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$3] = (0, $gco9i$getNextMarker)(_el$12.nextSibling);
+                const _ref$ = set_sort_and_filter_element_;
+                typeof _ref$ === "function" ? (0, $gco9i$use)(_ref$, _el$5) : set_sort_and_filter_element_ = _el$5;
+                (0, $gco9i$insert)(_el$7, ()=>make_open_filters_button(true, true), _el$9, _co$);
+                (0, $gco9i$insert)(_el$7, ()=>middle_elements_?.(), _el$11, _co$2);
+                (0, $gco9i$insert)(_el$7, ()=>make_open_sorting_button(true, true), _el$13, _co$3);
+                return _el$5;
+            })();
         }
-    });
+    })();
 }
 function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , filter_button_width_: filter_button_width_ , tabindex_: tabindex_ , number_of_rendered_selected_filters_items_: [num_selected_filters]  }) {
     const filters_closed = (0, $gco9i$createMemo)(()=>!search_filters_open_[0]());
@@ -4372,10 +4229,10 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
                 return filters_closed();
             },
             get fallback () {
-                return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
+                return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
             },
             get children () {
-                return (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {});
+                return (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {});
             }
         }), _el$19, _co$4);
         (0, $gco9i$insert)(_el$17, ()=>i18n_.filter_text_());
@@ -4424,10 +4281,10 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
                 return sorting_closed();
             },
             get fallback () {
-                return (0, $gco9i$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
+                return (0, $gco9i$createComponent)((0, $gco9i$MinusIcon), {});
             },
             get children () {
-                return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
+                return (0, $gco9i$memo)(()=>get_current_sorting_()?.order === "asc")() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
             }
         }), _el$25, _co$6);
         (0, $gco9i$effect)((_p$)=>{
@@ -4468,21 +4325,8 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
 
 
 
-
-
-
-
-
-const $f9182ab2348d1080$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M6.402.453L2.203 4.652a.35.35 0 0 0 0 .496c.137.137.359.137.492 0l3.605-3.605v11.406a.35.35 0 0 0 .348.352.35.35 0 0 0 .352-.352V1.543l3.602 3.605a.35.35 0 0 0 .496 0c.066-.07.102-.16.102-.25a.35.35 0 0 0-.102-.246L6.895.453c-.133-.137-.355-.137-.492 0zm0 0"></path></svg>`, 4);
-function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
-    return (0, $gco9i$getNextElement)($f9182ab2348d1080$var$_tmpl$);
-}
-
-
-
 const $0b0380f75d729d63$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="floating-buttons"><button class="filter"><div></div></button><button class="sort"><div></div></button><button class="up"><div></div></button></div>`, 14);
 function $0b0380f75d729d63$export$b23abd26de154ede(props) {
-    if (0, $gco9i$isServer) return; // won't show in initial render and need scroll position
     const [is_small, set_is_small] = (0, $gco9i$createSignal)(true);
     (0, $gco9i$onCleanup)((0, $gco9i$javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
     return (0, $gco9i$createComponent)((0, $gco9i$Show), {
@@ -4571,20 +4415,20 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
             set_search_filters_open_(true);
             set_search_sorting_open_(false);
         }), true);
-        (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {}));
+        (0, $gco9i$insert)(_el$3, (0, $gco9i$createComponent)((0, $gco9i$FilterIcon), {}));
         (0, $gco9i$addEventListener)(_el$4, "click", (0, $gco9i$catchify)(()=>{
             set_search_filters_open_(false);
             set_search_sorting_open_(true);
         }), true);
         (0, $gco9i$insert)(_el$5, (()=>{
             const _c$ = (0, $gco9i$memo)(()=>current_sorting_[0]()?.order === "asc");
-            return ()=>_c$() ? (0, $gco9i$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $gco9i$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
+            return ()=>_c$() ? (0, $gco9i$createComponent)((0, $gco9i$SortIconAsc), {}) : (0, $gco9i$createComponent)((0, $gco9i$SortIconDesc), {});
         })());
         (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>scrollTo({
                 top: 0,
                 behavior: "smooth"
             })), true);
-        (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {}));
+        (0, $gco9i$insert)(_el$7, (0, $gco9i$createComponent)((0, $gco9i$ArrowUp), {}));
         (0, $gco9i$effect)((_p$)=>{
             const _v$ = !!(is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast()), _v$2 = i18n_.filter_text_(), _v$3 = i18n_.sorting_text_(), _v$4 = i18n_.scroll_to_top_();
             _v$ !== _p$._v$ && _el$.classList.toggle("show-them", _p$._v$ = _v$);
@@ -5262,7 +5106,6 @@ function $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116(el, query_id_, i18n_) {
 
 
 
-
 const $df5d81d0fe61ff21$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="product-count"><!#><!/> <!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div></div>`, 2), $df5d81d0fe61ff21$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $df5d81d0fe61ff21$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
 function $df5d81d0fe61ff21$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_ , router_: router_ , show_quicklinks_: show_quicklinks_ , category_title_: category_title_ , show_breadcrumbs_: show_breadcrumbs_ , layout_options_: layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  }) {
     let results_for;
@@ -5445,7 +5288,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
     return [
-        (0, $gco9i$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
+        document.createComment("Category page based on Depict SDK"),
         (()=>{
             const _el$13 = (0, $gco9i$getNextElement)($df5d81d0fe61ff21$var$_tmpl$4), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, [_el$16, _co$5] = (0, $gco9i$getNextMarker)(_el$15.nextSibling), _el$17 = _el$16.nextSibling, [_el$18, _co$6] = (0, $gco9i$getNextMarker)(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$7] = (0, $gco9i$getNextMarker)(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$8] = (0, $gco9i$getNextMarker)(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$9] = (0, $gco9i$getNextMarker)(_el$23.nextSibling), _el$25 = _el$24.nextSibling, [_el$26, _co$10] = (0, $gco9i$getNextMarker)(_el$25.nextSibling), _el$27 = _el$14.nextSibling, [_el$28, _co$11] = (0, $gco9i$getNextMarker)(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$12] = (0, $gco9i$getNextMarker)(_el$29.nextSibling);
             (0, $gco9i$use)((el)=>process.env.NODE_ENV === "development" && (0, $eb9ba2e49ab3dcc2$export$d4fc5c0e68a52116)(el, query_id_, i18n_), _el$13);
@@ -5560,7 +5403,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
 
 let $90980bd87c9960f9$var$has_ran = false;
 function $90980bd87c9960f9$export$5162a71f252e6122() {
-    if ($90980bd87c9960f9$var$has_ran || typeof history !== "object") return;
+    if ($90980bd87c9960f9$var$has_ran) return;
     $90980bd87c9960f9$var$has_ran = true;
     for (const function_name of [
         "replaceState",
@@ -5666,7 +5509,8 @@ function $c16e74cfe125bb05$export$f091cbac892643a4(obj) {
 
 function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
-        const error_boundary_wrapped = (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
+        // @ts-ignore
+        return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
             severity_: "error",
             message_: error_message,
             get children () {
@@ -5674,12 +5518,7 @@ function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
                 do_with_elements?.(elements);
                 return elements;
             }
-        });
-        // This might return an accessor, in that case we need to "unwrap" it since our SDK consumers expect HTML elements or arrays thereof
-        if (typeof error_boundary_wrapped === "function") // @ts-ignore
-        return error_boundary_wrapped();
-        // On the server it returns a string, so we just return that
-        return error_boundary_wrapped;
+        })();
     };
     const owner = (0, $gco9i$getOwner)();
     if (owner == null) return (0, $gco9i$createRoot)((dispose)=>{
@@ -5709,7 +5548,7 @@ function $ccd5db07a3a069c5$export$477caf01aecaeb2a(options) {
     const [get_sorting_, set_sorting] = current_sorting_;
     const [get_selected_filters_, set_selected_filters] = selected_filters_;
     const [get_has_sideways_filter_clearing_flag_, set_has_sideways_filter_clearing_flag] = sideways_filter_clearing_flag_;
-    const [get_current_href, set_current_href] = (0, $gco9i$createSignal)(globalThis?.location?.href ?? "https://example.com");
+    const [get_current_href, set_current_href] = (0, $gco9i$createSignal)(location.href);
     const history_change_handler = (0, $gco9i$catchify)(()=>set_current_href(location.href));
     const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)());
     let writer_started = false;
@@ -5845,7 +5684,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
      * Call this if you *just* want to replace the state object in history.state
      */ replace_state_: (new_state)=>{
             // This doesn't break any router, so we just do this directly for now, since many don't expose an interface for changing the state
-            globalThis?.history?.replaceState(new_state, "");
+            history.replaceState(new_state, "");
         },
         /**
      * Call this to change the URL
@@ -5887,8 +5726,6 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
 }
 
 
-
-
 const $961b5c64bef4662f$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp category"></div>`, 2);
 const $961b5c64bef4662f$var$min_products_to_fetch_ = 20;
 const $961b5c64bef4662f$var$privately_shared_properties = /*@__PURE__*/ new WeakMap();
@@ -5940,8 +5777,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
         const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $gco9i$runWithOwner)(owner, ()=>{
-            if ($961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
-            throw new Error("You can only have one instance of DepictCategory due to state limitations");
+            if ($961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed) throw new Error("You can only have one instance of DepictCategory due to state limitations");
             $961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed = true;
             Object.assign(this, props_on_class); // set initial signal values
             (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -5970,7 +5806,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
                 selected_filters_: selected_filters_,
                 current_sorting_: current_sorting_,
                 sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-                slider_arrow_button_: (0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee)({
+                slider_arrow_button_: (0, $gco9i$GenericSliderArrowButton)({
                     height_: 12,
                     width_: 6.46
                 })
@@ -6353,35 +6189,6 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
-
-
-const $22e59517c2ec94d3$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16"><path d="M.773 7.371L7.98.176C8.098.059 8.238 0 8.402 0s.305.059.422.176S9 .434 9 .598s-.059.305-.176.422L2.648 7.195h19.547a.59.59 0 0 1 .609.609c0 .172-.059.305-.176.422s-.262.176-.434.176H2.648l6.176 6.176a.59.59 0 0 1 .176.426c0 .16-.059.301-.176.422-.055.059-.121.109-.199.137s-.148.039-.223.039-.156-.012-.234-.039a.54.54 0 0 1-.187-.137L.773 8.227c-.117-.117-.176-.258-.176-.422a.6.6 0 0 1 .176-.434zm0 0"></path></svg>`, 4);
-function $22e59517c2ec94d3$export$1c641004b5485fed() {
-    return (0, $gco9i$getNextElement)($22e59517c2ec94d3$var$_tmpl$);
-}
-
-
-
-
-
-
-
-
-const $16f0ed5ea30d8d9c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg><path d="M19.811 20.174l-6.234-6.809a7.96 7.96 0 0 0 .923-1.179c.274-.424.502-.865.687-1.323a8.04 8.04 0 0 0 .42-1.436 7.88 7.88 0 0 0 .144-1.507c0-.526-.051-1.042-.154-1.548-.096-.506-.243-.995-.441-1.466s-.441-.919-.728-1.343a8.28 8.28 0 0 0-.984-1.21 7.86 7.86 0 0 0-1.2-.984A7.56 7.56 0 0 0 10.89.651C10.418.453 9.929.302 9.423.2S8.401.046 7.875.046 6.833.097 6.327.2 5.332.453 4.86.651a7.56 7.56 0 0 0-1.354.718c-.431.287-.831.615-1.2.984a8.28 8.28 0 0 0-.984 1.21 7.73 7.73 0 0 0-.728 1.343c-.198.472-.349.96-.451 1.466A8.31 8.31 0 0 0 0 7.921a8.31 8.31 0 0 0 .144 1.548c.103.506.253.995.451 1.466a8.08 8.08 0 0 0 .728 1.354 7.86 7.86 0 0 0 .984 1.2 7.54 7.54 0 0 0 1.2.995c.431.287.882.53 1.354.728.472.191.96.338 1.466.441a8.31 8.31 0 0 0 1.548.144c.451 0 .896-.038 1.333-.113a7.83 7.83 0 0 0 1.282-.328 7.55 7.55 0 0 0 1.2-.533 8.08 8.08 0 0 0 1.107-.749l6.245 6.809a.45.45 0 0 0 .174.123.55.55 0 0 0 .205.041.61.61 0 0 0 .195-.031c.061-.021.116-.055.164-.102.109-.096.164-.219.164-.369.007-.144-.038-.267-.133-.369zM1.046 7.921c0-.937.178-1.818.533-2.646.362-.834.851-1.559 1.466-2.174.622-.615 1.347-1.101 2.174-1.456.827-.362 1.712-.543 2.656-.543s1.829.181 2.656.543c.827.355 1.548.841 2.164 1.456.622.615 1.111 1.34 1.466 2.174a6.52 6.52 0 0 1 .543 2.646c0 .943-.181 1.829-.543 2.656a6.89 6.89 0 0 1-1.466 2.174c-.615.615-1.336 1.104-2.164 1.466-.827.356-1.712.533-2.656.533s-1.829-.178-2.656-.533c-.827-.362-1.552-.851-2.174-1.466-.615-.622-1.104-1.347-1.466-2.174-.355-.827-.533-1.712-.533-2.656z"></path></svg>`, 4);
-function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
-    return (()=>{
-        const _el$ = (0, $gco9i$getNextElement)($16f0ed5ea30d8d9c$var$_tmpl$);
-        (0, $gco9i$spread)(_el$, (0, $gco9i$mergeProps)(props, {
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "20",
-            "height": "22"
-        }), true, true);
-        (0, $gco9i$runHydrationEvents)();
-        return _el$;
-    })();
-}
-
-
 const $5285d2814d0fac0c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<button class="back" type="button"></button>`, 2), $5285d2814d0fac0c$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="search-field"><!#><!/><div class="field"><input class="query" tabindex="0"><button type="button" class="clear"></button></div><button class="submit major" type="button"></button></div>`, 11);
 function $5285d2814d0fac0c$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;
@@ -6402,7 +6209,7 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
             get children () {
                 const _el$2 = (0, $gco9i$getNextElement)($5285d2814d0fac0c$var$_tmpl$);
                 (0, $gco9i$addEventListener)(_el$2, "click", (0, $gco9i$catchify)(on_back_), true);
-                (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $22e59517c2ec94d3$export$1c641004b5485fed), {}));
+                (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$BackIcon), {}));
                 (0, $gco9i$effect)(()=>(0, $gco9i$setAttribute)(_el$2, "aria-label", i18n_.back_()));
                 (0, $gco9i$runHydrationEvents)();
                 return _el$2;
@@ -6459,9 +6266,9 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
             clear_filters_(true);
             if (!disabled_) input_element.focus();
         }), true);
-        (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
+        (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
         (0, $gco9i$addEventListener)(_el$6, "click", (0, $gco9i$catchify)(()=>submit_query_()), true);
-        (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
+        (0, $gco9i$insert)(_el$6, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
         (0, $gco9i$effect)((_p$)=>{
             const _v$ = i18n_.search_field_field_aria_label_(), _v$2 = i18n_.placeholder_text_(), _v$3 = i18n_.clear_filters_query_sorting_after_submit_(), _v$4 = (0, $gco9i$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")(), _v$5 = i18n_.search_submit_button_aria_label_();
             _v$ !== _p$._v$ && (0, $gco9i$setAttribute)(_el$4, "aria-label", _p$._v$ = _v$);
@@ -6675,7 +6482,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({ selected_filters_: selected
 
 
 function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
-    const ls = globalThis?.localStorage || {};
+    const ls = localStorage;
     const key = "depict_searches";
     const previous_searches = (0, $gco9i$createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -7012,15 +6819,6 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 
-
-
-const $694b7f90501fea4c$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13"><path d="M6 12.598a5.88 5.88 0 0 1-1.611-.223c-.52-.145-1.008-.352-1.465-.621s-.875-.605-1.254-.996-.693-.83-.955-1.318c-.039-.07-.047-.145-.023-.223s.072-.143.146-.182.145-.047.223-.023.143.072.182.146a5.54 5.54 0 0 0 .861 1.184c.34.352.715.65 1.125.897s.85.435 1.318.568A5.5 5.5 0 0 0 6 12a5.24 5.24 0 0 0 2.098-.422c.656-.285 1.229-.672 1.717-1.16s.879-1.061 1.16-1.717a5.22 5.22 0 0 0 .428-2.104c0-.742-.143-1.441-.428-2.098s-.668-1.229-1.16-1.717a5.42 5.42 0 0 0-1.717-1.154A5.18 5.18 0 0 0 6 1.201c-.496 0-.979.066-1.447.199s-.904.316-1.318.563-.785.539-1.125.891a5.31 5.31 0 0 0-.855 1.172.32.32 0 0 1-.164.141c-.066.023-.135.023-.205 0a.3.3 0 0 1-.158-.135C.691 3.965.682 3.895.697 3.82l.51-2.385c.016-.078.059-.141.129-.187a.28.28 0 0 1 .229-.041c.078.016.141.059.188.129a.28.28 0 0 1 .041.229l-.211.973a5.91 5.91 0 0 1 .926-.814 5.78 5.78 0 0 1 1.066-.609A5.79 5.79 0 0 1 4.746.732C5.156.643 5.574.598 6 .598c.402 0 .795.039 1.178.117s.76.191 1.119.34a5.95 5.95 0 0 1 1.031.551c.328.219.633.469.914.75s.535.592.75.92a5.77 5.77 0 0 1 .551 1.025 5.53 5.53 0 0 1 .34 1.119c.078.387.117.779.117 1.178s-.039.797-.117 1.184-.187.754-.34 1.113a5.96 5.96 0 0 1-.551 1.031 5.56 5.56 0 0 1-.75.914c-.281.285-.586.537-.914.756a5.95 5.95 0 0 1-1.031.551c-.359.148-.732.26-1.119.334s-.775.117-1.178.117zm0-5.695c-.023 0-.049-.004-.076-.012s-.047-.018-.07-.029l-2.701-1.5c-.07-.039-.117-.098-.141-.176a.29.29 0 0 1 .023-.229c.043-.074.104-.123.182-.146s.158-.014.229.029l2.543 1.412 3.152-2.004c.07-.047.145-.061.223-.041a.29.29 0 0 1 .188.135c.047.066.061.141.041.223a.27.27 0 0 1-.129.188L6.158 6.855a.27.27 0 0 1-.076.035c-.027.008-.055.012-.082.012z" fill="#0f0f0f"></path></svg>`, 4);
-function $694b7f90501fea4c$export$5d2caaa6b530761c() {
-    return (0, $gco9i$getNextElement)($694b7f90501fea4c$var$_tmpl$);
-}
-
-
-
 const $7ad3a93cbe6fa208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="previous-searches"><h2 class="text"></h2><div class="list"></div></div>`, 6), $7ad3a93cbe6fa208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="item"><div class="left"><!#><!/><span></span></div><button class="delete"></button></a>`, 10);
 function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_searches_: previous_searches_ , search_query_param_name_: search_query_param_name_ , currently_showing_suggestions_: currently_showing_suggestions_ , set_unfiltered_previous_searches_: set_unfiltered_previous_searches_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , i18n_: i18n_ , submit_query_: submit_query_  }) {
     const has_entries = (0, $gco9i$createMemo)(()=>previous_searches_().length >= 1);
@@ -7067,7 +6865,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
                                 0,
                                 index
                             ])));
-                        (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {}), _el$8, _co$);
+                        (0, $gco9i$insert)(_el$5, (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {}), _el$8, _co$);
                         (0, $gco9i$insert)(_el$6, item);
                         (0, $gco9i$use)((element)=>element.addEventListener("click", (0, $gco9i$catchify)((e)=>{
                                 // Viskan's Oscar Jacobson site requires us to add the event listener normally here. They do too much when this element is clicked. We work around it by blocking the event and just dispatching it non-bubbling on this element.
@@ -7084,7 +6882,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
                                 e.stopPropagation();
                                 e.preventDefault();
                             })), _el$9);
-                        (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {}));
+                        (0, $gco9i$insert)(_el$9, (0, $gco9i$createComponent)((0, $gco9i$CrossIcon), {}));
                         (0, $gco9i$effect)((_p$)=>{
                             const _v$ = !!(0, $gco9i$createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)(), _v$2 = href(), _v$3 = i18n_.previous_searches_delete_entry_from_history_();
                             _v$ !== _p$._v$ && _el$4.classList.toggle("selected", _p$._v$ = _v$);
@@ -7187,8 +6985,6 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
-
-
 const $cea52f6b24092f05$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<a class="suggestion"></a>`, 2), $cea52f6b24092f05$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="search-icon"></div>`, 2), $cea52f6b24092f05$var$_tmpl$3 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<span class="type"></span>`, 2), $cea52f6b24092f05$var$_tmpl$4 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div><!#><!/><span class="value"></span></div>`, 6), $cea52f6b24092f05$var$_tmpl$5 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<h2 class="text"></h2>`, 2), $cea52f6b24092f05$var$_tmpl$6 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestion-container query"><!#><!/><!#><!/></div>`, 6), $cea52f6b24092f05$var$_tmpl$7 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestion-container page"></div>`, 2), $cea52f6b24092f05$var$_tmpl$8 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="suggestions"><!#><!/><!#><!/><!#><!/></div>`, 8);
 function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestion_memo_ , search_query_url_param_name_: search_query_url_param_name_ , selected_index_: [read_selected_index_, write_selected_index_] , url_transformer_: url_transformer_ , filtered_previous_searches_: filtered_previous_searches_ , currently_showing_suggestions_: currently_showing_suggestions_ , on_previous_searches_page_: on_previous_searches_page_ , i18n_: i18n_ , include_category_suggestions_: include_category_suggestions_ , searching_for_value_: searching_for_value_ , router_: router_ , submit_query_: submit_query_  }) {
     const queries_memo = (0, $gco9i$createMemo)(()=>suggestion_memo_().filter(({ type: type , title: title  })=>type === (0, $a0eb8b431ec1f87b$export$3cf9497e790da491) && !filtered_previous_searches_().includes(title) // don't show the ones we already show from the history
@@ -7232,12 +7028,12 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
                             get fallback () {
                                 return (()=>{
                                     const _el$2 = (0, $gco9i$getNextElement)($cea52f6b24092f05$var$_tmpl$2);
-                                    (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {}));
+                                    (0, $gco9i$insert)(_el$2, (0, $gco9i$createComponent)((0, $gco9i$SearchIcon), {}));
                                     return _el$2;
                                 })();
                             },
                             get children () {
-                                return (0, $gco9i$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {});
+                                return (0, $gco9i$createComponent)((0, $gco9i$PreviousSearchIcon), {});
                             }
                         }),
                         (0, $gco9i$createComponent)((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -8006,7 +7802,6 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
-
 const $7097477c78a89208$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="filter-results-for-one-row"><!#><!/><!#><!/></div>`, 6), $7097477c78a89208$var$_tmpl$2 = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$template)(`<div class="depict plp search"><div class="listing-page"><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/><!#><!/></div><!#><!/><!#><!/></div>`, 20);
 function $7097477c78a89208$export$a54ec244c8863715(opts) {
     const { depict_api_: depict_api_ , search_field_value_: search_field_value_ , get_search_query_: get_search_query_ , open_modal_: open_modal_ , submit_query_: submit_query_ , current_sorting_: current_sorting_ , min_products_to_fetch_: min_products_to_fetch_ , search_filters_open_: search_filters_open_ , search_sorting_open_: search_sorting_open_ , expanded_filters_: expanded_filters_ , input_modal_open_: input_modal_open_ , selected_filters_: selected_filters_ , i18n_: i18n_ , slider_arrow_button_: slider_arrow_button_ , make_category_suggestion_card_: make_category_suggestion_card_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , clear_filters_on_next_submit_: clear_filters_on_next_submit_ , local_filter_cache_: local_filter_cache_ , include_input_field_: include_input_field_ , tenant_: tenant_ , market_: market_ , showing_recommendation_rows_: showing_recommendation_rows_ , search_recs_view_more_: search_recs_view_more_ , disable_search_recommendations_: disable_search_recommendations_ , layout_options_: layout_options_ , recommendations_layout_options_: recommendations_layout_options_ = layout_options_ , scroll_restoration_data_: scroll_restoration_data_ , product_card_template_: product_card_template_  } = opts;
@@ -8162,7 +7957,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
     });
     return [
-        (0, $gco9i$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
+        document.createComment("Search page based on Depict SDK"),
         (()=>{
             const _el$6 = (0, $gco9i$getNextElement)($7097477c78a89208$var$_tmpl$2), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, [_el$9, _co$3] = (0, $gco9i$getNextMarker)(_el$8.nextSibling), _el$10 = _el$9.nextSibling, [_el$11, _co$4] = (0, $gco9i$getNextMarker)(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = (0, $gco9i$getNextMarker)(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$6] = (0, $gco9i$getNextMarker)(_el$14.nextSibling), _el$16 = _el$15.nextSibling, [_el$17, _co$7] = (0, $gco9i$getNextMarker)(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$8] = (0, $gco9i$getNextMarker)(_el$18.nextSibling), _el$20 = _el$7.nextSibling, [_el$21, _co$9] = (0, $gco9i$getNextMarker)(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$10] = (0, $gco9i$getNextMarker)(_el$22.nextSibling);
             (0, $gco9i$insert)(_el$7, search_field, _el$9, _co$3);
@@ -8318,8 +8113,6 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
-
-
 const $806c97b931758897$var$_tmpl$ = /*@__PURE__*/ (0, /*@__PURE__*/$gco9i$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.
@@ -8337,8 +8130,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
     disable_scrolling_during_modal = true , api: api , bottom_distance_under_modal: bottom_distance_under_modal , render_instant_card: render_instant_card , ...props_on_class }){
         const owner = (0, $gco9i$getOwner)() || (0, $gco9i$createRoot)(()=>(0, $gco9i$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $gco9i$runWithOwner)(owner, ()=>{
-            if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed && !(0, $gco9i$isServer)) // on the server we can't write stuff to history.state anyway so can have multiple
-            throw new Error("You can only have one instance of DepictSearch");
+            if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed) throw new Error("You can only have one instance of DepictSearch");
             Object.assign(this, props_on_class);
             if (on_navigation) this.#router.on_navigation_ = on_navigation;
             const { current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , search_query_accessor_: raw_search_query_accessor  } = (0, $ccd5db07a3a069c5$export$477caf01aecaeb2a)({
@@ -8346,7 +8138,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
                 router_: this.#router
             });
             const [reset_history_state_, state_] = (0, $a8fa7302d6f93c0b$export$9862539c89138352)(()=>({
-                    search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
+                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
                     search_filters_open: false,
                     search_sorting_open: false,
                     search_expanded_filters: [],
@@ -8605,7 +8397,7 @@ function $806c97b931758897$export$f2dc7e4e4aa11abb({ depict_search: depict_searc
                 cols_at_size: (0, $b5cccc8ee7d24677$export$6daf8749b65a1b77)(extra_depict_options.recommendations_cols_at_size),
                 ...grid_spacing_override
             } : undefined,
-            slider_arrow_button_: (0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee)({
+            slider_arrow_button_: (0, $gco9i$GenericSliderArrowButton)({
                 height_: 12,
                 width_: 6.46
             }),
@@ -8982,4 +8774,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
 (0, $gco9i$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
 
 
-export {$19976a74d273070d$export$3b621d86b1566b2 as CrossIcon, $fbbadcb080ad1d4a$export$8be2714ec7f169ee as GenericSliderArrowButton, $c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};
+export {$c58717f39bf51647$export$58e808b1db15d3bc as fetchDepictRecommendations, $961b5c64bef4662f$export$de035477d6fef996 as QuickLinks, $961b5c64bef4662f$export$5b7c3ce0ebe51f86 as BreadCrumbs, $e4615ecd1849548f$export$b91cec6bdc6b32a1 as CategoryTitle, $a79d86d64fb64e8e$export$824dde41348efed1 as embedded_num_products, $5c5f95951393e5d1$export$643598a327b5833e as get_categories, $961b5c64bef4662f$export$f34314aa9505732e as DepictCategory, $961b5c64bef4662f$export$e2bf8ce7779e827e as CategoryPage, $806c97b931758897$export$ac6237957a15b3f0 as DepictSearch, $806c97b931758897$export$bde3eb976dfded9 as get_search_query_updating_blocked_signal, $806c97b931758897$export$f2dc7e4e4aa11abb as SearchPage, $806c97b931758897$export$316f6f283ae64765 as SearchField, $4fd48cb976bf1789$export$aa14a9f43128f61f as ProductCardError, $6891c018a834cfdd$export$d86a33413558014e as open_modal_with_alignment, $bb15dfb548a7666e$export$ee1733d9a8495996 as DefaultInstantCardPlaceholder, $b6d5529b253681aa$export$b3ad617e9036868 as align_field, $b5cccc8ee7d24677$export$6daf8749b65a1b77 as convert_sdk_cols_at_size_to_layout, $926b1b5ba2239356$export$1233ca167bf71f9a as styles_to_valid_css_string, $aea1edf92433e81e$export$fe334901e8bebd57 as disable_scrolling, $6e8944558258054f$export$d0596b5cae35ad4 as open_search_with_shift_slash, $7fa23e2a0079eca4$export$e015ed2f2950f2e3 as DepictAPI, $dc9262ef6f786812$export$d9f36cf74e24d595 as media_query_to_accessor, $6936724b9e0b98d5$export$689e204eadb33baf as setup_fast_leave, $bf52d9f9eebd1938$export$5196e4c01fa56fcb as show_toast, $8c0f86cb3e266eeb$export$a71e92cfbb498adc as SolidFormatPrice, $4ca91518c9a35379$export$828dcdd425fd3231 as connect_search_field_height_to_aligner_height, $d20eff0aadc28983$export$acb3eaade4b23afd as BasePlaceholder, $d134eae24341b4a1$export$89c6019e4baa40b1 as TextPlaceholder, $7f60f09116a3fe61$export$3f37af283f8fb843 as ImagePlaceholder, $753e9b2889a47c89$export$3ccaa27d81dd8556 as PageReplacer, $4690a06c8489dcd0$export$864d304a0bc46829 as defaultGridSpacing, $4690a06c8489dcd0$export$c3834fa86c616831 as defaultColsAtSize, $4690a06c8489dcd0$export$7bf543b9d9be2c22 as defaultCategoryTitlePlugin, $ec291e0010116877$export$83d89fbfd8236492 as version};