@depict-ai/ui 1.0.17 → 1.0.18

package/dist/server/module.js

@@ -1,12 +1,40 @@
-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 {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 {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.15";
+/*! Depict.ai search and product listing SDK */ const $ec291e0010116877$export$83d89fbfd8236492 = "1.0.18";
 
 
 
 
+
+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,
@@ -23,7 +51,6 @@ 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);
@@ -33,7 +60,9 @@ 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  } = history; // cloning isn't necessary because we're calling replaceState on it anyway
+        let { state: state  } = globalThis?.history || {
+            state: {}
+        }; // 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);
@@ -306,13 +335,14 @@ 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$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler));
+        (0, $cV3wj$runWithOwner)(owner, ()=>(0, $cV3wj$onCleanup)(()=>element.removeEventListener("scroll", catchified_handler)));
     });
     (0, $cV3wj$onCleanup)(disconnect);
     for (const event of [
@@ -328,6 +358,7 @@ function $8f9120a1ca151e6a$export$205efb947c7ffd78(handler, passive = true) {
 }
 
 
+
 const $6db49ca163afa2c3$var$_tmpl$ = [
     "<div",
     ' class="scroll-status" style="display:none"><span class="text"><b>',
@@ -337,6 +368,7 @@ 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)("");
@@ -469,6 +501,7 @@ const $598245ecfe38f34b$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_ , selected_filters_: selected_filters_ , local_filter_cache_: local_filter_cache_  }) {
+    const root = (0, $cV3wj$getOwner)();
     return [
         (0, $cV3wj$ssr)($598245ecfe38f34b$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(i18n_.no_results_text_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
             get when () {
@@ -482,8 +515,10 @@ function $598245ecfe38f34b$export$ef6006467f04ee41({ i18n_: i18n_ , expanded_hie
 }
 
 
+
 function $a458486f22b22f63$export$a2cc176055f8f08() {
-    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.");
+    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);
 }
 
 
@@ -554,11 +589,20 @@ function $a52235d12ccf9c88$var$unwrapping_helper(elements) {
 }
 
 
+
 let $6e41f1fde994db72$var$cached_placeholder_element;
 let $6e41f1fde994db72$var$rendering_cached_placeholder_element;
 function $6e41f1fde994db72$export$f33414a4df0afd3f({ product_card_template_: product_card_template_ , num_placeholders_: num_placeholders_  }) {
     const [get_elements, set_elements] = (0, $cV3wj$createSignal)([]);
     let existing_num = 0;
+    if (0, $cV3wj$isServer) // want to render simple placeholders on server, effects don't run there
+    return (0, $cV3wj$createMemo)(()=>Array.from({
+            length: num_placeholders_()
+        }).map(()=>{
+            const template_result = product_card_template_(null, undefined);
+            // @ts-ignore
+            if (typeof template_result?.then !== "function") return template_result;
+        }));
     (0, $cV3wj$createRenderEffect)(()=>{
         const to_add = num_placeholders_() - existing_num;
         if (to_add <= 0) return;
@@ -751,22 +795,17 @@ function $29ec7cddbe1d3484$export$43f0fb951fcb0c54({ displays_by_key_: displays_
             ];
         },
         children: (product_id, index)=>{
-            // We're using `untrack` here since we don't want to react in here to displays_by_key changing
-            // As long as our key stays the same we assume that the display hasn't changed, so we don't want to rerender
-            // If the key gets removed, <For> will remove us
             const owner = (0, $cV3wj$getOwner)();
             const display_accessor = (0, $cV3wj$createMemo)(()=>displays_by_key_().get(product_id));
-            const [product_card_resource] = (0, $cV3wj$createResource)((0, $cV3wj$createMemo)(()=>[
-                    merchant_(),
-                    market_()
-                ]), // re-render when merchant or market changes
-            ([merchant, market])=>{
+            const [product_card_resource] = (0, $cV3wj$createResource)(display_accessor, // re-render when the reference to the display object changes
+            // this should only be the case when the merchant or market changes and the new request has completed
+            (display)=>{
                 // get display in the function that re-runs when merchant or market have changed, since the display may have changed but product_id not
-                const display = (0, $cV3wj$untrack)(display_accessor);
                 return product_card_template_(display, {
                     set_on_index_change: (fn)=>(0, $cV3wj$runWithOwner)(owner, ()=>(0, $cV3wj$createEffect)(()=>fn(index()))),
-                    merchant: merchant,
-                    market: market
+                    merchant: (0, $cV3wj$untrack)(merchant_),
+                    // this means that the merchant and market provided to the template is wrong while we do another fetch, but I don't see how anyone would need to know the correct market there
+                    market: (0, $cV3wj$untrack)(market_)
                 });
             });
             const node_accessor = (0, $a52235d12ccf9c88$export$2f0cbfbb4354bb52)(product_card_resource);
@@ -922,7 +961,7 @@ function $2d25e42846eac370$export$3925f87b1545cfc6({ plp_results_: plp_results_
                     const random_id = (0, $cV3wj$make_random_classname)();
                     const selector_beginning_ = `.depict.plp #${random_id}>`;
                     const [get_styling, set_styling_] = (0, $cV3wj$createSignal)("");
-                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $cV3wj$createSignal)(false);
+                    const [get_should_have_placeholders_rendered, set_should_have_placeholders_rendered] = (0, $cV3wj$createSignal)(true);
                     const rendered_placeholders = (0, $cV3wj$createMemo)(()=>get_should_have_placeholders_rendered() ? (0, $6e41f1fde994db72$export$f33414a4df0afd3f)({
                             product_card_template_: product_card_template_,
                             num_placeholders_: (0, $cV3wj$createMemo)(()=>{
@@ -1160,19 +1199,21 @@ function $6bb0a0c563dff4bb$export$e13dddbb31c3a42f() {
 
 
 
+
+
 const $f32e14878e75af51$var$_tmpl$ = [
     "<div",
     ">",
     "</div>"
 ];
-function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button_: button_ , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
+function $f32e14878e75af51$export$6649caad96ef8870({ children: children , slider_ref_: slider_ref_ , faded_opacity_: faded_opacity_ = 0.7 , mutation_plugins_: mutation_plugins_ = []  }) {
     const slider = new (0, $cV3wj$Amazing_Slider)({
         button_contents: {
             left: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {})))
             ],
             right: [
-                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(button_.cloneNode(true)))
+                (0, $cV3wj$ssr)($f32e14878e75af51$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $fbbadcb080ad1d4a$export$8be2714ec7f169ee), {})))
             ]
         },
         constructor_plugins: [
@@ -1193,6 +1234,7 @@ function $f32e14878e75af51$export$6649caad96ef8870({ children: children , button
 }
 
 
+
 const $1adfe60f3a14a1d7$var$_tmpl$ = [
     "<button",
     ' class="clear-all-filters minor">',
@@ -1218,7 +1260,7 @@ const $1adfe60f3a14a1d7$var$_tmpl$ = [
     "<!--/--><span>",
     "</span></button>"
 ];
-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_  }) {
+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] , local_filter_cache_: local_filter_cache_ , expanded_hierarchical_filters_: expanded_hierarchical_filters_  }) {
     const { price_formatting_: price_formatting_  } = i18n_;
     const [read_selected_filters, write_selected_filters] = selected_filters_;
     const { collapse: collapse , expand: expand , ExpandingContainer: ExpandingContainer  } = (0, $24e27fab9c821b86$export$5bad61ecde080b1f)({
@@ -1233,7 +1275,6 @@ function $1adfe60f3a14a1d7$export$fecbb157621501bd({ number_of_rendered_selected
                 },
                 get children () {
                     return (0, $cV3wj$ssr)($1adfe60f3a14a1d7$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(i18n_.selected_filters_title_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                        button_: slider_arrow_button_,
                         slider_ref_: (slider)=>slider.container.classList.add("filter-crumbs"),
                         get children () {
                             return [
@@ -1308,7 +1349,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, $cV3wj$CrossIcon), {})), (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, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$escape)(price_formatting_().pre_), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $8c0f86cb3e266eeb$export$a71e92cfbb498adc), {
                                                                 get price_ () {
                                                                     return filter().data[0];
                                                                 },
@@ -1371,7 +1412,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, $cV3wj$CrossIcon), {})), (0, $cV3wj$escape)(name()));
+                                                                            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()));
                                                                         })();
                                                                     }
                                                                 });
@@ -1481,7 +1522,6 @@ async function $194bd6b8e4c59830$export$79b1565500412d9b(search_modal, modal_fn_
 
 
 
-
 
 const $87c712b5b33f24f7$var$_tmpl$ = [
     "<span",
@@ -1522,6 +1562,18 @@ 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="',
@@ -1530,7 +1582,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, $cV3wj$PlusIcon), {})), 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, $f8a56ba74eedd0c6$export$f21ab0717a89c77f), {})), get_show_extras() ? (0, $cV3wj$escape)(i18n_.view_less_()) : (0, $cV3wj$escape)(i18n_.view_more_()));
 }
 
 
@@ -2537,6 +2589,18 @@ 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>',
@@ -2598,7 +2662,7 @@ function $a7b58cb3bcffd156$export$53c59af873b303c9({ selected_filters_in_group_:
             return show_tick_icon();
         },
         get children () {
-            return (0, $cV3wj$createComponent)((0, $cV3wj$TickIcon), {});
+            return (0, $cV3wj$createComponent)((0, $9bc34983fc5f7bdb$export$f2ca6fc699ca1fb4), {});
         }
     })));
 }
