@depict-ai/ui 1.0.16 → 1.0.17

package/dist/server/module.js

@@ -1,40 +1,12 @@
-import {add_to_version_info as $cV3wj$add_to_version_info, fetch_recs as $cV3wj$fetch_recs, snakeCasifyObject as $cV3wj$snakeCasifyObject, catchify as $cV3wj$catchify, instant_exec_on_suspect_history_change as $cV3wj$instant_exec_on_suspect_history_change, base_url as $cV3wj$base_url, dlog as $cV3wj$dlog, get_depict_id as $cV3wj$get_depict_id, get_user_id as $cV3wj$get_user_id, get_session_id as $cV3wj$get_session_id, make_url_with_query_params as $cV3wj$make_url_with_query_params, fetch_retry as $cV3wj$fetch_retry, add_version_query_params as $cV3wj$add_version_query_params, sort_obj as $cV3wj$sort_obj, report as $cV3wj$report, javascript_media_query as $cV3wj$javascript_media_query, standard_price_format as $cV3wj$standard_price_format, observer as $cV3wj$observer, make_random_classname as $cV3wj$make_random_classname, n_col_styling_with_dist as $cV3wj$n_col_styling_with_dist, useExpandingContainer as $cV3wj$useExpandingContainer, Amazing_Slider as $cV3wj$Amazing_Slider, slider_snap_css as $cV3wj$slider_snap_css, slider_fading_factory as $cV3wj$slider_fading_factory, hsl_to_rgb as $cV3wj$hsl_to_rgb, relative_luminance_from_rgb as $cV3wj$relative_luminance_from_rgb, base64_encode_unicode as $cV3wj$base64_encode_unicode, base64_decode_unicode as $cV3wj$base64_decode_unicode, queueMacroTask as $cV3wj$queueMacroTask, dwarn as $cV3wj$dwarn, Layout as $cV3wj$Layout, async_iterable_ipns as $cV3wj$async_iterable_ipns, make_asyncIterable_exiter as $cV3wj$make_asyncIterable_exiter, href_change_ipns as $cV3wj$href_change_ipns, ContainedImage as $cV3wj$ContainedImage, deparallelize_no_drop as $cV3wj$deparallelize_no_drop, insert_surfaces as $cV3wj$insert_surfaces} from "@depict-ai/utilishared";
-import {ssrElement as $cV3wj$ssrElement, ssr as $cV3wj$ssr, ssrHydrationKey as $cV3wj$ssrHydrationKey, ssrAttribute as $cV3wj$ssrAttribute, escape as $cV3wj$escape, isServer as $cV3wj$isServer, createComponent as $cV3wj$createComponent, ssrClassList as $cV3wj$ssrClassList, insert as $cV3wj$insert, ssrStyle as $cV3wj$ssrStyle, Dynamic as $cV3wj$Dynamic, mergeProps as $cV3wj$mergeProps} from "solid-js/web";
+import {add_to_version_info as $cV3wj$add_to_version_info, fetch_recs as $cV3wj$fetch_recs, snakeCasifyObject as $cV3wj$snakeCasifyObject, GenericSliderArrowButton as $cV3wj$GenericSliderArrowButton, catchify as $cV3wj$catchify, instant_exec_on_suspect_history_change as $cV3wj$instant_exec_on_suspect_history_change, base_url as $cV3wj$base_url, dlog as $cV3wj$dlog, get_depict_id as $cV3wj$get_depict_id, get_user_id as $cV3wj$get_user_id, get_session_id as $cV3wj$get_session_id, make_url_with_query_params as $cV3wj$make_url_with_query_params, fetch_retry as $cV3wj$fetch_retry, add_version_query_params as $cV3wj$add_version_query_params, sort_obj as $cV3wj$sort_obj, report as $cV3wj$report, javascript_media_query as $cV3wj$javascript_media_query, standard_price_format as $cV3wj$standard_price_format, observer as $cV3wj$observer, make_random_classname as $cV3wj$make_random_classname, n_col_styling_with_dist as $cV3wj$n_col_styling_with_dist, CrossIcon as $cV3wj$CrossIcon, useExpandingContainer as $cV3wj$useExpandingContainer, Amazing_Slider as $cV3wj$Amazing_Slider, slider_snap_css as $cV3wj$slider_snap_css, slider_fading_factory as $cV3wj$slider_fading_factory, MinusIcon as $cV3wj$MinusIcon, FilterIcon as $cV3wj$FilterIcon, SortIconAsc as $cV3wj$SortIconAsc, SortIconDesc as $cV3wj$SortIconDesc, PlusIcon as $cV3wj$PlusIcon, hsl_to_rgb as $cV3wj$hsl_to_rgb, relative_luminance_from_rgb as $cV3wj$relative_luminance_from_rgb, TickIcon as $cV3wj$TickIcon, ArrowUp as $cV3wj$ArrowUp, base64_encode_unicode as $cV3wj$base64_encode_unicode, base64_decode_unicode as $cV3wj$base64_decode_unicode, queueMacroTask as $cV3wj$queueMacroTask, dwarn as $cV3wj$dwarn, BackIcon as $cV3wj$BackIcon, SearchIcon as $cV3wj$SearchIcon, Layout as $cV3wj$Layout, async_iterable_ipns as $cV3wj$async_iterable_ipns, make_asyncIterable_exiter as $cV3wj$make_asyncIterable_exiter, href_change_ipns as $cV3wj$href_change_ipns, ContainedImage as $cV3wj$ContainedImage, deparallelize_no_drop as $cV3wj$deparallelize_no_drop, PreviousSearchIcon as $cV3wj$PreviousSearchIcon, insert_surfaces as $cV3wj$insert_surfaces} from "@depict-ai/utilishared";
+import {ssr as $cV3wj$ssr, ssrHydrationKey as $cV3wj$ssrHydrationKey, ssrAttribute as $cV3wj$ssrAttribute, escape as $cV3wj$escape, createComponent as $cV3wj$createComponent, ssrClassList as $cV3wj$ssrClassList, insert as $cV3wj$insert, ssrStyle as $cV3wj$ssrStyle, Dynamic as $cV3wj$Dynamic, mergeProps as $cV3wj$mergeProps, ssrElement as $cV3wj$ssrElement} from "solid-js/web";
 import {createSignal as $cV3wj$createSignal, getOwner as $cV3wj$getOwner, createRoot as $cV3wj$createRoot, runWithOwner as $cV3wj$runWithOwner, onCleanup as $cV3wj$onCleanup, createComputed as $cV3wj$createComputed, createRenderEffect as $cV3wj$createRenderEffect, createEffect as $cV3wj$createEffect, untrack as $cV3wj$untrack, batch as $cV3wj$batch, createResource as $cV3wj$createResource, createMemo as $cV3wj$createMemo, Show as $cV3wj$Show, createReaction as $cV3wj$createReaction, Suspense as $cV3wj$Suspense, on as $cV3wj$on, ErrorBoundary as $cV3wj$ErrorBoundary, For as $cV3wj$For, Index as $cV3wj$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$ = '<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>';
-function $19976a74d273070d$export$3b621d86b1566b2(props = {}) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            ...props,
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "21.064",
-            "height": "21.047",
-            "viewBox": "0 0 21.064 21.064"
-        }), ()=>(0, $cV3wj$ssr)($19976a74d273070d$var$_tmpl$), true);
-}
-
-
-
-
-
-
-const $fbbadcb080ad1d4a$var$_tmpl$ = [
-    "<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>'
-];
-function $fbbadcb080ad1d4a$export$8be2714ec7f169ee(props = {}) {
-    return (0, $cV3wj$ssr)($fbbadcb080ad1d4a$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("width", (0, $cV3wj$escape)(props.width_, true) ?? 14, false) + (0, $cV3wj$ssrAttribute)("height", (0, $cV3wj$escape)(props.height_, true) ?? 26, false));
-}
-
-
-
 async function $c58717f39bf51647$export$58e808b1db15d3bc({ merchant: merchant , market: market , headers: headers , ...fetch_recs_options }) {
     return await (0, $cV3wj$fetch_recs)({
         tenant: merchant,
@@ -51,6 +23,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);
@@ -60,9 +33,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, $cV3wj$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, $cV3wj$createSignal)(state[param] ?? default_value);
@@ -335,14 +306,13 @@ function $8c0f86cb3e266eeb$export$a71e92cfbb498adc(props) {
 
 function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
     const catchified_handler = (0, $cV3wj$catchify)(handler);
-    const owner = (0, $cV3wj$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, $cV3wj$observer).onexists("body", ({ element: element  })=>{
         element.addEventListener("scroll", catchified_handler, {
             passive: passive
         });
-        (0, $cV3wj$runWithOwner)(owner, ()=>(0, $cV3wj$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
+        (0, $cV3wj$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
     });
     (0, $cV3wj$onCleanup)(disconnect);
     for (const event of [
@@ -358,7 +328,6 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
 }
 
 
-
 const $6db49ca163afa2c3$var$_tmpl$ = [
     "<div",
     ' class="scroll-status" style="display:none"><span class="text"><b>',
@@ -368,7 +337,6 @@ const $6db49ca163afa2c3$var$_tmpl$ = [
     "</b></span></div>"
 ];
 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, $cV3wj$isServer) return; // won't show in initial render and need scroll position
     const [first_to_show, set_first_to_show] = (0, $cV3wj$createSignal)(0);
     const [last_to_show, set_last_to_show] = (0, $cV3wj$createSignal)(0);
     const [count_to_show, set_count_to_show] = (0, $cV3wj$createSignal)("");
@@ -514,10 +482,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, $cV3wj$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.");
 }
 
 
@@ -1195,24 +1161,18 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
 
 
 const $f32e14878e75af51$var$_tmpl$ = [
-    "<div",
-    ' class="depict-slider depict"><div class="sliding ">',
-    "</div></div>"
-], $f32e14878e75af51$var$_tmpl$2 = [
     "<div",
     ">",
     "</div>"
 ];
 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, $cV3wj$isServer) return (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(children));
     const slider = new (0, $cV3wj$Amazing_Slider)({
         button_contents: {
             left: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
             ],
             right: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
             ]
         },
         constructor_plugins: [
@@ -1233,7 +1193,6 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
 }
 
 
-
 const $1adfe60f3a14a1d7$var$_tmpl$ = [
     "<button",
     ' class="clear-all-filters minor">',
@@ -1349,7 +1308,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                                                         return (()=>{
                                                             number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
                                                             (0, $cV3wj$onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
-                                                            return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$escape)(price_formatting_().pre_), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
+                                                            return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})), (0, $cV3wj$escape)(price_formatting_().pre_), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
                                                                 get price_ () {
                                                                     return filter().data[0];
                                                                 },
@@ -1412,7 +1371,7 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                                                                         return (()=>{
                                                                             number_of_rendered_selected_filters_items_[1]((prev)=>prev + 1);
                                                                             (0, $cV3wj$onCleanup)(()=>number_of_rendered_selected_filters_items_[1]((prev)=>prev - 1));
-                                                                            return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$escape)(name()));
+                                                                            return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})), (0, $cV3wj$escape)(name()));
                                                                         })();
                                                                     }
                                                                 });
@@ -1522,6 +1481,7 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
+
 
 const $87c712b5b33f24f7$var$_tmpl$ = [
     "<span",
@@ -1562,18 +1522,6 @@ const $87c712b5b33f24f7$export$48513f6b9f8ce62d = (props)=>{
 
 
 
-
-const $f8a56ba74eedd0c6$var$_tmpl$ = '<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>';
-function $f8a56ba74eedd0c6$export$f21ab0717a89c77f(props) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            ...props,
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "11",
-            "height": "12"
-        }), ()=>(0, $cV3wj$ssr)($f8a56ba74eedd0c6$var$_tmpl$), true);
-}
-
-
 const $67b173f9db427028$var$_tmpl$ = [
     "<button",
     ' type="button" class="',
@@ -1582,7 +1530,7 @@ const $67b173f9db427028$var$_tmpl$ = [
     "</span></button>"
 ];
 function $67b173f9db427028$export$ca21a16d65b3dd8({ show_extras_: [get_show_extras, set_show_extras] , i18n_: i18n_  }) {
-    return (0, $cV3wj$ssr)($67b173f9db427028$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {})), get_show_extras() ? (0, $cV3wj$escape)(i18n_.view_less_()) : (0, $cV3wj$escape)(i18n_.view_more_()));
+    return (0, $cV3wj$ssr)($67b173f9db427028$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), `expand-filter ${get_show_extras() ? "expanded" : ""}`, (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$PlusIcon), {})), get_show_extras() ? (0, $cV3wj$escape)(i18n_.view_less_()) : (0, $cV3wj$escape)(i18n_.view_more_()));
 }
 
 