@@ -2695,6 +2759,7 @@ function $d134eae24341b4a1$export$89c6019e4baa40b1(props) {
 }
 
 
+
 const $fab07f52c9861732$var$_tmpl$ = [
     "<div",
     ' class="filter-collapsible">',
@@ -2862,7 +2927,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, $cV3wj$CrossIcon), {})), (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, $19976a74d273070d$export$3b621d86b1566b2), {})), (0, $cV3wj$escape)(props.i18n_.clear_individual_filter_()));
                                                 }
                                             })));
                                         }
@@ -3057,6 +3122,49 @@ 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">',
@@ -3140,7 +3248,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, $cV3wj$CrossIcon), {})), (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, $19976a74d273070d$export$3b621d86b1566b2), {})), (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
@@ -3149,7 +3257,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, $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), {
+                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), {
                     expanded_: sorting_expanded,
                     i18n_: i18n_
                 })));
@@ -3166,7 +3274,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, $cV3wj$FilterIcon), {})), (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, $b9bf7fce0ae60241$export$28f6150e232898de), {})), (0, $cV3wj$escape)(i18n_.filters_()), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $0b6bc2f8309efa8a$export$e5c2828934226505), {
                     expanded_: filters_expanded,
                     i18n_: i18n_
                 })));
@@ -3338,6 +3446,21 @@ 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">',
@@ -3377,112 +3500,114 @@ 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_  }) {
-    // @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 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 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
             });