@@ -2589,18 +2537,6 @@ var $12497d09ef87296e$export$2e2bcd8739ae039 = {
 
 
 
-
-const $9bc34983fc5f7bdb$var$_tmpl$ = '<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>';
-function $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4(props = {}) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "16.8",
-            "height": "14",
-            ...props
-        }), ()=>(0, $cV3wj$ssr)($9bc34983fc5f7bdb$var$_tmpl$), true);
-}
-
-
 const $a7b58cb3bcffd156$var$_tmpl$ = [
     "<span",
     ' class="show-selected" aria-hidden="true"><span>',
@@ -2662,7 +2598,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_:
             return show_tick_icon();
         },
         get children () {
-            return (0, $cV3wj$createComponent)((0, $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4), {});
+            return (0, $cV3wj$createComponent)((0, $cV3wj$TickIcon), {});
         }
     })));
 }
@@ -2759,7 +2695,6 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
 }
 
 
-
 const $fab07f52c9861732$var$_tmpl$ = [
     "<div",
     ' class="filter-collapsible">',
@@ -2927,7 +2862,7 @@ function $fab07f52c9861732$var$ActualFilterBody(props) {
                                                     return a_filter_is_selected();
                                                 },
                                                 get children () {
-                                                    return (0, $cV3wj$ssr)($fab07f52c9861732$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$escape)(props.i18n_.clear_individual_filter_()));
+                                                    return (0, $cV3wj$ssr)($fab07f52c9861732$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})), (0, $cV3wj$escape)(props.i18n_.clear_individual_filter_()));
                                                 }
                                             })));
                                         }
@@ -3122,49 +3057,6 @@ function $aea1edf92433e81e$export$fe334901e8bebd57() {
 
 
 
-
-
-
-const $e1bb71e65e01a3a0$var$_tmpl$ = '<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>', $e1bb71e65e01a3a0$var$_tmpl$2 = '<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>';
-function $e1bb71e65e01a3a0$export$da32f7add8a22e86(props = {}) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "14",
-            "height": "14",
-            "class": "sort-icon",
-            ...props
-        }), ()=>[
-            (0, $cV3wj$ssr)($e1bb71e65e01a3a0$var$_tmpl$),
-            (0, $cV3wj$ssr)($e1bb71e65e01a3a0$var$_tmpl$2)
-        ], true);
-}
-
-
-
-
-const $05fbe84eb34564ec$var$_tmpl$ = '<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>';
-function $05fbe84eb34564ec$export$d10e63059ddb9fd4(props = {}) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "14",
-            "height": "14",
-            "class": "sort-icon",
-            ...props
-        }), ()=>(0, $cV3wj$ssr)($05fbe84eb34564ec$var$_tmpl$), true);
-}
-
-
-
-
-const $b9bf7fce0ae60241$var$_tmpl$ = [
-    "<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>'
-];
-function $b9bf7fce0ae60241$export$28f6150e232898de() {
-    return (0, $cV3wj$ssr)($b9bf7fce0ae60241$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)());
-}
-
-
 const $757dac7f7c6c5241$var$_tmpl$ = [
     "<button",
     ' class="clear minor">',
@@ -3248,7 +3140,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
     });
     (0, $cV3wj$onCleanup)(resolve_cleanup_promise);
     return [
-        (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.close_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
+        (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.close_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})), (0, $cV3wj$ssrStyle)(modal_scrolling_prevented[0]() ? "overflow:hidden" : ""), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $6bb0a0c563dff4bb$export$6c6d7a51fa9aa15d), {
             is_open_: [
                 sorting_expanded,
                 set_sorting_expanded
@@ -3257,7 +3149,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)());
             },
             get summary_ () {
-                return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {})) : (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {})), (0, $cV3wj$escape)(i18n_.sorting_text_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
+                return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), args_for_sorting_.current_sorting_[0]()?.order === "asc" ? (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SortIconAsc), {})) : (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SortIconDesc), {})), (0, $cV3wj$escape)(i18n_.sorting_text_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
                     expanded_: sorting_expanded,
                     i18n_: i18n_
                 })));