-            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_,
+        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_
-            };
-            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;
-                }
             });
-            (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))));
+        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$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)));
+                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, {});
         }
-    })();
+    });
 }
 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]());
@@ -3494,17 +3619,17 @@ function $cdea4cf8c5c071ef$var$OpenFiltersButton({ i18n_: i18n_ , search_filters
         get children () {
             return (0, $cV3wj$ssr)($cdea4cf8c5c071ef$var$_tmpl$4, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrStyle)(filters_closed() ? `` : `opacity:0`), (0, $cV3wj$escape)(num_selected_filters()));
         }
-    })), (0, $cV3wj$ssrAttribute)("tabindex", (0, $cV3wj$escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition"}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $cV3wj$ssrStyle)(filter_button_width_?.() ? {
+    })), (0, $cV3wj$ssrAttribute)("tabindex", (0, $cV3wj$escape)(tabindex_, true), false), `${!filters_closed() ? "major" : ""} ${filters_closed() ? "minor" : ""}${"filter toggle-button major-minor-transition" + ((0, $cV3wj$isServer) ? " minor" : "")}`, (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)((filters_closed() ? i18n_.open_filters_ : i18n_.close_filters_)(), true), false), (0, $cV3wj$ssrStyle)(filter_button_width_?.() ? {
         width: filter_button_width_() + "px"
     } : {}), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $cV3wj$Show), {
         get when () {
             return filters_closed();
         },
         get fallback () {
-            return (0, $cV3wj$createComponent)((0, $cV3wj$MinusIcon), {});
+            return (0, $cV3wj$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
         },
         get children () {
-            return (0, $cV3wj$createComponent)((0, $cV3wj$FilterIcon), {});
+            return (0, $cV3wj$createComponent)((0, $b9bf7fce0ae60241$export$28f6150e232898de), {});
         }
     })), (0, $cV3wj$escape)(i18n_.filter_text_()));
 }