@@ -3274,7 +3166,7 @@ function $757dac7f7c6c5241$export$9bf11afa910f536e({ args_for_sorting_: args_for
                 return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$6, (0, $cV3wj$ssrHydrationKey)());
             },
             get summary_ () {
-                return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {})), (0, $cV3wj$escape)(i18n_.filters_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
+                return (0, $cV3wj$ssr)($757dac7f7c6c5241$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$FilterIcon), {})), (0, $cV3wj$escape)(i18n_.filters_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
                     expanded_: filters_expanded,
                     i18n_: i18n_
                 })));
@@ -3446,20 +3338,6 @@ function $5efb5894079b220e$export$b288c38ae3fddb56({ available_filters_: availab
 }
 
 
-
-
-const $11d594c749b76228$var$_tmpl$ = [
-    "<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>'
-];
-function $11d594c749b76228$export$cb808a3c41736d8e() {
-    return (0, $cV3wj$ssr)($11d594c749b76228$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)());
-}
-
-
-
-
-
 const $cdea4cf8c5c071ef$var$_tmpl$ = [
     "<div",
     ' class="filters"><div class="body">',
@@ -3499,114 +3377,112 @@ const $cdea4cf8c5c071ef$var$_tmpl$ = [
     "<!--/--></button>"
 ];
 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, $cV3wj$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, $cV3wj$createSignal)(false);
-        const dismiss_modal_ = (0, $cV3wj$catchify)(()=>{
-            set_filters_open(false);
-            set_sorting_open(false);
-        });
-        const meta_of_currently_selected_sorting_ = (0, $cV3wj$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, $cV3wj$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, $cV3wj$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, $cV3wj$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, $cV3wj$createSignal)(false);
+            const dismiss_modal_ = (0, $cV3wj$catchify)(()=>{
+                set_filters_open(false);
+                set_sorting_open(false);
+            });
+            const meta_of_currently_selected_sorting_ = (0, $cV3wj$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, $cV3wj$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, $cV3wj$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, $cV3wj$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, $cV3wj$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, $cV3wj$createEffect)(()=>{
-            if (!filters_open() && !sorting_open()) {
-                close_modal_?.();
-                set_extra_els_in_results_container_("");
-            } else if (is_small()) {
-                if ((0, $cV3wj$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, $cV3wj$createEffect)(()=>{
+                if (!filters_open() && !sorting_open()) {
+                    close_modal_?.();
+                    set_extra_els_in_results_container_("");
+                } else if (is_small()) {
+                    if ((0, $cV3wj$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_((0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options))));
+                    else set_extra_els_in_results_container_((0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
                 }
-                open_modal_?.();
-                set_extra_els_in_results_container_("");
-            } else {
-                close_modal_?.();
-                if (filters_open()) set_extra_els_in_results_container_((0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fab07f52c9861732$export$3f1a388cc0d8fed7), filter_options))));
-                else set_extra_els_in_results_container_((0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $68a258a92b88f02f$export$1f1775a58da589b5), sorting_options))));
-            }
-        });
-        (0, $cV3wj$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, $cV3wj$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 (0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(make_open_filters_button(true, true)), (0, $cV3wj$escape)(middle_elements_?.()), (0, $cV3wj$escape)(make_open_sorting_button(true, true)));
-    };
-    return (0, $cV3wj$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
-        message_: "Sorting and filters failed",
-        severity_: "error",
-        get children () {
-            return (0, $cV3wj$createComponent)(Self, {});
+            });
+            (0, $cV3wj$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, $cV3wj$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 (0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(make_open_filters_button(true, true)), (0, $cV3wj$escape)(middle_elements_?.()), (0, $cV3wj$escape)(make_open_sorting_button(true, true)));
         }
-    });
+    })();
 }
 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, $cV3wj$createMemo)(()=>!search_filters_open_[0]());
@@ -3625,10 +3501,10 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
             return filters_closed();
         },
         get fallback () {
-            return (0, $cV3wj$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
+            return (0, $cV3wj$createComponent)((0, $cV3wj$MinusIcon), {});
         },
         get children () {
-            return (0, $cV3wj$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {});
+            return (0, $cV3wj$createComponent)((0, $cV3wj$FilterIcon), {});
         }
     })), (0, $cV3wj$escape)(i18n_.filter_text_()));
 }
@@ -3645,10 +3521,10 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
             return sorting_closed();
         },
         get fallback () {
-            return (0, $cV3wj$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
+            return (0, $cV3wj$createComponent)((0, $cV3wj$MinusIcon), {});
         },
         get children () {
-            return get_current_sorting_()?.order === "asc" ? (0, $cV3wj$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $cV3wj$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
+            return get_current_sorting_()?.order === "asc" ? (0, $cV3wj$createComponent)((0, $cV3wj$SortIconAsc), {}) : (0, $cV3wj$createComponent)((0, $cV3wj$SortIconDesc), {});
         }
     })));
 }
@@ -3765,21 +3641,6 @@ function $bf52d9f9eebd1938$export$5196e4c01fa56fcb({ children: children , on_clo
 
 
 
-
-
-
-
-
-const $f9182ab2348d1080$var$_tmpl$ = [
-    "<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>'
-];
-function $f9182ab2348d1080$export$2624c5890f1bbcf7() {
-    return (0, $cV3wj$ssr)($f9182ab2348d1080$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)());
-}
-
-
-
 const $0b0380f75d729d63$var$_tmpl$ = [
     "<div",
     ' class="',
@@ -3792,7 +3653,6 @@ const $0b0380f75d729d63$var$_tmpl$ = [
     "</div></button></div>"
 ];
 function $0b0380f75d729d63$export$b23abd26de154ede(props) {
-    if (0, $cV3wj$isServer) return; // won't show in initial render and need scroll position
     const [is_small, set_is_small] = (0, $cV3wj$createSignal)(true);
     (0, $cV3wj$onCleanup)((0, $cV3wj$javascript_media_query)("(max-width:651px)", ({ matches: matches  })=>set_is_small(matches)).remove);
     return (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
@@ -3875,7 +3735,7 @@ function $0b0380f75d729d63$var$ActualFloatingButtons({ search_filters_open_: [ge
         await cleanup_promise;
         is.disconnect();
     }));
-    return (0, $cV3wj$ssr)($0b0380f75d729d63$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.filter_text_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {})) : (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.scroll_to_top_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f9182ab2348d1080$export$2624c5890f1bbcf7), {})));
+    return (0, $cV3wj$ssr)($0b0380f75d729d63$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), `floating-buttons ${is_scrolling_upwards() && modal_is_closed() && !regular_buttons_are_in_view() && !get_is_showing_toast() ? "show-them" : ""}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.filter_text_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$FilterIcon), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.sorting_text_(), true), false), current_sorting_[0]()?.order === "asc" ? (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SortIconAsc), {})) : (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SortIconDesc), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.scroll_to_top_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$ArrowUp), {})));
 }
 
 
@@ -4527,7 +4387,6 @@ function $a1c4da51ff91dd01$var$clear_if_opened_new_tab_with_sideways_url_params_
 
 
 
-
 const $df5d81d0fe61ff21$var$_tmpl$ = [
     "<div",
     ' class="product-count"><!--#-->',
@@ -4724,7 +4583,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
     return [
-        (0, $cV3wj$isServer) ? "<!-- Category page based on Depict SDK -->" : document.createComment("Category page based on Depict SDK"),
+        document.createComment("Category page based on Depict SDK"),
         (0, $cV3wj$ssr)($df5d81d0fe61ff21$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)() + (0, $cV3wj$ssrAttribute)("id", (0, $cV3wj$escape)((0, $f86ba724282f6690$export$44dad306455dddf).PLP_CATEGORY, true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
             when: show_breadcrumbs_,
             get children () {
@@ -4826,7 +4685,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",
@@ -4932,7 +4791,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 () {
@@ -4940,12 +4800,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, $cV3wj$getOwner)();
     if (owner == null) return (0, $cV3wj$createRoot)((dispose)=>{
@@ -4975,7 +4830,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, $cV3wj$createSignal)(globalThis?.location?.href ?? "https://example.com");
+    const [get_current_href, set_current_href] = (0, $cV3wj$createSignal)(location.href);
     const history_change_handler = (0, $cV3wj$catchify)(()=>set_current_href(location.href));
     const owner = (0, $cV3wj$getOwner)() || (0, $cV3wj$createRoot)(()=>(0, $cV3wj$getOwner)());
     let writer_started = false;
@@ -5111,7 +4966,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
@@ -5153,8 +5008,6 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
 }
 
 
-
-
 const $961b5c64bef4662f$var$_tmpl$ = [
     "<div",
     ' class="depict plp category">',
@@ -5205,8 +5058,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
     constructor({ api: api , on_navigation: on_navigation , ...props_on_class }){
         const owner = (0, $cV3wj$getOwner)() || (0, $cV3wj$createRoot)(()=>(0, $cV3wj$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $cV3wj$runWithOwner)(owner, ()=>{
-            if ($961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed && !(0, $cV3wj$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)();
@@ -5235,7 +5087,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, $cV3wj$GenericSliderArrowButton)({
                     height_: 12,
                     width_: 6.46
                 })
@@ -5595,31 +5447,6 @@ function $897bd4a76f611b38$export$d757d54550ebfb3d({ category_suggestion_: categ
 
 
 
-
-
-const $22e59517c2ec94d3$var$_tmpl$ = [
-    "<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>'
-];
-function $22e59517c2ec94d3$export$1c641004b5485fed() {
-    return (0, $cV3wj$ssr)($22e59517c2ec94d3$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)());
-}
-
-
-
-
-
-const $16f0ed5ea30d8d9c$var$_tmpl$ = '<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>';
-function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
-    return (0, $cV3wj$ssrElement)("svg", ()=>({
-            ...props,
-            "xmlns": "http://www.w3.org/2000/svg",
-            "width": "20",
-            "height": "22"
-        }), ()=>(0, $cV3wj$ssr)($16f0ed5ea30d8d9c$var$_tmpl$), true);
-}
-
-
 const $5285d2814d0fac0c$var$_tmpl$ = [
     "<button",
     ' class="back" type="button"',
@@ -5652,9 +5479,9 @@ function $5285d2814d0fac0c$export$b94867ecbd698f21({ search_field_value_: search
     return (0, $cV3wj$ssr)($5285d2814d0fac0c$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
         when: on_back_,
         get children () {
-            return (0, $cV3wj$ssr)($5285d2814d0fac0c$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.back_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $22e59517c2ec94d3$export$1c641004b5485fed), {})));
+            return (0, $cV3wj$ssr)($5285d2814d0fac0c$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.back_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$BackIcon), {})));
         }
-    })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $cV3wj$ssrAttribute)("value", (0, $cV3wj$escape)(search_field_value_[0](), true), false) + (0, $cV3wj$ssrAttribute)("placeholder", (0, $cV3wj$escape)(i18n_.placeholder_text_(), true), false), (0, $cV3wj$ssrAttribute)("title", (0, $cV3wj$escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $cV3wj$ssrStyle)((0, $cV3wj$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {})));
+    })), `query ${!!on_back_ ? "has-adjacent-back-button" : ""}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.search_field_field_aria_label_(), true), false) + (0, $cV3wj$ssrAttribute)("value", (0, $cV3wj$escape)(search_field_value_[0](), true), false) + (0, $cV3wj$ssrAttribute)("placeholder", (0, $cV3wj$escape)(i18n_.placeholder_text_(), true), false), (0, $cV3wj$ssrAttribute)("title", (0, $cV3wj$escape)(i18n_.clear_filters_query_sorting_after_submit_(), true), false), (0, $cV3wj$ssrStyle)((0, $cV3wj$createMemo)(()=>search_field_value_[0]() ? "" : "display: none")()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.search_submit_button_aria_label_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SearchIcon), {})));
 }
 
 