@@ -3521,10 +3646,10 @@ function $cdea4cf8c5c071ef$var$OpenSortingButton({ i18n_: i18n_ , get_current_so
             return sorting_closed();
         },
         get fallback () {
-            return (0, $cV3wj$createComponent)((0, $cV3wj$MinusIcon), {});
+            return (0, $cV3wj$createComponent)((0, $11d594c749b76228$export$cb808a3c41736d8e), {});
         },
         get children () {
-            return get_current_sorting_()?.order === "asc" ? (0, $cV3wj$createComponent)((0, $cV3wj$SortIconAsc), {}) : (0, $cV3wj$createComponent)((0, $cV3wj$SortIconDesc), {});
+            return get_current_sorting_()?.order === "asc" ? (0, $cV3wj$createComponent)((0, $e1bb71e65e01a3a0$export$da32f7add8a22e86), {}) : (0, $cV3wj$createComponent)((0, $05fbe84eb34564ec$export$d10e63059ddb9fd4), {});
         }
     })));
 }
@@ -3641,6 +3766,21 @@ 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="',
@@ -3653,6 +3793,7 @@ 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), {
@@ -3735,7 +3876,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, $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), {})));
+    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), {})));
 }
 
 
@@ -3984,7 +4125,7 @@ const $06edf3aec9073663$var$_tmpl$ = [
     ">",
     "</a>"
 ];
-function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , slider_arrow_button_: slider_arrow_button_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
+function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklinks_data_ , router_: router_ , current_query_id_: current_query_id_ , breadcrumb_data_: breadcrumb_data_ , i18n_: i18n_  }) {
     let scrolling_logic_ran_for_query_id = false;
     let last_scroll_position;
     let scroll_to_element_on_dom_insertion;
@@ -4040,7 +4181,6 @@ function $06edf3aec9073663$export$466cdc317043f6cb({ quicklinks_data_: quicklink
         get children () {
             return (0, $cV3wj$ssr)($06edf3aec9073663$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$ssrAttribute)("aria-label", (0, $cV3wj$escape)(i18n_.quicklinks_aria_label_(), true), false), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
                 faded_opacity_: 0.5,
-                button_: slider_arrow_button_,
                 mutation_plugins_: mutation_plugins,
                 slider_ref_: (slider)=>{
                     const { insert_here: insert_here , intersecting_items_object: intersecting_items_object  } = slider;
@@ -4387,6 +4527,7 @@ function $a1c4da51ff91dd01$var$clear_if_opened_new_tab_with_sideways_url_params_
 
 
 
+
 const $df5d81d0fe61ff21$var$_tmpl$ = [
     "<div",
     ' class="product-count"><!--#-->',
@@ -4412,7 +4553,7 @@ const $df5d81d0fe61ff21$var$_tmpl$ = [
     "<!--/--><!--#-->",
     "<!--/--></div>"
 ];
-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_  }) {
+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_ , 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;
     let only_show_filters_opener_;
     let middle_elements_;
@@ -4559,12 +4700,13 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     (0, $cV3wj$createRenderEffect)((0, $cV3wj$catchify)(async ()=>{
         const slim = is_slim_();
         const only_show_filters_opener = only_show_filters_opener_?.();
+        const owner = (0, $cV3wj$getOwner)();
         await set_results_filters(); // remove elements, wait one microtask for updates to have been committed to the DOM, otherwise we'd try to do illegal DOM operations
         // signals can't be read reactively anymore after the await FYI
-        set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
-            results_for,
-            filters_opener
-        ] : (0, $cV3wj$ssr)($df5d81d0fe61ff21$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener)));
+        (0, $cV3wj$runWithOwner)(owner, ()=>set_results_filters(slim ? only_show_filters_opener ? filters_opener : [
+                results_for,
+                filters_opener
+            ] : (0, $cV3wj$ssr)($df5d81d0fe61ff21$var$_tmpl$3, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener))));
     }));
     (0, $fc5a12f3a857ca30$export$e702733a056c40d6)({
         selected_filters_: selected_filters_,
@@ -4583,7 +4725,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
     get_breadcrumb_accessor_?.(crumb_data_);
     get_quicklinks_accessor_?.(quicklinks_data_);
     return [
-        document.createComment("Category page based on Depict SDK"),
+        (0, $cV3wj$isServer) ? "<!-- 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 () {
@@ -4600,7 +4742,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                     quicklinks_data_: quicklinks_data_,
                     current_query_id_: query_id_,
                     router_: router_,
-                    slider_arrow_button_: slider_arrow_button_,
                     breadcrumb_data_: crumb_data_,
                     i18n_: i18n_
                 });
@@ -4618,7 +4759,6 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
                             i18n_: i18n_,
                             selected_filters_: selected_filters_,
                             local_filter_cache_: local_filter_cache_,
-                            slider_arrow_button_: slider_arrow_button_,
                             search_filters_open_: category_filters_open_,
                             search_sorting_open_: category_sorting_open_,
                             number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -4685,7 +4825,7 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({ depict_api_: depict_api_ ,
 
 let $90980bd87c9960f9$var$has_ran = false;
 function $90980bd87c9960f9$export$5162a71f252e6122() {
-    if ($90980bd87c9960f9$var$has_ran) return;
+    if ($90980bd87c9960f9$var$has_ran || typeof history !== "object") return;
     $90980bd87c9960f9$var$has_ran = true;
     for (const function_name of [
         "replaceState",
@@ -4791,8 +4931,7 @@ function $c16e74cfe125bb05$export$f091cbac892643a4(obj) {
 
 function $16b52438165aafe2$export$23fca46f3143581f(component, error_message) {
     const component_in_error_boundary = (do_with_elements)=>{
-        // @ts-ignore
-        return (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
+        const error_boundary_wrapped = (0, $b7436a6d1fd64e3b$export$b69d0d92862de18b)({
             severity_: "error",
             message_: error_message,
             get children () {
@@ -4800,7 +4939,12 @@ 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)=>{
@@ -4830,7 +4974,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)(location.href);
+    const [get_current_href, set_current_href] = (0, $cV3wj$createSignal)(globalThis?.location?.href ?? "https://example.com");
     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;
@@ -4966,7 +5110,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
-            history.replaceState(new_state, "");
+            globalThis?.history?.replaceState(new_state, "");
         },
         /**
      * Call this to change the URL
@@ -5008,6 +5152,7 @@ class $4fd2ba03703a7d92$export$7e1297a3a19f10d8 {
 }
 
 
+
 const $961b5c64bef4662f$var$_tmpl$ = [
     "<div",
     ' class="depict plp category">',
@@ -5058,7 +5203,8 @@ 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) throw new Error("You can only have one instance of DepictCategory due to state limitations");
+            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");
             $961b5c64bef4662f$export$f34314aa9505732e.#has_been_constructed = true;
             Object.assign(this, props_on_class); // set initial signal values
             (0, $90980bd87c9960f9$export$5162a71f252e6122)();
@@ -5086,11 +5232,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
                 router_: this.#router,
                 selected_filters_: selected_filters_,
                 current_sorting_: current_sorting_,
-                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-                slider_arrow_button_: (0, $cV3wj$GenericSliderArrowButton)({
-                    height_: 12,
-                    width_: 6.46
-                })
+                sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
             });
         });
     }
@@ -5104,7 +5246,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
         grid_spacing: grid_spacing.horizontal
     };
     return (0, $16b52438165aafe2$export$23fca46f3143581f)(()=>{
-        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , slider_arrow_button_: slider_arrow_button_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
+        const { state_: { category_local_filter_cache: local_filter_cache_ , category_filters_open: category_filters_open_ , category_sorting_open: category_sorting_open_ , category_expanded_filters: expanded_filters_ , category_expanded_hierarchical_filters: expanded_hierarchical_filters_ , category_scroll_restoration_data: scroll_restoration_data_  } , current_sorting_: current_sorting_ , selected_filters_: selected_filters_ , reset_history_state_: reset_history_state_ , depict_api_: depict_api_ , i18n_: i18n_ , router_: router_ , breadcrumb_signal_: breadcrumb_signal_ , quicklinks_signal_: quicklinks_signal_ , sideways_filter_clearing_flag_: sideways_filter_clearing_flag_  } = shared_properties;
         (0, $cV3wj$onCleanup)(reset_history_state_);
         return (0, $df5d81d0fe61ff21$export$f7d2f673fc2f091d)({
             tenant_: ()=>depict_category.merchant,
@@ -5123,7 +5265,6 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e({ depict_category: depict_cat
             get_quicklinks_accessor_: (accessor)=>(0, $cV3wj$createComputed)(()=>quicklinks_signal_[1](accessor())),
             category_filters_open_: category_filters_open_,
             category_sorting_open_: category_sorting_open_,
-            slider_arrow_button_: slider_arrow_button_,
             expanded_filters_: expanded_filters_,
             expanded_hierarchical_filters_: expanded_hierarchical_filters_,
             selected_filters_: selected_filters_,
@@ -5150,7 +5291,7 @@ function $961b5c64bef4662f$export$5b7c3ce0ebe51f86({ depict_category: depict_cat
     });
 }
 function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_category  }) {
-    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_ , slider_arrow_button_: slider_arrow_button_  } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
+    const { i18n_: i18n_ , quicklinks_signal_: [quicklinks_data_] , breadcrumb_signal_: [breadcrumb_data_] , router_: router_  } = $961b5c64bef4662f$var$get_shared_properties(depict_category);
     return (0, $cV3wj$createComponent)($961b5c64bef4662f$var$InExternalAreaDiv, {
         get children () {
             return (0, $06edf3aec9073663$export$466cdc317043f6cb)({
@@ -5158,7 +5299,6 @@ function $961b5c64bef4662f$export$de035477d6fef996({ depict_category: depict_cat
                 quicklinks_data_: quicklinks_data_,
                 router_: router_,
                 current_query_id_: ()=>depict_category.category_id,
-                slider_arrow_button_: slider_arrow_button_,
                 breadcrumb_data_: breadcrumb_data_
             });
         }
@@ -5290,9 +5430,9 @@ const $a79d86d64fb64e8e$export$824dde41348efed1 = /*@__PURE__*/ (()=>{
 
 const $5c5f95951393e5d1$var$TEN_MINUTES = 600000;
 const $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS = 86400000;
-async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
+async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market, type) {
     let localstorage_value;
-    const localstorage_key = `depict_categories_` + market;
+    const localstorage_key = `depict_${tenant}_${type ?? "categories"}_` + market;
     try {
         const in_ls = localStorage[localstorage_key];
         if (in_ls) localstorage_value = JSON.parse(in_ls);
@@ -5308,7 +5448,7 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
         return stored_queries;
         else if (age < $5c5f95951393e5d1$var$TWENTY_FOUR_HOURS) {
             // if younger than a day, return stored value but still trigger re-fetch, so we have fresh data next page load (stale data this one but never a delay)
-            $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key).catch((e)=>(0, $cV3wj$report)([
+            $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type).catch((e)=>(0, $cV3wj$report)([
                     e,
                     "couldn't fetch categories"
                 ], "warning"));
@@ -5316,10 +5456,10 @@ async function $5c5f95951393e5d1$export$643598a327b5833e(tenant, market) {
         }
     // else: we are older and just fetch, store and return new queries
     }
-    return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key);
+    return await $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type);
 }
-async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key) {
-    const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market);
+async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market, localstorage_key, type) {
+    const new_categories = await $5c5f95951393e5d1$var$download_categories(tenant, market, type);
     try {
         localStorage[localstorage_key] = JSON.stringify({
             updated: +new Date(),
@@ -5333,12 +5473,15 @@ async function $5c5f95951393e5d1$var$fetch_and_store_categories(tenant, market,
     }
     return new_categories;
 }
-async function $5c5f95951393e5d1$var$download_categories(tenant, market) {
+async function $5c5f95951393e5d1$var$download_categories(tenant, market, type) {
     const fetched = await (0, $cV3wj$fetch_retry)((0, $cV3wj$base_url) + "/v2/product-listing/queries", {
         method: "POST",
         body: JSON.stringify({
             tenant: tenant,
-            market: market
+            market: market,
+            ...type ? {
+                type: type
+            } : {}
         })
     });
     if (!fetched) return [];
@@ -5447,6 +5590,31 @@ 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"',
@@ -5479,9 +5647,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, $cV3wj$BackIcon), {})));
+            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), {})));
         }
-    })), `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), {})));
+    })), `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), {})));
 }
 
 