@@ -5842,7 +5669,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, $cV3wj$createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -6090,6 +5917,7 @@ function $eea41f703612261b$export$62f101a8aa597bf8({ depict_api_: depict_api_ ,
 
 
 
+
 function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: value_ , url_transformer_: url_transformer_  }) {
     const [get_current_href, set_current_href] = (0, $cV3wj$createSignal)(location.href);
     const [exit_iterable, exitable_iterable] = (0, $cV3wj$make_asyncIterable_exiter)((0, $cV3wj$href_change_ipns));
@@ -6108,18 +5936,6 @@ function $a36cbc4f68bfd590$export$91c3b6774e8be0f5({ param_: param_ , value_: va
 
 
 
-
-
-const $694b7f90501fea4c$var$_tmpl$ = [
-    "<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>'
-];
-function $694b7f90501fea4c$export$5d2caaa6b530761c() {
-    return (0, $cV3wj$ssr)($694b7f90501fea4c$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)());
-}
-
-
-
 const $7ad3a93cbe6fa208$var$_tmpl$ = [
     "<div",
     ' class="previous-searches"><h2 class="text">',
@@ -6164,7 +5980,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
                         value_: item,
                         url_transformer_: url_transformer_
                     });
-                    return (0, $cV3wj$ssr)($7ad3a93cbe6fa208$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), `${`item` || ""} ${(0, $cV3wj$createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $cV3wj$ssrAttribute)("href", (0, $cV3wj$escape)(href(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {})), (0, $cV3wj$escape)(item()), (0, $cV3wj$ssrAttribute)("title", (0, $cV3wj$escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $19976a74d273070d$export$3b621d86b1566b2), {})));
+                    return (0, $cV3wj$ssr)($7ad3a93cbe6fa208$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), `${`item` || ""} ${(0, $cV3wj$createMemo)(()=>read_selected_index_()?.[0] === 0 && read_selected_index_()?.[1] === index)() ? "selected" : ""}`, (0, $cV3wj$ssrAttribute)("href", (0, $cV3wj$escape)(href(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$PreviousSearchIcon), {})), (0, $cV3wj$escape)(item()), (0, $cV3wj$ssrAttribute)("title", (0, $cV3wj$escape)(i18n_.previous_searches_delete_entry_from_history_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$CrossIcon), {})));
                 }
             })));
         }
@@ -6184,6 +6000,7 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
 
 
 
+
 const $f3213c0640246d58$var$_tmpl$ = [
     "<span",
     ' class="highlighted-part">',
@@ -6243,8 +6060,6 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
-
-
 const $cea52f6b24092f05$var$_tmpl$ = [
     "<a",
     ' class="',
@@ -6301,10 +6116,10 @@ function $cea52f6b24092f05$export$e872e2339fb04a7f({ suggestion_memo_: suggestio
             (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
                 when: is_history,
                 get fallback () {
-                    return (0, $cV3wj$ssr)($cea52f6b24092f05$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {})));
+                    return (0, $cV3wj$ssr)($cea52f6b24092f05$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$SearchIcon), {})));
                 },
                 get children () {
-                    return (0, $cV3wj$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {});
+                    return (0, $cV3wj$createComponent)((0, $cV3wj$PreviousSearchIcon), {});
                 }
             }),
             (0, $cV3wj$createComponent)((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -7004,7 +6819,6 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
-
 const $7097477c78a89208$var$_tmpl$ = [
     "<div",
     ' class="filter-results-for-one-row"><!--#-->',
@@ -7171,7 +6985,7 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
     });
     return [
-        (0, $cV3wj$isServer) ? "<!-- Search page based on Depict SDK -->" : document.createComment("Search page based on Depict SDK"),
+        document.createComment("Search page based on Depict SDK"),
         (0, $cV3wj$ssr)($7097477c78a89208$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)() + (0, $cV3wj$ssrAttribute)("id", (0, $cV3wj$escape)((0, $f86ba724282f6690$export$44dad306455dddf).SEARCH_PAGE, true), false), (0, $cV3wj$escape)(search_field), make_category_suggestion_card_ ? (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $b7436a6d1fd64e3b$export$b69d0d92862de18b), {
             severity_: "error",
             message_: "Category suggestions failed",
@@ -7315,8 +7129,6 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
-
-
 const $806c97b931758897$var$_tmpl$ = [
     "<div",
     ' class="depict plp search">',
@@ -7338,8 +7150,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, $cV3wj$getOwner)() || (0, $cV3wj$createRoot)(()=>(0, $cV3wj$getOwner)()); // we might have an owner, if so, pass it on. Otherwise, create one so solid doesn't print warnings to the console
         (0, $cV3wj$runWithOwner)(owner, ()=>{
-            if ($806c97b931758897$export$ac6237957a15b3f0.#has_been_constructed && !(0, $cV3wj$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)({
@@ -7347,7 +7158,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: [],
@@ -7606,7 +7417,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, $cV3wj$GenericSliderArrowButton)({
                 height_: 12,
                 width_: 6.46
             }),
@@ -7979,4 +7790,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
 (0, $cV3wj$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};