@@ -5669,7 +5837,7 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({ selected_filters_: selected
 
 
 function $21f51c14cb3f586f$export$84bba84a7b837187(read_search_query) {
-    const ls = localStorage;
+    const ls = globalThis?.localStorage || {};
     const key = "depict_searches";
     const previous_searches = (0, $cV3wj$createSignal)(JSON.parse(ls[key] || "[]"));
     const [read_previous_searches, write_previous_searches] = previous_searches;
@@ -5917,7 +6085,6 @@ 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));
@@ -5936,6 +6103,18 @@ 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">',
@@ -5980,7 +6159,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, $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), {})));
+                    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), {})));
                 }
             })));
         }
@@ -6000,7 +6179,6 @@ function $7ad3a93cbe6fa208$export$a146ac6fa8346a25({ text_: text_ , previous_sea
 
 
 
-
 const $f3213c0640246d58$var$_tmpl$ = [
     "<span",
     ' class="highlighted-part">',
@@ -6060,6 +6238,8 @@ function $f3213c0640246d58$export$ba17c5b7e6dda39f({ whole_text_to_display_: who
 }
 
 
+
+
 const $cea52f6b24092f05$var$_tmpl$ = [
     "<a",
     ' class="',
@@ -6116,10 +6296,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, $cV3wj$SearchIcon), {})));
+                    return (0, $cV3wj$ssr)($cea52f6b24092f05$var$_tmpl$2, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $16f0ed5ea30d8d9c$export$82eafebb825fc23f), {})));
                 },
                 get children () {
-                    return (0, $cV3wj$createComponent)((0, $cV3wj$PreviousSearchIcon), {});
+                    return (0, $cV3wj$createComponent)((0, $694b7f90501fea4c$export$5d2caaa6b530761c), {});
                 }
             }),
             (0, $cV3wj$createComponent)((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
@@ -6747,7 +6927,7 @@ const $793905995512612d$var$_tmpl$ = [
     ' class="category-suggestion">',
     "</div>"
 ];
-function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children , slider_arrow_button_: slider_arrow_button_  }) {
+function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_ , children: children  }) {
     const category_suggestions_ = (0, $cV3wj$createMemo)(()=>suggestions_()?.suggestions.filter((s)=>s.type === "category"));
     return (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
         get when () {
@@ -6755,7 +6935,6 @@ function $793905995512612d$export$c05a196222ba1302({ suggestions_: suggestions_
         },
         get children () {
             return (0, $cV3wj$ssr)($793905995512612d$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)((0, $cV3wj$createComponent)((0, $f32e14878e75af51$export$6649caad96ef8870), {
-                button_: slider_arrow_button_,
                 faded_opacity_: 0.7,
                 get children () {
                     return (0, $cV3wj$createComponent)((0, $cV3wj$Show), {
@@ -6819,6 +6998,7 @@ function $f8c929beb82c512b$export$9dd50d35b9d94fdf({ get_search_query_: get_sear
 
 
 
+
 const $7097477c78a89208$var$_tmpl$ = [
     "<div",
     ' class="filter-results-for-one-row"><!--#-->',
@@ -6837,7 +7017,7 @@ const $7097477c78a89208$var$_tmpl$ = [
     "<!--/--></div>"
 ];
 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;
+    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_ , 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;
     const [get_sorting] = current_sorting_;
     const all_products_loaded_ = (0, $cV3wj$createSignal)(false);
     const [get_all_products_loaded, set_all_products_loaded] = all_products_loaded_;
@@ -6957,13 +7137,14 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_
     });
     const results_filters = (0, $cV3wj$createSignal)();
+    const owner = (0, $cV3wj$getOwner)();
     (0, $cV3wj$onCleanup)((0, $cV3wj$javascript_media_query)("(max-width:600px)", async ({ matches: matches  })=>{
         results_filters[1]();
         await new Promise((r)=>queueMicrotask(r));
-        results_filters[1](matches ? [
-            results_for,
-            filters_opener
-        ] : (0, $cV3wj$ssr)($7097477c78a89208$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener)));
+        (0, $cV3wj$runWithOwner)(owner, ()=>results_filters[1](matches ? [
+                results_for,
+                filters_opener
+            ] : (0, $cV3wj$ssr)($7097477c78a89208$var$_tmpl$, (0, $cV3wj$ssrHydrationKey)(), (0, $cV3wj$escape)(results_for), (0, $cV3wj$escape)(filters_opener))));
     }).remove);
     (0, $cV3wj$catchify)((0, $641bba2917fe862b$export$6e49da55e449af7c))({
         scroll_restoration_data_: scroll_restoration_data_,
@@ -6985,14 +7166,13 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
         (0, $d78eea1e8707dc2d$export$c7e181728ad525f)(location);
     });
     return [
-        document.createComment("Search page based on Depict SDK"),
+        (0, $cV3wj$isServer) ? "<!-- 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",
             get children () {
                 return (0, $cV3wj$createComponent)((0, $793905995512612d$export$c05a196222ba1302), {
                     suggestions_: suggestions,
-                    slider_arrow_button_: slider_arrow_button_,
                     children: make_category_suggestion_card_
                 });
             }
@@ -7010,7 +7190,6 @@ function $7097477c78a89208$export$a54ec244c8863715(opts) {
                             i18n_: i18n_,
                             selected_filters_: selected_filters_,
                             local_filter_cache_: local_filter_cache_,
-                            slider_arrow_button_: slider_arrow_button_,
                             search_filters_open_: search_filters_open_,
                             search_sorting_open_: search_sorting_open_,
                             number_of_rendered_selected_filters_items_: number_of_rendered_selected_filters_items_,
@@ -7129,6 +7308,7 @@ function $4ca91518c9a35379$export$828dcdd425fd3231(aligner) {
 
 
 
+
 const $806c97b931758897$var$_tmpl$ = [
     "<div",
     ' class="depict plp search">',
@@ -7150,7 +7330,8 @@ 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) throw new Error("You can only have one instance of DepictSearch");
+            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");
             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)({
@@ -7158,7 +7339,7 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
                 router_: this.#router
             });
             const [reset_history_state_, state_] = (0, $a8fa7302d6f93c0b$export$9862539c89138352)(()=>({
-                    search_field_value: new URLSearchParams(location.search).get(search_query_url_param_name_) ?? "",
+                    search_field_value: (globalThis?.location && new URLSearchParams(location.search).get(search_query_url_param_name_)) ?? "",
                     search_filters_open: false,
                     search_sorting_open: false,
                     search_expanded_filters: [],
@@ -7417,10 +7598,6 @@ 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, $cV3wj$GenericSliderArrowButton)({
-                height_: 12,
-                width_: 6.46
-            }),
             product_card_template_: product_card_template
         });
     }, "Entire SearchPage failed");
@@ -7790,4 +7967,4 @@ const $4690a06c8489dcd0$export$7bf543b9d9be2c22 = (0, $e4615ecd1849548f$export$b
 (0, $cV3wj$add_to_version_info)("ui", (0, $ec291e0010116877$export$83d89fbfd8236492));
 
 
-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};
+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};